.product-main {

  margin-top: 1.25rem;

  margin-bottom: 3.75rem; }

  .product-main .title_h {

    font-size: 1.75rem;

    font-family: SVG-Gotham;

    border-bottom: 3px solid #000;

    margin: 0;

    padding-bottom: 0.625rem; }

  .product-main .title_b {

    font-size: 1.875rem;

    font-family: SVG-Gotham;

    position: relative;

    z-index: 0; }

    .product-main .title_b:after {

      content: '';

      width: 6.875rem;

      height: 0.1875rem;

      position: absolute;

      z-index: 1;

      background: #ff0000;

      top: 100%;

      left: 50%;

      -webkit-transform: translateX(-50%);

      -moz-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

      -o-transform: translateX(-50%);

      transform: translateX(-50%); }

  .product-main .title_c a {

    font-size: 1.25rem; }

  .product-main .title_no_image {

    background: #b5b5b5;

    text-align: center;

    padding: 1.875rem 0; }

    .product-main .title_no_image a {

      color: #fff;

      font-size: 3.75rem; }



.box-cate-pro {

  position: relative;

  z-index: 0;

  height: 21.875rem;

  overflow: hidden; }

  .box-cate-pro:after {

    position: absolute;

    z-index: 1;

    background: #0000007a;

    content: '';

    top: 0;

    left: 0;

    bottom: 0;

    right: 0; }

  .box-cate-pro .box-img {

    width: 100%;

    height: 100%;

    display: block; }

    .box-cate-pro .box-img img {

      max-height: 21.6875rem;

      width: 100%; }

  .box-cate-pro .title {

    font-size: 3.75rem;

    position: absolute;

    z-index: 2;

    bottom: 1.875rem;

    left: 1.875rem; }

    .box-cate-pro .title a {

      color: #fff;

      text-decoration: none;

      font-family: SVG-Gotham; }

    .box-cate-pro .title:after {

      content: '';

      background: #fff;

      bottom: -11px;

      width: 16.875rem;

      height: 0.3125rem;

      position: absolute;

      z-index: 3;

      left: 0; }



