body {

  font-size: 16px;

  color: #252525;

}



.title-big__all {

  font-size: 2.25rem;

  color: #252525;

  line-height: 1.5;

  margin-bottom: 1.5rem;

  text-transform: uppercase;

  position: relative;

  font-weight: 600;

}



.image img {

  width: 100%;

}



img {

  border-radius: 5px;

}



.ct_text {

  font-size: 1rem;

  color: #454545;

  line-height: 1.4;

}



.header .header-nav .menu {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.header .header-nav .menu ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #0a0a0a;

  justify-content: end;

}



/* .header .header-nav .menu ul li {

    margin: 0 0.8125rem;

} */

.header .header-nav .menu ul li ul {

  justify-content: left;

}



.header .header-nav .menu ul li a {

  text-transform: uppercase;

  font-size: 0.875rem;

  letter-spacing: 0.02em;

  display: block;

  padding: 0.625rem 0;

  position: relative;

  font-weight: 600;

}



.header .header-nav .menu ul li a.active {

  color: #529743;

}



.header .header-nav .menu ul li ul li a {

  padding: 0.5rem 1.75rem;
  text-transform: inherit;

}



.header .header-nav {

  padding: 0.5rem 0;

  background: #fff;

}



.header .header-nav .logo-header img {

  max-width: 10rem;

}



.nav-link__footer ul li {

  display: flex;

}



.section-banner .title-big__all {

  background: #529743;

  position: relative;

  clip-path: polygon(100% 0%, 95% 49%, 100% 100%, 0 100%, 0% 50%, 0 0);

  margin: 0;

  padding: 0.125rem 3rem 0.1255rem 2.5rem;

  line-height: 1.5;

}



.section-banner .image img {

  border-radius: 0;

  object-fit: cover;

  max-height: 53rem;

}



.section-banner .title-big__all::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 10px;

  z-index: -1;

  height: 1.5rem;

  width: 1.5rem;

  display: block;

  background-image: url(../images/icon_title.svg);

  background-repeat: no-repeat;

  transform: translateY(-50%);

}



/*

.section-banner .title-big__all::after {

    content: "";

    position: absolute;

    bottom: 0px;

    right: -20px;

    z-index: -1;

    height: 3rem;

    width: 2rem;

    background: #529743;

    display: block;

    clip-path: polygon(0 0, 100% 100%, 0% 100%);

} */

@media (min-width: 992px) {

  .header .menu ul li {

    position: relative;

  }

}



.box-contact {

  padding: 2.5rem 1.5rem;

  height: 100%;

  background: #fff;

  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);

  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);

  transition: all 0.3s;

  cursor: pointer;

}



.title-form {

  font-size: 2.25rem;

  font-weight: 600;

  margin-bottom: 2rem;

}



.box-contact .title_item {

  font-size: 1.5rem;

  color: #529743;

  line-height: 1.5;

  font-weight: 600;

  margin-bottom: 1.5rem;

}



.box-contact .image img {

  max-width: 4rem;

}



.box-contact .infor {

  max-width: 17srem;

  margin: auto;

  font-size: 1rem;

  line-height: 1.3;

  color: #454545;

}



.box-form .form-control {

  width: 100%;

  height: 2.75rem;

  border: 1px solid #ddd;

  -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);

  box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);

  font-size: 0.875rem;

  color: #888;

  padding-left: 2.75rem;

}



.box-form .group-form,

.group-form1 {

  position: relative;

}



.box-form .group-form img {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 1rem;

  width: 1.25rem;

}



.box-form .group-form1 img {

  position: absolute;

  left: 1rem;

  top: 0.5rem;

  width: 1.25rem;

}



.box-form .text-input {

  min-height: 5rem;

}



.btn-contact {

  background: #529743;

  color: #fff;

  font-weight: 600;

  border-radius: 5px !important;

  border: 1px solid #529743;

  font-size: 1.125rem;

}



