.xinc-color { color: #08308f !important; }
.xinc-bg-color { background-color: #08308f !important; }
.bg-xinc-nav { background-color: #0465a9 !important; }
.bg-xinc-foot { background-color: #f4f4f4 !important; }
a:hover, a:focus { 
	color: #08308f;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px); 
}
.btn.nav-tel svg { height: 1.3em; }
.btn.nav-tel { padding: 11px;}
.w-38 { width: 38%; }
.w-80 { width: 80%; }
.shadow-xc { box-shadow: -6px -4px 13px 4px #607d8b !important;-webkit-box-shadow: -6px -4px 13px 4px #607d8b !important; }
.shadow-xc .card:hover {
  -webkit-transform: translateY(-2px) !important;
      -ms-transform: translateY(-2px) !important;
          transform: translateY(-2px) !important;
}
.brand img.w-80 {
  display: block;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

/* SELECTION
-------------------------------------------- */
::-moz-selection {
  color: #FFFFFF;
  background-color: #08308f;
}
::selection {
  color: #FFFFFF;
  background-color: #08308f;
}

::-moz-selection {
  color: #FFFFFF;
  background-color: #08308f;
}

/* ----------------------------------------- */
.navbar-top { min-height: 20px; }
#navbarCollapse .nav-item, .list-about .nav .nav-item { position: relative; }
#navbarCollapse .nav-item:before, .list-about .nav .nav-item:before { position: absolute;content: '';width: 60%;bottom: 0;margin-left: 22%;color: #ffffff;border-bottom: 0.25rem solid #ffffff !important;transform: scale3d(0, 1, 1);transform-origin: left;transition: all 0.5s; }
.list-about .nav .nav-item:before { width: 70%;margin-left: 15%; }
#navbarCollapse .nav-item .nav-link.active, #navbarCollapse .nav-item:hover .nav-link { color: #ffffff;opacity: .7; }
#navbarCollapse .nav-item:hover .nav-link:before { transform: scale3d(1, 1, 1); }
#navbarCollapse .nav-item .active.nav-link:before, 
#navbarCollapse .active.nav-item:before,
.list-about .nav .active.nav-item:before, 
.list-about .nav .nav-item:hover:before, 
#navbarCollapse .nav-item:hover:before { 
  transform: scale3d(1, 1, 1); 
}
.list-about .nav .nav-item:before {
    color: #08308f;
    border-bottom: 0.35rem solid #08308f !important;
}

/* ----------  */

.index-top3 .title-top3 h4:after {
  content: '';
  position: absolute;
  width: 3rem;
  border-bottom: 0.15rem solid #aaa !important;
  margin-left: 2.3rem;
  margin-top: 0.2rem;
}
.index-top3 .title-top3 h4:before {
  content: '';
  position: absolute;
  width: 3rem;
  border-bottom: 0.15rem solid #aaa !important;
  margin-left: -4rem;
  margin-top: 2.5rem;
}
.index-top3 .nav .nav-item .btn.active {
  color: #fff !important;
  background-color: #02a0e9 !important;
}

/*----------------------*/
.list-company .nav .nav-link.active,
.list-company .nav-pills .nav-link:hover { color: #ffffff; }
.list-company .nav-pills .nav-link.active,
.list-company .nav-pills .nav-link:hover { background-color: #0465a9 !important; }

#myTabchancheng .nav-item .nav-link:after { 
    position: absolute;
    content: '';
    width: 4rem;
    margin-left: -1px;
    margin-top: 25px;
    color: #08308f;
    border-radius: 0px;
    border-bottom: 0.35rem solid #08308f !important;
    transform: scale3d(0, 1, 1);
    transform-origin: left;
    transition: all 0.5s; 
}
#myTabchancheng .nav-item .nav-link:after { margin-top: 30px; }
.list-about .nav .nav-item .nav-link.active,
#myTabchancheng .nav-item .nav-link.active { 
    color: #08308f; 
}
.list-about .nav .nav-item:hover .nav-link:before,
#myTabchancheng .nav-item:hover .nav-link:after { transform: scale3d(1, 1, 1); }
.list-about .nav .nav-item .active.nav-link:before,
#myTabchancheng .nav-item .nav-link.active:after { transform: scale3d(1, 1, 1); }

.list-news .service-card,
.list-news .service-card:hover {
    color: #17161A;
}
.list-news .service-card:hover h4.service-card-title {
    color: #e70415;
}
.list-news .service-card .service-card-body p {
    margin: 0;
}
.list-news .member .member-title {
    /*color: #dc3545;*/
}
.list-news .member .member-subtitle p {
    margin: 0;
    font-size: 14px;
}
.list-news .member .member-image img {
    /*height: 200px;*/
}

.line-clamp-1,
.ktoneNews .swiper .card-body h5.card-title,
.list-news .service-card .service-card-body .service-card-text,
#carouselProject .carousel-inner .carousel-item h5,
#myTabContent .member .member-title,
.lst-exhibition .isotope-item .subtitle,
.list-news .service-card .service-card-body p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ktoneNews .swiper .card-body div.card-text,
#carouselProject .carousel-inner .carousel-item p.font-size-13 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-clamp-1,
#myTabContent .member .member-title,
.lst-exhibition .isotope-item .subtitle {
    -webkit-line-clamp: 1;
}

.list-news .service-card-image span {
    display: block;
    color: #e40000;
    font-size: 18px;
    line-height: 15px;
    font-family: Rajdhani;
}
.list-news .service-card:hover .service-card-image span { color: #515151; }
.list-news .service-card-image h3 {
    display: block;
    color: #b4a48a;
    font-size: 56px;
    line-height: 40px;
    font-family: Rajdhani;
    margin-bottom: 8px;
    letter-spacing: -2px;
}
.list-news .service-card:hover .service-card-image h3 { color: #e10700; }

.list-news .pagination li {
      display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  overflow: hidden;
  background-image: none;
  border-radius: 50%;
  /**/
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

.list-news .pagination li:hover {
  color: #F01F4B;
  background-color: #ddd;
}

#carouselExampleIndicators .carousel-indicators button { width: 9px;height: 9px; }
/*----------------------*/

@media (max-width: 575.98px) {
    /*-----------*/
    .index-top2 .card-img-overlay { padding-top: 2.2rem; }

    .card-portfolio.card-overlay .card-img { min-height: 80px; }

    .list-about .nav .nav-item .nav-link:before {
        margin-top: 25px;
    }
    .list-company .swiper-button-prev.swiper-button-position-1 {
      left: 0;
    }
    .list-company .swiper-button-next.swiper-button-position-1 {
      right: 0;
    }
}