nav {
    display: block;
  }

  .dropup .caret,
  .prodnavbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
  }

  .dropup .dropdown-menu,
  .prodnavbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }

  @media (min-width: 992px) {
    .prodnavbar-right .dropdown-menu {
      right: 0;
      left: auto;
    }
    .prodnavbar-right .dropdown-menu-left {
      right: auto;
      left: 0;
    }
  }

  .prodnav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .prodnav>li {
    position: relative;
    display: block;
  }

  .prodnav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }

  .prodnav>li>a:hover,
  .prodnav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
  }

  .prodnav>li.disabled>a {
    color: #777;
  }

  .prodnav>li.disabled>a:hover,
  .prodnav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
  }

  .prodnav .open>a,
  .prodnav .open>a:hover,
  .prodnav .open>a:focus {
    background-color: #eee;
    border-color: #337ab7;
  }

  .prodnav .prodnav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }

  .prodnav>li>a>img {
    max-width: none;
  }

  .prodnav-tabs {
    border-bottom: 1px solid #ddd;
  }

  .prodnav-tabs>li {
    float: left;
    margin-bottom: -1px;
  }

  .prodnav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
  }

  .prodnav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
  }

  .prodnav-tabs>li.active>a,
  .prodnav-tabs>li.active>a:hover,
  .prodnav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
  }

  .prodnav-tabs.prodnav-justified {
    width: 100%;
    border-bottom: 0;
  }

  .prodnav-tabs.prodnav-justified>li {
    float: none;
  }

  .prodnav-tabs.prodnav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
  }

  .prodnav-tabs.prodnav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }

  @media (min-width: 992px) {
    .prodnav-tabs.prodnav-justified>li {
      display: table-cell;
      width: 1%;
    }
    .prodnav-tabs.prodnav-justified>li>a {
      margin-bottom: 0;
    }
  }

  .prodnav-tabs.prodnav-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
  }

  .prodnav-tabs.prodnav-justified>.active>a,
  .prodnav-tabs.prodnav-justified>.active>a:hover,
  .prodnav-tabs.prodnav-justified>.active>a:focus {
    border: 1px solid #ddd;
  }

  @media (min-width: 992px) {
    .prodnav-tabs.prodnav-justified>li>a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
    }
    .prodnav-tabs.prodnav-justified>.active>a,
    .prodnav-tabs.prodnav-justified>.active>a:hover,
    .prodnav-tabs.prodnav-justified>.active>a:focus {
      border-bottom-color: #fff;
    }
  }

  .prodnav-pills>li {
    float: left;
  }

  .prodnav-pills>li>a {
    border-radius: 4px;
  }

  .prodnav-pills>li+li {
    margin-left: 2px;
  }

  .prodnav-pills>li.active>a,
  .prodnav-pills>li.active>a:hover,
  .prodnav-pills>li.active>a:focus {
    color: #fff;
    background-color: #337ab7;
  }

  .prodnav-stacked>li {
    float: none;
  }

  .prodnav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
  }

  .prodnav-justified {
    width: 100%;
  }

  .prodnav-justified>li {
    float: none;
  }

  .prodnav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
  }

  .prodnav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }

  @media (min-width: 992px) {
    .prodnav-justified>li {
      display: table-cell;
      width: 1%;
    }
    .prodnav-justified>li>a {
      margin-bottom: 0;
    }
  }

  .prodnav-tabs-justified {
    border-bottom: 0;
  }

  .prodnav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
  }

  .prodnav-tabs-justified>.active>a,
  .prodnav-tabs-justified>.active>a:hover,
  .prodnav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd;
  }

  @media (min-width: 992px) {
    .prodnav-tabs-justified>li>a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
    }
    .prodnav-tabs-justified>.active>a,
    .prodnav-tabs-justified>.active>a:hover,
    .prodnav-tabs-justified>.active>a:focus {
      border-bottom-color: #fff;
    }
  }

  .tab-content>.tab-pane {
    display: none;
    visibility: hidden;
  }

  .tab-content>.active {
    display: block;
    visibility: visible;
  }

  .prodnav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .prodnavbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border-bottom: 2px solid #000;
  }

  @media (min-width: 992px) {
    .prodnavbar {
      border-radius: 0;
    }
  }

  @media (min-width: 992px) {
    .prodnavbar-header {
      float: left;
    }
  }

  .prodnavbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  }

  .prodnavbar-collapse.in {
    overflow-y: auto;
  }

  @media (min-width: 992px) {
    .prodnavbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      float: right;
    }
    .prodnavbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
      visibility: visible !important;
    }
    .prodnavbar-collapse.in {
      overflow-y: visible;
    }
    .prodnavbar-fixed-top .prodnavbar-collapse,
    .prodnavbar-static-top .prodnavbar-collapse,
    .prodnavbar-fixed-bottom .prodnavbar-collapse {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .prodnavbar-fixed-top .prodnavbar-collapse,
  .prodnavbar-fixed-bottom .prodnavbar-collapse {
    max-height: 340px;
  }

  @media (max-device-width: 480px) and (orientation: landscape) {
    .prodnavbar-fixed-top .prodnavbar-collapse,
    .prodnavbar-fixed-bottom .prodnavbar-collapse {
      max-height: 200px;
    }
  }

  .container>.prodnavbar-header,
  .container-fluid>.prodnavbar-header,
  .container>.prodnavbar-collapse,
  .container-fluid>.prodnavbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }

  @media (min-width: 992px) {
    .container>.prodnavbar-header,
    .container-fluid>.prodnavbar-header,
    .container>.prodnavbar-collapse,
    .container-fluid>.prodnavbar-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }

  .prodnavbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
  }

  @media (min-width: 992px) {
    .prodnavbar-static-top {
      border-radius: 0;
    }
  }

  .prodnavbar-fixed-top,
  .prodnavbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }

  @media (min-width: 992px) {
    .prodnavbar-fixed-top,
    .prodnavbar-fixed-bottom {
      border-radius: 0;
    }
  }

  .prodnavbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .prodnavbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
  }

  .prodnavbar-brand {
    float: left;
    background: url(../images/banner_logo.png) 0 0 no-repeat;
    width: 190px;
    height: 40px;
    display: block;
    margin:5px 0;
    font-size: 20px;
    font-weight: 200;
    color: #fff;
    text-indent: -9999px;
    position: relative;
  }

  .prodnavbar-brand:hover,
  .prodnavbar-brand:focus {
    text-decoration: none;
  }

  .prodnavbar-brand>img {
    display: block;
  }

  @media (min-width: 992px) {
    .prodnavbar>.container .prodnavbar-brand,
    .prodnavbar>.container-fluid .prodnavbar-brand {
      margin-left: -15px;
    }
  }

  .prodnavbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  .prodnavbar-toggle:focus {
    outline: 0;
  }

  .prodnavbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }

  .prodnavbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
  }

  @media (min-width: 992px) {
    .prodnavbar-toggle {
      display: none;
    }
  }

  .prodnavbar-nav {
    margin: 7.5px -15px;
  }

  .prodnavbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
  }

  @media (max-width: 991px) {
    .prodnavbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .prodnavbar-nav .open .dropdown-menu>li>a,
    .prodnavbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px;
    }
    .prodnavbar-nav .open .dropdown-menu>li>a {
      line-height: 20px;
    }
    .prodnavbar-nav .open .dropdown-menu>li>a:hover,
    .prodnavbar-nav .open .dropdown-menu>li>a:focus {
      background-image: none;
    }
  }

  @media (min-width: 992px) {
    .prodnavbar-nav {
      float: left;
      margin: 0;
    }
    .prodnavbar-nav>li {
      float: left;
    }
    .prodnavbar-nav>li>a {
      padding-top: 5px;
      padding-bottom: 15px;
    }
  }

  .prodnavbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  }

  @media (min-width: 992px) {
    .prodnavbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .prodnavbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .prodnavbar-form .form-control-static {
      display: inline-block;
    }
    .prodnavbar-form .input-group {
      display: inline-table;
      vertical-align: middle;
    }
    .prodnavbar-form .input-group .input-group-addon,
    .prodnavbar-form .input-group .input-group-btn,
    .prodnavbar-form .input-group .form-control {
      width: auto;
    }
    .prodnavbar-form .input-group>.form-control {
      width: 100%;
    }
    .prodnavbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .prodnavbar-form .radio,
    .prodnavbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .prodnavbar-form .radio label,
    .prodnavbar-form .checkbox label {
      padding-left: 0;
    }
    .prodnavbar-form .radio input[type="radio"],
    .prodnavbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0;
    }
    .prodnavbar-form .has-feedback .form-control-feedback {
      top: 0;
    }
  }

  @media (max-width: 991px) {
    .prodnavbar-form .form-group {
      margin-bottom: 5px;
    }
    .prodnavbar-form .form-group:last-child {
      margin-bottom: 0;
    }
  }

  @media (min-width: 992px) {
    .prodnavbar-form {
      width: auto;
      padding-top: 0;
      padding-bottom: 0;
      margin-right: 0;
      margin-left: 0;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
  }

  .prodnavbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .prodnavbar-fixed-bottom .prodnavbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .prodnavbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .prodnavbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .prodnavbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .prodnavbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  @media (min-width: 992px) {
    .prodnavbar-text {
      float: left;
      margin-right: 15px;
      margin-left: 15px;
    }
  }

  @media (min-width: 992px) {
    .prodnavbar-left {
      float: left !important;
    }
    .prodnavbar-right {
      float: right !important;
      margin-right: -15px;
    }
    .prodnavbar-right~.prodnavbar-right {
      margin-right: 0;
    }
  }

  .prodnavbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
  }

  .prodnavbar-default .prodnavbar-brand {
    color: #777;
  }

  .prodnavbar-default .prodnavbar-brand:hover,
  .prodnavbar-default .prodnavbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
  }

  .prodnavbar-default .prodnavbar-text {
    color: #777;
  }

  .prodnavbar-default .prodnavbar-nav>li>a {
    color: #777;
  }

  .prodnavbar-default .prodnavbar-nav>li>a:hover,
  .prodnavbar-default .prodnavbar-nav>li>a:focus {
    color: #333;
    background-color: transparent;
  }

  .prodnavbar-default .prodnavbar-nav>.active>a,
  .prodnavbar-default .prodnavbar-nav>.active>a:hover,
  .prodnavbar-default .prodnavbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
  }

  .prodnavbar-default .prodnavbar-nav>.disabled>a,
  .prodnavbar-default .prodnavbar-nav>.disabled>a:hover,
  .prodnavbar-default .prodnavbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
  }

  .prodnavbar-default .prodnavbar-toggle {
    border-color: #ddd;
  }

  .prodnavbar-default .prodnavbar-toggle:hover,
  .prodnavbar-default .prodnavbar-toggle:focus {
    background-color: #ddd;
  }

  .prodnavbar-default .prodnavbar-toggle .icon-bar {
    background-color: #888;
  }

  .prodnavbar-default .prodnavbar-collapse,
  .prodnavbar-default .prodnavbar-form {
    border-color: #e7e7e7;
  }

  .prodnavbar-default .prodnavbar-nav>.open>a,
  .prodnavbar-default .prodnavbar-nav>.open>a:hover,
  .prodnavbar-default .prodnavbar-nav>.open>a:focus {
    color: #555;
    background-color: #e7e7e7;
  }

  @media (max-width: 991px) {
    .prodnavbar-default .prodnavbar-nav .open .dropdown-menu>li>a {
      color: #777;
    }
    .prodnavbar-default .prodnavbar-nav .open .dropdown-menu>li>a:hover,
    .prodnavbar-default .prodnavbar-nav .open .dropdown-menu>li>a:focus {
      color: #333;
      background-color: transparent;
    }
    .prodnavbar-default .prodnavbar-nav .open .dropdown-menu>.active>a,
    .prodnavbar-default .prodnavbar-nav .open .dropdown-menu>.active>a:hover,
    .prodnavbar-default .prodnavbar-nav .open .dropdown-menu>.active>a:focus {
      color: #555;
      background-color: #e7e7e7;
    }
    .prodnavbar-default .prodnavbar-nav .open .dropdown-menu>.disabled>a,
    .prodnavbar-default .prodnavbar-nav .open .dropdown-menu>.disabled>a:hover,
    .prodnavbar-default .prodnavbar-nav .open .dropdown-menu>.disabled>a:focus {
      color: #555;
      background-color: transparent;
    }
  }

  .prodnavbar-default .prodnavbar-link {
    color: #777;
  }

  .prodnavbar-default .prodnavbar-link:hover {
    color: #333;
  }

  .prodnavbar-default .btn-link {
    color: #777;
  }

  .prodnavbar-default .btn-link:hover,
  .prodnavbar-default .btn-link:focus {
    color: #333;
  }

  .prodnavbar-default .btn-link[disabled]:hover,
  fieldset[disabled] .prodnavbar-default .btn-link:hover,
  .prodnavbar-default .btn-link[disabled]:focus,
  fieldset[disabled] .prodnavbar-default .btn-link:focus {
    color: #ccc;
  }

  .prodnavbar-inverse {
    background-color: #ffffff;
    border-color: #45b0f5;
  }

  .prodnavbar-inverse .prodnavbar-brand {
    color: #9d9d9d;
  }

  .prodnavbar-inverse .prodnavbar-brand:hover,
  .prodnavbar-inverse .prodnavbar-brand:focus {
    color: #fff;
    background-color: transparent;
  }

  .prodnavbar-inverse .prodnavbar-text {
    color: #ffffff;
  }

  .prodnavbar-inverse .prodnavbar-nav>li>a {
    color: black;
  }

  .prodnavbar-inverse .prodnavbar-nav>li>a:hover,
  .prodnavbar-inverse .prodnavbar-nav>li>a:focus {
    color: #45b0f5;
    background-color: transparent;
  }

  .prodnavbar-inverse .prodnavbar-nav>.active>a,
  .prodnavbar-inverse .prodnavbar-nav>.active>a:hover,
  .prodnavbar-inverse .prodnavbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808;
  }

  .prodnavbar-inverse .prodnavbar-nav>.disabled>a,
  .prodnavbar-inverse .prodnavbar-nav>.disabled>a:hover,
  .prodnavbar-inverse .prodnavbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
  }

  .prodnavbar-inverse .prodnavbar-toggle {
    border-color: #45b0f5;
  }

  .prodnavbar-inverse .prodnavbar-toggle:hover,
  .prodnavbar-inverse .prodnavbar-toggle:focus {
    background-color: #45b0f5;
  }

  .prodnavbar-inverse .prodnavbar-toggle .icon-bar {
    background-color: #45b0f5;
  }