.btn-contact:hover {

  color: #529743;

  background: #fff;

  transition: all 0.3s;

}



.map iframe {

  border-radius: 10px;

}



.section-commit .container {

  min-height: 41.5rem;

  background-repeat: round;

}



.box-commit .ct-text {

  max-width: 29rem;

  margin: auto;

}



.section-unit {

  position: relative;

  z-index: 1;

  padding-top: 3.5rem;

}



.section-unit::after {

  content: "";

  background: #f5f5f5;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 36%;

  z-index: 1;

}



.section-unit .container {

  z-index: 9999;

  position: relative;

}



.section-unit .box-unit .title-big__all {

  margin-bottom: 1rem !important;

}



.item-video__detail {

  position: relative;

  z-index: 9;

}



.item-video__detail .play-video::after {

  content: "";

  width: 3.125rem;

  height: 3.125rem;

  background-image: url(../images/btn-youtube.svg);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 50%;

  left: 50%;

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

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

  z-index: 1;

}



.item-video__detail .title {

  font-size: 1.5rem;

  margin: 1rem 0;

  text-align: center;

}



.box_video-hot .item-video__detail .image-video img {

  max-height: 33rem;

  width: 100%;

  object-fit: cover;

}



.box_video-hot {

  padding: 12px;

  position: relative;

}



.box_video-hot::after {

  content: "";

  background: #529743;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  top: 36%;

  z-index: 1;

}



.box-project .title-big__all {

  text-transform: none;

}



/* .list-category__sidebar li a::before {

  content: "";

  width: 6px;

  height: 6px;

  background: #000;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

} */

.list-category__sidebar li a {

  position: relative;

  padding-left: 1.0625rem;

}



.cate_project {

  position: relative;

  height: 100%;

  border-radius: 5px;

}



.cate_project .btn-prev__all {

  left: 5%;

  bottom: 10%;

  top: 75%;

}



.cate_project .btn-next__all {

  left: 10%;

  bottom: 10%;

  top: 75%;

}



.project-top .ct_text {

  max-width: 58rem;

  margin: auto;

}



.item-pro__main:hover {

  -webkit-box-shadow: 0px 4px 10px #56565629;

  box-shadow: 0px 4px 10px #56565629;

  transition: all 0.3;

}



.item-pro__main:hover .title-pro__all {

  color: #529743;

  transition: all 0.3s;

}



.item-pro__main {

  padding-bottom: 1rem;

}



.slide-cate_project {

  /* padding-bottom: 1.5rem; */

}



.pd-3 {

  padding: 3rem 0;

}



.section-project:nth-child(2n + 1) {

  background: #f7f7f7;

}



.section-pro .banner:nth-child(2n + 1) {

  flex-direction: row-reverse;

}



.section-pro .banner {

  position: relative;

}



.section-pro .box-text,

.section-pro .image {

  position: relative;

  z-index: 9;

}



.section-pro .banner::after {

  /* content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  top: 50%;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);

  border-radius: 10px 10px 0px 0px;

  transform: rotate(-180deg);

  z-index: 1; */

}



.box-news {

  padding-bottom: 1rem;

  border-bottom: 1px solid rgb(226, 224, 224);

}



.section-new__detail .social li:not(:last-child) {

  margin-right: 1.25rem;

}



.section-new__detail .social li a {

  font-size: 18px;

}



.title-new_hot {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 1rem 2rem;

  z-index: 99;

}



.new_hot::after {

  content: "";

  position: absolute;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 100%);

  bottom: 0;

  left: 0;

  right: 0;

  top: 70%;

  display: block;

  z-index: 1;

  border-radius: 5px;

}



.section-pro .banner {

  min-height: 55.5rem;

  max-height: 55.5rem;

  background-repeat: round;

  display: flex;

  align-items: end;

  border-radius: 10px;

  background-repeat: no-repeat;

  background-size: cover;

}



