.mt-22 {

  margin-top: 1.375rem;
}



.mt-50 {

  margin-top: 3.125rem;
}



.mt-18 {

  margin-top: 1.125rem;
}



.mt-45 {

  margin-top: 2.8125rem;
}



.banner .control {

  position: absolute;

  top: 57%;

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

  transform: translateY(-50%);

  width: 2.4375rem;

  height: 2.4375rem;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1;

  background-color: #d80f0f;

  z-index: 2;

  /*-webkit-box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);

  box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);*/

  z-index: 100;

  transition: .3s all;
  cursor: pointer;
}

.banner .control.next {

  right: 0;

  color: #Fff;

  font-size: 1.5625rem;

  z-index: 2;
}

.banner .control.next:hover {

  background: #Fff;

  color: #d80f0f;

  transition: .3s all;
}

.banner .control.prev {

  left: 0;

  color: #fff;

  font-size: 1.5625rem;

  z-index: 2;
}

.banner .control.prev:hover {

  background: #Fff;

  color: #d80f0f;

  transition: .3s all;
}

.banner .banner-img img {

  width: 100%;

  max-height: calc(100vh - 108px);

  object-fit: fill;
}

.banner .banner-slug {

  position: absolute;

  bottom: 1.25rem;

  left: 50%;

  transform: translateX(-50%);
}

.banner .banner-slug .title-baner {

  text-transform: uppercase;

  color: #fff;

  font-size: 1.75rem;

  text-align: center;

  font-weight: 600;
}

.banner .banner-slug .title-boder {

  border-bottom: 2.5px solid #ff0000;

  width: max-content;

  margin: auto;

  padding-bottom: 0.625rem;
}

.banner .banner-slug .title-mt {

  margin-top: 2.5rem;
}



.btn-banner {

  margin-top: 1.875rem;
}

.btn-banner .btn-all {

  text-transform: uppercase;

  border: 1px solid #fff;

  background-color: transparent;

  color: #fff;

  text-decoration: none;

  height: 2.875rem;

  display: inline-flex;

  min-width: 150px;

  align-items: center;

  justify-content: center;

  margin: 0 3.125rem;

  margin-bottom: 4.375rem;

  transition: .3s all;
}

.btn-banner .btn-all:hover,
.btn-banner .btn-dowload:hover {

  color: #212121;

  background-color: #fff;

  transition: .3s all;
}

.btn-banner .btn-dowload {

  color: #c7c4bd;


  transition: .3s all;
}




.mt-30 {

  margin-top: 1.875rem;
}



.aboust-item {

  background-color: #fff;

  padding-top: 5rem;

  padding-bottom: 5rem;
}


.aboust-item .item-img {

  height: 100%;

  width: 100%;
}

.aboust-item .item-img img {

  max-width: 19.25rem;

  max-height: 5.4375rem;

  object-fit: cover;
}

.aboust-item .btn-contact {
  text-transform: uppercase;
  margin-top: 5rem;
  font-size: 1rem;
}



.btn-contact {

  border: 1px solid #ff0404;

  height: 2.875rem;

  color: #ff0404;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 0 1.5625rem;

  background: #fff;

  font-size: 1.125rem;

  outline: 0;

  transition: all 0.3s;
}

.btn-contact:hover {

  background: #ff0404 !important;
  color: #fff;
  transition: .3s;
}



.produc-home .item-box.item-box-three .item-slug .title-name::after {

  left: 50%;

  transform: translateX(-100%);
}



.produc-home .item-box.item-box-three .item-slug {

  left: 0;

  width: 100%;

  bottom: auto;

  top: 50%;

  transform: translateY(-50%);
}



.produc-home .item-box {

  z-index: 2;
  height: 100%;
}

.produc-home .item-box::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  background-color: #00000054;

  width: 100%;

  height: 100%;

  transform: translateY(0);

  transition: .3s all;

  visibility: hidden;

  opacity: 0;

  z-index: 0;
}

.produc-home .item-box:hover::after {

  visibility: visible;

  opacity: 1;

  transition: .3s all;
}

.produc-home .item-box .img_home {

  z-index: 1;

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;
}

.produc-home .item-box .img_home::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background-color: #00000069;

  left: 0;

  top: 0;

  transform: translateY(100%);

  transition: .5s all;
}

.produc-home .item-box .img_home img {

  max-height: 31.25rem;

  width: 100%;
  height: 100%;

  /*object-fit: fill;*/
}

.produc-home .item-box:hover .img_home:nth-child(1)::after,

.produc-home .item-box .img_home:nth-child(1):hover::after {

  transform: translateY(0);

  transition: .5s all;
}

.produc-home .item-box .item-slug {

  position: absolute;

  bottom: 3.125rem;

  left: 6.25rem;

  z-index: 1;
}