.prodnavbar-inverse .prodnavbar-toggle:focus > .icon-bar,
.prodnavbar-inverse .prodnavbar-toggle:hover > .icon-bar {
  background-color: #ffffff;
}
  .prodnavbar-inverse .prodnavbar-collapse,
  .prodnavbar-inverse .prodnavbar-form {
    border-color: #0e406a;
  }

  .prodnavbar-inverse .prodnavbar-nav>.open>a,
  .prodnavbar-inverse .prodnavbar-nav>.open>a:hover,
  .prodnavbar-inverse .prodnavbar-nav>.open>a:focus {
    color: #45b0f5;
    background-color: #fff;
  }

  @media (max-width: 991px) {
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>.dropdown-header {
      border-color: #080808;
    }
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu .divider {
      background-color: #080808;
    }
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>li>a {
      color: #777;
    }
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>li>a:hover,
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>li>a:focus {
      color: #0099cc;
      background-color: transparent;
    }
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>.active>a,
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>.active>a:hover,
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>.active>a:focus {
      color: #fff;
      background-color: #080808;
    }
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>.disabled>a,
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>.disabled>a:hover,
    .prodnavbar-inverse .prodnavbar-nav .open .dropdown-menu>.disabled>a:focus {
      color: #444;
      background-color: transparent;
    }
  }

  .prodnavbar-inverse .prodnavbar-link {
    color: #9d9d9d;
  }

  .prodnavbar-inverse .prodnavbar-link:hover {
    color: #fff;
  }

  .prodnavbar-inverse .btn-link {
    color: #9d9d9d;
  }

  .prodnavbar-inverse .btn-link:hover,
  .prodnavbar-inverse .btn-link:focus {
    color: #fff;
  }

  .prodnavbar-inverse .btn-link[disabled]:hover,
  fieldset[disabled] .prodnavbar-inverse .btn-link:hover,
  .prodnavbar-inverse .btn-link[disabled]:focus,
  fieldset[disabled] .prodnavbar-inverse .btn-link:focus {
    color: #444;
  }

  .prodnav:before,
  .prodnav:after,
  .prodnavbar:before,
  .prodnavbar:after,
  .prodnavbar-header:before,
  .prodnavbar-header:after,
  .prodnavbar-collapse:before,
  .prodnavbar-collapse:after {
    display: table;
    content: " ";
  }

  .prodnav:after,
  .prodnavbar:after,
  .prodnavbar-header:after,
  .prodnavbar-collapse:after {
    clear: both;
  }
  /* Jumbotron Property */

  .jumbotron {
    margin-top: -20px;
    padding-top: 20px;
    background-color: #45b0f5;
    /*background:url(../images/jumbotron_image.png);*/
    background-attachment: scroll;
  }

  .jumbotron h1.featurette-heading {
    color: #ffffff;
    font-size: 30pt;
    font-weight: bold;
    text-align: center;
  }

  .jumbotron .featurette {
    color: #7d8c98;
  }

  .jumbotron .featurette ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }
  /* Legacy bullet image rule removed. */

  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
    color: #fcf8e3;
  }

  .jumbotron p.lead {
    text-align: center;
    color: #C0C0C0;
  }
  /* Footer Property */

  footer.product {
    background-color: #45b0f5;
    margin: 0;
    padding: 30px 20px;
    text-align: left;
    /*border-top: 1px solid #ffffff;*/
  }

  footer.product h3 {
    color: #ffffff;
    font-size: 18px;
  }

  footer.product p.footerlist {
    color: #ffffff;
    line-height: 180%;
  }

  footer.product p.footerlist a {
    color: #4c5259;
    text-decoration: none;
  }

  footer.product p.footerlist a:hover {
    color: #ffffff;
    text-decoration: none;
  }

  .leftmenu h4 {
    font: 700 18px/26px "PT Sans", Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    color: #4c5259;
  }

  .small-grpdcs {
    display: block;
    font-size: 16px;
    margin-bottom: -11px
  }

  .leftmenu {
    padding: 0 30px 0 0;
    border-right: 1px dashed #d6d6d6;
    min-height: 300px
  }

  @media (max-width: 767px) {
    .leftmenu {
      display: none;
    }
  }

  .products-list {
    font-size: 14px;
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none
  }

  .products-list li {
    padding: 0 0 13px;
    border-bottom: 1px dashed #d6d6d6;
    margin-bottom: 10px;
    color: #979797
  }

  .products-list li:last-child {
    border-bottom: 0
  }

  .products-list a {
    color: #0087cb
  }

  .products-list a:hover {
    text-decoration: none;
    color: #53bbf0
  }

  .products-list .small-grpdcs {
    display: block;
    font-size: 13px;
    margin-bottom: 0
  }

  @media (min-width: 768px) {
    .content-products {
      padding: 0 0 0 30px;
    }
  }

  .priceplan {
    text-align: center
  }

  .panel-body h2.featurette-heading-doc {
    color: #0070bf;
    font-weight: bold;
  }

  .productsintroduction {
    font-size: 15px;
    text-align: center;
    margin-top: 30px;
  }

  .text-muted {
    color: #797979;
    line-height: 28px;
  }

  .text-lightmute {
    color: #cdcdcd;
  }

  h2 {
    font-size: 25px;
  }

  p {
    font-size: 14px;
    line-height: 25px;
  }

  h3 {
    font-size: 20px;
  }

  .text-lightblue {
    color: #6ac0fc;
  }

  .text-darkblue {
    color: #0099cc;
  }

  .options {
    background-color: #fafafa;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /*list design*/

  li {
    line-height: 25px;
    font-size: 15px;
  }

  .listcheck li {
    list-style-type: none !important;
    list-style-image: none !important;
    margin: 5px 0px 5px 0px !important;
    position: relative;
    padding-left: 20px;
  }

  .listcheck li:after,
  .listcheck li:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    height: 11px;
    width: 4px;
    background: #00BB11;
    border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }

  .listcheck li:before {
    top: 8px;
    left: 3px;
    height: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }

  .listcross li {
    list-style-type: none !important;
    list-style-image: none !important;
    margin: 5px 0px 5px 0px !important;
    position: relative;
    padding-left: 30px;
    padding-right: 15px;
  }

  .listcross li:before,
  .listcross li:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 3px;
    height: 3px;
    width: 12px;
    background: #eb3838;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }

  .listcross li:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }

  .listcircle li {
    list-style-type: none !important;
    list-style-image: none !important;
    margin: 5px 0px 5px 0px !important;
  }

  .listcircle li {
    position: relative;
    padding-left: 30px;
    padding-right: 15px;
  }

  .listcircle li:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 30px;
    height: 12px;
    width: 12px;
    border: 3px solid #178fe5;
  }
  /*list design end*/

  .commonarea {
    padding-left: 30px;
    padding-right: 30px;
    line-height: 30px;
  }

  .productionlifecycle {
    padding-left: 15px;
    border-left: 3px solid #99c3c7
  }

  .btmlink a:hover {
    color: #fff !important;
  }

  .btmlink a:link {
    color: #fff !important;
  }

  .btmlink a:visited {
    color: #fff !important;
  }

  .galileotop {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .kongtop {
    background-color: #022740;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .gelatotop {
    background-color: #465159;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .markettop {
    background-color: #011928;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .getstarted {
    background-color: #22292e;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 40px;
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .boxcontainer {
    border-style: solid;
    border-width: 1px;
    padding: 10px 5px 10px 5px;
    width: 300px;
  }

  .boxcontainer:hover {
    border-color: #00CED1;
    text-decoration: none;
  }

  p.customerlist {
    color: #005999;
    font-weight: bold;
    font-size: 20px;
  }

  p.price {
    color: #005999;
    font-weight: bold;
    font-size: 28px;
  }

  .table_dangertop {
    text-align: center;
    padding: 15px;
  }

  .table_infotop {
    text-align: center;
    padding: 15px;
  }

  .priceback {
    background-color: #F5FFFA
  }

  .jumbotron_light {
    margin-top: -20px;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #f1f1f1;
  }

  .row_docs {
    border-style: solid;
    border-width: 1px;
    padding: 10px 5px 10px 5px;
    margin: 10px 5px 10px 5px;
  }

  .row_docs:hover {
    border-color: #00CED1;
    text-decoration: none;
  }

  .featuretitle {
    color: #005999;
  }

  p.featurecontent {
    font-size: 15px;
    color: #666;
    font-weight: bold;
  }

  .pluginbox {
    height: 222px;
    text-align: center;
    padding: 15px;
    padding-top: 20px;
    line-height: 20px;
    border: 1px solid #e8e8e8;
    margin: 20px;
    border-radius: 15px;
  }

  .btn-white {
    min-width: 200px;
    color: #b6b6b6;
    background-color: rgba(255, 255, 255, 0.18);
    border-color: #ccc;
    padding: 12px 15px;
    margin: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 3px;
    font-weight: 600;
    border: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }

  .btn-white:hover {
    color: #ffffff;
  }

  .btn-green-trans {
    color: #fff;
    background-color: transparent;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: 3px;
    font-weight: 600;
    border: 3px solid #fff;
    width: 200px;
    margin: 15px;
  }

  .btn-green-trans:hover {
    color: #00BB11;
    background-color: #fff;
    border: 3px solid #00BB11;
  }

  .btn-blue-trans {
    color: #fff;
    background-color: transparent;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: 3px;
    font-weight: 600;
    border: 3px solid #fff;
    width: 200px;
    margin: 15px;
  }

  .btn-blue-trans:hover {
    color: #45b0f5;
    background-color: #fff;
    border: 3px solid #45b0f5;
  }

  .btn-blue-trans2 {
    color: #fff;
    background-color: #45b0f5;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: 3px;
    font-weight: 600;
    border: 3px solid #45b0f5;
    width: 200px;
    margin: 15px;
  }

  .btn-blue-trans2:hover {
    color: #45b0f5;
    background-color: #fff;
    border: 3px solid #45b0f5;
  }

    .btn-blue {
    color: #fff;
    background-color: #289ae4;
    border-radius: 3px;
    border: 3px solid #289ae4;
    max-width: 200px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  }

  .btn-blue:hover {
    color: #fff;
    background-color: #318fcc;
    border: 3px solid #318fcc;
  }

  .btn-green {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #5cb85c;
    border-color: #3eae3e;
    font-weight: bold;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    }

    .btn-green:hover {
    background-color: #3eae3e;
    border-color: #3eae3e;
    color: #ffffff;
    }

  .jumbotron span.text-lightmute {
    font-size: 15px;
    line-height: 25px;
  }

  @media(max-width:576px) {
    .jumbotron h1.featurette-heading {
      color: #ffffff;
      font-size: 25pt;
      font-weight: bold;
      text-align: center;
      padding: 10px;
      line-height: 150%;
      /*text-shadow: 2px 2px #5dabcf;*/
    }
  }

  .wide-margin {
    margin-right: 10px;
  }

  .pricebox {
    height: 746px;
  }

  #header {
    width: 100%;
    margin: 0 auto;
  }

  .bottom-attached {
    padding-bottom: 0px;
  }

  .right-attached {
    padding-bottom: 0px;
    padding-right: 0px;
  }

  .main {
    padding: 15px;
  }

  .videomatchheight {
    min-height: 110px
  }
  /* Legacy pricing background removed. */
  @media(min-width:992px) {
    .rightborderbox {
      display: block;
      padding-top: 30px;
      padding-bottom: 30px;
      text-align: center;
      border-right: 2px solid rgba(255, 255, 255, 0.1);
    }
  }

  @media(max-width:992px) {
    .rightborderbox {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      padding: 20px 5px 15px 5px;
    }
  }

  .jumbotron hr.featurette-devider {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
  }

  .bg-lightgrey {
    background-color: #fafafa;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 25px;
  }

  .bg-blue {
    padding: 30px 15px 48px 15px;
    background-color: #003b69;
    color: #c8c8c8;
  }

  table.table.table-bordered.platform td {
    line-height: 25px;
  }

  .bg-lightgrey span.text-muted {
    padding: 0px 25px 0px 25px;
  }

  .lowerpara span {
    margin-right: 25px;
  }

  .jumbotron h1.heading {
    color: #ffffff;
    font-size: 30pt;
  }

  div.col-md-4.topbox {
    padding-bottom: 25px;
  }

  h2.topbox {
    color: white;
  }

  .scr {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 80px;
    background-color: #FAFAFA;
    padding: 15px;
    text-align: left;
  }

  dd {
    border-bottom: 1px dashed #8c8b8b;
  }

  div.button {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
  }

  .nav-pills>li.active>a,
  .nav-pills>li.active>a:hover,
  .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #337ab7;
  }

  .nav-pills {
    margin-bottom: 0;
    border-bottom: 2px solid #337ab7;
  }

  .nav-pills>li>a {
    background-color: #ebebeb;
  }

  .nav>li>a {
    position: relative;
    display: block;
    padding: 5px 15px;
    margin: 1px 2px;
  }

  .nav-pills>li.active>a:hover {
    background-color: #73b6ff;
  }

  table.overview {
    margin-top: 20px;
  }

  l_page_link {
    background-color: #f5f5f5;
    padding: 1px;
    margin: 0em 0em 22px;
  }

  .tab-content>.active {
    display: block;
    visibility: visible;
  }

  .xl_page_link {
    background-color: #f5f5f5;
    padding: 1px;
    margin: 0em 0em 22px;
  }

  .listcheck li {
    list-style-type: none !important;
    list-style-image: none !important;
    margin: 5px 0px 5px 0px !important;
    position: relative;
    padding-left: 20px;
  }

  .listcheck li:after,
  .listcheck li:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    height: 11px;
    width: 4px;
    background: #00BB11;
    border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }

  .listcheck li:before {
    top: 8px;
    left: 3px;
    height: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }

  table.table-border {
    border: 1px solid #ddd;
  }

  h3.xl_h2 {
    color: #0993e2;
    font-weight: bold;
  }

  .xl_doc_name {
    font-weight: bold;
  }

  .nav-justified>li>a,
  .nav-justified>li>a:hover,
  .nav-justified>li>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
  }

  .nav-justified>li>a:hover {
    background-color: #337ab7;
    color: #fff;
  }

  .nav-justified>li.active>a:hover {
    background-color: #337ab7;
    color: #fff;
  }

  h2.jprofileroverview {
    color: #0993e2;
  }

  .overview {
    padding: 15px;
  }

  h4.jprofileroverview {
    color: #0993e2;
  }

  h3.headertext {
    padding: .25em 0 .3em .5em;
    margin-top: 20px;
    margin-bottom: 15px;
    border-left: 5px solid #1FAECE;
    border-bottom: 2px solid #ddd;
  }

  h2.headertext {
    padding: .25em 0 .3em .5em;
    margin-top: 20px;
    margin-bottom: 15px;
    border-left: 5px solid #1FAECE;
    border-bottom: 2px solid #ddd;
  }

  .buttonindex {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #fff;
    color: #23cf3b;
    line-height: 50px;
    padding: 5px 30px;
  }

  .buttonindex:hover {
    background-color: #fff;
    border-color: #23cf3b;
    color: #23cf3b;
    text-decoration: none;
  }

  .buttonindex::before,
  .buttonindex::after {
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #333;
  }

  .buttonindex::before {
    right: 0;
  }

  .buttonindex::after {
    left: 0;
  }

  .buttonindex:hover::before,
  .buttonindex:hover::after {
    width: 0;
    background-color: #59b1eb;
  }

  #popup-background {
    position: fixed;
    /* 位置の固定 */
    top: 0;
    /* 表示位置 */
    left: 0;
    /* 表示位置 */
    height: 100%;
    /* 画面全体に表示 */
    width: 100%;
    /* 画面全体に表示 */
    background: #000;
    /* 背景色 */
    opacity: 0.60;
    /* 透明度 */
    margin: 0;
    /* 余白の削除 */
    padding: 0;
    /* 余白の削除 */
    z-index: 1000;
    /* 要素のz座標 */
  }

  #popup-item {
    position: fixed;
    /* 位置の固定 */
    top: 50%;
    /* 表示位置(真ん中に表示) */
    left: 50%;
    /* 表示位置(真ん中に表示) */
    margin: 0;
    /* 余白の削除 */
    padding: 0;
    /* 余白の削除 */
    z-index: 1001;
    /* 要素のz座標 */
  }

  td.checkmiddle {
    vertical-align: middle;
  }

  .lightgreybg {
    margin: 10px 100px 45px 20px;
    background-color: #f1f1f1;
  }

  ul.listbullet li {
    list-style-image: url(../images/bullet.png);
  }

  ul.listbullet {
    padding-left: 20px;
  }

  .grey-bg {
    background-color: #eaeaea;
    padding-bottom: 30px;
    margin-top: 25px;
  }