.section-pro .box-text {

  padding: 2.5rem 2rem;

}



.section-pro .image {

  padding: 2rem;

}



.section-pro .image img {

  max-height: 22rem;

  object-fit: inherit;

}



.btn-see {

  background: #529743;

  border: 1px solid #529743;

  color: #fff;

  font-size: 18px;

  border-radius: 5px !important;

  font-weight: 600;

  text-transform: uppercase;

}



.btn-see:hover {

  background: #fff;

  color: #529743;

  transition: all 0.3s;

}



.section-pro-home {

  background: #376e2b2b;

}



.box-slide__pro .swiper-slide {

  display: flex !important;

}



.box-slide__pro .swiper-slide:nth-child(2n + 1) {

  flex-direction: column;

}



.box-slide__pro .swiper-slide:nth-child(2n) {

  flex-direction: column-reverse;

}



.section-pro-home {

  padding: 5rem 4.5rem 9.5rem 4.5rem !important;

}



.section-pro-home .title-big__all {

  margin-bottom: 2rem;

}



.footer .image .logo {

  max-width: 10rem;

  margin-bottom: 1rem;

}



.social-footer li img {

  max-width: 2rem;

}



.form_quick-contact .form-control {

  border: none !important;

  outline: none !important;

  max-height: 2.875rem;

  min-height: 2.875rem;

  color: #888888;

}



.form_quick-contact .form-control::placeholder {

  color: #888888;

}



.form_quick-contact .form-control:focus {

  outline: none !important;

  box-shadow: none;

}



.form_quick-contact .form {

  position: relative;

}



.form_quick-contact .form .btn-submit {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  background: #529743;

  padding: 0 10px;

  border-radius: 5px !important;

}



.coppy_ {

  background: #529743;

}



.coppy_ .text_coppy {

  font-size: 1rem;

}



.coppy_ .text_coppy ul {

  display: flex;

  justify-content: end;

}



.coppy_ .text_coppy ul li {

  position: relative;

}



/* .coppy_ .text_coppy ul li::after {

    content: "|";

    display: block;

    position: absolute;

    color: #fff;

    right: 0;

    top: 0;

    bottom: 0;

} */

.coppy_ .text_coppy ul li a {

  color: #fff;

  padding: 1rem 0;

}



.coppy_ .text_coppy ul li {

  position: relative;

  /* padding: 1rem 0; */

}



.coppy_ .nav-link__footer ul li:not(:last-child) {

  margin-bottom: 0;

}



.coppy_ .text_coppy ul li::after {

  content: "|";

  margin: 1rem;

  color: #fff;

}



.coppy_ .text_coppy ul li:last-child:after {

  content: "" !important;

}



.box-slide__pro .swiper-slide {

  background: #fff;

  border-radius: 5px;

  min-height: 17rem;

}



.box-slide__pro .box-text {

  padding: 1rem;

}



.slide-image__thumb .image {

  cursor: pointer;

  padding-top: 0;

  height: 100%;

}



.slide-image__thumb .image img {

  width: 100%;

  height: 100%;

  border-radius: 0;

  /* object-fit: scale-down; */

  object-fit: contain;

}



.slide-product__detail {

  width: 80%;

  margin-left: auto;

  margin-right: 0;

  border: 1px solid #dddddd;

  padding: 0.5rem;

}



.module-slide__product {

  position: relative;

}



.slide-image__thumb {

  position: absolute;

  top: 0;

  left: 0;

  width: 19%;

  height: 100%;

}



.slide-image__thumb .swiper-slide.swiper-slide-thumb-active {

  border: solid 1px #dddddd;

}



.slide-image__thumb .swiper-slide-thumb-active {

  opacity: 1 !important;

}



.slide-image__thumb .swiper-slide {

  border: solid 1px transparent;

}



.slide-image__thumb .swiper-slide {

  opacity: 0.3;

}



.item_detail-pro {

  border-bottom: 1px solid #f5f5f5;

  padding: 1rem 0;

}



