@import url('https://fonts.googleapis.com/css2?family=Prompt: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');

.font-prompt{ font-family: 'Prompt', sans-serif; }

@media (max-width: 991px) {
  header.header-static.header-marketplace{ height: auto; position: relative; }
}
@media (max-width: 576px) {
  /* header.header-static.header-marketplace .bp-titile{ display: none; } */

}
@media (max-width: 351px) {
  header.header-static.header-marketplace .bp-titile{ display: inline-block; }

}





/**********************************************************/
/**********************************************************/
/**********************************************************/

.section-nav-marketplace{ background-color: #00A8B5; padding: 5px 0 2px; }
.section-nav-marketplace .section-nav{ margin: 0; color: #fff; height: 35px; }
.section-nav-marketplace .section-nav ul li a{ color: #fff; }
.section-nav-marketplace .section-nav ul li:after{ display: none; }
.section-nav-marketplace .section-nav ul li:first-child{ font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 30px; }
.section-nav-marketplace .section-nav ul li:first-child:after{ 
  content: "";
  position: absolute;
  display: block;
  overflow: hidden;
  width: 1px;
  height: 16px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: -20px;
  background-color: #fff;
}
.section-nav-marketplace .section-nav ul li a{ font-family: 'Prompt', sans-serif; font-size: 15px; line-height: 30px; font-weight: 300; }
.section-nav-marketplace .section-nav ul li a:after{ margin-top: 0; height: 30px; }
.section-nav-marketplace .section-nav.more_expanded{ height: auto; padding-bottom: 0; }

.div-contact--marketplace{ background-color: #F1F1F1; width: 100%; padding: 30px 15px; }
.market-contact{ max-width: 900px; width: 100%; margin: 0 auto; overflow: hidden; }
.market-contact ul li{ float: left; width: 50%; font-size: 18px; line-height: 22px; color: #000; overflow: hidden; }
.market-contact ul li:first-of-type{ border-right: 1px solid #ddd; margin-right: 50px; width: calc(50% - 50px); }
.market-contact ul li .market-contact--img{ float: left; margin-right: 20px; opacity: 0.5; width: 77px; }
.market-contact ul li .market-contact--detail{ float: left; }
.market-contact ul li .market-contact--detail span{ display: block; font-size: 38px; line-height: 40px; font-weight: bold; }
.market-contact ul li .market-contact--detail a:hover{ text-decoration: underline; }
.market-contact ul li:last-of-type .market-contact--detail{ padding-top: 30px; }


@media (max-width: 991px){

  .section-nav-marketplace .section-nav--more{ display: inline-block; font-size: 14px; line-height: 32px; color: #fff; }

  .market-contact ul li{ font-size: 16px; line-height: 20px; width: 55%; }
  .market-contact ul li .market-contact--img{ width: 60px; }
  .market-contact ul li:first-of-type{ margin-right: 30px; width: calc(45% - 30px); }
  .market-contact ul li .market-contact--detail span{ font-size: 30px; }

}
@media (max-width: 767px){

  .div-contact--marketplace{ padding: 20px 15px; }
  .div-contact--marketplace ul{ max-width: 290px; margin: 0 auto; }
  .market-contact ul li{ float: none; width: 100%; font-size: 12px; line-height: 16px; }
  .market-contact ul li:first-of-type{ float: none; width: 100%; margin-right: 0; border-right: 0; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; }
  .market-contact ul li .market-contact--img{ width: 40px; margin-right: 10px; }
  .market-contact ul li .market-contact--detail span{ font-size: 30px; }
  .market-contact ul li:last-of-type .market-contact--detail{ padding-top: 15px; }

}
@media (max-width: 576px){

  .section-nav-marketplace{ padding: 6px 0; }
  .section-nav-marketplace .section-nav{ margin: 0 10px; height: 30px; }
  .section-nav-marketplace .section-nav ul li:first-child{ font-size: 18px; margin-right: 10px; }
  .section-nav-marketplace .section-nav ul li:first-child:after{ right: -10px; }
  .section-nav-marketplace .section-nav ul li a{ font-size: 13px; margin: 0; }
  .section-nav-marketplace .section-nav ul li a:after{ height: 27px; }

}
@media (max-width: 356px){

  .section-nav-marketplace .section-nav{ height: auto; }
  .section-nav-marketplace .section-nav--more{ display: none; }
  .section-nav-marketplace .section-nav ul li:first-child{ padding-bottom: 0; }
  .section-nav-marketplace .section-nav ul li{ margin: 0 6px; }

}



/**********************************************************/
/**********************************************************/
/**********************************************************/

.splide__pagination__page{ background: #fff; width: 12px; height: 12px; margin: 7px; }
.splide__pagination__page.is-active{ background: #00A8B5; }


#banner-slider>.splide__track>.splide__list>.splide__slide div{ position: absolute; width: 90%; text-align: center; bottom: 35px; left: 50%; transform: translateX(-50%); }
#banner-slider>.splide__track>.splide__list>.splide__slide div h3{ font-family: 'Prompt', sans-serif; font-size: 40px; color: #fff; font-weight: 400; }
#banner-slider>.splide__track>.splide__list>.splide__slide div a:hover h3{ text-decoration: underline; }
#banner-slider>.splide__track>.splide__list>.splide__slide div span{ font-family: 'Arial', sans-serif; font-size: 20px; color: #fff; }
/* #banner-slider>.splide__track>.splide__list>.splide__slide::before{
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 67%, rgba(0,0,0,0.7) 100%);
  content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;
} */



@media (max-width: 991px) {

	#banner-slider>.splide__track>.splide__list>.splide__slide div h3{ font-size: 30px; }
	#banner-slider>.splide__track>.splide__list>.splide__slide div span{ font-size: 16px;  }

}
@media (max-width: 576px) {

	#banner-slider>.splide__track>.splide__list>.splide__slide div h3{ font-size: 20px; }
	#banner-slider>.splide__track>.splide__list>.splide__slide div span{ display: none; }

  .splide__pagination__page{ width: 10px; height: 10px; margin: 5px; }

}




/**********************************************************/
/**********************************************************/
/**********************************************************/

.section-marketplace{ margin: 50px 0; }
.section-marketplace--form{ margin: 25px 0; }

.market--title{ position: relative; margin-bottom: 15px; }
.market--title span{ font-family: 'Prompt', sans-serif; font-size: 25px; color: #007B7E; background-color: #fff; padding-right: 10px; font-weight: 700; }
.market--title::after{ content: ''; position: absolute; left: 0; bottom: 10px; width: 100%; height: 5px; background-color: #9E9E9E; z-index: -1; }


.icon-list--category{ padding: 50px 0; }
.icon-list--category .item{ border-right: 1px dashed #ddd; }
.icon-list--category .item:nth-child(4){ border-right: 0px dashed #ddd; }
.icon-list--category .icon--cate{ text-align: center; position: relative; height: 130px; }
.icon-list--category .icon--cate span{ font-family: 'Prompt', sans-serif; font-size: 16px; color: #000;  text-transform: uppercase; display: block; position: absolute; bottom: 0; width: 100%; }
.icon-list--category .icon--cate img{ width: 90px !important; margin: 0px auto; }


.list-market{ margin-bottom: 30px; }
.list-market figure{ margin-bottom: 10px; }
.list-market figure img{ border-radius: 15px; }
.list-market h3{ font-family: 'Prompt', sans-serif; font-size: 18px; line-height: 24px; color: #121212; font-weight: 400; margin-bottom: 10px; max-height: 48px; height: 48px; overflow: hidden; }
.list-market p{ color: #888; }
.list-market a:hover{ color: #00A8B5; }

.market-sector--list ul li:first-of-type .list-market h3{ height: auto; }


.market-highlight ul{ margin-left: -15px; margin-right: -15px; overflow: hidden; }
.market-highlight ul li{ float: left; width: 50%; padding-left: 15px; padding-right: 15px; }
.market-highlight ul li:first-of-type{ float: none; width: 100%; }


.market-sector--list ul li .list-market figure{ position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden;  border-radius: 15px; }
.market-sector--list ul li .list-market figure img{ max-width: 100%; min-width: 100%; height: auto; display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; }
.market-sector--list ul li:first-of-type .list-market figure{ height: auto; padding-bottom: 0; overflow: hidden; }



/* .item-photo{ position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin-bottom: .5rem; }
.item-photo img{ max-width: 100%; min-width: 100%; height: auto; display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; } */


.market-tosee--list{ text-align: center; }
.market-tosee--list ul li{ display: inline-block; width: 30%; margin: 10px; }
.market-tosee--list ul li a{ display: block; border: 1px solid #707070; border-radius: 13px; font-size: 18px; font-weight: bold; padding: 10px; }
.market-tosee--list ul li a:hover{ background-color: #007B7E; color: #fff; }


.market-sector--list ul{ margin-left: -15px; margin-right: -15px; overflow: hidden; }
.market-sector--list ul li{ float: left; width: 25%; padding-left: 15px; padding-right: 15px; }
.market-sector--list ul li:first-of-type{ width: 50%; }


.owl-category{ border-right: 1px solid #fff; border-left: 1px dashed #ddd; }
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span{ background: #007B7E; }



@media (max-width: 1199px) {

  .list-market h3{ font-size: 15px; line-height: 22px; }
  .icon-list--category .icon--cate span{ font-size: 14px; line-height: 16px;}

}
@media (max-width: 991px) {

  .market-sector--list ul li{ width: 50%; }
  .market-sector--list ul li:first-of-type{ width: 100%; }

  .market-tosee--list ul li a{ font-size: 16px; }
  .list-market h3{ font-size: 18px; line-height: 24px; }

  .icon-list--category.for-results .icon--cate{ height: 100px; }
  .icon-list--category.for-results .icon--cate img{ width: 65px !important; }

}
@media (max-width: 767px) {

  .market-tosee--list ul li{ width: 45%; }
  .list-market h3{ font-size: 16px; line-height: 22px; }

}
@media (max-width: 576px) {

	.section-marketplace{ margin: 30px 0; padding: 0 15px; }
	.market--title span{ font-size: 22px; }
	.list-market h3{ font-size: 18px; line-height: 24px; height: auto; max-height: none; }
  
  .market-tosee--list ul li{ width: 45%; margin: 5px; }
  .market-tosee--list ul li a{ font-size: 13px; padding: 8px 5px; }

	.market-highlight ul li{ float: none; width: 100%; }
	.market-highlight ul li .list-market{ overflow: hidden; }
	.market-highlight ul li .list-market figure{ float: left; width: 40%; padding-right: 10px; }
	.market-highlight ul li .list-market .list-market--detail{ float: left; width: 60%; padding-left: 10px; }
	.market-highlight ul li:first-of-type .list-market figure,
	.market-highlight ul li:first-of-type .list-market .list-market--detail{ float: none; width: 100%; padding: 0; }
	
  .market-sector--list ul li{ width: 100%; float: none; }

  .icon-list--category .icon--cate{ height: 90px; }
  .icon-list--category .icon--cate img{ width: 50px !important; }
  .icon-list--category .icon--cate span{ font-size: 12px; line-height: 16px; }

  .icon-list--category.for-results{ padding: 20px 0; }
  .icon-list--category.for-results .icon--cate{ height: 65px; }
  .icon-list--category.for-results .icon--cate img{ width: 40px !important; }
  .icon-list--category.for-results .icon--cate span{ font-size: 10px; }

}


/**********************************************************/
/**********************************************************/
/**********************************************************/

.market-search--form{ border:1px solid #707070; padding: 25px 15px 20px; }
.market-search--title{ font-style: 15px; line-height: 30px; font-weight: bold; color: #007B7E; text-transform: uppercase; }



.market--form .form-control{ font-size: 12px; color: #333; border: 0; border-radius: 0; padding: 5px 10px; height: 33px; background: #F0F0F0; }
.market--form .form-control::placeholder {
  color: #9B9B9B;
  opacity: 1;
}
.market--form select.select {
  width: 100%;
  height: 33px;
  background: #F0F0F0;
  border-radius: 0;
  border: 0;
  font-size: 12px;
  color: #9B9B9B;
  padding: 5px 10px;
  outline: none;
  display: inline-block;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  background-image: url(../images/arrow_select.svg); 
  background-repeat: no-repeat;
  background-position: right center;
}
.market--form .btn-submit, .market--form a.btn-submit{ background-color: #00A8B5; border-radius: 0px; font-size: 12px; color: #fff; padding: 5px 25px; width: 100%; height: 33px; border: 1px solid #00A8B5; }
.market--form .btn-submit:hover{ background-color: #fff; color: #00A8B5; }


.market-result--top{ overflow: hidden; }
.box-result--text{ float: left; font-family: 'Prompt', sans-serif; font-size: 13px; line-height: 20px; font-weight: 500; margin-bottom: 10px; }
.box-result--number{ float: right; font-family: 'Prompt', sans-serif; font-size: 15px; line-height: 20px; margin-bottom: 10px; }
.market-result--header h2{ font-family: 'Prompt', sans-serif; font-size: 15px; font-weight: 700; color: #007B7E; border-bottom: 1px solid #707070; margin-bottom: 20px; padding-bottom: 5px; }

.market-result{ margin: 15px 0; }
.market-result--detail{ background-color: #F0F0F0; padding: 25px 10px; }
.market-result--detail h3{ font-family: 'Prompt', sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 10px; }
.market-result--detail p{ font-size: 12px; line-height: 20px; }
.market-result--detail h3 a:hover{ color: #00A8B5; }

.btn-market--get{ margin: 20px 0;}
.btn-market--get a{ display: inline-block; background-color: #00A8B5; border: 1px solid #00A8B5; border-radius: 5px; font-family: 'Prompt', sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-align: center; padding: 5px 25px; }

.market-result--bottom{ overflow: hidden; border-bottom: 1px solid #707070; margin: 20px 0; padding-bottom: 10px; }
.market--update{ float: left; font-family: 'Prompt', sans-serif; font-size: 12px; font-weight: bold; color: #707070; margin: 5px 0; }
.market-nav--pagenumber{ float: right; }
.market-nav--pagenumber ul li{ display: inline-block; padding: 0 7px; }
.market-nav--pagenumber ul li a{ font-family: 'Prompt', sans-serif; font-size: 14px; color: #707070;  display: block; text-align: center; padding-top: 5px; }
.market-nav--pagenumber ul li a:hover{ color: #00A8B5; }
.market-nav--pagenumber ul li a.active{ background-color: #C6C6C6; border-radius: 50%; width: 30px; height: 30px; }
.market-listnews--bottom{ overflow: hidden; margin-bottom: 20px; }
.market--update a{ display: inline-block; background-color: #00A8B5; padding: 10px 20px; border-radius: 5px; color: #fff; border:1px solid #00A8B5; margin-bottom: 10px; }
.market--update a:hover{ background-color: #fff; color: #00A8B5; }

.market--viamail{ width: 100%; background-color: #A5A5A5; font-family: 'Prompt', sans-serif; font-size: 14px; color: #fff; text-align: center; padding: 10px; }
.market--viamail img{ vertical-align: middle; margin-right: 5px; }

.market-listnews{ padding: 30px 0; margin-bottom: 20px; border-bottom: 1px solid #707070; }
.market-listnews--row{ overflow: hidden; border-bottom: 1px dashed #aaa; padding-bottom: 30px; margin-bottom: 30px; }
.market-listnews--row:last-of-type{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.market-listnews--colleft{ float: left; width: 215px; }
.market-listnews--colright{ float: left; width: calc(100% - 215px); overflow: hidden; }
.market-listnews--colleft figure img{ border-radius: 10px; }
.mk-listnew--title{ float: left; width: calc(100% - 120px); padding-left: 40px; padding-top: 20px; }
.mk-listnew--title h3{ font-family: 'Prompt', sans-serif; font-size: 19px; line-height: 24px; font-weight: 400; margin-bottom: 5px; }
.mk-listnew--title p{ font-size: 14px; line-height: 20px; color: #868686; }
.mk-listnew--title a:hover{ color: #00A8B5; }
.mk-listnew--icon{ float: right; width: 120px; padding-top: 20px; text-align: right; }
.mk-listnew--icon span{ background-color: #00A8B5; border-radius: 50%; width: 25px; height: 25px; text-align: center; margin: 0 2px; display: inline-block; }
.mk-listnew--icon span.disable{ background-color: #ddd; }
.mk-listnew--icon p{ font-family: 'Prompt', sans-serif; font-size: 14px; font-weight: bold; color: #707070; margin: 0 5px 3px 0; }


.filter--header{ font-family: 'Prompt', sans-serif; font-size: 15px; line-height: 20px; font-weight: bold; color: #007B7E; border-bottom: 1px solid #707070; margin-bottom: 10px; }

.filter--detail-list{ margin-bottom: 7px; }
.filter--detail-title{ background-color: rgba(0, 168, 181, 0.3); background-image: url('../images/lite_select.svg'); background-repeat: no-repeat; background-position: 95% 50%;}
.filter--detail-title a{ display: block; font-family: 'Prompt', sans-serif; font-size: 12px; line-height: 18px; color: #007B7E; padding: 6px 10px;  }
.filter--detail-title a:hover{ color: #333; }
.filter--detail-list ul li{ overflow: hidden; }
.filter--detail-list ul li a{ display: block; font-family: 'Prompt', sans-serif; font-size: 11px; color: #727272; padding: 12px 8px 10px; border-bottom: 1px dashed #ddd; }
.filter--detail-list ul li a:hover{ color: #00A8B5; }
.filter--detail-list ul li a.active{ background-color: #EAEAEA; }
.filter--detail-list ul li:last-of-type a{ border-bottom: 0; }
.filter--detail-list ul li a span{ float: right; font-size: 12px; }

.filter--detail .filter--header, 
.filter--detail .mk-btnClose, 
.list-hide{ display: none; }


.search_result--notfound{ max-width: 500px; width: 90%; margin: 0 auto; padding-bottom: 50px; }
.icn-notfound{ max-width: 122px; width: 100%; margin: 30px auto; }
.search-notfound--title{ font-family: 'Lato', sans-serif; font-size: 18px; line-height: 30px; color: #00A8B5; font-weight: 700; text-transform: uppercase; text-align: center; }
.search-notfound--text{ font-family: 'Lato', sans-serif; font-size: 18px; line-height: 30px; padding-top: 30px; }
.search-notfound--text ul{ margin-left: 20px; padding-top: 10px; }
.search-notfound--text ul li{ position: relative; padding-left: 15px; padding-bottom: 10px; }
.search-notfound--text ul li::before{ content: '- '; position: absolute; left: 0; }



@media (max-width: 1199px){

  .market--form .btn-submit, .market--form a.btn-submit{ padding: 5px 10px; }
  .mk-listnew--title{ padding-left: 20px; padding-top: 10px; }
  .mk-listnew--icon{ padding-top: 10px; }

}
@media (max-width: 991px){

  .mk-listnew--title, .mk-listnew--icon{ float: none; padding-left: 20px; padding-top: 10px; width: 100%; }
  .mk-listnew--icon p{ margin: 0 0 3px 5px; }
  .mk-listnew--icon{ text-align: left; }

  .market-listnews--colleft{  width: 150px; }
  .market-listnews--colright{ width: calc(100% - 150px); }

}
@media (max-width: 767px){

  .filter--header{ background-color: #00A8B5; color: #fff; border: 0; padding: 7px 10px; margin-bottom: 20px; border-radius: 5px; text-align: center; }
  .filter--detail{ display: none; }

  .filter--detail.openFilter{
    display: block; position: fixed; z-index: 99;
    width: 100%; height: 100vh; top: 0; left: 0; right: 0; bottom: 0;
    background-color: #fff; padding: 20px 20px 120px; overflow: auto;
  }
  .filter--detail.openFilter .filter--header{ display: block; color: #007B7E; border-bottom: 1px solid #707070; margin-bottom: 10px; background-color: #fff; text-align: left; border-radius: 0; padding: 0 10px 0 0; }
  .filter--detail.openFilter .mk-btnClose{ display: block; position: absolute; top: 10px; right: 20px; width: 20px;}

}
@media (max-width: 576px){

  .market-search--form{ margin: 0 15px; }

  .box-result--text, .box-result--number,
  .market--update, .market-nav--pagenumber,
  .market-listnews--colleft, .market-listnews--colright{ float: none; width: 100%; }
  .mk-listnew--title, .mk-listnew--icon{ padding-left: 0px; }

  .market-nav--pagenumber ul li{ padding: 0 5px; }

}



/**********************************************************/
/**********************************************************/
/**********************************************************/

.mkp-share{ text-align: right;}
.mkp-share.box-share a{ color: #fff; background-color: #00A8B5; border-color: #00A8B5; }
.mkp-share.box-share--h li.comment-icon label{ top: -20px; }
.mkp-share.box-share li.comment-icon a{ padding-top: 0; border: 1px solid #00A8B5; }
.mkp-share.box-share a:hover{ background-color: #fff; color: #00A8B5; }
.mkp-share.box-share li.comment-icon a:hover{ background-color: #fff; color: #00A8B5; }

.div-mkp--header{ border-bottom: 1px solid #707070; padding-bottom: 20px; margin-bottom: 20px; }
.div-mkp--header h2{ font-family: 'Prompt', sans-serif; font-size: 21px; line-height: 30px; }
.div-mkp--header p{ font-family: 'Prompt', sans-serif; font-size: 13px; line-height: 25px; color: #676767; }
.div-mkp--cover{ margin-bottom: 20px; }

.article-market h3{ font-family: 'Prompt', sans-serif; font-size: 23px; line-height: 28px; font-weight: bold; color: #007B7E; border-bottom: 1px solid #707070; padding-bottom: 10px; margin-bottom: 10px; }
.article-market h4{ font-family: 'Prompt', sans-serif; font-size: 18px; line-height: 22px; font-weight: bold; color: #007B7E; border-bottom: 1px dashed #aaa; padding-bottom: 10px; margin-bottom: 10px; }
.article-market p{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 15px; line-height: 26px; color: #707070; }

.article-market--address{ background-color: rgba(0, 168, 181, 0.05); padding: 25px; margin-bottom: 30px; }
.article-market--address h3{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 17px; line-height: 25px; font-weight: bold; color: #007B7E; margin-bottom: 5px; }
.article-market--address h4{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 16px; line-height: 26px; font-weight: bold; }
.article-market--address p{ font-size: 16px; line-height: 26px; color: #000; margin-bottom: 20px; }
.article-market--address p:last-of-type{ margin-bottom: 0; }
.article-market--address a{ text-decoration: underline; }
.article-market--address a:hover{ color: #007B7E; }


@media (max-width: 576px){

  .article-market article{ padding: 0;}

}





/**********************************************************/
/**********************************************************/
/**********************************************************/

.box-thumb--highlight{ padding: 20px 2rem; background-color: #F1F1F1; }

.splide--nav>.splide__track>.splide__list>.splide__slide{ border: 0; cursor: pointer; }
.splide--nav>.splide__track>.splide__list>.splide__slide::before{ content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); } 
.splide--nav>.splide__track>.splide__list>.splide__slide span{ font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 90%; }
.splide--nav>.splide__track>.splide__list>.splide__slide:hover::before{ background-color: rgba(0,0,0,0.5); } 
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active::before{ display: none; }
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active span{ display: none; }

.splide--fade>.splide__track>.splide__list>.splide__slide div{ position: absolute; width: 90%; text-align: center; top: 75%; left: 50%; transform: translateX(-50%); }
.splide--fade>.splide__track>.splide__list>.splide__slide div h3{ font-family: 'Roboto', sans-serif; font-size: 40px; color: #fff; font-weight: 400; }
.splide--fade>.splide__track>.splide__list>.splide__slide div a:hover h3{ text-decoration: underline; }
.splide--fade>.splide__track>.splide__list>.splide__slide div span{ font-family: 'Lato', sans-serif; font-size: 20px; color: #fff; }
.splide--fade>.splide__track>.splide__list>.splide__slide::before{
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 67%, rgba(0,0,0,0.7) 100%);
  content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;
}
.learning-article--gallery .splide--fade>.splide__track>.splide__list>.splide__slide::before{
  display: none;
}
.splide--fade>.splide__track >.splide__list >.splide__slide.is-active{ background-position: center top !important; }

.splide__arrow--next{ right: 0;}
.splide__arrow--prev{ left: 0; }

@media (max-width: 1199px){

  .box-thumb--highlight{ padding: 15px 2rem; }
  .splide--nav>.splide__track>.splide__list>.splide__slide span{ font-size: 16px; line-height: 20px;}

}
@media (max-width: 991px){

  .splide--fade>.splide__track>.splide__list>.splide__slide div h3{ font-size: 30px; }
  .splide--fade>.splide__track>.splide__list>.splide__slide div span{  font-size: 16px; }


}
@media (max-width: 767px){

  .splide--fade>.splide__track>.splide__list>.splide__slide div span{ display: none;}

}
@media (max-width: 576px){

  .box-thumb--highlight{ padding: 10px 0; }
  .splide--fade>.splide__track>.splide__list>.splide__slide div h3{ font-size: 20px; }
  .splide--fade>.splide__track>.splide__list>.splide__slide div span{  font-size: 14px; }
  .splide--nav>.splide__track>.splide__list>.splide__slide span{ font-size: 11px; line-height: 15px; }

}
@media (max-width: 355px){

  .splide--fade>.splide__track>.splide__list>.splide__slide div h3{ font-size: 18px; }
  .splide--fade>.splide__track>.splide__list>.splide__slide div span{  font-size: 13px; }

}





/**********************************************************/
/**********************************************************/
/**********************************************************/

.section-property--banner{ margin-bottom: 100px; position: relative; }
.div-form--search{ overflow: hidden; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29); max-width: 930px; width: 90%; position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); background-color: #fff; border-radius: 10px; }


.section-property--form{ background-color: #F1F1F1; padding: 40px 0; }
.section-property--form .div-form--search{ position: relative; left: 0; bottom: 0; transform: translateX(0); margin: 0 auto; }

.div-form--search .form-control{ width: 30%; font-size: 15px; text-align: center; border: 0; }
.div-form--search .form-control::placeholder { color: #BFBFBF; opacity: 1; }
.div-form--search .custom-select{ 
  background: #fff url('../../assets/images/icon/arrow_select3.svg') no-repeat right 1rem center; 
  font-size: 15px; height: calc(3.875rem + 2px); padding: 1.2rem 1.75rem 1.2rem 1.25rem;
  border: 0; border-left: 1px solid #cbcbcb;
}
.btn--search-pp{ background-color: #00A8B5; width: 100%; padding: 20px; color: #fff; border: 1px solid #00A8B5; }
.btn--search-pp:hover{ opacity: 0.8; }

.pp-banner--img img{ width: 100%; }

.property-hightlight{ padding: 15px 0; }
.property-hightlight--detail{ background-color: #F0F0F0; padding: 20px 10px; }
.property-hightlight--detail h3{ font-family: 'Prompt', sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 10px; }
.property-hightlight--detail h3 a{ color: #007B7E; }
.property-hightlight--detail h3 a:hover{ color: #333; }
.property-hightlight--detail p{ font-size: 14px; line-height: 22px; color: #707070; }
.property-hightlight--price{ font-size: 16px; font-weight: bold; }
.property-hightlight--detail p.verified{ color: #00A8B5; font-size: 12px; }
.property-hightlight--detail p a:hover{ color: #00A8B5; }


.property-hightlight--icon{ padding-top: 10px; }
.property-hightlight--icon span{ background-color: #00A8B5; border-radius: 50%; width: 25px; height: 25px; text-align: center; margin: 0 3px; display: inline-block;  }
.property-hightlight--icon span:first-of-type{ margin-left: 0; }
.property-hightlight--icon span.disable{ background-color: #ddd; }



.property-hightlight {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  height: 100%;
}
.property-hightlight--detail {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.property-hightlight--footer {
  padding: 0 10px 20px;
  background-color: #F0F0F0;
}
.property-hightlight figure{
  width: 100%;
}



.property--profile-seller{ background-color: #F2F2F2; padding: 30px 25px; }
.profile-seller{ overflow: hidden; padding: 10px 0; }
.profile-seller .profile-seller--img{ float: left; width: 110px; }
.profile-seller .profile-seller--detail{ float: left; width: calc(100% - 110px); padding-left: 15px; }
.profile-seller h2{ font-family: 'Arial', sans-serif; font-weight: normal; font-size: 15px; margin-bottom: 5px; }
.profile-seller h3{ font-family: 'Arial', sans-serif; font-size: 22px; line-height: 30px; font-weight: bold; margin-bottom: 5px; }
.profile-seller h3 span{ font-size: 15px; }
.profile-seller--verified{ margin-bottom: 10px; }
.profile-seller--verified span{ display: inline-block; background-color: #A7A7A7; font-size: 12px; color: #fff; padding: 3px 8px; border-radius: 5px; }
.profile-seller--star{ font-size: 12px; }
.profile-seller--star span{ width: 27px; height: 27px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; padding-top: 3px; margin-right: 5px; }
.profile-seller--star span img{ width: 17px; }
.profile-seller--star span.gold{ background-color: #F19800; }
.profile-seller--star span.platinum{ background-color: #727272; }
.profile-seller--star span.ultimate{ background-color: #06A4AF; }
.btn-vote a{ display: inline-block; background-color: #A7A7A7; font-size: 13px; color: #fff; padding: 5px 15px; border-radius: 8px; border: 1px solid #A7A7A7; }
.btn-vote a:hover{ background-color: #fff; color: #A7A7A7; }
.btn-seller a{ display: block; background-color: #00A8B5; padding: 10px; font-size: 14px; color: #fff; text-align: center; border-radius: 10px; border: 1px solid #00A8B5; }
.btn-seller a:hover{ background-color: #fff; color: #00A8B5; }
.seller--star-detail{ padding-top: 50px; }
.seller--star-detail > div{ margin-bottom: 15px; }

.hr-dashed{ border-style: dashed; }


.mk-listnew--id{ font-size: 10px; margin-bottom: 10px; }
.property-listnews .mk-listnew--title h3{ font-size: 16px; font-weight: 700; }
.property-listnews .mk-listnew--title h3 a{ color: #007B7E; }
.property-listnews .mk-listnew--title p.verified{ color: #00A8B5; font-size: 12px; }
.property--price{ font-family: 'Prompt', sans-serif; font-size: 16px; line-height: 26px; font-weight: 700; margin-bottom: 5px; }
.property-listnews .mk-listnew--title{ padding-top: 10px; }
.property-listnews .mk-listnew--icon{ padding-top: 10px; }


.mkp-modal .close span{ display: block; width: 20px; }
.btn-modal{ font-size: 14px; color: #fff; background-color: #00A8B5; border: 1px solid #00A8B5; border-radius: 8px; }
.mkp-modal--btn{ padding: 5px 0; text-align: center; }
.btn-modal:hover{ color: #00A8B5; background-color: #fff; }
.mkp-modal--body .form-group{ margin-bottom: 15px; }
.mkp-modal--body .form-control{font-family: 'Prompt', sans-serif; font-size: 15px; }
.mkp-modal--body .form-check{ margin-bottom: 5px; font-family: 'Prompt', sans-serif; font-size: 15px; font-weight: 300; }
.mkp-modal--body h3{ font-family: 'Prompt', sans-serif; font-size: 20px; line-height: 30px; color: #00A8B5; margin-right: 25px; }
.mkp-modal--body h4{ font-family: 'Prompt', sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 10px; margin-right: 25px; }
.mkp-modal--body h5{ font-family: 'Prompt', sans-serif; font-size: 16px; line-height: 26px; font-weight: 300; margin-bottom: 10px; margin-right: 25px; }


.property--more_sellers h4{ font-family: 'Prompt', sans-serif; font-size: 18px; line-height: 22px; font-weight: bold; color: #007B7E; border-bottom: 1px solid #aaa; padding-bottom: 10px; margin-bottom: 20px; }


.article-mkp--title{ margin-bottom: 30px; }
.article-mkp--title .amkp--id{ font-size: 12px; color: #848484; border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.article-mkp--title .amkp--price{ font-family: 'Prompt', sans-serif; font-size: 20px; line-height: 28px; font-weight: 700; color: #007B7E; text-align: right; margin-bottom: 5px; }
.article-mkp--title h2{ font-family: 'Prompt', sans-serif; font-size: 18px; line-height: 28px; font-weight: 700; color: #007B7E; margin-bottom: 5px; }
.article-mkp--title p{ font-size: 12px; line-height: 20px; color: #000; margin-bottom: 5px; }


.article-market--info{ margin-bottom: 30px; }
.article-market--info p{ margin-bottom: 3px; }

.txt-00A8B5{ color: #00A8B5; }
.txt-007B7E{ color: #007B7E; }


@media(max-width: 991px){

  .property--profile-seller{ padding: 20px 15px; }
  .profile-seller .profile-seller--img{ float: none; margin: 0 auto 15px; }
  .profile-seller .profile-seller--detail{ float: left; width: 100%; }
  .profile-seller h3{ font-size: 18px; }

}
@media(max-width: 767px){

  .section-property--banner{ margin-bottom: 50px; }

  .div-form--search{ position: relative; bottom: 0; margin-top: 30px; }
  .div-form--search .input-group > .form-control, 
  .div-form--search .input-group > .custom-select, 
  .div-form--search .input-group > .custom-file{
    width: 100%;
    flex: none;
  }
  .div-form--search .form-control{ padding: 15px 10px; }
  .div-form--search .custom-select{ padding: 15px 10px; height: auto; }
  .div-form--search .input-group-prepend, .div-form--search .input-group-append{ display: contents; }
  .div-form--search .custom-select{ border-right: 0; border-top: 1px solid #cbcbcb; }
  .btn--search-pp{ padding: 15px; }

  .article-mkp--title .amkp--price{ text-align: left;}

}



@media (min-width: 576px){
  .modal-dialog.mkp-modal {
    max-width: 600px;
    margin: 1.75rem auto;
  }
}

/**********************************************************/
/**********************************************************/
/**********************************************************/

.market-content--btn{ margin-bottom: 30px; }
.market-content--btn a.btn-submit{ background-color: #00A8B5; border-radius: 0px; font-size: 16px; color: #fff; padding: 10px 25px; width: 150px; border: 1px solid #00A8B5; }
.market-content--btn .btn-submit:hover{ background-color: #fff; color: #00A8B5; }


.divService-detail{ margin-bottom: 30px; }
.divService-detail ul li a{ position: relative; display: block; background-color: rgba(0, 168, 181, 0); font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 15px; padding: 2px 5px 2px 10px; border: 1px solid #999; }
.divService-detail ul li a:before{
    content: ""; position: absolute;
    width: 15px; height: 5px;
    top: 50%; right: 10px; margin-top: -2px;
    background: url('../images/lite_select.svg');
    background-repeat: no-repeat; background-position: 100% 50%;
    transform: rotate(270deg);
}
.divService-detail ul li a.open_detail:before{
  transform: rotate(0deg);
}
.list-hide{ display: none; }

.divService-detail p{ margin-bottom: 15px; }



/**********************************************************/
/**********************************************************/
/**********************************************************/