/* ===================================================================
   Bootstrap 5 移行対応スタイル
   旧 Bootstrap 3 の float ベースのナビゲーションを Flexbox に修正
   =================================================================== */

/* prodnavbar の Bootstrap 5 対応 */
.prodnavbar {
  background-color: #ffffff;
  border-color: #45b0f5;
  border-bottom: 2px solid #45b0f5;
}

/* ナビゲーションリンク色 */
.prodnavbar .navbar-brand {
  background: url(../images/banner_logo.png) 0 0 no-repeat;
  width: 190px;
  height: 40px;
  display: block;
  margin: 5px 0;
  font-size: 20px;
  font-weight: 200;
  color: #fff;
  text-indent: -9999px;
}

.prodnavbar .nav-link {
  color: #333;
}

.prodnavbar .nav-link:hover,
.prodnavbar .nav-link:focus {
  color: #45b0f5;
  background-color: transparent;
}

/* デスクトップサイズでの Flexbox 対応 */
@media (min-width: 992px) {
  .prodnavbar .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
    flex-grow: 1 !important;
  }

  .prodnavbar .navbar-nav.prodnav {
    display: flex !important;
    flex-direction: row !important;
  }
}

/* ハンバーガーアイコン（白背景用のデフォルトアイコン） */
.prodnavbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2869, 176, 245, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* モバイル表示での縦書き防止 */
@media (max-width: 991.98px) {
  .prodnavbar .navbar-nav .nav-link {
    writing-mode: horizontal-tb;
    display: block;
  }
}