#tab-product .nav-item .nav-link.active,

#tab-product .nav-item .nav-link:hover {

  background: #529743;

  color: #fff;

}



#tab-product .nav-item .nav-link {

  font-weight: 600;

  font-size: 0.875rem;

  color: #666666d9;

  letter-spacing: 0.02em;

  padding: 0.5rem 3rem;

  position: relative;

  font-size: 28px;

  background: #f5f5f5;

  margin-right: 10px;

  border-radius: 10px 10px 0px 0px;

}



.pro_suggested {

  background: #f5f5f5;

}



.pro_suggested .title_suggested {

  padding: 0.5rem 1rem;

  background: #529743;

  border-radius: 10px 10px 0px 0px;

}



.pro_suggested .item_suggested {

  padding: 0.75rem;

  border-bottom: 1px solid #e2e2e2;

}



.contact-top a {

  margin-right: 1.25rem;

}



.contact-top a:hover {

  color: #fff !important;

}



.contact-top img {

  max-width: 1.25rem;

  margin-right: 5px;

}



.show-search__mobile {

  font-size: 1.25rem;

}



.show-search__mobile:hover {

  cursor: pointer;

}



.show-menu:hover {

  cursor: pointer;

}



.search-desktop {

  margin-left: 1.5rem;

}



.search-desktop .form-search.show {

  visibility: visible;

  opacity: 1;

  pointer-events: all;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.search-desktop .form-search {

  position: absolute !important;

  top: 150%;

  right: 0;

  z-index: 2;

  background: #fff;

  visibility: visible;

  opacity: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  pointer-events: none;

}



.search-desktop .form-search {

  width: 15.625rem;

  position: relative;

}



.search-desktop .form-search .input-border__bot {

  height: 2.5rem;

  color: #212121;

}



.search-desktop .form-search.show {

  visibility: visible;

  opacity: 1;

  pointer-events: all;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.search-desktop .form-search {

  position: absolute !important;

  top: 150%;

  right: 0;

  z-index: 2;

  background: #fff;

  visibility: visible;

  opacity: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  pointer-events: none;

}



.search-desktop .form-search {

  width: 15.625rem;

  position: relative;

}



.search-desktop .form-search .btn-search {

  color: #212121 !important;

  right: 6px;

}



.search-desktop .form-search .btn-search {

  position: absolute;

  top: 50%;

  right: 0;

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

  transform: translateY(-50%);

  color: #fff !important;

  background: #529743;

  padding: 4px 10px;

  font-size: 1.25rem;

}



.input-border__bot {

  width: 100%;

  background: transparent;

  border: 1px solid #529743;

  height: 1.875rem;

  padding: 0.1875rem 0;

  color: #fff;

}



.box-list__pro .item_slide {

  position: relative;

  z-index: 9;

  border-radius: 10px;

  border: 1px solid #f1ecec;

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

}



.box-list__pro .item_slide .image img {

  z-index: 9;

  border-radius: 10px;

}



.box-list__pro .item_slide::after {

  /* content: "";

  background: linear-gradient(360deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 100%);

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  top: 70%;

  z-index: 1;

  border-radius: 0px 0px 10px 10px; */

}



.box-list__pro .item_slide .box-text {

  position: absolute;

  bottom: 10px;

  left: 0;

  right: 0;

  z-index: 9;

  display: block;

  text-align: center;

  visibility: hidden;

  opacity: 0;

}



.box-list__pro .item_slide:hover {

  transition: all 0.3s;

}



.box-list__pro .item_slide:hover .box-text {

  visibility: inherit;

  opacity: 1;

  transition: all 0.3s;

}



.box-list__pro .item_slide .content_box {

  padding: 20px;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  /* height: 100%; */

  background: -o-gradient(linear, 87% 100%, 87% 5%, from(rgba(2, 2, 2, 0.780392)), to(rgba(134, 133, 130, 0.560784)));

  background: -moz-gradient(linear, 87% 100%, 87% 5%, from(rgba(2, 2, 2, 0.780392)), to(rgba(134, 133, 130, 0.560784)));

  background: -webkit-gradient(linear,

      87% 100%,

      87% 5%,

      from(rgba(2, 2, 2, 0.780392)),

      to(rgba(134, 133, 130, 0.560784)));

  background: -ms-gradient(linear, 87% 100%, 87% 5%, from(rgba(2, 2, 2, 0.780392)), to(rgba(134, 133, 130, 0.560784)));

  transform: translateY(301px);

  opacity: 0;

  transition: 0.3s;

  border-radius: 10px;

}



.box-list__pro .item_slide:hover .content_box {

  transform: translateY(0px) !important;

  opacity: 1 !important;

  transition: 0.5s all !important;

}



.box-list__pro .item_slide .content_box .btn {

  font-weight: 600;

  font-size: 13px !important;

  padding: 0.45rem;

  margin: 2.5px;

  margin: auto;

  width: 48%;

}



.box-list__pro .item_slide .content_box .btn:focus {

  box-shadow: none;

}



/* .box-list__pro .item_slide .content_box {

  visibility: hidden;

  opacity: 0;

} */

.box-list__pro .item_slide .content_box .btn-now {

  background: #fff !important;

  color: #529743 !important;

  border-radius: 5px !important;

  border: 1px solid #529743;

  height: 10%;

}



.box-list__pro .item_slide .content_box .btn-now:hover {

  /* background: #529743 !important; */

  color: #f7c51e !important;

  transition: all 0.3s !important;

}



.box-list__pro .item_slide .content_box .btn-see:hover {

  color: #f7c51e;

}



.box-list__pro .item_slide:hover {

  cursor: pointer;

  transition: all 0.3s;

}



.box-list__pro .item_slide:hover .box-text a {

  color: #f4c413;

  transition: all 0.3s;

}



.box-list__pro .item_slide::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  bottom: 50%;

  /* background: rgba(75, 75, 75, 0.4); */

  transition: all 0.3s;

}



.box-list__pro .item_slide:hover::before {

  /* content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(95, 94, 94, 0.4);

  transition: all 0.6s;

  border-radius: 5px; */

}



.box-list__pro .item_slide:hover .content_box {

  /* opacity: 1 !important;

  transition: all 0.3s;

  z-index: 9;

  visibility: visible;

  cursor: pointer; */

}



.box-cate_pro {

  height: 100%;

  border-radius: 5px;

  background-repeat: round;

  display: flex;

  align-items: flex-end;

  padding: 1rem 1.5rem;

  position: relative;

  z-index: 9;

  min-height: 20rem;

  /* background-repeat: no-repeat; */

  background-size: cover;

}



.box-cate_pro::after {

  content: "";

  background: linear-gradient(360deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 100%);

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  top: 50%;

  z-index: 1;

  border-radius: 0px 0px 10px 10px;

  transition: all 0.3s;

  cursor: pointer;

}



.box-cate_pro:hover::after {

  /* top: 0%;

  background: linear-gradient(360deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0) 100%);

  transition: all 0.3s;

  cursor: pointer; */

}



.box-cate_pro:hover {

  cursor: pointer;

  transition: all 0.3s;

}



.box-cate_pro:hover .title-pro_cate {

  color: #f4c413;

  transition: all 0.3s;

}



/* .box-cate_pro .text_cate .ct_text{

  display: none;

  visibility: hidden;

}

.box-cate_pro:hover .text_cate .ct_text{

  display: block;

  transition: all 0.3s;

  visibility: visible;

} */

.cl-grx {

  color: #85c340;

}



.box-cate_pro .text_cate {

  position: relative;

  z-index: 9;

  display: block;

}



.nav-link__footer ul li:hover a {

  color: #f4c413;

  transition: all 0.3s;

}



.text_coppy .nav-link__footer ul li:hover a {

  color: #f4c413;

  transition: all 0.3s;

}



.section-new {

  padding-bottom: 2rem;

}



.box_input>* {

  height: 2rem;

  border: transparent;

  background: transparent;

}



.box_input {

  /* padding: 0.3125rem 0; */

  align-items: center;

  /* width: 17.625rem; */

  /* border: 0.0625rem solid #dcddde; */

  background: #fff;

  display: flex;

  justify-content: space-between;

  /* padding-left: 1.25rem; */

  border-radius: 5px;

}



.box_input input {

  /* width: 90%; */

}



.box_input .form-search {

  position: relative;

}



.box_input .form-search .btn-submit-search-procate {

  position: absolute;

  right: 0;

  top: 20%;

}



.box_input button {

  flex: 1;

  max-width: 1.5rem;

  color: #888888;

  border-radius: 50%;

  margin-right: 0.5rem;

}



.box_input>* {

  height: 2rem;

  border: transparent;

  background: transparent;

}



.size_pro .size_detail {

  background: #fff;

  padding: 0.5rem 1.5rem;

  border: 1px solid #ebebeb;

  box-sizing: border-box;

  border-radius: 5px;

  margin-right: 0.5rem;

}



.size_pro .size_detail:last-child {

  margin-right: 0;

}



.size_pro .size_detail:hover {

  background: #529743;

  transition: all 0.3s;

  color: #fff;

  cursor: pointer;

}



.contact_pro {

  background: #f5f5f5;

  padding: 1rem;

  border-radius: 5px;

  justify-content: space-around;

}



.contact_pro .phone {

  margin-left: 1rem;

  display: block;

}



.contact_pro .btn_buy {

  background: #f4c413;

  border-radius: 5px;

  color: #fff;

  font-size: 18px;

  font-weight: 700;

  padding: 0.5em 2.5rem;

  border: 1px solid #f4c413;

}



.contact_pro .btn_buy:hover {

  color: #f4c413;

  background: #fff;

  transition: all 0.3s;

}



.slide-cate_project .item-pro__main .ct-text {

  padding: 0.5rem;

}



#lens,

.slideshow-items,

.slideshow-thumbnails,

#result {

  border: solid var(--light-grey-2) 1px;

}