.truck-advise {

  padding: 1.875rem 0;

  border-top: 0.1875rem #ff0000 solid;

  border-bottom: 0.1875rem #b5b5b5 solid; }

  .truck-advise .box-img {

    text-align: center; }



.box-products-new .box-title {

  display: flex;

  justify-content: space-between;

  align-items: baseline;

  border-bottom: #000 solid 0.1875rem; }

  .box-products-new .box-title .title {

    font-size: 1.875rem;

    font-family: SVG-Gotham;

    color: #000; }



.box-card-pro {

  padding: 0.9375rem 0.625rem; }

  .box-card-pro .box-img {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%; }

    .box-card-pro .box-img img {

      max-width: 9.375rem;

      max-height: 9.375rem; }

  .box-card-pro .rate-status {

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #b5b5b5;
    flex-wrap: wrap;
  }

    .box-card-pro .rate-status .number {

      margin-bottom: 0;

      font-size: 0.875rem;

      display: contents; }

  .box-card-pro .contact {

    font-size: 1.25rem;

    color: #ff0000; }



.product-main .row-fix {

  border-top-color: #d0d0d0;

  margin: 0; }

.product-main .col-fix {

  padding: 0; }

  .product-main .col-fix:nth-child(1) .box-card-pro, .product-main .col-fix:nth-child(2) .box-card-pro, .product-main .col-fix:nth-child(3) .box-card-pro, .product-main .col-fix:nth-child(4) .box-card-pro {

    border-top-color: #d0d0d0; }

  .product-main .col-fix:nth-child(4n) .box-card-pro {

    border-right-color: #d0d0d0; }

.product-main .box-card-pro {

  border: 1px solid #d0d0d0;
  
  border-top-color: transparent;

  border-right-color: transparent; }

.product-main .col-fix:last-child .box-card-pro {

  border-right-color: #d0d0d0; }

.box-img-pro {

  position: relative;

  z-index: 0; }

  .box-img-pro img {

    width: 100%;

    max-height: 6.25rem; }

  .box-img-pro .title {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 1.25rem;

    background: #ffffff85;

    display: flex !important;

    justify-content: center;

    align-items: center;

    border: 1px solid #ff0000;

    font-size: 1.25rem;

    color: #cf0000;

    font-family: SVG-Gotham;

    text-decoration: none;

    transition: all .3s; }

    .box-img-pro .title:hover {

      text-decoration: none !important;

      background: #7d7d7dbf;

      border-color: transparent;

      color: #ff0000;

      transition: all .3s; }



.list-pro {

  padding-bottom: 0.938rem;

  border-bottom: 1px solid #ccc; }



.form-search-pro {

  display: flex;

  justify-content: space-between;

  align-items: center; }

  .form-search-pro .box-title {

    display: flex;

    justify-content: space-between;

    align-items: center; }

    .form-search-pro .box-title .title {

      font-size: 1.125rem;

      position: relative;

      z-index: 0;

      margin-right: 7.5rem;

      margin-bottom: 0; }

      .form-search-pro .box-title .title:after {

        content: '\f105';

        font-family: fontawesome;

        bottom: -7px;

        font-size: 1.625rem;

        font-weight: 600;

        right: 0;

        position: absolute;

        z-index: 1;

        margin-right: -20px; }

  .form-search-pro .form-group {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border: 1px solid #000;

    overflow: hidden;

    border-radius: 10px; }

  .form-search-pro .form-control {

    border: 0;

    color: #000; }

    .form-search-pro .form-control::placeholder {

      color: #000; }

    .form-search-pro .form-control:focus {

      box-shadow: none; }



.detail_pro_2 .swiper-wrapper,

.detail_pro_1 .swiper-wrapper {

  height: auto; }



.detail_pro_1 .box-img {

  display: flex;

  justify-content: center;

  align-items: center;

  width: auto;

  height: auto; }

  .detail_pro_1 .box-img img {

    max-width: 27.25rem;

    max-height: 27.1875rem; }



.detail_pro_2 {

  margin: 0 3.125rem; }

  .detail_pro_2 .box-img-icon {

    width: 5.625rem;

    height: 5.625rem;

    border: transparent solid 2px;

    padding: 0.3125rem;

    display: flex;

    justify-content: center;

    align-items: center; }

    .detail_pro_2 .box-img-icon img {

      max-width: 5rem;

      max-height: 5rem;

      object-fit: cover; }

    .detail_pro_2 .box-img-icon:hover {

      -webkit-transition: all .25s;

      -moz-transition: all .25s;

      -ms-transition: all .25s;

      -o-transition: all .25s;

      transition: all .25s;

      border-color: #252525; }

      .detail_pro_2 .swiper-slide-thumb-active .box-img-icon{
        border: 2px solid #000;
      }



.box-slide-pro {

  margin-bottom: 5rem; }



.product-detail .box-detail {

  padding: 0;

  border-bottom: 2px solid #252525; }

  .product-detail .box-detail li {

    font-size: 1.125rem;

    padding-bottom: 0.9375rem;

    list-style: none;

    color: #000;

    font-weight: 500; }

    .product-detail .box-detail li span {

      margin-left: 0.625rem;

      color: #ff0000;

      font-weight: 500; }

.product-detail .box-contact {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  padding: 1.875rem 0; }

  .product-detail .box-contact .btn-all {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    height: 2.8125rem;

    width: 11.875rem;

    padding: 0 0.625rem;

    text-align: center;

    border-radius: 99px;

    border: 1px solid #d0011b;

    text-decoration: none;

    color: #ff0000;

 }

    .product-detail .box-contact .btn-all:hover {

      text-decoration: none !important;

      background: #d0011b;

      color: #fff;

      -webkit-transition: all .25s;

      -moz-transition: all .25s;

      -ms-transition: all .25s;

      -o-transition: all .25s;

      transition: all .25s; }

  .product-detail .box-contact .contact {

    background: #d0011b;

    color: #fff;

    transition: all .25s; }

    .product-detail .box-contact .contact:hover {

      text-decoration: none !important;

      background: #fff;

      color: #d0011b;

      -webkit-transition: all .25s;

      -moz-transition: all .25s;

      -ms-transition: all .25s;

      -o-transition: all .25s;

      transition: all .25s; }



.box-share {

  color: #000; }

  .box-share .t_service {

    color: #000;

    font-family: SVG-Gotham; 
    font-weight: 600;
  
  }



.title_skill {

  font-size: 1.125rem;

  font-family: SVG-Gotham; }



.box-skill ul {

  margin: 0;

  padding: 0; }

  .box-skill ul li {

    color: #000;

    display: flex;

    padding: 0.3125rem;

    padding-left: 0.625rem; }

    .box-skill ul li span {

      display: block; }

    .box-skill ul li span:nth-child(1) {

      width: 40%; }

    .box-skill ul li span:nth-child(2) {

      width: 60%; }

    .box-skill ul li:nth-child(2n+1) {

      background: #f2f2f2; }



.box-contact-skill {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 1.875rem 0; }

  .box-contact-skill .btn-all {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    height: 2.8125rem;

    width: 11.875rem;

    padding: 0 0.625rem;

    border: 1px solid #d0011b;

    color: #Fff;

    background: #d0011b;

    transition: all .25s;

    text-decoration: none !important; }

    .box-contact-skill .btn-all:hover {

      background: #fff;

      color: #d0011b;

      -webkit-transition: all .25s;

      -moz-transition: all .25s;

      -ms-transition: all .25s;

      -o-transition: all .25s;

      transition: all .25s; }



.box-card-pro .pro-name {

  font-size: 0.875rem; }

.box-card-pro .status {

  margin-bottom: 0; }

.box-card-pro .contact {

  text-decoration: none; }

.box-card-pro .rate .fa {

  font-size: 0.75rem; }



.categories ul {

  margin: 0;

  padding: 1.125rem 0;

  position: relative;

  z-index: 1; }

  .categories ul li {

    position: relative;

    list-style: none;

    padding: 1.125rem 0;

    border-bottom: 1px solid #000; }

0 }

  /*.categories ul li:last-child {

    padding-bottom: 0 }*/

    .categories ul li a {

      display: block;

      font-family: SVG-Gotham;

      font-size: 0.875rem;

      text-decoration: none;

      color: #010101;

      margin-left: 0.9375rem; }

    .categories ul li > a {

      font-weight: 600; }

.categories ul li ul {

  display: none; }

.categories ul ul li a {

  padding-left: 0.75rem; }



.categories ul li ul li {

  padding: 1.125rem 0 0 0;

  border-bottom: none; }



.categories ul ul li a {

  font-weight: 400;

  font-family: SVG-Gotham; }



.categories ul li i {

  position: absolute;

  top: 25px;

  right: 0;

  z-index: 2;

  color: #000000;

  cursor: pointer;

  -webkit-transition: all 0.2s ease-in-out;

   -moz-transition: all 0.2s ease-in-out;

   -ms-transition: all 0.2s ease-in-out;

   -o-transition: all 0.2s ease-in-out;

   transition: all 0.2s ease-in-out; }

.categories ul li.active > i,

.categories ul li.active > a,

.categories ul li:hover > i,

.categories ul li:hover > a {

  color: #ff0000; }

.categories .title {

  font-size: 1.25rem;

  font-family: SVG-Gotham;

  color: #000;

  position: relative;

  margin-bottom: 0;

  padding-bottom: 1rem;

  z-index: 1; }

  .categories .title::after {

    position: absolute;

    content: "";

    width: 50%;

    height: 1px;

    bottom: 0;

    left: 0;

    background-color: #ff0000; }

  .categories .title::before {

    position: absolute;

    content: "";

    width: 50%;

    height: 1px;

    bottom: 0;

    right: 0;

    background-color: #000; }



.categories-one .title::after {

  background-color: #000; }

.categories-one ul li {

  border-bottom: none; }



.sider-bar .items {

  background-color: #fff;

  padding: 0.875rem 1.5rem;

  box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 7%); }

.sider-bar .slug_ {

  display: block;

  color: #6e6868; }

.sider-bar .phone-number {

  color: #ff0000;

  text-decoration: none;

  -webkit-transition: 0.5s all;

  transition: 0.5s all; }

  .sider-bar .phone-number:hover {

    color: #000;

    text-decoration: none;

    -webkit-transition: 0.5s all;

    transition: 0.5s all; }

.sider-bar .img-sty {

  height: 100%;

  width: 100%; }

  .sider-bar .img-sty img {

    max-width: 3.125rem;

    max-height: 4.0625rem; }



.views-more {

  color: #ff0000; }



.detail-produc .title {

  font-family: SVG-Gotham;

  font-size: 1.75rem;

  margin-bottom: 0;

  line-height: 1; }



.btn-product-watch {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center; }

  .btn-product-watch .btn-style {

    text-align: center;

    color: #000;

    margin-bottom: 0;

    text-decoration: none;

    text-transform: uppercase; }

    .btn-product-watch .btn-style img {

      width: 1.5rem;

      height: 1.5rem;

      object-fit: cover; }