html {
  font-family: 'Montserrat', sans-serif;
  font-size:16px;
}

body {
  font-family: 'Montserrat', sans-serif;
  margin: 0px;
  padding: 0px;
  
}

@property --ani-primary {
   syntax: "<color>";
   inherits: false;
   initial-value: #9F1D27;
}

@property --ani-secondary {
  syntax: "<color>";
  inherits: false;
  initial-value: #D09B2B;
}

@property --ani-base-secondary {
  syntax: "<color>";
  inherits: false;
  initial-value: #FFF9EB;
}

@property --ani-base-default {
  syntax: "<color>";
  inherits: false;
  initial-value: #FFF9EB;
}


.slick-next:before {
  color: gray;
}

.slick-prev:before {
  color: gray;
}

.nav-link {
  color: #333333;
  font-weight: 500;
}

.section-title {
  color: #333333;
}

.text-emphasize {
  color: #cb9b3c;
}

.font-weight-500 {
  font-weight: 500;
}

.text-muted {
  color: #ffffff;
}

.anitime-title {
  margin: 0px 0px 50px 0px;
  text-transform: uppercase;
  font-size: 1.67rem;
  color: #333333;
  text-align: center;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}


.anitime-title span {
  color: #cb9b3c;
}

.nav-link.active {
  color: #cb9b3c;
}

/***Common****/
.section__title {
  margin: 50px 0px 50px 0px;
  text-transform: uppercase;
  font-size: 1.33rem;
  color: #333333;
  text-align: center;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.section__title .highlight {
  color: #cb9b3c;
}

.section__title.section__title--white {
  color: white;
}

.section__title.section__title--bold {
  font-weight: 600;
}

.btn {
  border-radius: 30px;
  padding: 7px 35px;
  font-size: 0.89rem;
  text-transform: uppercase;
  font-weight: 500;
  background: white;
  border: 2px solid #cb9b3c;
  color: #cb9b3c;
}

.btn:focus {
  box-shadow: 0 0 0 0  !important;
}

.btn:hover {
  background: #BA8F38;
  color: white;
  border-color: #BA8F38;
}

.btn.btn--submit {
  background: #cb9b3c;
  color: white;
  padding: 10px 40px;
}

.btn.btn--contact {
  background: #cb9b3c;
  color: white;
  padding: 5px 20px;
}

.btn.btn--submit:hover {
  background: #BA8F38;
  color: white;
  border-color: #BA8F38;
  text-decoration: none;
}

.img-border {
  width: 100%;
  height: auto;
  margin: 15px 0px;
  border-radius: 18% 0px 18% 0px;
}

.padding-20 {
  padding: 20px;
}

.header-top {
  box-shadow: 1px 1px  3px grey;
  position: relative;
  z-index: 1000;
  background-color: #374151 !important;
}

.header-top .text {
  color: white;
  font-size: 0.85rem;
  padding: 12px 0;
}

.header-top .text .sub-text {
  color: white !important;
  text-decoration: none;
}

.header-top .text .sub-text:hover {
  color: #BA8F38 !important;
}

.header-top .text .color-highlight {
  color: #cb9b3c !important;
}

.header-main {
  margin-top: 0px;
  width: 100%;
  background: white;
  z-index: 999;
  box-shadow: 1px 1px  1px #dddddd;
  width: 100%;
  position: relative;

}

.header-main.header-fixed{
  position: fixed;
  top: 0;
}

.header-fixed .nav .nav-link{
  padding:15px 10px !important;
  padding-bottom:12px !important;
}
.header-fixed .logo{
  margin-top:3px !important;
}
.header-fixed .logo .img{
  /* height: 50px !important; */
  width: auto;
}

.header-main .logo {
  float: left;
  width: 140px;
}

.header-main .logo .img {
  height: 28px;
  transition: height 0.2s;
}

.header-main .nav {
  float: right;
}

.header-main .nav .nav-link {
  padding: 30px 10px;
  padding-bottom: 27px;
  border-bottom: 3px solid transparent;
  font-weight: 500;
  text-transform: uppercase;
  transition: padding 0.2s;
}

.header-main .nav .nav-link:hover {
  color: #cb9b3c;
}

.header-main .nav .nav-active {
  color: #cb9b3c;
  border-bottom-color: #cb9b3c;
}

.section-breadcrumb {
  width: 100%;
  float: left;
  width: 100%;
}

.section-breadcrumb .breadcrumb {
  padding: 0;
  margin: 0 !important;
  padding: 11px 0;
}

.section-breadcrumb .breadcrumb .home .img {
  height: 18px;
  position: relative;
  top: -3px;
}

.section-breadcrumb .breadcrumb .breadcrumb-item {
  padding: 0;
  margin-right: 10px;
  margin-left: 0;

}

.section-breadcrumb .breadcrumb .breadcrumb-item:before {
  content: "";
  padding: 0;
  margin: 0;

}

.section-breadcrumb .breadcrumb .breadcrumb-item .link{
  margin-right: 5px;
}

.section-breadcrumb .breadcrumb .breadcrumb-item:not(.home):not(.active):after {
  content: "\\";
  display: inline-block;
  margin-left: 7px;
}

.section-breadcrumb .breadcrumb .breadcrumb-item.active {
  color: #9F1D27;
  padding: 0;
  font-weight: 500;
}
.section-breadcrumb ol li *{
  font-size: 0.89rem;
}

.icon {
  margin: 0 5px;
  height: 12px;
}

.icon.icon-phone {
  height: 18px;
}

.link {
  text-decoration: none;
  color: #333333;
}

.link:hover {
  color: #cb9b3c;
  text-decoration: none;
}

.customer-pagination {
  margin: 25px 0px 30px 0px;
  color: #707070;
}

.customer-pagination li {
  margin: 5px;
}

.customer-pagination li a {
  color: #707070;
  width: 35px;
  height: 35px;
  line-height: 1;
}

.customer-pagination .pagination-icon {
  vertical-align: middle;
  font-size: 1.11rem;
}

.customer-pagination .pagination-icon i {
  font-size: 1.11rem;
}

.customer-pagination li a:hover {
  color: #FFFFFF;
  background-color: #cb9b3c;
}


.loading{
  display: none;
}
.form--register .error{
  padding:0;
  margin:0;
  padding-left: 15px;

  margin-top:5px;
}

.form--register .form-success{
  display: none;
}

.form--register .message-intro{
  margin-bottom: 20px;
}
.form--register .form-data{
  padding-bottom: 30px;
}

.form-register-service .form-success{
  display: none;
  margin-bottom: 50px;
}

.change-language .hidden{
  display: none;
}

.change-language .dropdown-menu{
  border: none !important;;
  background: transparent !important;
}

.contact-form .form-success{
  display: none;
}

.contact-form {
  padding-bottom: 50px;
  padding-right: 40px;
    padding-top:40px;
}

.contact-form .anitime-title{
    margin-bottom: 20px;
}

#footer h5 {
  margin-bottom: 20px;
}

#footer ul {
  margin-bottom: 15px;
}

#footer ul li{
  margin-bottom: 15px;
  color: #e3e3e3;
}