#slideshow-items-container {

  display: inline-block;

  position: relative;

}



#lens {

  background-color: rgba(233, 233, 233, 0.4);

}



#lens,

#result {

  position: absolute;

  display: none;

  z-index: 1;

}



.slideshow-items.active {

  display: block;

}



.slideshow-thumbnails {

  opacity: 0.5;

}



.slideshow-thumbnails.active {

  opacity: 1;

}



.section-project_all {

  /* padding: 1rem 0; */

}



.section-project_all:nth-child(2n + 1) {

  background: #f5f5f5;

}



.box_detail .color {

  display: flex;

  align-items: center;

  margin-bottom: 1.5rem;

}



.box_detail .color .box_color {

  display: flex;

  margin-left: 1rem;

}



.box_detail .color .box_color .image.active {

  border: 1px solid #3a8959;

}



.box_detail .color .box_color .image:hover {

  cursor: pointer;

  /* border: 1px solid #3A8959; */

}



.box_detail .color .box_color .image img {

  max-width: 6rem;

}



.box_detail .model {

  display: flex;

  align-items: center;

  margin-bottom: 1.5rem;

}



.box_detail .model .box_model {

  display: flex;

}



.box_detail .model .box_model .image:hover {

  cursor: pointer;

}



.see-more img {

  margin-left: 0.5rem;

}