.produc-home .item-box .item-slug .title-name {

  color: #fff;

  font-size: 5rem;

  position: relative;

  text-transform: uppercase;

  font-family: SVG-Gotham;

  font-weight: 600;

  padding-bottom: 1rem;

  text-decoration: none;

  transition: .3s all;
}

.produc-home .item-box:hover .item-slug .title-name,

.produc-home .item-box .item-slug .title-name:hover {

  color: #ff0000;

  transition: .3s all;
}

.produc-home .item-box .item-slug .title-name::after {

  position: absolute;

  content: '';

  background: #ff0000;

  height: 5px;

  width: 100px;

  left: 0;

  bottom: 0;

  transition: .3s all;

  transform: translateX(0);
}

.produc-home .item-box:hover .item-slug .title-name::after,

.produc-home .item-box .item-slug .title-name:hover::after {

  width: 150px;

  transition: .3s all;
}

.produc-home .item-box .item-slug .name-home {

  margin-top: 1.875rem;

  color: #fff;

  text-decoration: none;

  font-size: 1.125rem;

  transition: .3s all;
}

.produc-home .item-box .item-slug .name-home:hover {

  transition: .3s all;

  color: #ff0000;
}



@media (min-width: 1366px) {

  .pt-60 {

    padding-right: 3.75rem;
  }
}

.video {

  margin-top: 5rem;

  margin-bottom: 5rem;
}

.video .title {

  font-size: 3.125rem;

  font-weight: 600;

  color: #000;

  font-family: SVG-Gotham;
}

.video .border-top {

  border-top: 5px solid #ff0000 !important;
  width: calc(100% - 24px);
  margin-left: auto;
  margin-right: auto;
}

.video .item-slug .name {

  color: #000;

  font-weight: 600;

  font-size: 1.5625rem;

  text-transform: uppercase;

  text-decoration: none;

  font-family: SVG-Gotham;
}

.video .video_intro .play {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
  width: 7.813rem;
  height: 7.813rem;
  transition: .3s;

}
.video .video_intro .play:hover{
  transform: translate(-50%,-50%) scale(1.1);
  transition: .3s;
}
.video .video_intro .play img {

  max-height: 7.5rem;

  max-width: 7.5rem;
}

.video .items-abouts__mains img {

  width: 100%;
}