#footer ul li a, #footer ul li span, #footer ul li p{
  color: #e3e3e3!important;
  font-size: 0.9rem;
}

#footer .text-emphasize {
  color:  #cb9b3c!important;
}

/* .home section:not(.home--slider):not(.home--products) {
  padding-top: 60px;
  padding-bottom: 60px;
} */

.home--marketing{
  background: url('../img/bg-marketing.jpg');
}

.home .home--marketing .section-title {
  margin-bottom: 50px;
}

.home .home--marketing .service--img {
  margin-bottom: 30px;
  width: 150px;
  height: 150px;
  border: solid 3px #cb9b3c;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 50px;
}

.home .home--marketing .service--name {
  font-size: 1.15rem;
  margin-top: 30px;
  font-weight: 500;
}

.home .home--services .section-title {
  margin-bottom: 45px;
}

.home .home--products .section-title{
  margin-bottom: 45px;
  text-transform: uppercase;
  color:white;
}

.home .home--services .img-service {
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  margin-bottom: 30px;
  /*height: 240px;*/
}

.home .home--services .service--name {
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 1.4rem;
}

.home .home--services .icon--mark {
  width: 25px;
  height: 25px;
  margin-right: 15px;
}

.home .home--services .service--content {
  display: flex;
  margin-bottom: 15px;
}

.home .home--services .service--content .service--detail {
  margin: 0px;
  font-size: 0.9;
  line-height: 1.7em;
  font-weight: 500;
}

.home .home--services .service-text:nth-last-child(1) .service--content {
  margin-bottom: 25px;
}

.home .home--products {
  /* background-color:rgba(255,0,0,0.3); */
  background-image: url("../img/vesinh1.png");
  /* background: #F5F5F5; */

  background-attachment: fixed;
}

.home .home--products .home--products-content {
  padding-top: 60px;
  padding-bottom: 60px;
  background: rgba(38, 37, 37, 0.8);
}

.home .home--products .title--list-products {
  color: white;
  margin-bottom: 45px;
}

.home .home--products .product-row{
  margin-bottom: 30px;
}


.home .home--products .product-category{
  color: white;
}

.home .home--products .product-category__title{
  color:white;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-top:30px;
  line-height: 1.8rem;
}

.home .home--products .product-category__description{
  color:white;
  font-size: 1rem;
  line-height: 1.6rem;
}

/* .home .home--products .product-categories li a.active{
  background: #cb9b3c;
}

.home .home--products .product-categories li a:hover{
  text-decoration: none;
  background: #8a8a8a;
} */

.home .home--products .product--content .img-wrap{
  overflow: hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.home .home--products .product--content .img--product {
  width: 100%;
  /*height: 300px;*/

  transition: all  0.3s;
}

.home .home--products .product--content:hover .img--product{
  transform: scale(1.1);
} 

.home .home--products .product--content .product--name {
  background-color: #F5F5F5;
  padding: 18px;
  font-size: 1rem;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-weight: 500;
  text-align: center;
}

.home .home--products .product-view-all{
  /* text-align: center; */
}

.home .home--products .product-view-all a.btn{
  padding: 6px 27px;
}


.home .home--projects{
  background: #F5F5F5;
}

.home--projects .section-title{
  margin-bottom: 25px;
  font-size:1.67rem;
}
.home .home--projects .img-project {
  width: 100%;
  height: 180px;
  border-radius: 15px;
}

.home .home--projects .project--name {
  font-size: 1rem;
  margin-top: 20px;
  font-weight: 500;
  padding-left: 5px;
}

.home .home--comment {
  padding:0 !important;
  padding-left: 0px ;
  padding-right: 0px ;
  color: white;
}
.home .home--comment .register-form{
  margin: 0px;
}

.home .home--comment .customer--comment {
  background-image: url("../img/handshake.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 560px;
}

.home .home--comment .customer--comment .section-title {
  color: white;
  margin-top: 65px;
  margin-bottom: 50px;
}

.home .home--comment .customer--comment .content--comment__item img{
  display: inline-block;
}
.home .home--comment .customer--comment .content--comment__item{
  padding:0 20px;
}
.home .home--comment .customer--comment .content--comment {
  padding-left: 100px;
  padding-right: 100px;
  height: 100%;
  background: rgba(38, 37, 37, 0.8);
}

.home .home--comment .customer--comment .logo-customer {
  width: 120px;
  height: 120px;
  border-radius: 60%;
  margin-bottom: 35px;
}

.home .home--comment .customer--comment .customer--name {
  font-size: 0.9rem;
  font-weight: bold;
}

.home .home--comment .customer--comment .comment {
  font-size: 0.9rem;
}
.home .home--comment .customer--comment .comment a{
  text-decoration: none;
  color:#cb9b3c !important;
}
.home .home--comment .customer--comment .comment a:hover{
  text-decoration: underline;

}

.home .home--comment .customer--comment .view-more-comment {
  text-decoration: none;
  color: #cb9b3c;
}

.home .home--comment .form--register {
  padding-right: 100px;
  padding-left: 50px;
  padding-top: 60px;
  color: #333333;
}

.home .home--comment .form--register .section-title {
  margin-bottom: 15px;
}

.home .home--comment .form--register .hint {
  font-size: 0.9rem;
}

.home .home--comment .form--register .form-control--custom {
  border-radius: 20px;
  font-size:0.9rem;
}

.home .home--comment .form--register .form-group--custom {
  margin-bottom: 20px;
}

.home .home--comment .form--register .btn-submit-form {
  margin-top: 10px;
  background-color: #cb9b3c;
  color: white;
  height: 50px;
  width: 215px;
}

.home .home--partner .section-title {
  margin-bottom: 35px;
}

.home .home--partner .img-partner {
  width: 100%;
  height: 120px;
  border-radius: 15px;
  border: solid 0.5px #dbdbdb;
  background: white;
}

.test {
  color: white;
}

.anitime-title-h2 {
  font-size: 1.11rem;
  color: #333333;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.content {
  font-size: 0.9rem;
  color: #333333;
  font-weight: normal;
  line-height: 25px;
  margin-bottom: 30px;
}

#about {
  padding: 0px;
}

#about .about-img {
  margin-bottom: 45px;
  height: auto;
}

#about .list--menu-nav {
  margin-bottom: 50px;
}

#about .list--menu-nav .nav-tabs {
  width: 100%;
  padding-left: revert;
  flex: 0 0 100%;
  border: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#about .list--menu-nav .nav-tabs .nav-item:nth-child(n) {
  margin-right: 15px;
}

#about .list--menu-nav .nav-tabs .nav-item .nav-link {
  border: none;
  height: 40px;
  background-color: #f5f5f5;
  font-family: Montserrat;
  color: #333333;
  font-weight: 400;
}

#about .list--menu-nav .nav-tabs .nav-item .nav-link.active {
  background-color: #cb9b3c !important;
  color: #ffffff;
  border-radius: 0px !important;
  font-weight: bold;
}


#about .tab-content p {
  font-size: 0.9rem;
  color: #333333;
  font-weight: 400;
  line-height: 25px;
}

#about .tab-content p:last-child {
  margin-bottom: 60px;
}

#about .tab-content .anitime-title {
  margin-bottom: 35px;
}