/* ===================================================================
   製品フッター (widefooter.inc) のカスタマイズ
   注意: 製品フッターの基本スタイルは ../../scripts/style_bs5.css で定義されています。
   =================================================================== */

footer.product {
  background-color: #1a2a3a;
  border-top: 5px solid #45b0f5;
  padding: 30px 0;
}

footer.product h3 {
  color: #45b0f5;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 15px;
}

footer.product .footerlist {
  color: #cccccc;
  font-size: 13px;
}

footer.product .footerlist a {
  color: #cccccc;
  text-decoration: none;
}

footer.product .footerlist a:hover {
  color: #45b0f5;
  text-decoration: underline;
}
/* Custom Hover Effects for UI Cards */
.hover-scale {
  transition: transform 0.3s ease-in-out;
}
.hover-scale:hover {
  transform: scale(1.05);
}

.jumbotron {
  background-image: linear-gradient(135deg, #1a2a3a 0%, #2a405a 100%);
  border-bottom: 5px solid #45b0f5;
}

/* Product Tab Custom Colors (Overrides BS5 default link color for inactive tabs) */
#productTabs .nav-link {
  color: #555;
  transition: all 0.2s ease-in-out;
}
#productTabs .nav-link:hover {
  background-color: #e9ecef;
  color: #333;
}
#productTabs .nav-link.active {
  color: #fff !important;
}