/*$color-site: #17082d;*/
/*$color-blue: #0082fa;*/
/*$color-light-blue: #8dd7e5;*/
/*$color-dark-blue: #161b23;*/
/*#region COLOR */
/*-------------------------------------
	1. text
-------------------------------------*/
.text-white {
  color: #fff !important;
}

.text-primary {
  color: #df0000 !important;
}

.text-point {
  color: #ffcf00 !important;
}

.text-secondry {
  color: #1a1a1a !important;
}

.text-black {
  color: #000 !important;
}

.text-gray {
  color: #f5f6f6 !important;
}

.text-gray-dark {
  color: #d3d3d3 !important;
}

.text-red {
  color: #99090A !important;
}

.text-green {
  color: #3db166 !important;
}

.text-yellow {
  color: #F1AB43 !important;
}

.text-light-blue {
  color: #6db079 !important;
}

.text-disable {
  color: #cccccc !important;
}

/*-------------------------------------
	2. background color
-------------------------------------*/
.bg-transparent {
  background-color: transparent !important;
}

.bg-primary {
  background-color: #df0000 !important;
}

.bg-point {
  background-color: #ffcf00 !important;
}

.bg-secondry {
  background-color: #1a1a1a !important;
}

.bg-white {
  background-color: #FFF !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-black-light {
  background-color: #212121 !important;
}

.bg-gray {
  background-color: #f5f6f6 !important;
}

.bg-gray-light {
  background-color: #f1f1f1 !important;
}

.bg-gray-dark {
  background-color: #d3d3d3 !important;
}

.bg-red {
  background-color: #99090A !important;
}

.bg-green {
  background-color: #3db166 !important;
}

.bg-blue {
  background-color: #84d693 !important;
}

.bg-yellow {
  background-color: #F1AB43 !important;
}

.bg-dark-blue {
  background-color: #004f2a !important;
}

.bg-light-blue {
  background-color: #6db079 !important;
}

/*-------------------------------------
	3. background image
-------------------------------------*/
.bg-parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 768px) {
  .bg-parallax {
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/*#endregion */
.site-section-heading:after {
  background: #df0000 !important;
}

.product-list .product-list-item {
  height: 430px;
  margin-bottom: 170px !important;
}
.product-list .product-list-item a {
  height: 430px;
  text-align: center;
}
.product-list .product-list-item a img {
  height: 430px;
  object-fit: cover;
}
.product-list .product-list-item .product-name {
  font-size: 24px;
  font-weight: 700;
}

.product-detail-spec img {
  max-width: 100%;
}

.download-icon {
  padding: 6px 20px;
  line-height: 25px;
  border-bottom: 1px dashed #ccc;
}
.download-icon a {
  color: #4d4d4d;
  font-weight: 500;
}
.download-icon a span img {
  width: 25px;
  height: 25px;
}

.site-section-heading {
  font-size: 2rem !important;
}

.owl-carousel {
  position: relative;
}

.owl-carousel.owl-drag .owl-item {
  height: 635px;
  text-align: center;
}
@media all and (min-width: 577px) {
  .owl-carousel.owl-drag .owl-item {
    width: 633px !important;
  }
}
.owl-carousel.owl-drag .owl-item img {
  height: 635px;
  object-fit: contain;
}

.owl-nav {
  position: absolute;
  width: 100%;
  top: 317.5px;
}
.owl-nav > div {
  display: inline-block;
}
.owl-nav .owl-next {
  float: right;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
  background-color: #fff;
  color: #343a40;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 40px;
}

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
  background-color: #343a40;
  color: #fff;
}

.owl-dots {
  text-align: center;
  margin-top: 10px;
}

.owl-dots .owl-dot {
  display: inline-block;
  margin: 5px;
  width: 10px;
  height: 10px;
  background: #ddd;
  border-radius: 50%;
  cursor: pointer;
}

.owl-dots .owl-dot.active {
  background: #000;
}