.title_list,

.title_new {

  line-height: 1.5;

}



.slide-product__detail .swiper-slide .image {

  padding-top: 100%;

}



.list_news-all {

  /* padding: 1rem 0; */

}



/* .list_news-all:hover {

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

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

  -webkit-transition: 0.3s;

  transition: 0.3s;

  cursor: pointer;

} */

.item_all .img {

  padding-top: 56%;

}



.sale {

  position: absolute;

  top: 0;

  left: 8%;

  background: #db2827;

  clip-path: polygon(100% 0%, 100% 42%, 100% 100%, 50% 74%, 0 100%, 0 0);

  /* clip-path: polygon(7% 0, 91% 0, 100% 8%, 92% 8%, 92% 100%, 51% 75%, 23% 91%, 8% 100%, 8% 8%, 0 8%); */

  /* height: 31px; */

  color: #fff;

  font-weight: 600;

  text-align: center;

  padding: 5px 5px 15px 5px;

  font-size: 12px;

}



.box-list__pro .swiper-container {

  /* padding: 3px 0; */

}



.p-4r {

  padding-top: 3px;

  padding-bottom: 3px;

}



.section-pro-home .image img {

  height: 100%;

  object-fit: contain;

}



.section-pro-home .banner_prohome img {

  object-fit: cover;

}