#about .tab-content .part-2 {
  background-color: #f5f5f5;
  padding-top: 60px;
}

#about .tab-content .part-2 .anitime-title {
  margin-top: 0px;
}

#about .tab-content .img--radius {
  border-radius: 25% 0px;
}

.padding--bottom-60 {
  margin-bottom: 60px;
}

.section__title--content {
  margin-bottom: 54px;
}

.section__title--text-content-white {
  font-size: 0.9rem;
  color: #ffffff;
  line-height: 1.64;
  margin-bottom: 0px;
}

.form__label {
  font-size: 1.11rem;
  font-weight: 500;
}

.form__label--text-white {
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 15px;
}

.form__label--text {
  font-size: 1.22rem;
  font-weight: 500;
  margin-bottom: 22px;
}

.form-group--custom {
  margin-bottom: 35px;
}

.form-control--custom {
  height: 45px;
  border-radius: 5px;
}

.section--register-service {
  background-image: url("../img/register.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.section--register-service .section__title {
  margin-bottom: 30px;
}

.section--register-service .section__footer {
  margin-bottom: 45px;
}

.section--register-service .text--white {
  color: #ffffff;
}

.post__title-highlight-black {
  font-size: 0.9rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 35px;
}

.paragraph__title-bold {
  font-size: 0.9rem;
  font-weight: bold;
  color: #333333;
}

.paragraph__title-semi-bold {
  font-size: 1rem;
  font-weight: bold;
  color: #cb9b3c;
}

.paragraph__title-semi-bold-mg {
  font-size: 1rem;
  font-weight: bold;
  color: #cb9b3c;
  margin-bottom: 20px;
}

.paragraph__content {
  font-size: 0.9rem;
  margin-bottom: 25px;
}

.section--service-details .service__detail-list-img {
  margin-bottom: 45px;
}

/*.section--service-details .service__detail-list-img img {*/
/*  height: 200px;*/
/*}*/

.footer__section--service-details {
  margin-bottom: 45px;
  margin-top: 35px;
}

.section--equipment {
  margin-top: 55px;
}

.section--equipment .list--equipment {
  padding-left: 25px;
  line-height: 40px;
}

.section--equipment .siderbar--title {
  font-size: 1.11rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 25px;
}

.section--equipment .equiment--title {
  font-size: 1.67rem;
  /*font-weight: 600;*/
  color: #cb9b3c;
  margin-bottom: 30px;
}

.section--equipment  .equiment--title-detail{
  margin-bottom: 10px;
}

.section--equipment .equiment--title .highlight {
  color: #ca9939;
}

.section--equipment .equipment:nth-child(n) {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
}

.section--equipment .equipment .equiment--name {
  padding: 15px;
}

.section--equipment .equipment .equiment--name h3 {
  font-size: 0.9rem;
  margin-bottom: 0px;
}

.section--equipment .equipment .equiment--name a {
  color: #333333;
  text-decoration: none;
}

.section--equipment .equipment--content {
  background-color: #f5f5f5;
  border-radius: 20px;
  text-align: center;
  font-weight: 500;
}

.section--equipment .equipment--content .card-body {
  padding: 7px;
}

.section--equipment .equipment--content img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.section--equipment .equipment--content:hover {
  background-color: #ca9939;
  border: 2px solid #ca9939;
}

.section--equipment .equipment--content:hover a {
  color: #ffffff;
}

.section--equipment .category--equipment {
  margin-bottom: 40px;
  font-weight: 500;
}

.section--equipment .category--equipment .main--category {
  list-style-type: square;
}

.section--equipment .category--equipment .main--category .active {
  color: #ca9939;
}

.section--equipment .category--equipment .main--category li:hover a {
  text-decoration: none;
  color: #ca9939;
}

.section--equipment .category--equipment .main--category a {
  text-decoration: none;
  color: #333333;
}

.section--equipment .category--equipment .main--category a .active {
  color: #ca9939;
}

.section--equipment .category--equipment .main--category::marker {
  color: #ca9939;
  font-size: 25px;
}

.section--equipment .category--equipment .list--equipment-name {
  padding: 0;
}

.section--equipment .category--equipment .list--equipment-name .equipment--name {
  list-style-type: none;
  cursor: pointer;
}

.section--equipment .category--equipment .list--equipment-name .equipment--name:before {
  content: "- ";
}

.section--equipment .category--equipment .list--equipment-name .equipment--name:hover {
  color: #ca9939;
  font-weight: bold;
}

.section--equipment .best-seller--equipment .img--equipment {
  margin-bottom: 15px;
}

.section--equipment .best-seller--equipment .img--equipment img {
  border-radius: 7px;
  border: solid 1px #dbdbdb;
}

.section--equipment .best-seller--equipment .img--equipment:nth-child(odd) {
  padding-right: 7.5px;
}

.section--equipment .best-seller--equipment .img--equipment:nth-child(even) {
  padding-left: 7.5px;
}

.section--equipment .best-seller--equipment .btn--view-more {
  width: 100%;
}

.section--equipment .c-banner__page {
  display: block;
}

.section--equipment__details .img--main {
  margin-bottom: 20px;
}

.section--equipment__details .img--main img {
  border-radius: 15px;
  border: solid 1px #dbdbdb;
}

.section--equipment__details .equiment--price {
  font-size: 1.11rem;
  color: #ca9939;
  font-weight: bold;
  margin-bottom: 20px;
}

.section--equipment__details .equipment--details .list--img {
  padding-right: 10px;
  padding-left: 10px;
  align-items: center;
  justify-content: center;
}

.section--equipment__details .equipment--details .list--img .img--equipment:nth-child(n):not(:first-child):not(:last-child) {
  padding-right: 5px;
  padding-left: 5px;
}

.section--equipment__details .equipment--details .list--img .img--equipment:nth-child(1) {
  padding-right: 5px;
  padding-left: 5px;
}

.section--equipment__details .equipment--details .list--img .img--equipment:nth-last-child(1) {
  padding-left: 5px;
  padding-right: 5px;
}

.section--equipment__details .equipment--details .list--img .img--equipment img {
  border-radius: 7px;
  border: solid 1px #dbdbdb;
  cursor: pointer;
}

.section--equipment__details .equipment--details .list--img .img--equipment img:hover {
  border: 2px solid #cb9b3c;
}

.section--equipment__details .equipment--details__content {
  
}

.section--equipment__details .btn--order-equipment {
  margin-top: 20px;
  margin-bottom: 40px;
}

.section--related-equipment {
  background-color: #f5f5f5;
}

.section--related-equipment .img--related-equipment {
  width: 100%;
}

.section--related-equipment .section__title {
  font-size: 1.3rem;
  padding-top: 40px;
  margin-bottom: 40px;
}

.section--related-equipment .list--related-equipment {
  margin-bottom: 71px;
}

.section--related-equipment .list--related-equipment img {
  border-radius: 15px;
}

.section--related-equipment .list--related-equipment .equiment--name {
  margin-top: 0x;
  font-weight: 500;
  padding-left: 5px;
}

.section--related-equipment .list--related-equipment .equiment--name a {
  text-decoration: none;
  color: #333333;
}

.modal--custom .modal-content {
  padding: 30px;
}

.modal--custom .modal-content .modal-header--custom {
  text-align: center;
}

.modal--custom .modal-content .modal-header--custom .modal--title {
  font-size: 1.67rem;
  text-align: center;
  font-weight: 600;
}

.modal--custom .modal-content .modal-footer--custom {
  text-align: center;
}

.paginate_button.page-item.disable {
  cursor: not-allowed;
}
.page-item.active .page-link {
  background-color: #ca9939;
  border: #ca9939;
  line-height: 1.3;
}

.page-link.disable {
  cursor: not-allowed;
}
.page-link.icon-pagination {
  padding: 6px 0px 6px 0px;
  line-height: 1;
}
.section--news {
  margin-top: 45px;
}

.section--news .list--news {
  padding-left: 25px;
  line-height: 40px;
}

.section--news .siderbar--title {
  font-size: 1.11rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px;
}
.hashtag--news  .siderbar--title{
  margin-bottom: 25px;
}

.section--news .news--title {
  /*font-size: 25px;*/
  font-weight: 500;
  color: #333333;
  margin-bottom: 20px;
  text-align: left;
  margin:0;
}

.section--news .news--title .highlight {
  color: #ca9939;
}

.section--news .news-list .item-title{
  font-size:1rem;
}

.section--news .news-list .item-title:hover{
  color: #cb9b3c
}

.section--news .news-list .news-item{
  border-bottom: #dbdbdb solid 1px;
}

.section--news .news-list .row:last-child .news-item{
  border-bottom:none;
}

.section--news .news:nth-child(n) {
  padding-left: 7.5px;
  padding-right: 7.5px;
  padding-bottom: 25px;
}

.section--news .news .news--name {
  padding: 15px;
}

.section--news .news .news--name h3 {
  font-size: 1rem;
  margin-bottom: 0px;
}

.section--news .news .news--name a {
  color: #333333;
  text-decoration: none;
}

.section--news .news--content {
  background-color: #f5f5f5;
  border-radius: 20px;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
}

.section--news .news--content .card-body {
  padding: 7px;
}

.section--news .news--content img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.section--news .news--content:hover {
  background-color: #ca9939;
  border: 2px solid #ca9939;
}

.section--news .news--content:hover a {
  color: #ffffff;
}

.section--news .category--news {
  margin-bottom: 30px;
  font-weight: 500;
}

.section--news .category--news .main--category {
  list-style-type: square;
}

.section--news .category--news .main--category .active {
  color: #ca9939;
}

.section--news .category--news .main--category li:hover a {
  text-decoration: none;
  color: #ca9939;
}

.section--news .category--news .main--category a {
  text-decoration: none;
  color: #333333;
}

.section--news .category--news .main--category a .active {
  color: #ca9939;
}

.section--news .category--news .main--category::marker {
  color: #ca9939;
  font-size: 25px;
}

.section--news .category--news .list--news-name {
  padding: 0;
}

.section--news .category--news .list--news-name .news--name {
  list-style-type: none;
  cursor: pointer;
}

.section--news .category--news .list--news-name .news--name:before {
  content: "- ";
}

.section--news .category--news .list--news-name .news--name:hover {
  color: #ca9939;
  /*font-weight: bold;*/
}

.main--category .category-link:hover{
  color: #ca9939 !important;
}
.section--news .hashtag--news{
  margin-bottom: 40px;
}
.section--news .hashtag--news .tag--news {
  margin-bottom: 15px;
}

.section--news .hashtag--news .tag--news a {
  text-decoration: none;
  background-color: #f5f5f5;
  padding: 5px 20px;
  border-radius: 4px;
  color: #333333;
}

.section--news .hashtag--news .tag--news a:hover {
  background-color: #dbdbdb;
}

.section--news .hashtag--news .tag--news img {
  border-radius: 7px;
  border: solid 1px #dbdbdb;
}

.section--news .hashtag--news .tag--news {
  padding-right: 10px;
  float: left;
}


.section--news .hashtag--news .btn--view-more {
  width: 200px;
}

.section--news__details .img--main {
  margin-bottom: 20px;
}

.section--news__details .img--main img {
  border-radius: 15px;
  border: solid 1px #dbdbdb;
}

.section--news__details .news--price {
  font-size: 1.11rem;
  color: #ca9939;
  font-weight: bold;
  margin-bottom: 20px;
}

.section--news__details .news--details .list--img {
  padding-right: 10px;
  padding-left: 10px;
}

.section--news__details .news--details .list--img .img--news:nth-child(n):not(:first-child):not(:last-child) {
  padding-right: 5px;
  padding-left: 5px;
}

.section--news__details .news--details .list--img .img--news:nth-child(1) {
  padding-right: 5px;
  padding-left: 5px;
}

.section--news__details .news--details .list--img .img--news:nth-last-child(1) {
  padding-left: 5px;
  padding-right: 5px;
}

.section--news__details .news--details .list--img .img--news img {
  border-radius: 7px;
  border: solid 1px #dbdbdb;
}

.section--news__details .news--details__content {
  font-size: 1rem;
}

.section--news__details .btn--order-news {
  margin-top: 20px;
  margin-bottom: 30px;
}

.section--news .news-item{
  padding:40px 0;
  border-bottom: transparent solid 1px;
}

.section--related-news {
  background-color: #f5f5f5;
}

.section--related-news .img--related-news {
  width: 100%;
  height: 326px;
}

.section--related-news .section__title {
  font-size: 1.67rem;
  padding-top: 50px;
  margin-bottom: 30px;
}

.section--related-news .list--related-news {
  margin-bottom: 71px;
}

.section--related-news .list--related-news img {
  border-radius: 15px;
}

.section--related-news .list--related-news .news--name {
  font-size: 1rem;
  margin-top: 20px;
  font-weight: 500;
  font-family: HelveticaNeue;
  padding-left: 5px;
}

.section--related-news .list--related-news .news--name a {
  text-decoration: none;
  color: #333333;
}

#about .editor-content h1 {
  padding: 30px 0px 30px 0px;
  text-transform: uppercase;
  font-size: 1.67rem;
  color: #333333;
  text-align: center;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

#about .editor-content h1 span {
  color: #cb9b3c !important;
}