.video .video_intro img {

position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video .video_intro iframe {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;
}

.video .video_intro {

  min-width: 100%;

  max-width: 100%;

  margin: 0 auto;

  padding-top: 50%;
}

.video .item-slug .s-content {

  max-width: 25rem;
}

.video .btn-vi {

  color: #8b8b8b;

  font-size: 1rem;

  text-transform: uppercase;

  transition: .3s all;

  text-decoration: none;
}

.video .btn-vi:hover {

  transition: .3s all;

  color: #ff0000;
}

.video .btn-contact {

  width: max-content;

  text-decoration: none;
}


.customer .s-content {
  position: relative;
  padding-bottom: 1.25rem;
}
.customer .s-content::after{
  content: "";
  width: 6.25rem;
  height: 4px;
  background: #ff0000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.title-all {

  font-size: 3.125rem;

  font-weight: 600;

  color: #000;

  font-family: SVG-Gotham;
}



.customer {

  margin-bottom: 5rem;
}

.customer .title-detail {

  font-family: SVG-Gotham;

  color: #000;

  font-size: 0.875rem;

  position: relative;

  padding-top: 1.875rem;

  padding-bottom: 1.5rem;

  max-width: 62.3125rem;

  margin: auto;
}

.customer .title-detail::after {

  position: absolute;

  content: "";

  height: 0.3125rem;

  width: 9.375rem;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  background-color: #ff0000;
}

.customer .items-box {

  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;

  padding: 1.875rem 1.5rem;

  border-radius: 10px;

  background-color: #fff;

  min-height: 100%;
  transition: .3s;

}
.customer .items-box:hover{
  box-shadow: 0 4px 10px rgba(0,0,0,.3);
  transition: .3s;
}
.customer .items-box .evaluate {

  color: #000;

  font-size: 1rem;

  min-height: 5rem;
}

.customer .items-box .slug {

  padding-left: 0.875rem;
}

.customer .items-box .slug .name-home {

  font-size: 1.125rem;

  font-weight: 600;

  font-family: SVG-Gotham;

  text-decoration: none;

  color: #000;
}

.customer .items-box .slug .name-city {

  font-size: 1rem;

  color: #000;
}

.customer .items-box .item-img {

  width: 100%;

  height: 100%;
}
.customer .items-box .item-img .customer_img{
  flex-shrink: 0;

}
.customer .items-box .item-img img {

  width: 3.75rem;

  height: 3.75rem;

  object-fit: cover;

  border-radius: 50%;
}



.mt-40 {

  margin-top: 2.1875rem;
}



.catalog {

  position: relative;

  background: #f1f1f1;
}

.catalog::after {

  position: absolute;

  content: "";

  background: url(../images/bg-4.png) no-repeat;

  background-size: 100% 100%;

  height: 90%;

  width: 200px;

  right: 0;

  bottom: 0;
}

.catalog .catalog-pt {

  padding-top: 5rem;

  padding-bottom: 7.5rem;

  position: relative;
}

.catalog .catalog-pt::after {

  position: absolute;

  width: 100%;

  height: 0.1875rem;

  content: "";

  background-color: #8d8d8d;

  bottom: 3.75rem;

  left: 0;
}

.catalog .titlet-catalog {

  display: block;

  line-height: 1;

  margin: 0;

  font-size: 4.75rem;

  color: #000;

  font-family: SVG-Gotham;

  text-transform: uppercase;
}

.catalog .title-bfo {

  z-index: 1;
  font-weight: 600;
  position: relative;

  padding-bottom: 1.875rem;
}

.catalog .title-bfo::before {

  position: absolute;

  content: "";

  background-color: #ff0000;

  width: 100%;

  height: 3px;

  bottom: 0;

  left: 0;
}

.catalog .items-box {

  margin-top: 2.5rem;
}

.catalog .items-box .name-company {

  text-transform: uppercase;

  font-family: SVG-Gotham;

  font-weight: 600;

  font-size: 1.5rem;

  color: #000;
}

.catalog .items-box .number-sty {

  font-family: SVG-Gotham;

  color: #000;

  font-weight: 600;

  font-size: 1rem;

  margin-bottom: 0.5rem;
}

.catalog .items-box .number-sty .number {

  color: #000;

  text-decoration: none;
}
.catalog .items-box .number-sty .number:hover{
  color: #ff0000;
}
.catalog .items-box .btn-contact {

  justify-content: center;

  background: transparent;

  display: inline-flex;
}

.catalog .items-img .itme-img {

  width: auto;

  height: auto;

  position: relative;

  z-index: 1;
  box-shadow: 0 2px 5px 2px rgb(0 0 0 / 5%);
  overflow: hidden;
}

.catalog .items-img .itme-img::after {

  position: absolute;

  content: "";

  background: #0000008f;

  transform: translateY(100%);

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  transition: .5s all;
}

.catalog .items-img .itme-img:hover::after {

  transition: .5s all;

  transform: translateY(0);
}



.catalog .btn-banner {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  visibility: hidden;

  opacity: 0;

  transition: .5s all;
  z-index: 1;
}



.items-img:hover .itme-img::after {

  transition: .5s all;

  transform: translateY(0);
}



.items-img:hover .btn-banner {

  visibility: visible;

  opacity: 1;

  transition: .5s all;
}



.news {

  background: #212121;

  position: relative;
}

.news::after {

  width: 100%;

  height: 1px;

  position: absolute;

  content: "";

  background-color: #4a4a4a;

  left: 0;

  bottom: 2.5rem;
}

.news .new-pt {

  padding-top: 5rem;

  padding-bottom: 5rem;
}

.news .news-box-btn .title {

  color: #ff0000;

  font-size: 1.5rem;

  font-weight: 600;

  text-transform: uppercase;

  font-family: SVG-Gotham;

  margin-bottom: 0;
}

.news .btn-news>*:not(:last-child) {
  margin-right: 1.5rem;
}

.news .news-box-btn .btn-news .btn-sty {

  font-size: 1.5rem;

  color: #fff;

  margin-right: 3.125rem;

  font-weight: 600;
  text-decoration: none;

  position: relative;

  font-family: SVG-Gotham;
}

.news .news-box-btn .btn-news .btn-sty.active {

  color: #ff0000;
}

.news .news-box-btn .btn-news .btn-sty.active::after {

  width: 100%;
}

.news .news-box-btn .btn-news .btn-sty:last-child {

  margin-right: 0rem;
}

.news .news-box-btn .btn-news .btn-sty::after {

  position: absolute;

  content: "";

  width: 0;

  height: 1px;

  background-color: #ff0000;

  bottom: 0;

  left: 0;

  transform: translateX(0%);

  transition: .5s all;
}

.news .news-box-btn .btn-news .btn-sty:hover {

  transition: .5s all;

  color: #ff0000;
}

.news .news-box-btn .btn-news .btn-sty:hover::after {

  transition: .5s all;

  width: 100px;

  transform: translateX(10%);
}

.news .control {

  color: #fff;

  border: 1px solid #fff;

  width: 2.5rem;

  height: 2.5rem;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 1.875rem;

  font-weight: 600;

  margin-right: 0.25rem;

  margin-top: 3.75rem;

  transition: .3s all;

  cursor: pointer;
}

.news .control:hover {

  border: 1px solid #ff0000;

  color: #ff0000;
}

.news .new-slide-all .item-box {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  display: flex;

  flex-wrap: wrap;

 width: 100%;
 margin: 0 auto;

  border-top: 1px solid #fff;

  padding-top: 0.625rem;

  padding-bottom: 0.625rem;
}

.news .new-slide-all .item-box .box-img {

  flex: 0 0 30%;
}

.news .new-slide-all .item-box .box-img .img-new {

  width: 100%;

  height: 100%;
}

.news .new-slide-all .item-box .box-img .img-new img {

  width: 100%;

  max-height: 12.625rem;
}

.news .new-slide-all .item-box .box-slug {

  flex: 0 70%;

  padding: 0 1.625rem;
}

.news .new-slide-all .item-box .box-slug .box-one {

  max-width: 31.25rem;
}

.news .new-slide-all .item-box .box-slug .box-one .slug {

  color: #bebebe;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

  display: -webkit-box !important;

  -webkit-box-orient: vertical;
}

.news .new-slide-all .item-box .box-slug .btn-w {

  color: #ff0000;

  transition: .3s all;
}

.news .new-slide-all .item-box .box-slug .btn-w:hover {

  transition: .3s all;

  color: #fff;
}

.news .new-slide-all .item-box .box-slug .day {

  color: #bebebe;
}

.news .new-slide-all .item-box .box-slug .news-name {

  font-size: 1.5rem;

  color: #fff;

  text-decoration: none;

  font-family: SVG-Gotham;

  line-height: 1.3;
  transition: .3s all;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-line-clamp: 2;

  display: -webkit-box !important;

  -webkit-box-orient: vertical;
}

.news .new-slide-all .item-box .box-slug .news-name:hover {

  transition: .3s all;

  color: #ff0000;
}



.footer {

  background: #212121;

  position: relative;

  padding-top: 1.25rem;
}

.footer .footer-pt {

  padding-top: 2.5rem;

  position: relative;
}

.footer .footer-pt::after {

  position: absolute;

  content: "";

  background: #4a4a4a;

  width: 100%;

  height: 1px;

  top: 1.25rem;

  left: 0;
}

.footer .title-footer {

  color: #fff;

  font-size: 1.5rem;

  text-transform: uppercase;

  font-weight: 600;

  margin-bottom: 2.5rem;

  display: block;

  margin-top: 1.25rem;
}

.footer .items .city-footer {

  color: #fff;

  display: block;

  font-size: 1rem;
}

.footer .items .number-sty {

  color: #fff;

  font-size: 1rem;
}

.footer .items .number-sty .number {

  color: #ff0000;

  text-decoration: none;

  transition: .3s all;
}

.footer .items .number-sty .number:hover {

  transition: .3s all;

  color: #fff;
}

.footer .items ul {

  margin: 0;

  padding: 0;
}

.footer .items ul li {

  list-style: none;

  margin-bottom: 1.375rem;
}

.footer .items ul li a {

  color: #fff;

  font-size: 1rem;

  text-decoration: none;

  transition: .3s all;
}

.footer .items ul li a:hover {

  transition: .3s all;

  color: #ff0000;
}

.footer .footer__socials ._social {

  min-width: 2rem;

  padding: 10px;

  background-color: #c6c6c6;

  color: #000;

  width: 2rem;

  height: 2rem;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: .5s all ease;

  transition: .5s all ease;

  text-decoration: none;
}

.footer .name-talk {

  position: relative;

  color: #fff;

  text-transform: uppercase;

  font-size: 1.375rem;

  display: block;

  margin-bottom: 0;

  font-weight: 600;
}

.footer .name-talk::after {

  position: absolute;

  content: "";

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  background: #4a4a4a;

  width: 85%;

  height: 1px;
}

.footer .items-img-tow {

  padding-bottom: 20px;
}

.footer .items-img-tow .img_foter {

  height: 100%;

  margin-right: 1.25rem;

  text-decoration: none;
}

.footer .items-img-tow .img_foter img {

  max-height: 4.25rem;

  min-height: 4.25rem;
}

.footer .copy {

  color: #fff;

  border-top: 1px solid #4a4a4a;

  margin: 0;

  padding: 20px 0;
}



.catalog .title-bfo {

  line-height: 1.3;
}



.box {

  position: relative;

  margin-top: -15px;
}
@media(max-width:991px){
  .banner .banner-img img{
    height: calc(100vh - 55px);
  }
}