.section-pro-home .image {

  height: 100%;

}



.see-more:hover img {}



.section-pro-home .btn-prev__all,

.section-pro-home .btn-next__all {

  top: auto;

  bottom: -30%;

}



.section-pro-home .btn-prev__all {

  left: 28%;

}



.section-pro-home .btn-next__all {

  right: 67%;

}



.pro-categories .item:not(:last-child) {

  margin-bottom: 3rem;

}



.line_ {

  background: #f5f5f5;

  height: 1rem;

}



.title_section {

  margin-bottom: 3.5rem;

}



.section-title_project {

  padding-top: 5rem;

}



.section-proall .box_input .form-control::placeholder {

  padding-right: 3rem;

}



.cloudzoom-zoom {

  border: 1px solid #888;

  width: 400px !important;

  height: 450px !important;

  box-shadow: 0px 0px 10px rgb(0 0 0 / 40%);

  z-index: 9999;

  background: #fff;

}



.cloudzoom-blank {

  background-image: url(../zoom/blank.png);

  overflow: hidden;

}



.slide-product__detail .img img {

  width: 100%;

  min-height: 28rem;

  max-height: 22rem;

  object-fit: contain;

}



.section-proall {

  /* padding: 5rem 0 3rem 0 !important; */

}



.cate_project.item_cate-pro {

  -webkit-box-shadow: 0px 4px 10px #56565614;

  box-shadow: 0px 4px 10px #56565614;

  transition: all 0.3;

}



.search_news .item-pro__main .ct-text {

  padding: 0 0.75rem;

}



.form_contact,

.box-form {

  position: relative;

  z-index: 99;

}



.form_contact::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  display: block;

  z-index: 1;

  background-image: url(../images/form.png);

  height: 100%;

  top: 0;

}



.section-new_hot {

  padding-top: 5rem;

  padding-bottom: 3rem;

}



.section_cate-news .item_cate:not(:last-child) {

  margin-bottom: 1.5rem;

}



.box_new .list_news-all:not(:last-child) {

  margin-bottom: 2rem;

}



.slide-banner__index .swiper-slide .image img {

  max-height: 53rem;

  object-fit: cover;

}



.list-category__sidebar {

  padding: 0;

  /* border: solid thin #ebebeb; */

  border-top: transparent;

}



.list-category__sidebar li a {

  padding: 0.5rem;

  display: block;

}



.list-category__sidebar li:not(:last-child) a {

  /* border-bottom: solid thin #fff; */

  width: 100%;

  display: block;

}



.list-category__sidebar li:not(:last-child) {

  border-bottom: solid thin #fff;

}



.cate-pro ul li {

  position: relative;

  display: block;

}



.cate-pro ul li ul {

  position: unset;

  padding-left: 0.9375rem;

}



.cate-pro ul li ul {

  padding: 0;

  left: 0;

  min-width: 12.5rem;

  display: none;

  background: #d7fbcf;

}