#about .editor-content br {
  display: none;
}

#about .editor-content h2 {
  font-size: 1.11rem;
  color: #333333;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#about .editor-content h3 {
  font-size: 1.11rem;
  color: #333333;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#about .editor-content p {
  font-size: 1rem;
  color: #333333;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 0;
  padding-bottom: 1rem;
}

#about .editor-content img{
  margin: 20px 0px;
}

/*#about .editor-content img {*/
/*  width: 40% !important;*/
/*  height: 330px !important;*/
/*  padding-bottom: 30px;*/
/*}*/

#about .editor-content img {
  border-radius: 60px 0px;
}


#about .editor-content p:last-child {
  margin-bottom: 60px;
}

#about .editor-content .part-2 {
  background-color: #f5f5f5;
  padding-top: 60px;
}

#about .editor-content .part-2 .anitime-title {
  margin-top: 0px;
}

.lastest-news .siderbar--title{
  margin-bottom: 0;
}

.lastest-news .news-item{
  padding: 20px 0;
  border-bottom: #dbdbdb solid 1px;
  margin:0
}

.lastest-news .row:last-child .news-item{
  padding:25px 0;
  border-bottom:none;
  margin:0
}

.lastest-news .news-item .img{
  border-radius: 5px;
  border:1px solid #dbdbdb;
  float: left;
  margin-right: 10px;
}

