/**
 * jquery-bootstrap-scrolling-tabs
 * @version v2.2.1
 * @link https://github.com/mikejacobson/jquery-bootstrap-scrolling-tabs
 * @author Mike Jacobson <michaeljjacobson1@gmail.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
.scrtabs-tab-container * {
  box-sizing: border-box; }

.scrtabs-tab-container {
  height: 120px; /* height of nav */
  background: #999999;
  box-shadow: #777 0 5px 10px;
  display: flex;/*added by FC*/
   }
  .scrtabs-tab-container .tab-content {
    clear: left;
  }

.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row; }

.scrtabs-tabs-fixed-container {
  height: 158px ; /*42px;*/
  overflow: hidden;
  width: 100%; }

.scrtabs-tabs-movable-container {position: relative; }

.scrtabs-tabs-movable-container .tab-content { display: none; }

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {
  padding-right: 0; }

.scrtabs-tab-scroll-arrow {
  /*border: 1px solid #dddddd;*/
  border-top: none;
  color: ##005DAA;
  cursor: pointer;
  display: none;
  float: left;
  font-size: 32px;
  height: 158px ; /*42px;*/
  margin-bottom: -1px;
  padding-left: 2px;
  padding-top: 40px;
  width: 40px; }
  .scrtabs-tab-scroll-arrow:hover {
    background-color: none; /*added by FC*/
}

.scrtabs-tab-scroll-arrow.scrtabs-disable {
  color: #ddd;
  cursor: default; }

.scrtabs-tabs-fixed-container ul.nav-tabs > li {
  white-space: nowrap; }

/*.scrtabs-tabs-fixed-container ul.nav-tabs > li {
  float: none !important;
}

.nav-tabs {
  text-align: center;
}*/

/* further custom css 2021-07-27 */

 .nav-tabs,
.tab-content {
  /*display: none;*/

}

.tabbable .nav-tabs {
   overflow-x: auto;
   overflow-y:hidden;
   flex-wrap: nowrap;
}
.tabbable .nav-tabs .nav-link {
  white-space: nowrap;
}
ul.nav, ul.nav li{
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
/*customization added 7/29/21 F.C.*/

.nav-tabs>li {padding-top:10px!important;}

ul.nav {
  display: flex;
  justify-content: center;
  border-bottom: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#4D4D4D));
    background: -o-linear-gradient(#999999, #4D4D4D 0%);
    background: linear-gradient(#999999, #4D4D4D);
  border: 0;
}

.nav-tabs>li.active>a span.arrow {
  width: 100%;
    height: 35px;
    float: left;
    background: url(../png/curve01.png) no-repeat bottom center;
    position: absolute;
    bottom: -35px;
    left: 0;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: rgb(141,140,140, 0.5);
  color: #000!important;
  border-color:rgb(141,140,140, 0.5);
}

.tab-content>.active {padding: 15px;}

/*end customizations by FC*/

 ul.nav > li:before {
    content: '';
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -24px;
    top: -3px;
    font-size: 20px;
}
.product-tab ul.nav-tabs li .icon span {
    font-size: 45px;
  position:relative;
  top: 10px;
}
.nav-tabs .icon, .nav-tabs .main-nav-icon {
    border: 0;
    outline: 0;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-style: normal;
}
.nav-tabs li a {
  text-align:center;
  padding: 10px 15px 27px 15px;
  margin: -10px 8px 0px 8px;
}
.product-tab ul.nav-tabs li h2 {
    font-size: 18px;
    color: #FFFFFF;
    font-family: "din-regular", Arial, Helvetica, sans-serif;
    line-height: 22px;
    letter-spacing: -.2px;
  position:relative;
  top:20px;
}

.tab-content {
    margin: 30px auto 0 !Important;
    float: none;
    width: 100% !important;
    max-width: 1600px !important;
}
@media (min-width: 768px) {
  .tab-content {
      width: 750px;
  }
}
@media (min-width: 992px) {
  .tab-content {
      width: 970px;
  }
}

@media (min-width: 1200px) {
  .tab-content {
      width: 1170px;
  }
}
.tab-content {
    position: relative;
    margin-top: 30px !important;
}