@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



body {

  margin: 0;

  padding: 0;

  font-size: 0.875rem;

  font-family: 'Montserrat', sans-serif;

  color: #333;

  line-height: 1.5;

}



.row-10 {

  margin: 0 -10px;

}



.row-10>div {

  padding: 0 10px;

}



.swiper-button-prev:after,

.swiper-button-next:after {

  font-size: 20px;

  font-weight: bold;

  color: #fff;

}



.content a {

  word-break: break-word;

}



.home-cate .list-cate .row {

  margin: 0px;

}



.home-cate .list-cate {

  /* padding: 10px 0; */

}



.home-cate .list-cate .catecol figure {

  position: relative;

  margin: 0;

}



.home-cate .list-cate .catecol figure .cateimg {

  display: block;

  overflow: hidden;

}



.home-cate .list-cate .catecol figure .cateimg img {-webkit-transition: all 0.4s;-khtml-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;width: 100%;height: 115px;object-fit: cover;}



.home-cate .list-cate .catecol .box-text {position: absolute;bottom: 0;background: rgb(215, 93, 68, 0.7);width: 100%;font-weight: bold;text-align: center;text-transform: uppercase;padding: 0;}



.home-cate .list-cate .catecol figure .box-text .catename {margin: 0;font-size: 12px;margin: 0.75rem 0;color: #fff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}



.home-cate .list-cate .catecol figure .box-text a {

  font-size: 12px;

}



.home-cate .list-cate .catecol figure .box-text .catename a {

  font-weight: bold;

  color: #fff;

  display: block;

  padding: 8px 0;

}



main a {-webkit-transition: all, 0.3s;-khtml-transition: all, 0.3s;-moz-transition: all, 0.3s;-ms-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all, 0.3s;color: #d75d44;text-decoration: none;}



/* Article */

.pagetitle {

  font-size: 1.875rem;

  text-transform: uppercase;

  font-weight: 500;

  text-align: center;

  position: relative;

  margin: 35px 0 20px 0;

}



.hot-news .newscol.big {background: #d75d44;}



.hot-news.hot-news2 .newscol.big figure .newsimg {

  height: 272px;

}



.hot-news .newscol figure .newsimg {

  display: block;

  overflow: hidden;

}



.hot-news .newscol figure .newsimg img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  -webkit-transition: all 0.4s;

  -khtml-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}



.hot-news .newscol figure figcaption {

  padding: 25px 20px;

}



.hot-news .newscol figure figcaption time {

  display: block;

  font-size: 0.75rem;

  color: #999999;

  margin-bottom: 10px;

}



.newscol figure figcaption time i {

  padding-right: 10px;

}



.hot-news .newscol.big figcaption .newsname a {

  color: #fff;

  font-size: 1.25rem;

  height: 3.75rem;

}



.hot-news .newscol figure figcaption .newsname a {

  text-transform: uppercase;

  font-weight: bold;

  line-height: 1.5;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}



.hot-news .newscol.big figcaption .newsdesc {margin-top: 10px;color: #fff;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;display: -webkit-box;height: 84px;}



.hot-news .newscol.small {

  background: #ebebeb;

  margin-bottom: 20px;

}



.hot-news .newscol.small figure {

  display: flex;

}



.hot-news .newscol.small figure figcaption .newsname a {color: #d75d44;font-size: 0.9375rem;height: 2.8125rem;}



.hot-news .newscol.small figure figcaption {

  width: calc(100% - 190px);

}



.hot-news .newscol figure:hover .newsimg img {

  -webkit-transform: scale3d(1.2, 1.2, 1);

  -khtml-transform: scale3d(1.2, 1.2, 1);

  -moz-transform: scale3d(1.2, 1.2, 1);

  -ms-transform: scale3d(1.2, 1.2, 1);

  -o-transform: scale3d(1.2, 1.2, 1);

  transform: scale3d(1.2, 1.2, 1);

}



.hot-news .row,

.news-group .row {

  margin: 0 -10px;

}



.hot-news .row>div,

.news-group .row>div {

  padding: 0 10px;

}



.hot-news-right {

  padding-left: 10px;

}



.news-group .newscol figure .newsimg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.news-group .newscol figure .newsimg img {

  -webkit-transition: all 0.4s;

  -khtml-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

  height: 200px;

  width: 100%;

  object-fit: cover;

}



.news-group .newscol {

  background: #ebebeb;

  height: 100%;

}



.news-group .newscol figure figcaption .newsname a {color: #d75d44;font-weight: bold;line-height: 1.5;}



.news-group .newscol figure figcaption {

  padding: 20px;

}



.news-group .newscol figure figcaption .newsname {

  margin-bottom: 10px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 4.21875rem;

  font-size: 0.9375rem;

}



.news-group .newscol figure figcaption time {

  display: block;

  font-size: 0.75rem;

  color: #999999;

  margin-bottom: 10px;

}



.news-group .newscol figure figcaption .newsdesc {

  line-height: 1.5;

  font-size: 0.8125rem;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 6.09375rem;

}



.news-group .newscol figure:hover .newsimg img {

  -webkit-transform: scale3d(1.2, 1.2, 1);

  -khtml-transform: scale3d(1.2, 1.2, 1);

  -moz-transform: scale3d(1.2, 1.2, 1);

  -ms-transform: scale3d(1.2, 1.2, 1);

  -o-transform: scale3d(1.2, 1.2, 1);

  transform: scale3d(1.2, 1.2, 1);

}



.news-group .newscol figure .newsimg img {

  -webkit-transition: all 0.4s;

  -khtml-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

  width: 100%;

}



.news-group .newscol figure .newsimg {

  display: block;

  overflow: hidden;

}



.mrb-xs-20 {

  margin-bottom: 20px;

}



.pages ul.pagination {

  margin: 0;

  padding: 0;

  justify-content: center;

}



.pagination {

  display: -ms-flexbox;

  display: flex;

  padding-left: 0;

  list-style: none;

  border-radius: 0.25rem;

  justify-content: center;

}



.pagination li a,

.pagination li span {

  display: block;

  width: 34px;

  height: 34px;

  line-height: 34px;

  text-align: center;

  font-size: 0.75rem;

  color: #fff;

  background: #cccccc;

  font-weight: 600;

  padding: 0;

}



.page-item.active .page-link,

.page-item:hover a {

  background: #70be44;

  border-color: #70be44;

  color: #fff;

}



.pagination li {

  margin-left: 10px;

}



.pages ul.pagination li {

  display: inline-block;

}



.pages ul.pagination li+li {

  margin-left: 10px;

}



.pages ul.pagination li.active a,

.pages ul.pagination li.active span {

  background: #70be44;

  color: #fff;

}



.pages ul.pagination li a,

.pages ul.pagination li span {

  display: block;

  width: 34px;

  height: 34px;

  line-height: 34px;

  text-align: center;

  font-size: 0.75rem;

  color: #fff;

  background: #cccccc;

  font-weight: 600;

}



.pages {

  padding: 30px 0px;

}



.pages ul.pagination li:hover a {

  background: #70be44;

  color: #fff;

}



.lisTab ul {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 0.75rem 1rem;

  margin-bottom: 1rem;

  list-style: none;

  background-color: #e9ecef;

  border-radius: 0.25rem;

  justify-content: center;

}



.lisTab .item-tab {

  padding: 5px 10px;

  color: #2e2929;

  display: inline-block;

  position: relative;

  margin: 0 15px 0 0;

  font-weight: bold;

}



.lisTab .item-tab:after {

  content: "";

  position: absolute;

  width: 75%;

  height: 2px;

  background: #005482;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  opacity: 0;

}



.lisTab .item-tab.active {

  color: #005482;

}



.lisTab .item-tab.active:after {

  opacity: 1;

}



.hot-news .newscol.small figure .newsimg {

  width: 190px;

}



.news-page .news-title {font-size: 1.875rem;text-transform: uppercase;color: #d75d44;line-height: 1.5;margin-bottom: 15px;font-weight: 800;}



.news-popular .post-list .post figure .post-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.headtitle {

  font-size: 1.5rem;

  font-weight: 500;

  padding-left: 40px;

  position: relative;

  margin-bottom: 15px;

}



.news-popular .headtitle:before {

  content: '';

  background: url(../images/Logo-soland-favicon.png);

  width: 25px;
    height: 20px;

  position: absolute;

  top: 50%;

  left: 0;

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

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

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

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

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

  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;

}



.news-popular .post-list .post figure figcaption {

  width: calc(100% - 80px);

  padding-left: 10px;

}



.news-popular .post-list .post figure .post-img {

  display: block;

  width: 140px;

  height: 80px;

}



.news-page {

  padding: 50px 0px;

}



.news-popular .post-list .post figure figcaption .post-name a {

  display: block;

  color: #000;

  font-size: 0.8125rem;

  height: 2.4375rem;

  line-height: 1.5;

  width: 100%;

  font-weight: 500;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  margin-bottom: 5px;

}



.news-popular .post-list .post figure {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

}



.news-popular .post-list .post figure figcaption time i {

  margin-right: 5px;

  color: #005482;

  font-size: 12px;

}



.news-page time i {

  padding-right: 10px;

}



.news-page time {

  display: block;

  font-size: 0.75rem;

  color: #999999;

  margin-bottom: 10px;

}



.topbar {

  background: #ededed;

}



.justify-content-center {

  -ms-flex-pack: center !important;

  justify-content: center !important;

}



.topbar ul li.active a {color: #d75d44;position: relative;}



.topbar ul li a {

  color: #808080;

  font-weight: 600;

  padding: 10px 0px;

  display: block;

  text-decoration: none;

}



.topbar ul li.active a:before {content: '';width: 40px;background: #d75d44;height: 2px;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-khtml-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}



.topbar .btn-showtopbar {

  display: none;

}



.topbar ul li+li {

  margin-left: 30px;

}



.news-popular {

  margin-top: 50px;

}



/* Landingpage */

.qua-trinh-phat-trien img {

  width: 100%;

}



.qua-trinh-phat-trien .historytxt {

  height: 100%;

  background: #f2f2f2;

  padding: 40px;

  position: relative;

}



.qua-trinh-phat-trien .historytxt h4,

.qua-trinh-phat-trien .historytxt h3,

.qua-trinh-phat-trien .historytxt h2 {

  font-size: 1.125rem;

  font-weight: 700;

  color: #005482;

  line-height: 1.4;

  margin: 0 0 15px;

  text-transform: uppercase;

}



.missionwrap .missiontab .miss-tab {text-align: center;background: #d75d44;}



.missionwrap .missiontab .miss-tab li {

  float: left;

  display: inline-block;

  float: none;

  flex: 1;

}



.missionwrap .missiontab .miss-tab li a.active,

.missionwrap .missiontab .miss-tab li a:hover {

  background: #70be44;

}



.missionwrap .missiontab .miss-tab li a {

  display: block;

  padding: 7px 5px 7px 5px;

  font-size: 0.8125rem;

  color: #fff;

  font-weight: 600;

  text-transform: uppercase;

  -webkit-transition: all 0.4s;

  -khtml-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}



.missioncontent {

  background: #f2f2f2;

}



.missioncontent .mistxt .valuecol .valuetxt {

  width: calc(100% - 80px);

  padding-left: 15px;

}



.missioncontent .mistxt .valuecol .valuetxt .valuetitle {

  font-size: 1.125rem;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 5px;

  color: #005482;

}



.missioncontent .mistxt .valuecol .valuetxt .valuetitle h3 {

  font-size: 18px;

  font-weight: bold;

}



.missioncontent .mistxt .valuecol .valuetxt .valuedesc {

  font-size: 0.8125rem;

  color: #666666;

  font-weight: 500;

}



.stockcol .stockname a {

  color: #333;

  font-weight: 500;

  position: relative;

  padding-left: 40px;

  margin-bottom: 15px;

  display: block;

  line-height: 1.5;

  font-size: 14px;

}



.stockcol .stockname a:before {

  content: '\f1c1';

  color: #e71d2b;

  font-size: 1.875rem;

  position: absolute;

  top: 50%;

  left: 0;

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

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

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

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

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

  transform: translateY(-50%);

  font-family: 'FontAwesome';

}



.stockcol .stockname a i {

  color: #999999;

}



.stockcol {

  height: 100%;

}



.mrb-xs-15 {

  margin-bottom: 15px;

}



.four-swiper.four-swiper-0 {

  background: #ebebeb;

  padding: 15px 25px;

  position: relative;

}



.four-swiper.four-swiper-0 .partnerimg {

  background: #fff;

  margin: 0 0 15px 0;

}



.doi-tac {

  margin: 0 0 55px 0;

}



/* Contact */

.contact-page .contact-info {

  padding: 30px;

  background: #ededed;

  background-size: cover;

}



.contact-page .contact-info p {

  font-size: 16px;

}



.company h2,

.company h3 {

  font-size: 20px;

  font-weight: bold;

  color: #1f497d;

}



.form-group.frm-btnwrap .frm-btn input[type="submit"] {

  display: inline-block;

  background: none;

  color: #999999;

  border: 1px solid #cccccc;

  line-height: 40px;

  padding: 0px 30px;

  border-radius: 5px;

  font-weight: bold;

  text-transform: uppercase;

  width: 200px;

}



.contact-page {

  margin: 0 0 45px 0;

}



/* Duan */

.project-sell .project-slide .projectsell-col figure {

  position: relative;

  z-index: 9;

}



.project-sell .project-slide .projectsell-col figure .projectsell-img {

  display: block;

  overflow: hidden;

}



.project-done .project-slide .projectsell-col figure .projectsell-img img,

.project-sell .project-slide .projectsell-col figure .projectsell-img img {

  width: 100%;

  height: 100%;

}



.project-page .project-sell .project-slide .projectsell-col figure figcaption .box-sell {

  position: absolute;

  bottom: 0;

  z-index: 11;

  width: 100%;

  left: 0;

}



.project-page .project-sell .project-slide .projectsell-col figure figcaption .projectsell-name {

  margin-top: 0;

}



.project-sell .project-slide .projectsell-col figure figcaption .projectsell-name {

  margin-bottom: 0;

  margin-top: 5px;

}



.project-sell .project-slide .projectsell-col figure figcaption .projectsell-name {

  /* margin-bottom: 5px; */

  font-weight: 500;

}



.project-page .project-sell .project-slide .projectsell-col figure figcaption .projectsell-name a {

  bottom: 48px !important;

  position: relative;

  bottom: 0 !important;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  display: -webkit-box;

  height: 50px;

  line-height: 50px;

}



.project-sell .project-slide .projectsell-col figure figcaption .projectsell-name a {

  /* bottom: 25px!important; */

}



.project-sell .project-slide .projectsell-col figure figcaption .projectsell-name a {position: absolute;bottom: 0;left: 0;background: rgb(215, 93, 68, 0.7);padding: 0px 20px;width: 100%;-webkit-transition: all 0.4s;-khtml-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;display: flex;font-size: 1.25rem;color: #fff;}



.project-page .project-sell .project-slide .projectsell-col figure figcaption .box-sell:after {

  content: '';

  background: url(../images/project-arrow-.png);

  font-size: 1.5rem;

  width: 52px;

  height: 100%;

  text-align: right;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 9999;

}



.zone-depth-navigation ul li {

  display: inline-block;

  margin: 0 3px 5px 0;

}



.zone-depth-navigation li.active a {background: #d75d44;border-color: #d75d44;color: #fff;}



.project-page .project-sell .project-slide .projectsell-col figure figcaption .box-sell {

  position: absolute;

  bottom: 0;

  z-index: 11;

  width: 100%;

  left: 0;

}



.zone-depth-navigation ul li a {padding: 6px 15px;font-weight: 500;border: 1px solid #d75d44;display: inline-block;}



.zone-depth-navigation ul {

  display: block;

  width: 100%;

  text-align: center;

  height: 100%;

  margin: 0;

}



.zone-depth-navigation {

  margin: 45px 0 40px 0;

  display: block;

  height: auto;

}



.project-sell .project-slide .projectsell-col figure:hover .projectsell-img img {

  -webkit-transform: scale3d(1.2, 1.2, 1);

  -khtml-transform: scale3d(1.2, 1.2, 1);

  -moz-transform: scale3d(1.2, 1.2, 1);

  -ms-transform: scale3d(1.2, 1.2, 1);

  -o-transform: scale3d(1.2, 1.2, 1);

  transform: scale3d(1.2, 1.2, 1);

}



.project-sell .project-slide .projectsell-col figure .projectsell-img img {

  -webkit-transition: all 0.4s;

  -khtml-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

  height: 250px;

  object-fit: cover;

}



/* Chi tiet du an */

.prj-detail .projectlist .pagetitle {font-size: 1.25rem;color: #d75d44;font-weight: bold;margin-bottom: 15px;text-align: left;text-transform: none;margin-top: 0;}



.prj-detail .projectlist .col-lg-3 {

  border-right: 1px solid #e6e6e6;

  padding: 15px;

  border-bottom: 1px solid #e6e6e6;

}



.prj-detail .projectlist .col-lg-9 {

  padding: 15px;

  border-bottom: 1px solid #e6e6e6;

}



.prj-detail {

  margin-top: 50px;

}



.albumcol figure {

  margin: 0;

}



.albumlist .albumcol figure:hover .albumimg img {

  -webkit-transform: scale3d(1.2, 1.2, 1);

  -khtml-transform: scale3d(1.2, 1.2, 1);

  -moz-transform: scale3d(1.2, 1.2, 1);

  -ms-transform: scale3d(1.2, 1.2, 1);

  -o-transform: scale3d(1.2, 1.2, 1);

  transform: scale3d(1.2, 1.2, 1);

}



.albumlist .albumcol figure .albumimg img {

  -webkit-transition: all 0.4s;

  -khtml-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}



.albumlist .albumcol figure .albumimg {

  display: block;

  overflow: hidden;

}



.prj-detail .albumlist .albumcol .albumimg img {

  height: 200px;

  object-fit: cover;

  width: 100%;

}



.topbar.scroll-to-fixed-fixed {

  z-index: 19;

  position: fixed;

  top: 0px;

  margin-left: 0px;

  width: 1280px;

  left: 50%;

  transform: translateX(-50%);

}



.topbar ul {

  margin: 0;

}



.missioncontent .misimg img {

  width: 100%;

  height: auto;

}



/* Media */

.stock-group .stock-filter {

  background: #ededed;

  padding: 5px 15px;

}



.stock-group .stock-filter .group {

  margin-left: 20px;

}



.stock-group .stock-filter .group span {

  text-transform: uppercase;

  margin-right: 15px;

}



.stock-group .stock-filter .group strong {

  margin-right: 15px;

}



.stock-group .stock-filter .group select {

  width: 160px;

  height: 30px;

}



.stock-list {

  padding: 25px;

}



main.main {

  min-height: 400px;

}

/* Search  */
.search-page .page-header {
    border: none;
    padding: 0;
    margin: 0;
}
.search-page h1 {
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 15px;
    text-transform: none;
    line-height: 1.5em;
    color: #000;
    display: inline-block;
}

.search-page .searchresultsummary {
    display: none;
}
.search-page .searchcontrols {
    margin-bottom: 30px;
}
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}
.search-page .searchcontrols input[type="text"] {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border: 1px solid #d9d9d9;
    font-size: 0.9375rem;
    color: #000;
    border-radius: 0;
}
.search-page .searchresultlist {
    margin-top: 20px;
}
.search-page .searchresult {
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 15px;
    padding: 0 0 15px;
}
.search-page .searchresult h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #000;
}
.search-page .searchresult h3 a {
    color: #d75d44;
    text-decoration: none;
}
.search-page hr {
    display: none;
}
.search-page {
    margin: 40px 0;
}
.search-page .searchcontrols input[type="submit"] {
    border: none;
    height: 35px;
    border-radius: 0;
    line-height: 35px;
    text-align: center;
    padding: 0 20px;
    color: #fff;
    background-color: #E91E63;
}
.search-page .btn {
    background-color: #005482;
    color: #fff;
    border: none;
    -webkit-transition: all, 0.3s;
    -khtml-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.searchresults .pagination {
    /* display: none; */
}
footer .footerlink ul li+li a {
    border-left: 1px solid #999999;
    padding: 0 15px;
}


@media (min-width: 1200px) {

  .banner-wrap {}



  .hot-news .newscol.small figure .newsimg {

    width: 250px;

    height: 155px;

  }



  .missionwrap .missiontab {position: absolute;left: 0;top: 0;width: 42.3%;background: #d75d44;z-index: 9;}

}



@media (max-width: 1199px) {

  .topbar {

    padding: 0px;

    padding-left: 15px;

    background: whitesmoke;

    position: relative;

  }



  .module-project .topbar ul, .ModuleArticle .topbar ul {

    position: unset;

    padding: 0;

  }



  .contact-page .contact-form {

    margin: 20px 0 0 0;

  }



  .contact-page .contact-info {

    padding: 15px 15px;

  }



  .missionwrap .missiontab .miss-tab li {

    flex: 1;

  }



  .triet-ly-kinh-doanh .misimg img {

    display: inline-block;

  }



  .triet-ly-kinh-doanh .misimg {

    text-align: center;

  }



  .missionwrap .missiontab .miss-tab li a {

    padding: 7px 18px 7px 17px;

    background: #d9d9d9;

    color: #333;

  }



  .missionwrap .missiontab .miss-tab li a.active,

  .missionwrap .missiontab .miss-tab li a:hover {

    color: #fff;

  }



  .topbar ul {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    background: whitesmoke;

    width: 100%;

    padding: 0 15px;

    z-index: 9;

  }



  .topbar .btn-showtopbar {

    display: block;

    line-height: 40px;

    font-weight: 600;

    text-transform: uppercase;

  }



  .topbar .btn-showtopbar:before {content: '\f107';float: right;background: #d75d44;color: #fff;height: 40px;width: 40px;font-family: '';line-height: 40px;text-align: center;font-size: 1.25rem;font-family: 'FontAwesome';}



  .topbar ul li+li {

    margin: 0;

    border-top: 1px dashed #e6e6e6;

  }



  .topbar ul li.active a:before {

    display: none;

  }

}



@media (min-width: 992px) {

  .home-cate .list-cate .col-12 {

    max-width: 20%;

    padding: 4px 2px;

  }



  .missioncontent .mistxt {

    padding: 70px 15px 10px 30px;

  }

}



@media (max-width: 992px) {

  .news-page .news-title {

    font-size: 1.5rem;

  }

}



@media (min-width: 768) {

  .project-sell .project-slide .projectsell-col figure .projectsell-img {

    height: 250px;

  }

}



@media (max-width: 991px) and (min-width: 768px) {

  .missioncontent .tab-content {

    padding: 15px 15px 15px 15px;

  }
  .footerlink .d-flex {
    justify-content: center;
}

  .image-footer {
    margin: 15px 0;
    text-align: center;
}
.copyright{
  text-align: center;
}
.image-footer img {
    display: inline-block;
    }



  .pagetitle {

    font-size: 24px;

  }



  .prj-detail .albumlist .albumcol .albumimg img {

    height: 130px;

    object-fit: cover;

    width: 100%;

  }



}



@media (max-width: 1024px) and (min-width: 992px) {

  .prj-detail .albumlist .albumcol .albumimg img {

    height: 150px;

    object-fit: cover;

    width: 100%;

  }

}



@media (max-width: 767px) {
footer .copyright {
    margin: 10px 0 0 0;
}
.image-footer {
    margin: 15px 0;
}
.mobile-center{
  justify-content: center!important;
}
.ModuleArticle,
.module-project {
    margin: 15px 0 0 0;
}
.news-page {
    padding-bottom: 0!important;
}
.news-popular {
    margin-top: 35px!important;
}
.news-page img, .news-page iframe {
    display: inline-block;
    max-width: 100%!important;
    height: auto!important;
}

.stock-group .stock-filter .group {
    margin-left: 0;
}
.stock-list {
    padding: 25px 0;
}
.stock-group .stock-filter .group span {
    font-size: 13px;
}
  #swiper-wrapper-home .swiper-button-prev:after,

  #swiper-wrapper-home .swiper-button-next:after {

    font-size: 20px;

    font-style: normal;

    color: #666;

  }
  .hot-news.hot-news2 .newscol.big figure .newsimg,
  .hot-news .newscol.small figure .newsimg {
    height: auto;
    width: 100%;
}
.hot-news .newscol.small figure .newsimg img{
  width: 100%;
  }
  .missionwrap .missiontab .miss-tab {
    display: block;
}

footer .footerlink ul li {
    width: 33.3333%;
}
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.search-page .searchcontrols input[type="submit"] {
    margin: 10px 0 0 0;
    font-size: 13px;
}

.form-block, .form-block .form-group {
    display: block;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    max-width: 100%;
}



  .prj-detail .albumlist .albumcol .albumimg img {

    height: auto;

    width: 100%;

  }



  .missionwrap .missiontab .miss-tab li {

    width: 100%;

  }



  .news-page img {/* width: 100%!important; */height: auto!important;}



  #swiper-wrapper-home .swiper-button-prev,

  #swiper-wrapper-home .swiper-button-next {position: absolute;top: 50%;transform: translateY(-50%);z-index: 11;width: 30px;height: 30px;background: rgba(255, 255, 255, .8);display: flex;justify-content: center;align-items: center;}

#swiper-wrapper-home .swiper-button-prev:after, #swiper-wrapper-home .swiper-button-next:after {
    font-size: 10px;
}



  .hot-news .newscol.small figure figcaption {

    width: 100%;

  }



  .hot-news .newscol.small figure {

    display: block;

  }



  .qua-trinh-phat-trien .historytxt {

    padding: 15px;

  }



  .pagetitle {

    font-size: 1.125rem;

    margin-bottom: 15px;

    line-height: 1.5;

  }



  .missioncontent .mistxt .valuecol .valueimg img {width: 60px!important;display: inline-block;height: auto;}

.missioncontent .mistxt .valueimg {
    width: 100%!important;
}



  .missioncontent .mistxt .valuecol .valueimg {

    text-align: center;

  }



  .missioncontent .mistxt .valuecol .valuetxt .valuetitle {

    text-align: center;

  }



  .missioncontent .mistxt .valuecol .valuetxt {

    width: 100%;

    padding-left: 0;

  }



  .missioncontent .tab-content {

    padding: 20px 15px 25px 15px;

  }



}
.breadcrumbimg img {
    width: 100%;
}
.news-page img, .news-page iframe {
    display: inline-block;
}
.news-page table td, .news-page table th {
    padding: 10px;
    border: 1px solid #363131;
}

.news-page table {
    margin: 0 0 20px 0;
}
.missioncontent .mistxt .valueimg {
    width: 70px;
}
.thong-tin-chung img, .vi-tri img, .tien-ich img, .hinh-anh img, .giai-thuong img {
    width: 100%;
}

a:hover {
    color: #d75d44;
}

.image-footer img {
    max-height: 50px;
    display: inline-block;
}

.image-footer {
    text-align: center;
}