.lastest-news .news-item .title{
  font-weight: 400;
  color : #333333;
  font-size: 1rem;
  margin:0
}
.lastest-news .news-item a:hover{
  text-decoration: none !important;

}

.lastest-news .news-item .title:hover{
  color : #cb9b3c;
}

.section--news-detail .news-detail-title{
  margin-top:0;
  line-height: 1.4em;
  font-size: 25px;
}
.common-detail-title{
    margin-top:0;
    line-height: 1.4em;
    font-size: 1.44rem;
}

.common-detail-title span{
  color:#cb9b3c !important;
}

.editor-container h1{
  line-height: 1.4em;
  font-size: 1.44rem;
  font-weight: 600;
  color:#cb9b3c !important;
}
.editor-container h2{
  font-size: 1.22rem !important;
  line-height: 1.5em;
  font-weight: 500;
}
.editor-container h3{
  font-size: 1rem !important;
  line-height: 1.7em;
  font-weight: 500;
}

.editor-container strong{
  font-weight: 600;
}

.editor-container img{
    max-width: 100% !important;
    height: auto !important;
  
}

.editor-container p,.editor-container ul li{
  font-size: 1rem;
  line-height: 1.8em;
}

.editor-container figure.image{
  text-align: center;
}

.editor-container figure.image figcaption{
  font-size: 0.8rem;
}

.news-detail-list-news{
  margin:0px !important;
  padding-bottom: 30px;
}

.news-detail-list-news .news-item{
  padding:0 15px !important;
}

.news-detail-list-news .news-item .related-post-title{
  margin-top:15px;
  line-height: 1.2rem;
}
.news-detail-list-news .news-item .related-post-title a{
  font-size:1rem;

}
.news-detail-list-news .news-item:hover .related-post-title a{
  color:#cb9b3c !important;
}

.same-news .anitime-title{
  margin-bottom: 30px !important;
}

.img--related-equipment {
  border: 1px solid #ddd;
}

#service-detaild .section__title h1 {
  padding: 30px 0px 30px 0px;
  text-transform: uppercase;
  font-size: 1.67rem;
  color: #333333;
  text-align: center;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

#service-detaild .section__title span {
  color: #cb9b3c !important;
}


#service-detaild .service-editor img{
  max-width: 100% !important;
  height: auto !important;
}

.service-type {
  font-weight: 600;
  font-size: 1.11rem;
  line-height: 1.3;
  color: #333333;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
}

.service--outside {
  padding-bottom: 50px;
    margin-top:40px;
}

.service-image-group{
  padding:0 15px;
}

.related-title{
  color: #8B070A;
  font-size: 1.11rem;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;

}

.service-slider{
  margin-bottom: 20px;
  margin-top:20px;
}

.service-slider .slick-arrow{
  top:40%
}

.service-slider .slick-prev{
  left: -15px !important;
}

.service-slider .slick-next{
  right: 4px !important;
}

.service-image-group h3 {
  margin: 5px 0;
  width: 100%;
  font-size: 1rem;
    font-weight: 500;
  line-height: 1.7;
  letter-spacing: normal;
}

.service-image-group:hover h3 a {
  color: #cb9b3c;
}

.service-image-group h3 a {
  color: #333333;
  text-decoration: none;
}

.border-image {
  width: 100%;
  min-height: 170px;
  max-height: 170px;
  border: solid 1px #dbdbdb;
  display: inline-block;
  position: relative;
  border-radius: 15px;
}

.border-image img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 15px;
}

.customer-col-padding {
  padding-top: 15px;
  padding-bottom: 15px;
}

.contact-text {
  color: #333333;
  line-height: 1.7;
  margin: 5px auto;
}

.contact-map {
  width: 100%;
  min-height: 652px;
  height: auto;
}

.contact--bg {
  background-image: url("../img/bg_contact.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top right;
}

#contact .anitime-title {
  font-weight: 600;
}

.contact-input {
  width: 100%;
  margin: 30px 0px;
  color: #707070;
}

.contact-input label {
  width: 100%;
  text-align: left;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 10px;
}

.contact-input input {
  height: 45px;
  width: 90%;
  font-size: 0.9rem;
  border-radius: 5px;
  font-weight: 500;
}

.contact-input textarea {
  height: auto;
  width: 90%;
  min-height: 60px;
  font-size: 0.9rem;
  border-radius: 5px;
  font-weight: 500;
}

.contact-btn {
  margin: 35px 0px 50px 0px;
  padding: 5px 0px;
}

.contact-image {
  width: 100%;
  height: 850px;
}

.news-item {
  width: 100%;
  color: #333333;
}

.news-item .news-item-image {
  border-radius: 8px;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  margin: auto;
  border:1px solid #dbdbdb ;
}

.news-item .news-item-text1, .news-item .news-item-text2 {
  width: 100%;
  height: auto;
  line-height: 1.5;
  margin-bottom: 10px;
}

.news-item .news-item-text2 {
  font-size: 0.9rem;
}

.news-item .news-item-text1 {
  font-weight: 500;
}

.news-item .news-item-text1 h3 {
  font-size: 1rem;
}

.news-item .news-item-text1 a {
  color: #333333;
  text-decoration: none;
}

.news-detail-title {
  text-transform: uppercase;
  font-size: 1.11rem;
  margin-top: 50px;
  color: #333333;
  font-weight: 600;
}

.news-detail-date {
  margin: 15px 0px 30px 0px;
  font-size: 14px;
  color: #707070;
}

.news-details-content {
  margin: 15px 0px;

  font-weight: normal;
  font-weight: 300;
  line-height: 1.5;
}

.news-detail-image {
  width: 70%;
  height: auto;
  display: block;
  margin: 40px auto;
}

.same-news {

  background-color: #f5f5f5;
}

.same-news .container-fuild {
  margin: 0px;
  padding: 0px;
}

.same-news .anitime-title {
  padding-top: 33px;
}

.same-news .news-detail-list-news .slick-arrow {
  top:30%;
}

.same-news .news-item a {
  color: #707070;
  text-decoration: none;
}

.same-news .news-item p {
  font-size: 1rem;
  margin: 15px 0px 15px 0px;
  font-weight: 500;
}

.same-news .slick-prev:before, #service-detaild  .slick-prev:before {
  font-family: "Fontawesome" !important;
  font-weight: 200;
  content: "\f104";
  font-size: 50px !important;
}

.same-news .slick-next:before, #service-detaild  .slick-next:before {
  font-family: "Fontawesome" !important;
  font-weight: 200;
  content: "\f105";
  font-size: 50px !important;
}

.same-news .slick-prev:before, .same-news .slick-next:before, #service-detaild  .slick-prev:before, #service-detaild  .slick-next:before{
  font-family: 'slick';
  font-size: 1.67rem;
  line-height: 1;
  opacity: .75;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.language-icon .dropdown-menu {
  min-width: 0px;
  padding: 0px 2px;
  margin: 3px 0px 0px 0px;
  left: -3px !important;
}