.list-category__sidebar li ul li a {

  padding-left: 20px;

}



.cate-pro ul li:hover ul {

  visibility: visible;

  opacity: 1;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  pointer-events: all;

  top: 100%;

}



.btn-dropdown-cate {

  left: unset;

  right: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 1.5625rem;

  height: 1.5625rem;

  -webkit-transform: unset;

  transform: unset;

  top: 0.575rem;

}



.btn-dropdown-cate {

  position: absolute;

}



.cate-pro ul li .btn-dropdown-cate.open {

  -webkit-transform: rotate(-180deg);

  transform: rotate(-180deg);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.pro-hot_home .image .img {

  padding-top: 70%;

}



.item_suggested .image .img {

  padding-top: 100%;

}



/* .slide_pro-cate1 .item_slide .img{

  padding-top: 100%;

} */

.item_cate-pro .box_cate .img {

  padding-top: 100%;

}



.item_cate-pro .box_cate .img img {

  object-fit: contain;

}



.news-slidebar li {

  position: relative;

  padding-left: 1rem;

}



.news-slidebar li::before {

  content: "";

  width: 8px;

  height: 8px;

  background: #000;

  position: absolute;

  border-radius: 50%;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



.cloudzoom-lens {

  border: 2px solid rgb(211, 208, 208);

  width: 100px !important;

  height: 100px !important;

  box-shadow: 0px 0px 10px rgb(0 0 0 / 40%);

  cursor: crosshair;

  z-index: 9999;

  max-width: 350px;

}



/* .swiper-button-disabled {

  display: block !important;

  opacity: 0.5;

} */

.swiper-button-disabled {

  display: flex !important;

  opacity: 0.5;

}



.box-list__pro .item_slide .title_pro {

  color: #15d135;

}



.nav-link__footer.infor ul li a {

  margin-left: 0.5rem;

}



.section-home .box-text .title:hover,

.section-home .banner:hover .box-text .title {

  color: #f7c51e;

  transition: all 0.3s;

  cursor: pointer;

}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

  background: #fff !important;

  color: #15d135 !important;

  /* padding-bottom: 1rem; */

  /* border-bottom: 2px solid #15d135; */

  transition: all 0.3s;

  border-radius: 0;

}



.nav-pills .nav-link {

  text-transform: uppercase;

  font-size: 1.25rem;

  font-weight: 600;

  color: #252525;

  /* border-bottom: 2px solid #fff; */

}



.section-project-home .nav-item img {

  max-width: 4rem;

  min-width: 4rem;

  margin-bottom: 1rem;

}



/* .bd-bt{

  border-bottom: 1px solid #888;

  padding-bottom: 1rem;

} */

.section-project-home .nav-pills {

  overflow-x: auto;

  overflow-y: hidden;

  display: flex;

  flex-wrap: nowrap;

}



.section-project-home .nav-pills li {

  display: flex;

  flex: 0 0 auto !important;

}



.section-pro-home .title-project-home {

  font-size: 1.25rem;

}



.section-project-home .item-pro__main {

  padding-bottom: 0;

}



.nav .nav-item .nav-link {

  font-size: 1.125rem !important;

}



.pro-categories .modal-content .swiper-main .swiper-slide-thumb-active {

  opacity: 1 !important;

}



.pro-categories .modal-content .swiper-main .swiper-slide {

  opacity: 0.5;

}



.swiper-modal .swiper-button-prev:after,

.swiper-modal .swiper-button-next:after {

  font-size: 1.45rem;

  color: #f7c51e;

}



.item_pro-cate {

  position: relative;

}



.section-banner .title-big__all, .section-banner .breadcrumb {

  display: none;

}

.slide-image__thumb .swiper-slide .img,.slide-image__thumb .swiper-slide .img img {

  height: 100%;

  width: 100%;

  object-fit: contain;

}