.cat-title,
.cat-title-bg-smt {
  background-image: url(../../../products/images/cat-title-bg.jpg);
  color: #062274; }
  @media screen and (max-width: 890px) {
    .cat-title,
    .cat-title-bg-smt {
      color: #fff; } }

.pro-slider .pro-slider-content {
  margin-bottom: 1.5em; }

.pro-slider .pro-slider-item-pic {
  margin-bottom: 1.5em; }

.pro-slider .slick-list img {
  border-radius: 10px; }

.pro-slider .slick-prev,
.pro-slider .slick-next {
  z-index: 999;
  height: 51px;
  width: 51px; }
  @media screen and (max-width: 640px) {
    .pro-slider .slick-prev,
    .pro-slider .slick-next {
      height: 31px;
      width: 31px; } }

.pro-slider .slick-prev:before,
.pro-slider .slick-next:before {
  font-size: 49px;
  font-family: 'basicfont';
  font-weight: 900;
  color: #007F76;
  line-height: 1.0; }
  @media screen and (max-width: 640px) {
    .pro-slider .slick-prev:before,
    .pro-slider .slick-next:before {
      font-size: 29px; } }

.pro-slider .slick-prev:before,
.pro-slider [dir='rtl'] .slick-next:before {
  content: '\e90b'; }

.pro-slider .slick-next:before,
.pro-slider [dir='rtl'] .slick-prev:before {
  content: '\e90c'; }

.pro-slider .slick-prev {
  left: 0%; }

.pro-slider .slick-next {
  right: 0%; }

.pro-slider [dir='rtl'] .slick-prev {
  right: 0%;
  left: auto; }

.pro-slider [dir='rtl'] .slick-next {
  right: auto;
  left: 0%; }

.pro-slider .slick-dotted.slick-slider {
  margin-bottom: 0; }

.pro-slider .slick-dots {
  bottom: 0px;
  z-index: 9999;
  line-height: 1.0; }

.pro-slider .slick-dots li {
  margin: 0 7px; }
  @media screen and (max-width: 640px) {
    .pro-slider .slick-dots li {
      margin: 0 3px; } }

.pro-slider .slick-dotted.slick-slider {
  margin-bottom: 0; }

.pro-slider .slick-dots li button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f111';
  color: #EEF7F7;
  font-size: 16px; }
  @media screen and (max-width: 640px) {
    .pro-slider .slick-dots li button:before {
      font-size: 12px; } }

.pro-slider .slick-dots li button:hover:before,
.pro-slider .slick-dots li button:focus:before {
  color: #007F76; }

.pro-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #007F76; }

.pro-slider-main {
  text-align: left;
  background-image: url(../../../products/images/pro-slider-bg.jpg);
  background-repeat: repeat-x;
  background-position: top center;
  background-color: #C8E4E6;
  margin-top: -40px; }
  @media screen and (max-width: 890px) {
    .pro-slider-main {
      background-size: auto 100px;
      margin-top: -20px; } }
  .pro-slider-main .container-outliner-fluid,
  .pro-slider-main .container-outliner {
    padding-top: 0;
    padding-bottom: 0; }

.pro-slider-thumb {
  margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .pro-slider-thumb {
      margin-bottom: 0; } }
  .pro-slider-thumb .container-outliner {
    padding-top: 30px;
    padding-bottom: 0px; }
  .pro-slider-thumb .slick-track {
    padding-bottom: 45px; }
  .pro-slider-thumb .slick-list {
    margin-right: 60px;
    margin-left: 60px; }
    @media screen and (max-width: 640px) {
      .pro-slider-thumb .slick-list {
        margin-right: 35px;
        margin-left: 35px; } }
    .pro-slider-thumb .slick-list li {
      padding-right: 5px;
      padding-left: 5px; }
      .pro-slider-thumb .slick-list li:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); }

#idx-download {
  margin-top: -20px;
  background-image: url(../../../products/images/idx-download-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 640px) {
    #idx-download {
      margin-top: 0px; } }
  #idx-download .container-outliner {
    padding-top: 70px;
    padding-bottom: 70px; }
    @media screen and (max-width: 890px) {
      #idx-download .container-outliner {
        padding-top: 30px;
        padding-bottom: 30px; } }
  #idx-download .lead {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  #idx-download .item-list {
    margin-top: 0.6em;
    margin-right: -10px;
    margin-left: -10px; }
    @media screen and (max-width: 890px) {
      #idx-download .item-list {
        margin-right: 0px;
        margin-left: 0px; } }
    #idx-download .item-list li {
      float: left;
      padding: 5px 10px 0;
      width: 33.333%; }
      @media screen and (max-width: 890px) {
        #idx-download .item-list li {
          width: 100%;
          padding-right: 0px;
          padding-left: 0px; } }
    #idx-download .item-list a {
      width: 100%;
      min-width: auto; }