.language-icon ul li img{
  vertical-align: text-bottom;
}


.slick-slider .slick-arrow:before{
  content:url('../img/svg/pre-icon.svg') !important;;
  display: block !important;
  font-size: 35px !important;
  width: 48px;
  height: 48px;
  background-color: #fff;
  text-align: center;
  border-radius: 100%;
  border: 1px solid;
}
.slick-slider .slick-prev{
  left:-42px
}

.list--related-equipment  .slick-arrow{
  top:30%;
}

.list--related-equipment  .slick-slide{
  padding:0 15px !important;
}

.list--related-equipment{
  padding-bottom: 40px;
}
.list--related-equipment  .slick-slide h3{
  text-align: center;
}

.list--related-equipment  .slick-slide h3 a{
  line-height: 1.3rem;
  font-size:1rem;
}
.list--related-equipment  .slick-slide:hover a{
  color:#cb9b3c
}

.slick-slider .slick-next:before{
  content:url('../img/svg/next-icon.svg') !important;
}

.home--projects .slick-slider .slick-arrow{
  top:35%;
}

.home--comment .slick-slider .slick-arrow{
  top:42%
}

.service__detail-list-img .slick-arrow{
  top:44%
}

.home--comment .slick-slider .slick-track .slick-slide{
  text-align: center;
}

.home--comment .content--comment__slider  .slick-next{
    bottom: -40px;
    top: unset;
    right: 47%;
}
.home--comment .content--comment__slider  .slick-prev{
    bottom: -40px;
    top: unset;
    left: 47%;
}



.paralax-container{
  overflow: hidden;
}

.animate-track{
  opacity: 0;
  transition: opacity 0.3s;
}
.animate__animated{
  opacity: 1
}

a.service-text{
  color: #333333;
  text-decoration: none;
  font-weight: 500;
}

.service-text:hover {
  color: #cb9b3c;
}

#nav-dropdown .nav {
  display: block;
}

.navbar-nav {
  width: 100%;
  justify-content: flex-end;
  text-transform: uppercase;
}

.btn-toogler-menu {
  background-color: #cb9b3c;
}

.navbar-toggler .fa-bars {
  color: white;
}

.language-toggle {
  display: flex;
  padding-right: 0px;
}

.navbar {
  padding-left: 0px;
  padding-right: 0px;
}

#footer {
  padding-top: 50px;
  padding-bottom: 20px;
}

#footer .connect-title{
  /*margin-top:20px;*/
}

#footer .copyright{
  font-size: 0.8rem;
}

#nav-dropdown .nav-tabs {
  border-bottom: none;
}

#nav-dropdown .nav-item {
  text-align: center;
  border: none;
}

#nav-dropdown .nav-tabs .nav-link {
  border: none;
}

#nav-dropdown .nav-link:hover {
  color: #cb9b3c ;
}

.list-icon-social-network {
  margin-top: 15px;
  margin-bottom: 15px;
}

.list-icon-social-network a {
  padding-right: 5px;
}

.list-icon-social-network a img {
  border-radius: 5px;
}

.list-icon-social-network a img{
  margin-bottom: 10px;
}
.section--news-detail .post-tags{
  padding:0;
  margin-top:20px;
  margin-bottom: 0;
}
.section--news-detail .post-tags li{
  display: inline-block;

}
.section--news-detail .post-tags li a{
  text-decoration: none;
  background-color: #f5f5f5;
  padding: 5px 20px;
  border-radius: 4px;
  color: #333333;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;

}
.section--news-detail .post-tags li a:hover{
  background-color: #dbdbdb;
}

.news-detail-wrapper{
  padding-bottom: 30px;
}
.about-page #nav-dropdown{
    margin-top: -20px;
}
.about-page #nav-dropdown  .dropdown {
    width: 100%;
}

.about-page #nav-dropdown .dropdown-toggle{
    width: 100%;
}

.about-page #nav-dropdown .dropdown-menu{
    width: 100%;
}

.about-page #nav-dropdown  .nav-item a{
    font-size:14px;
    padding:5px 0;
}

.section--service-details .section__title{
    margin-top:30px;
}

.banner-cost{
  margin-bottom: 30px;
}

.service--name a{
  color:inherit;
}
.service--home-item:hover .service--name a{
  color: #cb9b3c;
  text-decoration: none;
}

.home .home--products .product--content:hover .product--name{
  background: #cb9b3c;
  color:white;
}

.product--content  .product--name{
  white-space: nowrap; 
  width: 100%;
  text-overflow: ellipsis; 
  overflow: hidden;
}
.product--content .product--name a{
  color:inherit;
}
.product--content:hover .product--name a{
  text-decoration: none;
  background: #cb9b3c;
}

.project--item .project--name a{
  color:inherit;
}
.project--item:hover .project--name a{
  color: #cb9b3c;
  text-decoration: none;
}

.home .section-title{
  font-size: 1.67rem;
}
.lastest-news .news-item .img{
  height: auto;

  width: 100%;
}


.lastest-news .news-item .img-wrap{
  width:30%;
  float: left;
}


.lastest-news .news-item .title{
  width: 70%;
  height: auto;
  float: right;
  padding-left:10px;
  font-size: 0.9rem;
  text-align: left;
}


/* UPdate 13-jul-2023 */
.navbar.navbar-nav{
  display: block !important;
}
.main-nav {
  margin:0;
  padding:0;
  text-align: right;
}

.main-nav .main-nav__item{
  list-style: none;
  padding:0;
  display: inline-block;
  /* position: relative; */
}
.main-nav .main-nav__item:hover a.nav-item{
  color:#cb9b3c ;
  text-decoration: none;
}
.sub-nav{
  display: none;
  position: absolute;
 
  background:white;
  padding:0;
  border: #707070;
  box-shadow: 4px 4px 5px #aeaeae45;

}

.sub-nav .sub-nav__item{
  list-style: none;
  padding:0;
}
.sub-nav .sub-nav__item a{
  padding:5px 10px;
  border-bottom:1px solid#ddd;
  display: inline-block;
  min-width: 250px;
  text-align: left;
  color:#333333;
  font-weight: 400;
  width: auto;
  text-transform: none;
}

.sub-nav .sub-nav__item a:hover{
  color:#cb9b3c ;
  text-decoration: none;
  
}

.main-nav .main-nav__item:hover .sub-nav{
  /* display: block; */
}

#footer .footer-quicklink li{
  margin-bottom: 5px;
}

.mega-menu-container{
  position: relative;
}

.mega-menu{
  position: absolute;
  width: 100%;
  
  display:block;

  margin-top:-20px;
  padding-top:20px;
  box-shadow: 2px 2px 5px #cccccc4d;
  clip: rect(auto, auto, 0, auto);
  transition-property: clip;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.mega-menu:hover{
  clip: rect(auto, auto, 50em, auto);
}

.mega-menu--active{
  clip: rect(auto, auto, 50em, auto);
}

.mega-menu-container {
  display:flex !important;
  width: 100%;
  background: white;
  border-top: 1px solid #cccccc59;
}

.mega-menu .mega-menu__img{
  width: 40%;
  float: left;
  background-repeat: no-repeat;
  background-size:  cover;
  background-position:center;
}


.mega-menu .mega-menu__content{
  width:60%;
  float: right;
  padding:30px 40px;
}

.mega-menu__content  ul{
  padding:0;
  margin:0;
  list-style: none;
}

.mega-menu__content  a{
    padding:7px 0;
    display: inline-block;
}

.menu-sub__item{
  float: left;
  margin-left: 50px;
}

.mega-menu__content  .menu-sub .menu-sub__item__text{
  font-size: 1.11rem;
  font-weight: 600;
  margin-top:6px;
  margin-bottom: 3px;
}

.mega-menu__content  .menu-sub .menu-sub__item__text::before{
  display: none !important;
}
.mega-menu__content  .menu-sub-child{
  position: relative;
}
.mega-menu__content  .menu-sub-child  .menu-sub-child__text{
  color:#374151;
  font-size: 1rem;
  font-weight: 500;
  padding-left:2px;
}
.mega-menu__content  .menu-sub-child .menu-sub-child__item a::before{
  content:"";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: url('/web/imgs/icon-badge-check.svg') no-repeat ;
  background-size: 100% 100%;
  position: relative;
  top:3px;
}


.row {
  margin-left: -15px;
  margin-right: -15px;
}

div[class^="col"] {
  padding-left: 15px;
  padding-right: 15px;
}


/* #Service */



.service-section {
  margin-bottom: 60px;
}

.service-intro {
  padding-top: 50px;
  padding-bottom: 20px;
}

.service-intro__right {
  padding: 0px 40px;
}

.service-intro__left {
  text-align: center;
  font-size: 1.2em;
  font-weight: 500;
  padding: 30px;

  line-height: auto;
  justify-content: center;
  color: black;
}

.service-intro__left .fa {
  position: relative;
  top: -13px;
}

.service-intro__left .fa::before {
  font-size: 0.4em;

}

.service-list .row-flex .col-6{
  margin-bottom: 30px;
}



.service-list__item {
  background: #F9FAFB;
  padding: 70px 40px;
  padding-top: 70px;
  position: relative;
  border-radius: 10px;
  height: 100%;
}

.service-list__item  .service-sub{
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  background-image: url("/web/imgs/bg_service_red.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding:30px;
  border-radius: 10px;
  
  display: none;

}

.service-list__item:hover  .service-sub{
  display: block;
}

.service-list__item  .service-sub .item-wraper{
  padding:0;
  margin:0;
  list-style: none;
}

.service-list__item  .service-sub  .service-sub__title{
  font-size: 1.11rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.service-list__item  .service-sub .item-wraper li{
  margin-bottom: 15px;
}

.service-list__item  .service-sub .item-wraper li a::before{
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: url(/web/imgs/icon-badge-check.svg) no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 3px;
  margin-right: 10px;
}

.service-list__item  .service-sub .item-wraper li a{
  color:white;
  font-size: 1rem;
}

.service-list__item .item-image {
  margin-bottom: 10px;

}

.service-list__item .item-image img {
  max-width: 50%;
}

.service-list__item .item-title {
  margin-bottom: 10px;
}

.service-list__item .item-title a {
  color: #374151;
  font-size: 1.11rem;
  font-weight: 700;
}

.service-list__item .item-text {
  color: #6B7280;
  font-size: 1rem;
}

.service-list__item .item-button a {
  color: #8B070A;
  font-size: 1rem;
  font-weight: 500;
}

.service-statistical {
  text-align: center;
  /* justify-items: center; */
}


.service-statistical .item-title {
  margin-bottom: 10px;
  font-size: 40px;
  color: black;
  font-weight: bold;
}

.service-statistical .item-text {
  color: #6B7280;
  font-size: 14px;
}

.service-statistical .item-text img {
  position: relative;
  top: -18px;
  margin-right: 10px;
}

.service-statistical .item-text label {
  color: #4B5563;
  font-size: 1.11rem;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
}

.service-project .item-image{
  overflow: hidden;
}



.service-project  .service-project__item {
  position: relative;
  margin-bottom: 30px;
}

.service-project  .service-project__item .item-image img{
  width: 100%;
  height: 235px;
  object-fit: cover;
  border-radius: 15px;
}

.service-project  .service-project__item--full-height .item-image img{
  height: 500px;
}

.service-project .service-project-wrap-title{
  position: relative;
}

.service-project .service-project-title{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.service-project .service-project-title .anitime-title{
  text-align: left;
  line-height: 1.5em;
  margin-bottom: 10px;
}

.service-project .service-project-title  .title-intro{
  margin-bottom: 20px;
  font-size: 1rem;
}

.service-project .item-text{
  position: absolute;
  bottom:0;
  width: 100%;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
}
.service-project .item-text::before{
  content: "";
  background: #3F3F46;
  opacity: 0.25;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9
 
}

.service-project  .service-project__item:hover .item-text::before{
  opacity: 0.7;
 
}

.service-project .item-text *{
  margin:0;
}

.service-project .item-text a {
  display: inline-block;
  padding:15px 15px;
  color: white;
  font-size: 0.89rem;
  font-weight: 300;
  text-align: left;
  text-transform: uppercase;
  position: relative;
  z-index: 10;

}

.service-project  .service-project__item .item-text:hover a{
  color:#cb9b3c;
  text-decoration: none;
}


/* #end service */


.scroll-element{
  scroll-margin-top:  80px;
}



.section-about-intro {
  padding-top: 70px;
}

.section-about-intro .service-intro__left {
  padding: 0 280px
}

.section-about-intro .service-intro__right {
  padding: 20px 100px;
  font-size: 1.11rem;
  line-height: 28px;
  text-align: center;
}

.section-bg-gray {
  background-color: #F9FAFB;
  margin: 0;
  padding: 50px 0;
}

.section-about-history {
  padding: 50px 0;

  background-image: url('/web/imgs/bg_about_history.png');
  background-position: top right;
  background-repeat: no-repeat;
  margin-bottom: 0;
}

.section-about-history .anitime-title {
  text-align: left;
  line-height: 50px;
  margin-bottom: 30px;
}

.section-about-history .title-intro {
  color: #374151;
  font-weight: 500;
  font-size: inherit;
}

.section-about-history .title-intro:first-child {
  margin-bottom: 30px;
}

.section-about-history .image-wraper {
  max-width: 100%;
  text-align: center;
  margin: 20px 0;
}

.section-about-vision {
  background-image: url('/web/imgs/bg_about_vision.png');
}

.section-about-vision .anitime-title {
  margin-top: 20px;

}

.section-about-value .anitime-title {
  margin-bottom: 30px;
}

.section-about-value .title-intro {
  text-align: center;
  padding: 0px 280px;
  font-size: 1.2rem;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 40px;
}

.section-about-value__item {
  margin-bottom: 30px;
}

.section-about-value__item .item-image {
  margin-bottom: 10px;
}

.section-about-value__item .item-title {

  font-weight: 500;
}

.section-about-value .img-bottom {
  width: 100%;
  margin-top: 50px;
  text-align: center;
}

.section-about-value .img-bottom img {
  width: 100%;
}

.section-about-sustainability {
  padding: 50px 0;

  line-height: 28px;
  color: #374151;
  padding-bottom: 0;
}

.sustainability__title {
  color: #8B070A;
  font-size: 1.11rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}

.section-about-sustainability .list-item {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  border-right: 1px solid #E5E7EB;
  width: 90%;

}

.section-about-sustainability .list-item li {
  padding: 5px 0;

}

.section-about-sustainability .list-item li span::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #E5E7EB;
  margin-right: 15px;
  position: relative;
  z-index: 10
}

.section-about-sustainability .list-item li.active span::before {
  background-color: #C78F20;
}

.section-about-sustainability .list-item li span:hover {
  color: #C78F20;
  cursor: pointer;
}

.section-about-sustainability .list-item::before {
  content: "";
  display: flex;
  margin-top: 15px;
  height: 115px;
  width: 4px;
  position: absolute;
  background: #C78F20;
  z-index: 9;
  left: 4px;
}

.section-about-sustainability .item-content {
  padding-left: 20px;
  line-height: 28px;
  color: #374151;
  display: none;
}

.section-about-sustainability .item-content.active {
  display: block;
}

.section-about-sustainability .sub-container {
  margin-bottom: 40px;
}

.section-about-staff{

  line-height: 28px;
  color: #374151;
}

.section-about-staff .item-director-wrap{
  display: flex;
  align-items: center;
}
.section-about-staff .item-director{
  padding-right: 80px;
}

.section-about-staff .item-director .item-title{
  font-weight: 600;
  margin-bottom: 40px;
}

.section-about-staff  .item-image{
  width: 100%;
  margin-bottom: 30px;
}

.section-about-staff .item-info{
  
}

.section-about-staff .item-info__name{
  color:#C78F20;
  font-weight: 600;
  margin-bottom: 15px;
}

.section-about-staff .item-info__position{
  font-weight: 500;
  font-size:0.89rem;
  margin-bottom: 20px;
}

.section-about-staff .item-info__intro{
  font-size:0.89rem;
}

.section-about-staff .item-info__intro::before{
  content:"";
  display: block;
  width: 100px;
  height:3px ;
  background-color: #CB952B ;
  margin-bottom: 20px;
}

.section-about-staff .item-director .item-info__name{
  font-size:1.11rem;
}

.section-about-staff .item-director .item-info__position{
  font-size:inherit;
}

.section-about-staff .item-staff{
  margin-bottom: 40px;
  
}

.section-about-staff .item-image{
  overflow: hidden;
  width:80%
}

.section-about-staff .item-image img{
  width: 100%;
 
  object-fit: cover;
  border-radius: 15px;
}

.section-about-staff .item-director .item-image{
 
  width:100%
}

.section-about-staff .item-staff--top .item-image{
  width:65%
}

.section-about-org{
  padding-top:50px
}

.section-about-org  img{
  width: 100%;
}


.home--services .row-flex .col-6 {
  margin-bottom: 30px;
}

.home--about__left{

  display: flex;
  align-items: center;
}

.home--about__left p{
  padding-right: 20px;
}

footer{
  font-size: 0.9rem;
}

footer .item-header{

  color:white;
  font-size:1.1rem;
  text-transform: uppercase;
}
footer .item-header::after{
  content:"";
  display: block;
  width: 80px;
  height: 1px;
  background-color: #cb9b3c ;

  margin-top:15px;
  
 
}
footer .item-header a{
  color:white;
}

footer .item-header a:hover{
  /* color:#cb9b3c */
}

footer .item-list{
  margin-bottom: 30px !important;
}

.list-icon-social-network{
  width: 100%;
  text-align: center;
}
.list-icon-social-network img{
  margin:20px 10px;
}

.home--statistical .service-section{

  margin-bottom: 0 !important; 
}

.menu-mobile .remove-icon::after{
  background-image:none
}

.menu-mobile  .mega-menu-container{
  border-top:none
}

.menu-mobile  .menu-sub__item{
  margin-left: 0px;
}

.menu-mobile .mega-menu__content .menu-sub .menu-sub__item__text{
  margin-top: 0;
  margin-bottom: 0;
}

.accordion-button:focus{
  box-shadow: none;
  background-color:#cdb88e
}

.post-slider .carousel-control-next, .carousel-control-prev{
  width: 15% !important;
}

.language-icon .dropdown-toggle::after{
 display: none;
}

.header-main  .language-icon .dropdown-menu{
  margin-top: -6px;
  left: -2px !important;
}

.service-sub-mobile{
    padding:0;
    list-style: none;
    margin-top:20px;
}
.service-sub-mobile li{
  margin:5px 0px;
}

.section--equipment .product-ulti{
  float: right;
  display: inline-block;
}

.product-ulti .product-search{
  display: inline-block;
  
}
.product-ulti .product-search .btn-search{
  font-size: 1.2rem;
}
.product-ulti .product-sort{
  display: inline-block;
  border: none;
  background: none;
}

.product-ulti .product-sort .btn{
  border: none;
  background: none;
  padding:0;
  font-size: 1.2rem;
  margin-left: 15px;
}

.product-ulti .product-sort .btn::after{
  display: none;
}

.product-ulti .product-sort .btn:hover{
  border: none;
  background: none;

}

.product-ulti .product-sort .btn:hover,
.product-ulti .product-sort .btn:active,
.product-ulti .product-sort .btn:focus{
  color:#cb9b3c
}

.product-ulti .product-sort  .dropdown-menu li{
  text-transform: none;
  font-size: 1rem;
}

.product-ulti .form-search{
  display: inline-block;
  opacity: 0;
  padding:0;

  transition: all 0.3s;
}

.product-ulti .form-search.active{
  display: inline-block;
  opacity: 1;

}

.product-ulti .form-search .form-control{
  font-size: 0.9rem;
}

.product-detail-info{
  font-size:1.2rem;
  font-weight: bold;
  margin-top:50px;
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 2px solid  #cb9b3c;
}

#footer .footer-group-1 img{
  margin-bottom: 20px;
}

.submenu-560 .menu-sub__item{
  margin-left: 260px;
}

#footer .footer-group-1 img{
  width: auto !important;
  height: 30px;
}

.product-group .btn--contact{
  margin-bottom: 15px;
}

.product-group .btn--contact:hover{
  background: #BA8F38;
  color: white;
  border-color: #BA8F38;
  text-decoration: none;
}
.section-core-value .group-title{
  padding-top: 58px;
}


/* Import SVN-Gilroy  front*/

    /* Khai báo font Light */
    @font-face {
        font-family: 'SVN-Gilroy';
        src: url('../../../web/fonts/SVN-Gilroy/fonnts.com-SVNGilroy-Light.otf') format('opentype');
        font-weight: 300;
        font-style: normal;
    }

    /* Khai báo font Bold */
    @font-face {
        font-family: 'SVN-Gilroy';
        src: url('../../../web/fonts/SVN-Gilroy/fonnts.com-SVNGilroy-Bold.otf') format('opentype');
        font-weight: bold;
        font-style: normal;
    }

/*End Import SVN-Gilroy  front*/