@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;1,200&display=swap";
.item-design-v h2.style-large {
  padding-bottom: 0;
}
.page-node-type-real-estate .intro-bds h2.style-large {
  padding-bottom: 0;
}
.item-design-v {
  padding-bottom: 50px;
}
.page-node-type-flipbook footer.node__meta {
  display: none;
}
.page-node-type-flipbook iframe {
  width: 100%;
  height: 100%;
}
.page-node-type-flipbook .field.field--name-field-iframe-flipbook > div {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
}
.node-full.node-image-360-full {
  height: 100%;
  width: 100%;
  border: 1px solid #dedede;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: 0;
}
.page-node-type-cong-bo-thong-tin .bg-site {
  display: none;
}
.node-full.node-image-360-full iframe {
  width: 100%;
  height: 100%;
}
.page-node-type-flipbook .region.region-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.item-design-v ul li {
  list-style-type: initial;
}
.item-design-v ul {
  padding-left: 15px;
}
.node.node-financial-report-full h1 {
  font-weight: 700;
  font-size: 25px;
  font-family: GaramondPremrPro;
  color: #162b75;
  margin-top: 10px;
  margin-bottom: 10px;
}
.node.node-financial-report-full .container {
  background-color: #fff;
  padding-top: 20px;
}
.menu-filter-legal {
  padding-top: 20px;
}
.node.node-financial-report-full .date-create {
  font-weight: 500;
  font-size: 11px;
  color: #979797;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
.node.node-financial-report-full .node-body {
  padding-bottom: 30px;
  text-align: justify;
}
.node.node-financial-report-full .node-body p {
  font-size: 16px;
  color: #777;
}
body.en .node-detail.node-detail-project.project-smart-city li.nav-sub-pk {
  display: none;
}
body.en div#contact_modal input[placeholder="Lựa chọn yêu cầu"] {
  opacity: 0;
}
.page-node-type-community .container.ht_reset_pd .swiper-container {
  overflow: hidden;
}
.detail_info_urban.ht_transition {
  display: none;
}
form#custom-update-node-new-form {
  margin-top: 127px;
}
.path-flipbook div#aip-chat-box,
.page-node-type-virtual-tours-360 div#aip-chat-box {
  display: none !important;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  a
  i {
  font-size: 16px;
}
.path-bao-cao-thuong-nien .views-field.views-field-nothing a i {
  font-size: 18px;
}
.path-bao-cao-thuong-nien .view-content .views-row {
  margin-bottom: 25px;
}
.page-node-type-virtual-tours-360 iframe {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 999999;
}
.page-node-type-virtual-tours-360 .node__submitted {
  display: none;
}
.page-node-type-virtual-tours-360 div#block-porto-local-tasks,
.page-node-type-virtual-tours-360 .div#aip-chat-box {
  display: none;
}
.page-node-type-virtual-tours-360 .toolbar-tab {
  display: none !important;
}
.page-node-type-virtual-tours-360 {
  padding: 0 !important;
}
.block.chart-qhcd iframe.mobile {
  display: none;
}
form#form-register-footer-sf .form-item-full-name {
  margin-top: 0;
}
.block-certification {
  display: flex;
  align-items: center;
}
.block-certification .copyright_wrapper {
  margin-top: 0 !important;
  margin-left: 10px;
}
.form-lead-new-detail .form-item input::placeholder,
div#modal-lead-form-new .form-item input::placeholder {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #222;
}
.form-lead-new-detail .form-item input,
.form-lead-new-detail .form-item select,
div#modal-lead-form-new .form-item input,
div#modal-lead-form-new .form-item select {
  background: #e4e4e4;
  border-radius: 3px;
  color: #222;
  height: 38px;
  width: 100%;
  border: 0;
  padding: 10px;
  font-size: 16px;
}
.form-lead-new-detail {
  padding: 10px 60px;
  border: 1px solid #dca447;
}
div#modal-lead-form-new .modal-header h4 {
  font-size: 16px;
  font-weight: 600;
  color: #162b75;
  margin: 0;
  height: 50px;
  border-bottom: 1px solid #162b75;
  align-items: center;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 60px;
}
.news_page.node_news_full .form-lead-new-detail .modal-title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  text-align: center;
  color: #222;
}
.form-lead-new-detail .modal-header,
div#modal-lead-form-new .modal-header {
  border-bottom: 0;
  padding: 20px;
}
.form-lead-new-detail .modal-body,
div#modal-lead-form-new .modal-body {
  padding-top: 0;
}
.form-lead-new-detail .form-actions input,
div#modal-lead-form-new .form-actions input {
  background: #dca447;
  border-radius: 5px;
  color: #fff;
  width: 100%;
  text-transform: uppercase;
}
.form-lead-new-detail input[type="number"],
div#modal-lead-form-new input[type="number"] {
  -moz-appearance: textfield;
}
div#modal-lead-form-new input[type="number"]::-webkit-outer-spin-button,
div#modal-lead-form-new input[type="number"]::-webkit-inner-spin-button,
.form-lead-new-detail input[type="number"]::-webkit-outer-spin-button,
.form-lead-new-detail input[type="number"]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
div#modal-lead-form-new .msg-err,
.form-lead-new-detail .msg-err {
  color: red;
}
.page-404-vhm #footer {
  display: none;
}
body .ht-header .chart {
  padding: 0 20px;
}
body #footer .info_vinhomes .info_vh .info .phonenumber {
  display: none !important;
}
.tag-wrapper nav.pager ul li a {
  color: #333;
}
.tag-wrapper nav.pager ul .pager__item.is-active a {
  color: #fff;
  background-color: #dca447;
  border: 1px solid #dca447;
}
.term-title h2 {
  margin: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  color: #dca447;
  margin-left: 10px;
}
ul.ul-menu-child {
  padding-left: 15px;
  display: none;
  padding-top: 15px;
}
img.close-modal-sf {
  display: none;
}
.icon-arrow {
  margin-left: 5px;
}
.footer_vinhomes li.f_vh_link a {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  color: #0c1c56 !important;
}
img.icon-arrow.ht_transition.active {
  transform: rotate(-180deg);
}
.path-du-an #modal-project .modal-dialog .modal-content {
  background-color: initial;
}
.page-tag-wrapper__header.row {
  padding-bottom: 40px;
}
.page-tag-wrapper__body.row .thumb_wrapper.col-sm-4 {
  padding-left: 0;
}
.term-breadcumb ul {
  display: inline-block;
}
.f_vh_links-special {
  display: none;
}
.pnl-vg .f_vh_menu.col-md-12.m_1 {
  text-align: center;
}
.view.view-taxonomy-functions-cn7.view-id-taxonomy_functions_cn7.view-display-id-block_7
  .view-content {
  display: flex;
  flex-wrap: wrap;
}
.view.view-taxonomy-functions-cn7.view-id-taxonomy_functions_cn7.view-display-id-block_7
  .view-content
  .views-row:after {
  content: ",";
  position: absolute;
  right: 0;
  top: 0;
}
.view.view-taxonomy-functions-cn7.view-id-taxonomy_functions_cn7.view-display-id-block_7
  .view-content
  .views-row {
  position: relative;
  padding-right: 4px;
  margin-right: 5px;
}
.view.view-taxonomy-functions-cn7.view-id-taxonomy_functions_cn7.view-display-id-block_7
  .view-content
  .views-row
  a {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #137cc9;
}
.term-breadcumb ul li {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #979797;
  display: inline-block;
}
.term-breadcumb ul li a {
  color: #979797;
}
.term-title {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
}
.term-title label {
  margin: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  color: #222;
}
.term-title h1 {
  margin: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  color: #dca447;
  margin-left: 10px;
}
.term-desc {
  padding-top: 36px;
}
.term-desc p {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #1f2125;
  line-height: 140.4%;
  text-align: justify;
}
.tag-highlight h5 {
  padding-bottom: 11px;
  border-bottom: 1px solid #162b75;
}
.page-tag-wrapper-follow .follow_block {
  padding-right: 5px;
  margin-bottom: 30px;
}
.page-tag-wrapper-follow .follow_block h5 {
  margin: 20px 0 15px;
  text-align: center;
}
.page-tag-wrapper-follow .follow_block .block_content {
  display: flex;
  justify-content: center;
}
.page-tag-wrapper-follow .follow_block .block_content > a {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e4e4e4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #707070;
  font-size: 20px;
}
.page-tag-wrapper__header.row {
  padding-bottom: 40px;
}
.page-tag-wrapper__body.row .thumb_wrapper.col-sm-4 {
  padding-left: 0;
}
.page-tag-wrapper {
  padding-top: 30px;
}
.page-tag-wrapper-follow .follow_block .block_content > a.yt {
  margin: 0 20px;
}
.page-tag-wrapper li.pager__item a {
  padding: 0;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 277px;
  margin: 30px auto;
  background-color: #cc9036;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 3px;
}
.path-tags .view-node-functions-cn7.view-id-node_functions_cn7 .view-content {
  display: none;
}
.path-tags .col-md-3.col-12.views-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.path-tags .views-field.views-field-name {
  background-color: #fff;
  color: #222;
  padding: 10px 22px;
  margin-left: 5px;
}
.path-tags
  .view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_11 {
  background: #162b75;
  border-radius: 3px;
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
}
.path-tags .views-field.views-field-name a {
  color: #222;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
}
.path-tags .header-listing-tag {
  padding-top: 50px;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.path-tags span.total-tag,
span.label-tag {
  color: #707070;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
}
.path-tags span.total-tag {
  opacity: 0.8;
}
.path-tags .header-listing-tag .form {
  position: absolute;
}
.path-tags .header-listing-tag form {
  position: absolute;
  right: 0;
  bottom: 0;
}
.path-tags .header-listing-tag form input[name="name"] {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #162b75;
}
.path-tags .header-listing-tag form label {
  display: none;
}
.path-tags .header-listing-tag form .form-actions {
  position: absolute;
  right: 0;
}
.path-tags .header-listing-tag form .form-actions input {
  color: transparent;
  background-color: transparent;
  position: relative;
}
.path-tags .header-listing-tag form .form-actions input::placeholder {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #979797;
}
.tag-wrapper {
  padding-bottom: 70px;
}
.path-tags .header-listing-tag form .form-actions:before {
  content: "";
  background-image: url(/themes/porto/css/cn7/../../img/vinhomes/search-tag.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.path-tags .header-listing-tag form .form-actions input:hover {
  border: 0;
}
.page-node-type-news .widget-toc {
  display: table;
  border: 1px solid #a2a9b1;
  background-color: #f8f9fa;
  padding-right: 1rem;
  font-size: 95%;
}
.page-node-type-news .widget-toc ol {
  padding-right: 0;
  counter-reset: item;
}
.page-node-type-news .widget-toc ol li {
  display: block;
  position: relative;
}
.page-node-type-news .toc-title {
  text-align: center;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.block.chart-qhcd iframe {
  width: 100%;
  height: 100%;
}
.path-tuyen-dung th#view-field-type-recruitment-table-column {
  width: 20%;
}
.path-tuyen-dung th#view-field-address-table-column {
  width: 23%;
  padding-left: 0;
}
.path-tuyen-dung th#view-field-deadline-table-column {
  width: 17%;
  padding-left: 50px;
}
.path-tuyen-dung td.views-field.views-field-field-deadline a:hover time {
  color: #fff;
}
.path-tuyen-dung td.views-field.views-field-field-address {
  width: 23%;
}
.path-tuyen-dung td.views-field.views-field-title {
  width: 40%;
}
.path-tuyen-dung td.views-field.views-field-field-type-recruitment {
  width: 20%;
}
.path-tuyen-dung td.views-field.views-field-field-deadline {
  width: 17%;
  padding-left: 28px;
}
.qhcd-layout-block {
  height: 100%;
  vertical-align: top;
}
.qhcd-layout1 {
  width: 100%;
  height: 420px;
  margin-bottom: 15px;
  table-layout: fixed;
}
.body-td,
.body-td p {
  color: #1f2125;
  font-weight: 400;
}
.body-td p strong {
  font-weight: 600;
}
.page-tuyen-dung-wrapper td.views-field.views-field-field-address a {
  display: initial !important;
  padding: 0 !important;
}
.qhcd-layout1 .inner.nopd,
.qhcd-layout1 .block-content {
  width: 100%;
  position: relative;
  height: 100%;
}
.bg-site {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
}
.bg-site h1 {
  color: #fff;
  font-family: GaramondPremrPro;
  font-weight: 700 !important;
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}
.imgdf.bctc img {
  max-width: fit-content;
  width: 295px;
}
.qhcd-layout.qhcd-layout1 {
  margin-top: -40px;
}
.qhcd-layout.qhcd-layout1 .block-intro.qhcd-layout-block .inner {
  background-color: #eedec1;
  border-radius: 3px;
}
.qhcd-layout.qhcd-layout1 .qhcd-layout-block {
  border-radius: 3px;
}
.i-triangle {
  width: 100%;
  height: 39px;
  position: absolute;
  background-color: #f5f1e6;
  bottom: 0;
  left: 0;
}
.i-triangle:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1.35em;
  border-right-color: #eedec1;
  border-top-color: #eedec1;
}
.qhcd-layout h2,
.qhcd-layout h2 a {
  font-weight: 700;
  font-family: GaramondPremrPro;
  color: #162b75;
  margin-bottom: 20px;
  font-size: 25px;
}
.event-status:before {
  content: "\f017";
  font-family: fontawesome;
  margin-right: 5px;
}
div#VI_03_pc table tbody tr:first-child div {
  color: #162b75 !important;
  font-weight: 700 !important;
  font-family: GaramondPremrPro !important;
  font-size: 25px !important;
  background-color: #fff !important;
}
div#VI_03_pc {
  padding: 20px;
}
.qhcd-layout-block p {
  color: #222;
  font-size: 13px;
  line-height: 20px;
}
div#perfect_scrollbar ul li {
  list-style-type: none;
  padding-bottom: 13px;
}
div#perfect_scrollbar ul {
  padding: 0;
}
div#perfect_scrollbar ul li a {
  display: flex;
}
.qhcd-layout-block .date-time-1 {
  background-color: #dca447;
  color: #fff;
  font-size: 11px;
  padding: 1px 9px;
  border-radius: 3px 3px 0 0;
}
.static-page-404 img {
  max-width: 800px;
  margin: 0 auto;
  display: block;
}
.static-page-404 ul li {
  margin: 0 15px;
  min-width: 150px;
  display: inline-block;
}
.static-page-404 ul li a {
  display: block;
  background: #cc9036;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 15px;
  border-radius: 4px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 1px solid #cc9036;
  font-weight: 500;
}
.static-page-404 ul li a:hover {
  background: #fff;
  color: #cc9036 !important;
}
.static-page-404 {
  background: #f6f3ea;
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
body.toolbar-tray-open .static-page-404 {
  top: 165px;
}
.static-page-404 p {
  font-weight: 600;
  font-size: 16px;
  color: #222;
}
.content-static-page {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slide-logo .swiper-slide {
  width: 38% !important;
  opacity: 0.2;
}
.slide-logo img {
  width: 109px;
  height: 108px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.slide-logo .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.slide-logo .swiper-button-next,
.slide-logo .swiper-button-prev {
  color: #222;
  width: 35px;
  height: 35px;
}
.slide-logo .swiper-button-next:after,
.slide-logo .swiper-button-prev:after {
  font-size: 14px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
}
.slide-logo {
  position: absolute;
  bottom: 0;
  background-color: #fff;
}
.path-ir .slide-logo {
  width: 100%;
}
.path-ir .slide-logo img {
  height: 80px;
}
.path-ir .imgdf {
  padding: 0 40px;
}
.path-ir .slide-logo h2 {
  margin-bottom: 0;
  padding-left: 40px;
  padding-top: 10px;
}
.slide-logo:before {
  content: "";
  width: 100%;
  height: 30px;
  background-color: transparent;
  position: absolute;
  top: -30px;
  z-index: 222;
}
.qhcd-layout.qhcd-layout3 .inner.half {
  background-color: initial;
}
.qhcd-layout.qhcd-layout3 .block-title,
.qhcd-layout.qhcd-layout3 .block-content {
  background-color: #fff;
}
.qhcd-layout-block .date-time-2 {
  background-color: #162b75;
  color: #fff;
  text-align: center;
  padding: 4px 0;
  border-radius: 0 0 3px 3px;
  font-weight: 700;
  font-size: 22px;
}
.qhcd-layout-block .date-time {
  width: 58px;
  margin-right: 10px;
}
.qhcd-layout-block .event .event-title {
  color: #222;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 24px;
  font-size: 13px;
}
.qhcd-layout-block .event-status {
  color: #707070;
  font-size: 11px;
}
#bctc-ttkqkd {
  padding-right: 40px;
}
#bctc-ttkqkd .views-element-container .views-row a:before {
  margin-top: 5px;
}
#bctc-ttkqkd .views-element-container .views-row a {
  line-height: 23px;
  font-size: 14px;
}
#bctc-ttkqkd .views-element-container .view-footer {
  bottom: 0;
}
.qhcd-layout.qhcd-layout2 .block.qhcd-layout-block.block-financial-update .row {
  display: flex;
}
.qhcd-layout.qhcd-layout3 .block-content {
  padding-bottom: 40px;
}
.path-ir .content-wrapper .bg-content,
.path-shareholder-relations .content-wrapper .bg-content,
.path-shareholder-relations .content-wrapper .bg-content,
.path-shareholder-relations .content-wrapper .bg-content,
.path-investor-relations .content-wrapper .bg-content {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: 50%;
  background: linear-gradient(180deg, #f5f1e6 0, rgba(80, 79, 79, 0) 23.94%),
    linear-gradient(270deg, #f5f1e6 0, rgba(255, 255, 255, 0) 7.33%),
    url(/themes/porto/css/cn7/../../img/vinhomes/bg-bao-cao-tai-chinh.png);
  z-index: 0;
  opacity: 2.1;
  background-size: 100%;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .view-content
  a,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_7
  .view-content
  a,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_6
  .view-content
  a,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_1
  .view-content
  a {
  color: #222;
  padding-bottom: 20px;
  display: block;
  position: relative;
  padding-left: 25px;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .view-content
  .views-field.views-field-title
  a:after,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_7
  .view-content
  a:after,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_6
  .view-content
  a:after,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_1
  .view-content
  a:after {
  content: "";
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 0.8px;
  background-color: #e4e4e4;
  left: 0;
}
.qhcd-layout.qhcd-layout1 .block-content > a img {
  width: 100%;
  object-fit: cover;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .view-content
  .views-field.views-field-title
  a:before,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_7
  .view-content
  a:before,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_6
  .view-content
  a:before,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_1
  .view-content
  a:before {
  content: "";
  background-image: url(/themes/porto/css/cn7/../../img/vinhomes/icon-pdf.svg);
  width: 12px;
  height: 16px;
  position: absolute;
  left: 0;
  z-index: 5;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .views-row {
  position: relative;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .views-row
  .views-field.views-field-nothing {
  position: absolute;
  bottom: 0;
  right: 40px;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_6 {
  padding: 34px 40px;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .view-footer,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_6
  .view-footer {
  padding: 0 40px;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .views-row:first-child
  .views-field.views-field-field-image-rp {
  margin-bottom: 25px;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .view-footer
  a,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_7
  .view-footer
  a,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_6
  .view-footer
  a,
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_1
  .view-footer
  a {
  color: #222;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
}
.qhcd-layout.qhcd-layout2 .block {
  height: 380px;
}
.block.qhcd-layout-block.block-financial-update.col-md-8.col-sm-8.col-xs-12
  .inner {
  padding: 0;
}
.block.qhcd-layout-block.block-financial-update.col-md-8.col-sm-8.col-xs-12
  .inner
  .block-title {
  padding: 40px 40px 0;
}
.contact-list.lsn.clearfix ul li {
  list-style: none;
}
.contact-list.lsn.clearfix ul {
  padding: 35px 40px;
}
.contact-list.lsn.clearfix ul li a {
  color: #222;
}
.contact-list.lsn.clearfix ul li a img {
  margin-right: 10px;
}
.block.block-tl.qhcd-layout-block ul {
  padding: 0;
}
.block.block-tl.qhcd-layout-block ul li {
  list-style: none;
}
.icon-pdf.fwb a {
  text-transform: uppercase;
  color: #222;
  font-weight: 600;
}
.icon-pdf.fwb {
  margin-top: 30px;
}
.qhcd-layout {
  margin-bottom: 15px;
  z-index: 4;
  position: relative;
}
.block.block-tl.qhcd-layout-block ul li a {
  color: #222;
  padding-bottom: 20px;
  display: block;
  position: relative;
}
.block.block-tl.qhcd-layout-block ul li a:after {
  content: "";
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 0.8px;
  background-color: #e4e4e4;
  left: 0;
}
.path-ir .content-wrapper,
.path-shareholder-relations .content-wrapper,
.path-investor-relations .content-wrapper {
  background-color: #f5f1e6;
  padding-bottom: 70px;
  background-repeat: no-repeat;
  position: relative;
}
.path-ir .qhcd-layout3 .image-ttlh,
.path-investor-relations .qhcd-layout3 .image-ttlh {
  object-fit: cover;
  width: auto;
  margin: 0 auto;
  display: block;
}
.qhcd-layout .block {
  padding-left: 7.5px;
  padding-right: 7.5px;
  overflow: hidden;
}
.year-title.posr {
  position: relative;
}
.year-title.posr:after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 1px;
  background-color: #e4e4e4;
  bottom: 0;
  left: -200px;
}
.path-bao-cao-tai-chinh .content-wrapper .col-md-12.col-sm-12.col-xs-12 {
  overflow: hidden;
}
.banner-animation-content h1 {
  font-size: 23px;
  color: #fff;
  text-align: left;
  text-transform: capitalize;
}
.block-videos h2 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 150%;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.block-news-relate-to {
  margin-top: 20px;
}
.block-news-relate-to h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 150%;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.list-block-news-relate-to li {
  display: inline-block;
  margin-bottom: 20px;
}
.list-block-news-relate-to li .views-field.views-field-field-thumbnail {
  float: left;
  padding-right: 20px;
}
.list-news-relate-to__item p {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 140.4%;
  color: #707070;
}
.block-news-relate-to h3,
.list-news-relate-to a {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 127%;
  color: #222;
  margin-bottom: 10px;
}
.breadcrumb-desktop ul.lsn.clearfix li a:hover {
  color: #dca447 !important;
}
.banner-animation-content {
  padding-left: 0;
}
.breadcrumb-desktop ul.lsn.clearfix {
  display: flex;
  margin-bottom: 0;
  line-height: 44px;
  float: right;
}
.breadcrumb-desktop ul.lsn.clearfix li {
  line-height: 44px;
}
.breadcrumb-desktop ul.lsn.clearfix li a {
  padding: 0 8px;
  position: relative;
  color: #fff;
}
.path-ir .breadcrumb-desktop ul li:nth-child(2) {
  display: none;
}
.breadcrumb-desktop ul.lsn.clearfix li a:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #fff;
  bottom: 5px;
  right: -2px;
  border-radius: 50%;
}
.breadcrumb-desktop ul.lsn.clearfix li:last-child a:after {
  display: none;
}
.td-border {
  background: #e4e4e4;
}
.qhcd-layout .block .inner {
  padding: 40px;
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.qhcd-layout.qhcd-layout3 .block {
  margin-top: 15px;
  height: 447px;
}
.path-ir .slide-logo .views-element-container {
  padding-bottom: 40px;
}
.block.qhcd-layout-block.block-contact.col-md-4.col-sm-4.col-xs-12 .inner {
  padding: 0;
}
.block.qhcd-layout-block.block-contact.col-md-4.col-sm-4.col-xs-12
  .block-title {
  padding: 40px;
  padding-bottom: 15px;
}
.block.qhcd-layout-block.block-contact.col-md-4.col-sm-4.col-xs-12
  .block-title
  h2 {
  margin: 0;
}
.imgdf img {
  width: 100%;
}
.block.block-tl.qhcd-layout-block.block-contact.col-md-4.col-sm-4.col-xs-12
  .block-content {
  padding: 0 40px;
  padding-bottom: 20px;
}
.path-flipbook .messages.messages--error {
  display: none !important;
}
.view.view-custom-block.view-id-custom_block.view-display-id-block_3
  .view-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.view.view-custom-block.view-id-custom_block.view-display-id-block_3
  .view-content
  .view-row {
  width: 50%;
}
.view.view-custom-block.view-id-custom_block.view-display-id-block_3
  .view-content
  .views-row {
  width: 50%;
}
.path-flipbook
  .field.field--name-flipbook-cover.field--type-image.field--label-hidden.field__item {
  display: none;
}
.path-bao-cao-thuong-nien .content-wrapper {
  padding: 50px 0;
  background-color: #f5f1e6;
  padding-bottom: 150px;
}
.path-bao-cao-thuong-nien .views-field.views-field-title {
  padding: 30px;
  width: 100%;
  padding-bottom: 0;
  background-color: #fff;
}
.path-bao-cao-thuong-nien .views-field.views-field-nothing {
  position: absolute;
  right: 40px;
  bottom: 30px;
}
.path-bao-cao-thuong-nien .views-field.views-field-field-image-rp img {
  width: 100%;
}
.path-bao-cao-thuong-nien .views-field.views-field-title a {
  color: #222;
  font-weight: 700;
  font-size: 22px;
  font-family: GaramondPremrPro;
}
.path-bao-cao-thuong-nien .views-field.views-field-created {
  padding: 0 30px;
  background-color: #fff;
  padding-bottom: 30px;
}
.path-bao-cao-thuong-nien .views-field.views-field-created:before {
  content: "\f017";
  font-family: fontawesome;
  color: #979797;
  margin-right: 5px;
}
.year-title .year-item {
  width: 60px;
  padding: 0 15px;
  color: #333;
  font-size: 14px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0;
  cursor: pointer;
}
.path-bao-cao-tai-chinh th.head.head-vertical.col-all.head-parent.tal.left {
  background-color: #dca447;
  color: #fff;
  text-transform: uppercase;
}
.path-bao-cao-tai-chinh .reports-table-swiper tbody tr th {
  padding: 13px 40px;
  font-size: 13px;
  color: #222;
  font-weight: 600;
  border: 1px solid #e4e4e4;
}
.path-bao-cao-tai-chinh .content-wrapper {
  background-color: #f5f1e6;
}
.path-bao-cao-tai-chinh .content-wrapper .container {
  background-color: #f5f1e6;
  padding-bottom: 80px;
}
.path-bao-cao-tai-chinh .content-wrapper .container > .row {
  margin-top: -40px;
  background-color: #fff;
}
.path-bao-cao-tai-chinh thead tr th {
  border: 1px solid #e4e4e4;
  padding: 13px 40px;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  color: #162b75;
}
.path-bao-cao-tai-chinh table.reports-table {
  margin: 0 auto;
  width: 100%;
}
.path-bao-cao-tai-chinh td.td-body {
  padding: 13px 20px;
  border: 1px solid #e4e4e4;
  color: #222;
  font-weight: 600;
}
.path-bao-cao-tai-chinh p.the-date {
  margin: 0;
}
.path-bao-cao-tai-chinh .reports-tables {
  padding: 40px 0;
}
.path-bao-cao-tai-chinh a.always-blank.icon-pdf {
  color: #222;
  font-size: 13px;
  font-weight: 600;
}
.path-bao-cao-tai-chinh p.the-date small {
  color: #979797;
  font-size: 11px;
  font-weight: 500;
}
.path-bao-cao-tai-chinh a.icon-document {
  color: #222;
  font-size: 13px;
}
.path-bao-cao-tai-chinh .swiper-slide.year-item.swiper-slide-active {
  border-bottom: 3px solid #cc9036;
}
.path-bao-cao-tai-chinh .swiper-button-next {
  display: none;
}
.path-flipbook .messages.messages--error {
  display: none !important;
}
.title-header {
  background: #dca447;
  color: #fff;
  padding: 10px 20px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}
.list-data-report {
  padding: 0 20px;
}
.collapse-title {
  font-weight: 600;
  font-size: 13px;
  color: #222;
  opacity: 0.5;
  padding: 10px 0;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}
ul.collapse-list > li {
  display: none;
}
ul.collapse-list > li.not-empty {
  display: block;
}
ul.collapse-list {
  display: none;
}
.collapse-title:after {
  content: "\f107";
  font-family: fontawesome;
  position: absolute;
  right: 0;
}
.collapse-title.active:after {
  content: "\f106";
  font-family: fontawesome;
  position: absolute;
  right: 0;
}
.collapse-title.active {
  opacity: 1;
}
a.collapse-child {
  color: #162b75;
  font-weight: 600;
  font-size: 13px;
  position: relative;
  display: block;
}
ul.collapse-child-listing {
  display: none;
}
a.collapse-child.not-empty:after {
  content: "\f107";
  font-family: fontawesome;
  position: absolute;
  right: 0;
}
a.collapse-child.not-empty.active {
  color: #222;
}
a.collapse-child.not-empty.active:after {
  content: "\f106";
  font-family: fontawesome;
  position: absolute;
  right: 0;
}
ul.collapse-child.not-empty-listing .item-pdf a {
  width: 50%;
}
ul.collapse-child.not-empty-listing .item-pdf p.the-date {
  width: 50%;
  text-align: right;
}
ul.collapse-list li {
  padding: 10px 20px;
}
ul.collapse-list li:nth-of-type(odd) {
  background: #f8f8f8;
}
ul.collapse-list li:nth-of-type(even) {
  background: #f0f0f0;
}
ul.collapse-child.not-empty-listing .item-pdf {
  display: flex;
}
ul.collapse-child.not-empty-listing {
  display: none;
}
.data-report-mobile {
  display: none;
}
.path-bao-cao-tai-chinh h4.modal-title {
  font-weight: 700;
  font-size: 25px;
  font-family: GaramondPremrPro;
  color: #162b75;
  margin-top: 10px;
  margin-bottom: 10px;
}
.path-bao-cao-tai-chinh .date-create {
  font-weight: 500;
  font-size: 11px;
  color: #979797;
}
.path-bao-cao-tai-chinh .close-modal {
  font-weight: 600;
  font-size: 13px;
  color: #707070;
}
.path-bao-cao-tai-chinh .close-modal i {
  margin-right: 15px;
}
#block-trangchubannertop .parallax-window.parallax-mb {
  display: none;
}
@media (max-width: 480px) {
  .bg-site {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: auto;
  }
  #block-trangchubannertop .parallax-window.parallax-mb {
    display: block;
  }
  #block-trangchubannertop .parallax-window.parallax-pc {
    display: none;
  }
  .bg-site h1 {
    width: 167px;
  }
  .qhcd-layout.qhcd-layout2 .block {
    height: initial;
  }
  .qhcd-layout-block .event-status.expired-2 {
    color: #dca447;
  }
  .qhcd-layout-block .event-status.expired-1 {
    color: #2cc990;
  }
  .qhcd-layout .block .inner {
    padding: 30px;
  }
  .block.qhcd-layout-block.block-financial-update.col-md-8.col-sm-8.col-xs-12
    .inner
    .block-title {
    padding: 30px;
  }
  .block.qhcd-layout-block.block-financial-update.col-md-8.col-sm-8.col-xs-12
    .inner
    .block-title
    h2 {
    margin: 0;
    font-size: 25px;
  }
  .block-content.ovh a.imgdf {
    display: block;
  }
  .block-content.ovh .imgdf.bctc img {
    width: 100%;
    height: auto;
    padding: 0 30px;
  }
  .path-ir div#bctc-ttkqkd,
  .path-shareholder-relations div#bctc-ttkqkd {
    padding: 0;
  }
  .view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_1,
  .view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_7 {
    padding: 22px 50px;
    padding-bottom: 50px;
  }
  .view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_1
    .view-footer,
  .view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_7
    .view-footer {
    text-align: center;
  }
  .contact-list.lsn.clearfix ul {
    padding: 35px 30px;
  }
  .qhcd-layout.qhcd-layout3 .block {
    height: initial;
  }
  .slide-logo {
    border-top: 10px solid #f5f1e6;
    position: relative;
  }
  iframe.desktop {
    display: none;
  }
  .block.chart-qhcd iframe.mobile {
    display: block;
  }
}
.term-title-mb {
  display: none;
}
.page-tag-wrapper div#block-khoiquangcaotrangtintuc img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .qhcd-layout.qhcd-layout2
    .block.qhcd-layout-block.block-financial-update
    .row {
    display: flex !important;
  }
}
@media (max-width: 768px) {
  .path-bao-cao-thuong-nien .bg-site {
    height: 150px;
  }
  .form-lead-new-detail {
    padding: 10px 20px;
    border: 1px solid #dca447;
  }
  .path-ir .imgdf {
    padding: 0;
  }
  .path-ir .qhcd-layout3 .image-ttlh {
    width: 100%;
    height: auto;
    padding: 0 30px;
  }
  .block-content.ovh .imgdf.bctc img {
    width: 100%;
    height: auto;
    padding: 0 30px;
  }
  .view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
    .views-field.views-field-field-image-rp
    a
    img {
    width: 100% !important;
    height: auto;
    padding: 0 30px;
  }
  .page-tag-wrapper__header.row {
    padding-bottom: 0;
  }
  .page-tag-wrapper__body.row .no_result {
    height: 200px;
  }
  .page-tag-wrapper__header.row .term-desc {
    padding-top: 10px;
  }
  body #footer .division_line .follow_wrapper > .icon_wrapper {
    display: flex;
    justify-content: center;
  }
  .path-frontpage #modal-project .modal-content {
    width: 100%;
    height: 84%;
    box-shadow: none;
    border: 0;
    background-color: inherit;
  }
  .path-frontpage .btn-close-modalF {
    right: 8%;
    top: 0;
  }
  .term-title-mb {
    display: flex !important;
  }
  .page-tag-wrapper__body.row .thumb_wrapper.col-sm-4,
  .page-tag-wrapper__body.row .thumb_wrapper.col-sm-8 {
    padding: 0;
  }
  .tag-highlight {
    padding-bottom: 20px;
  }
  .page-tag-wrapper__body.row .news_info.col-sm-8 {
    padding: 0;
  }
  .path-tags .header-listing-tag form input[name="name"] {
    display: none;
  }
  .term-breadcumb {
    display: none;
  }
  .term-title {
    display: none;
  }
  .path-tags .header-listing-tag form .form-actions:before {
    display: none;
  }
  .row.page-tuyen-dung-wrapper thead tr th:nth-child(1) {
    width: 100%;
  }
  .path-tuyen-dung td.views-field.views-field-title {
    width: 100%;
  }
  .tab-bds-resort {
    padding-left: 15px;
  }
  .page-node-type-real-estate .project-detail-1 .phone_mail.col-md-4 > div {
    width: 100% !important;
    margin-bottom: 50px !important;
  }
  .static-page-404 img {
    max-width: 300px;
  }
  .static-page-404 ul li {
    margin-bottom: 15px;
  }
  .path-ir .block.qhcd-layout-block.block-events.col-md-4.col-sm-4.col-xs-12,
  .path-shareholder-relations
    .block.qhcd-layout-block.block-events.col-md-4.col-sm-4.col-xs-12 {
    border-bottom: 10px solid #f5f1e6;
    border-top: 10px solid #f5f1e6;
  }
  .qhcd-layout.qhcd-layout2
    .block.qhcd-layout-block.block-financial-update
    .row {
    display: block;
  }
  .view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_1
    .view-footer
    a {
    padding: 30px;
  }
  #bctc-ttkqkd .views-element-container .view-footer {
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    position: absolute;
  }
  .path-bao-cao-thuong-nien .bg-site h1.page-title {
    font-size: 25px;
    line-height: 30px;
    width: 67%;
    margin: 0 auto;
  }
  .path-ir h1.page-title,
  .path-shareholder-relations h1.page-title {
    font-size: 25px;
    width: 100%;
  }
  .path-bao-cao-thuong-nien .container {
    padding: 0 10px;
  }
  .path-bao-cao-thuong-nien .col-md-4.col-sm-12.views-row {
    padding: 0;
  }
  .path-bao-cao-thuong-nien .content-wrapper {
    padding: 20px 0;
  }
  .path-bao-cao-tai-chinh h1 {
    width: 100%;
    font-size: 25px;
    line-height: 30px;
    margin: 0;
  }
  .path-bao-cao-tai-chinh .bg-site {
    height: 150px;
    background-size: auto;
  }
  .path-bao-cao-tai-chinh .content-wrapper .container > .row {
    margin-top: 0;
    background-color: initial;
  }
  .path-bao-cao-tai-chinh .reports-table .col-all {
    width: 90%;
  }
  .path-bao-cao-tai-chinh .reports-table .col-desktop {
    display: none;
  }
  .path-bao-cao-tai-chinh th.head.head-horizontal.mobile.hide {
    display: block !important;
  }
  .data-report-desktop {
    display: none;
  }
  .data-report-mobile {
    display: block;
  }
  .path-bao-cao-tai-chinh select.report_mobile_quarters {
    border: 0;
  }
  .year-title.posr:after {
    width: 100%;
    left: 0;
  }
  .path-bao-cao-tai-chinh .year-title.posr {
    background-color: #fff;
    margin-top: 20px;
    border-radius: 3px;
  }
  .path-bao-cao-tai-chinh .reports-tables {
    background-color: #fff;
  }
}
.menu-filter-tuyen-dung {
  background-image: url(/themes/porto/css/cn7/../../img/vinhomes/bg-tuyen-dung.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 50px 0;
}
h1.page-title-view {
  font-family: Garamond Premier Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  color: #fff;
  text-align: center;
}
form#views-exposed-form-node-functions-cn7-page-5 .form--inline {
  display: flex;
}
form#views-exposed-form-node-functions-cn7-page-5 .form--inline .js-form-item {
  background-color: #fff;
  display: flex;
  align-items: center;
}
form#views-exposed-form-node-functions-cn7-page-5 .form-type-textfield {
  width: 36%;
}
form#views-exposed-form-node-functions-cn7-page-5 .form-type-select {
  width: 27%;
}
form#views-exposed-form-node-functions-cn7-page-5
  .form-type-select
  .form-select {
  border: 0;
  padding-left: 15px;
  padding-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(data:image/svg+xml;utf8;base64,PHN2Z3htbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyd3aWR0aD0nMTAwJ2hlaWdodD0nMTAwJ2ZpbGw9JyMyQjJCMkInPjxwb2x5Z29ucG9pbnRzPScwLDAxMDAsMDUwLDUwJy8+PC9zdmc+)
    no-repeat;
  background-size: 12px;
  background-position: 100% 60%;
}
form#views-exposed-form-node-functions-cn7-page-5
  .form--inline
  .js-form-item
  input {
  border: 0;
  width: 70%;
}
form#views-exposed-form-node-functions-cn7-page-5
  .form--inline
  .js-form-item
  input::placeholder {
  font-size: 14px;
}
form#views-exposed-form-node-functions-cn7-page-5
  .form--inline
  .js-form-item
  input::placeholder {
  font-size: 14px;
}
form#views-exposed-form-node-functions-cn7-page-5 .form-actions input {
  background: #dca447;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
}
div#block-porto-content {
  background-color: #f5f1e6;
}
.row.page-tuyen-dung-wrapper {
  padding: 40px 0;
}
.row.page-tuyen-dung-wrapper table.views-table.views-view-table.cols-4 {
  margin: 0;
  width: 100%;
}
.path-tuyen-dung div#block-porto-content {
  background-color: #f5f1e6;
}
form#views-exposed-form-node-functions-cn7-page-5 .form-actions {
  display: flex;
}
form#views-exposed-form-node-functions-cn7-page-5
  .form--inline
  .js-form-item
  label {
  padding: 0 20px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  color: #222;
  margin: 0;
  padding-right: 0;
}
.block.block-views.block-views-exposed-filter-blocknode-functions-cn7-page-5
  h2 {
  display: none;
}
.row.page-tuyen-dung-wrapper tbody tr:nth-child(odd) {
  background: #e4e4e4;
}
.row.page-tuyen-dung-wrapper tbody tr:nth-child(even) {
  background: #fff;
}
.row.page-tuyen-dung-wrapper tbody tr:hover {
  background: #dca447;
  color: #fff;
}
.row.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 0;
}
h2.title-node-d {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  color: #000;
  line-height: 30px;
  width: 60%;
}
.top-detail-node {
  position: relative;
}
.top-detail-node button.btn.btn-uploadC {
  position: absolute;
  top: 0;
  right: 0;
  background: #dca447;
  border-radius: 3px;
  color: #fff;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  padding: 11px 59px;
}
.row.page-tuyen-dung-wrapper tbody tr:hover a {
  color: #fff !important;
}
.desc-td-item {
  color: #000;
}
.desc-td-item label.control-label {
  width: 14%;
}
.desc-td {
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}
.row.page-tuyen-dung-wrapper tbody tr td {
  font-size: 13px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  color: #000;
}
.row.page-tuyen-dung-wrapper tbody tr td a {
  color: #000;
  display: block;
  padding: 22px;
}
.row.page-tuyen-dung-wrapper tbody tr:hover td {
  color: #fff;
}
.row.page-tuyen-dung-wrapper thead tr th {
  padding: 22px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #1f2125;
}
a.banner-td img {
  object-fit: cover;
}
a.banner-td {
  padding-bottom: 20px;
  display: block;
}
.bottom-td button {
  background: #dca447;
  border-radius: 3px;
  color: #fff;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  padding: 11px 59px;
}
.page-node-type-recruitment .share_block > div > span > a > span > svg path {
  fill: #707070;
}
.page-node-type-recruitment .share_block > div > span > a > span {
  background-color: transparent !important;
}
.page-node-type-recruitment .share_block {
  display: flex;
}
.page-node-type-recruitment .socical-share {
  position: absolute;
  right: 0;
  top: 12px;
}
.page-node-type-recruitment .bottom-td {
  position: relative;
}
.page-node-type-recruitment .modal-dialog.modal-lg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.page-node-type-recruitment #modal-tuyen-dung .modal-header {
  background: #545454;
  height: 240px;
  padding: 0;
  position: relative;
}
.page-node-type-recruitment #modal-tuyen-dung .modal-header h4.modal-title {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-family: Garamond Premier Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
}
.page-node-type-recruitment #modal-tuyen-dung .modal-header button.close {
  color: #fff;
  opacity: 1;
  padding: 10px;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item {
  display: flex;
  align-items: center;
  border: 1px solid #e4e4e4;
  margin-top: 0;
  width: 100%;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item input {
  border: 0;
  box-shadow: none;
  width: 100%;
  height: 46px;
  font-size: 18px;
  height: 100%;
  padding: 25px 36px;
  padding-left: 33%;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item input.error {
  background: #fff3f3;
  border: 1px solid #eb5757;
}
.page-node-type-recruitment #modal-tuyen-dung .webform-actions input {
  background: #dca447;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  padding: 12px 60px;
  margin: 40px;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item label {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  color: #222;
  margin-bottom: 0;
  text-align: left;
  position: absolute;
  margin-left: 20px;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item input::placeholder {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item.form-item-possition {
  display: block !important;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .form-item.form-item-possition
  label {
  display: block;
}
.page-node-type-recruitment #modal-tuyen-dung .form-required:after {
  float: inherit;
}
.page-node-type-recruitment #modal-tuyen-dung .input-wrapper {
  display: flex;
}
.page-node-type-recruitment #modal-tuyen-dung .input-wrapper .group-row {
  padding-right: 10px;
}
.page-node-type-recruitment #modal-tuyen-dung .input-wrapper div#ajax-wrapper {
  border: 1px dashed #e4e4e4;
  border-radius: 3px;
  position: relative;
  display: flex;
  z-index: 1;
  background-color: transparent;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .input-wrapper
  div#ajax-wrapper
  .form-item {
  border: 0;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .input-wrapper
  .group-row
  .form-item:last-child {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}
.form-item-file-cv-upload label {
  display: none;
}
div#edit-file-cv-upload-file-placeholder {
  position: absolute;
}
.icon-clound img {
  display: block;
  margin: 0 auto;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .input-wrapper
  div#ajax-wrapper
  .form-item
  .form-file {
  opacity: 0;
  padding: 0;
}
.icon-clound span {
  color: #0000b2;
}
.btn-uploadM {
  display: none;
}
.page-node-type-recruitment #modal-tuyen-dung .webform-element-description {
  display: none !important;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .input-wrapper
  .group-row
  .form-item:last-child
  input {
  padding-left: 20px;
  font-size: 13px;
  padding-top: 30px;
}
.page-node-type-recruitment #modal-tuyen-dung .webform-confirmation__message {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #222;
}
.webform-confirmation__back a {
  background: #dca447;
  color: #fff;
  padding: 12px 60px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
}
.webform-confirmation__back {
  margin-top: 30px;
}
.path-tuyen-dung li.pager__item.is-active a {
  background: #dca447;
  font-weight: 600;
  color: #fff;
}
.path-tuyen-dung li.pager__item.is-active {
  background: #dca447;
}
#modal-tuyen-dung .form-item-file-cv {
  height: 100%;
}
.path-tuyen-dung .path-tuyen-dung li.pager__item a {
  border: 0;
  font-size: 16px;
  color: #222;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 5px;
  margin: 0 5px;
  position: relative;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .input-wrapper
  > div:nth-child(2) {
  display: flex;
  z-index: 2;
  background-color: #fff;
  width: 50%;
  border: 1px dashed #e4e4e4;
}
.page-node-type-recruitment #modal-tuyen-dung .form-managed-file input {
  border: 1px dashed #e4e4e4;
}
.path-tuyen-dung ul.pager__items.js-pager__items {
  display: flex;
  padding: 0;
  justify-content: center;
  margin-top: 30px;
}
.path-tuyen-dung li.pager__item.pager__item--last {
  display: none;
}
.path-tuyen-dung li.pager__item.pager__item--first {
  display: none;
}
.path-tuyen-dung li.pager__item a {
  border: 0;
  color: #222;
  font-weight: 600;
}
.path-tuyen-dung li.pager__item {
  font-size: 16px;
  color: #222;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin: 0 5px;
  position: relative;
  border: 0;
  background-color: #fff;
}
.path-tuyen-dung i.pager__item a:hover {
  background: #dca447;
  color: #fff !important;
}
.path-tuyen-dung li.pager__item:hover {
  background: #dca447;
}
.path-tuyen-dung li.pager__item a:hover {
  background-color: transparent;
  color: #dca447;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .form-item
  input[name="files[file_cv_upload][]"] {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  opacity: 0;
  border: 0;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .input-wrapper
  > div:nth-child(2)
  > div {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.page-node-type-recruitment
  .js-webform-details-toggle.webform-details-toggle
  .input-wrapper {
  display: flex !important;
}
.page-node-type-recruitment
  .webform-submission-dang-ky-ung-tuyen-add-form
  .input-wrapper {
  display: none !important;
}
.page-node-type-recruitment input[name="file_cv_remove_button"] {
  background-color: #000;
  width: initial !important;
  height: initial !important;
  padding: 5px !important;
  border-radius: 3px;
}
.page-node-type-recruitment #modal-tuyen-dung #edit-file-cv-upload {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  input[name="file_cv_upload_remove_button"] {
  height: initial;
  padding: 3px;
  margin: 0;
  margin-left: 10px;
  width: initial;
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
  border-radius: 6px;
  display: block;
  position: relative;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  input.form-checkbox[type="checkbox"] {
  width: initial !important;
  height: initial;
  position: absolute;
  right: 10px;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item.form-type-checkbox {
  border: 0;
  position: relative;
}
.page-node-type-recruitment #modal-tuyen-dung div[data-drupal-messages] {
  display: none;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item-file-cv-upload {
  border: 0;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item.form-type-checkbox {
  width: 100%;
  display: block;
}
.form-managed-file {
  width: 100%;
}
.file--application-pdf a {
  font-weight: 600;
  font-size: 11px;
  color: #222;
}
.page-node-type-recruitment #modal-tuyen-dung .form-managed-file input.error {
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 20;
  padding: 0;
  color: transparent;
  border: 1px dashed #eb5757 !important;
  opacity: 1;
  z-index: 0;
  bottom: 0;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  #edit-file-cv-upload
  .webform-managed-file-placeholder {
  border: 0;
  background: #fff;
  z-index: 0;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .webform-managed-file-placeholder {
  position: relative;
  z-index: 22;
  background: #fff3f3;
  border-left: 1px dashed #eb5757;
  border-right: 1px dashed #eb5757;
}
@media (max-width: 768px) {
  .menu-filter-tuyen-dung {
    background-image: url(/themes/porto/css/cn7/../../img/vinhomes/bg-tdM.png);
    padding: 35px 0;
  }
  .page-node-type-recruitment
    #modal-tuyen-dung
    .input-wrapper
    .group-row
    .form-item:last-child
    input {
    padding-left: 10px;
    padding-top: 34px;
  }
  .page-node-type-recruitment
    #modal-tuyen-dung
    .input-wrapper
    > div:nth-child(2) {
    width: 100%;
  }
  .form-managed-file {
    height: 100%;
  }
  .view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
    .view-footer,
  .view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_6
    .view-footer {
    text-align: center;
  }
  .top-detail-node .btn-uploadC {
    display: none;
  }
  .btn-uploadM {
    display: block;
  }
  h1.page-title-view {
    font-size: 25px;
    margin-bottom: 9px;
  }
  form#views-exposed-form-node-functions-cn7-page-5 .form--inline {
    display: block;
  }
  form#views-exposed-form-node-functions-cn7-page-5 .form-type-textfield {
    width: 100%;
  }
  form#views-exposed-form-node-functions-cn7-page-5 .form-type-select {
    width: 100%;
  }
  form#views-exposed-form-node-functions-cn7-page-5 .form-item {
    height: 50px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  form#views-exposed-form-node-functions-cn7-page-5 .form-actions input {
    width: 100%;
    margin-top: 10px;
    height: 50px;
  }
  .row.page-tuyen-dung-wrapper table.views-table.views-view-table.cols-4 thead {
    display: none;
  }
  .row.page-tuyen-dung-wrapper tbody tr td.views-field.views-field-title {
    display: block;
  }
  td.views-field.views-field-title {
    display: none;
  }
  .row.page-tuyen-dung-wrapper tbody tr td {
    display: none;
  }
  .row.page-tuyen-dung-wrapper tbody tr td a {
    padding: 15px 30px;
  }
  .row.page-tuyen-dung-wrapper .col-md-3.content-views.col-sm-12.col-xs-12 {
    display: none;
  }
  .row.page-tuyen-dung-wrapper {
    padding-top: 20px;
  }
  .page-node-type-recruitment .bottom-td {
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .page-node-type-recruitment .socical-share {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .bottom-td button {
    width: 100%;
    margin-top: 40px;
  }
  .page-node-type-recruitment .share_block {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  button.btn.btn-uploadC.btn-uploadM {
    background: #dca447;
    border-radius: 3px;
    color: #fff;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    padding: 11px 59px;
    width: 100%;
    margin-top: 15px;
  }
  h2.title-node-d {
    width: 100%;
  }
  .desc-td-item label.control-label {
    width: 30%;
  }
  .page-node-type-recruitment #modal-tuyen-dung .input-wrapper {
    display: block !important;
  }
  .icon-clound {
    right: 30%;
    bottom: 12%;
  }
  .page-node-type-recruitment #modal-tuyen-dung .input-wrapper .group-row {
    margin-bottom: 10px;
    padding: 0;
  }
  .page-node-type-recruitment #modal-tuyen-dung .webform-actions input {
    width: 100%;
    left: 0;
    margin: 0;
  }
  .page-node-type-recruitment #modal-tuyen-dung .modal-header {
    height: 160px;
  }
  .page-node-type-recruitment #modal-tuyen-dung .modal-header h4.modal-title {
    font-size: 25px;
    display: block;
    width: 100%;
  }
  .page-node-type-recruitment #modal-tuyen-dung .form-item {
    display: block;
  }
  .page-node-type-recruitment
    #modal-tuyen-dung
    .form-item-file-cv
    label.form-required {
    display: none !important;
  }
  .page-node-type-recruitment #modal-tuyen-dung div[data-drupal-messages] {
    display: none;
  }
  .page-node-type-recruitment
    #modal-tuyen-dung
    .form-item:not(.form-item-possition)
    label {
    margin-left: 10px;
    display: block;
  }
  .page-node-type-recruitment #modal-tuyen-dung .form-item-possition label {
    margin-left: 0 !important;
  }
  .page-node-type-recruitment
    #modal-tuyen-dung
    .form-item.form-item-possition
    label {
    left: 10px;
  }
  .page-node-type-recruitment #modal-tuyen-dung .form-item input {
    padding-left: 0;
    padding: 10px;
    padding-top: 26px;
  }
  form#views-exposed-form-node-functions-cn7-page-5
    .form-type-select
    .form-select {
    width: 70%;
  }
  form#views-exposed-form-node-functions-cn7-page-5
    .form--inline
    .js-form-item
    label {
    width: 25%;
  }
  form#views-exposed-form-node-functions-cn7-page-5
    .form--inline
    .js-form-item
    input {
    padding-left: 0;
  }
  .row.justify-content-center {
    padding-top: 0;
  }
}
.item-bds {
  display: flex;
  margin-bottom: 5px;
}
.item-bds-val {
  text-align: right;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  color: #222;
  width: 70%;
}
.item-bds-lb {
  width: 30%;
}
.path-bat-dong-san-khac h4.three_dots_2 {
  color: #162b75;
  font-weight: 600;
  font-size: 16px;
  font-family: Montserrat;
  text-transform: uppercase;
}
.path-bat-dong-san-khac .urban_map_block,
.path-bat-dong-san-nghi-duong-condotel .urban_map_block {
  background-color: #eedec1;
}
.row.page-tuyen-dung-wrapper thead tr th:nth-child(1) {
  width: 40%;
}
.page-node-type-recruitment .modal-dialog.modal-lg .modal-content {
  border: 0;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item-file-cv > label {
  display: none;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .form-item.form-type-checkbox
  label {
  position: relative;
  width: 100%;
  display: block;
  left: 0;
  padding: 0 10px;
  margin: 0;
}
.page-node-type-recruitment #modal-tuyen-dung .dz-message p:nth-child(2) {
  display: none;
}
.page-node-type-recruitment .dz-message p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  color: #222;
}
.page-node-type-recruitment .dz-message a {
  color: #162b75;
  font-size: 11px;
  font-weight: 600;
  text-decoration: underline;
}
.page-node-type-recruitment .dropzone-enable.required.error {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 1px dashed #eb5757;
  background: #fff3f3;
}
.page-node-type-recruitment .dropzone {
  border: 0;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .input-wrapper
  .group-row:last-child {
  padding-right: 0;
  border: 0;
}
.page-node-type-recruitment #modal-tuyen-dung .dz-message {
  position: relative;
  padding-top: 50px;
}
.page-node-type-recruitment #modal-tuyen-dung .dz-message:before {
  content: "";
  background-image: url(/themes/porto/css/cn7/../../img/vinhomes/cloud-upload.svg);
  width: 40px;
  height: 49px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  top: 0;
  background-repeat: no-repeat;
}
.page-node-type-recruitment a.dz-remove:before {
  content: "";
  background-image: url(/themes/porto/css/cn7/../../img/vinhomes/trash.svg);
  width: 21px;
  height: 21px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  top: 0;
  background-size: 100%;
  background-repeat: no-repeat;
}
.page-node-type-recruitment a.dz-remove {
  position: absolute;
  font-size: 0 !important;
  right: 0;
  top: 0;
}
.page-node-type-recruitment .dropzone.dz-started .dz-message {
  display: block;
}
.page-node-type-recruitment .dropzone-enable {
  display: flex !important;
  flex-direction: column-reverse;
}
.dropzone .dz-preview .dz-details .dz-filename {
  width: 70%;
  text-align: left;
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  padding: 0;
}
.page-node-type-recruitment .dropzone .dz-preview.dz-image-preview .dz-details {
  opacity: 1 !important;
  padding: 0;
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  color: #222;
}
.page-node-type-recruitment .dz-filename {
  display: block;
}
.page-node-type-recruitment
  .dropzone
  .dz-preview
  .dz-details
  .dz-filename
  span {
  color: #222;
  opacity: 1;
  display: block;
  background-color: transparent;
}
.page-node-type-recruitment .dz-image {
  display: none !important;
}
.page-node-type-recruitment .dz-filename {
  opacity: 1 !important;
}
.page-node-type-recruitment .dz-size {
  display: none;
}
.page-node-type-recruitment .dz-complete {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  margin-left: 0;
  margin-right: 0;
  margin: 0;
  width: 100%;
}
.page-node-type-recruitment div#edit-file-cv {
  width: 100%;
}
.page-node-type-recruitment
  .dropzone
  .dz-preview
  .dz-details
  .dz-filename:hover
  span {
  border: 0;
  background-color: transparent;
}
.page-node-type-recruitment .dropzone .dz-preview .dz-remove {
  z-index: 50;
}
.page-node-type-recruitment .dz-error-mark {
  display: none !important;
}
.page-node-type-recruitment a.load-reset {
  background: #dca447;
  padding: 12px 40px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.page-node-type-recruitment a.load-reset:hover {
  color: #fff;
}
.page-node-type-recruitment #modal-tuyen-dung .modal-header a {
  color: #fff;
}
.page-node-type-recruitment #modal-tuyen-dung .modal-header a:hover {
  color: #fff !important;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .input-wrapper
  > div:nth-child(2)
  > div
  > div
  .form-item-file-cv {
  border: 0;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .form-item.form-type-checkbox
  input:after {
  content: "";
  background-image: url(/themes/porto/css/cn7/../../img/vinhomes/trash.svg);
  width: 21px;
  height: 21px;
  position: absolute;
  left: 9px;
  background-color: #fff;
  transform: translateX(-50%);
  z-index: 255;
  top: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
}
.page-node-type-recruitment #modal-tuyen-dung .form-item-file-cv {
  display: block !important;
  margin-bottom: 0;
  border: 0;
}
.page-node-type-recruitment #modal-tuyen-dung span.file a {
  color: #222;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
}
.page-node-type-recruitment #modal-tuyen-dung .form-managed-file {
  position: relative;
  height: 100%;
  display: flex !important;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
.page-node-type-recruitment #modal-tuyen-dung .button-mockupCV {
  margin-left: 0 !important;
}
.page-node-type-recruitment #modal-tuyen-dung .webform-file-button:before {
  content: "";
  background-image: url(/themes/porto/css/cn7/../../img/vinhomes/cloud-upload.svg);
  width: 40px;
  height: 49px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  top: 0;
  background-repeat: no-repeat;
}
.page-node-type-recruitment #modal-tuyen-dung .webform-file-button {
  position: relative !important;
  padding-top: 50px;
  width: 100%;
  padding: 40px;
  text-align: center !important;
  margin: 0 auto;
  z-index: 5;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  input[name="file_cv_remove_button"] {
  display: none;
}
.page-node-type-recruitment #modal-tuyen-dung .webform-file-button-input {
  position: absolute !important;
  top: 0 !important;
  padding: 0 !important;
  opacity: 0;
}
.page-node-type-recruitment
  #modal-tuyen-dung
  .form-managed-file
  input.error:before {
  content: "";
  background-color: #fff3f3;
  position: absolute;
  width: 100%;
  height: 100%;
}
.page-node-type-real-estate .project-block-3 .style-large {
  padding-top: 10px;
}
body .is-active {
  transform: initial !important;
}
.aip-chat-box {
  bottom: 116px !important;
  right: 5px;
}
.tab-bds-resort ul li {
  display: inline-block;
}
.tab-bds-resort li a {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  display: block;
  margin-right: 30px;
  padding-bottom: 5px;
}
.tab-bds-resort li.active a {
  color: #dca447;
  border-bottom: 3px solid #dca447;
}
.tab-bds-resort {
  padding-top: 40px;
  position: relative;
}
.tab-bds-resort li:hover a {
  color: #dca447 !important;
  border-bottom: 3px solid #dca447;
}
.page-node-type-real-estate
  .project-detail-1
  .contact_info_wrapper
  .direct_contact_block
  .announcement {
  display: none;
}
.page-node-type-real-estate
  .project-detail-1
  .contact_info_wrapper
  .direct_contact_block
  .container
  > div {
  display: block;
}
.page-node-type-real-estate .project-detail-1 .phone_mail.col-md-4 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.page-node-type-real-estate .project-detail-1 .project-block-3__map-right {
  background: #f5f1e7;
}
.page-node-type-real-estate
  .project-detail-1
  section.project-block.section-1
  .project-block-3__map-right
  .container {
  background: #f5f1e7;
}
.page-node-type-real-estate .project-detail-1 .phone_mail.col-md-4 > div {
  width: 40%;
  margin: 0 40px;
}
.page-node-type-real-estate .project-detail-1 section.project-block.section-5 {
  background: #f5f1e7;
}
.page-node-type-real-estate
  .project-detail-1
  section.project-block.section-5
  .tab-content {
  background: #f5f1e7;
}
.page-node-type-real-estate .project-detail-1 section.project-block.section-2 {
  background: #eedec1;
}
.page-node-type-real-estate
  .project-detail-1
  section.project-block.section-2
  .tab-content
  .swiper-container-tien-ich
  .title-item {
  background: #eedec1;
}
.page-node-type-real-estate
  .project-detail-1
  section.project-block.section-2
  .container,
.page-node-type-real-estate
  .project-detail-1
  section.project-block.section-2
  .tab-content
  .swiper-container-tien-ich,
.page-node-type-real-estate
  .project-detail-1
  section.project-block.section-2
  .tab-content {
  background: #eedec1;
}
.page-node-type-real-estate
  .project-detail-1
  section.project-block
  .style-large {
  color: #222;
}
.page-node-type-real-estate .project-block-1 .item-padding {
  padding-top: 40px;
}
.page-node-type-real-estate .project-detail-1 .project-block-2 .container {
  background-color: #f5f1e7 !important;
}
.page-node-type-real-estate
  .project-detail-1
  .project-block-2
  .col-12.colum-full {
  width: 90%;
  margin: 0 auto;
}
.page-node-type-real-estate .project-detail-1 .project-block-2 {
  padding-top: 40px;
}
.page-node-type-real-estate .heading-tt-bds {
  color: #1f2125;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.page-node-type-real-estate .intro-bds {
  margin-bottom: 15px;
}
.path-bat-dong-san-nghi-duong-villas .urban_map_block {
  background-color: #eedec1;
}
.page-node-type-real-estate .project-detail-1 .bg-map-thumb {
  padding-bottom: 65px;
}
.page-node-type-real-estate .project-detail-2 p {
  line-height: 20px;
}
.page-node-type-real-estate .item-padding.item-top-detail-2 p {
  margin: 0;
}
.scrollbar-desc-real-estate {
  height: 160px;
  overflow-y: scroll;
}
.scrollbar-desc-real-estate::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.scrollbar-desc-real-estate::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}
.scrollbar-desc-real-estate::-webkit-scrollbar-thumb {
  background-color: #dca447;
}
.path-flipbook .pdfcontainer {
  height: 100%;
  width: 100%;
  border: 1px solid #dedede;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: 0;
}
.page-node-type-real-estate .project-detail-1 .bg-map-thumb iframe {
  width: 100%;
}
.page-node-type-real-estate .project-detail-1 .border-dt1 {
  z-index: -1;
}
.page-node-type-real-estate section.google-map-field h2 {
  display: none;
}
.path-cong-bo-thong-tin table {
  width: 100% !important;
}
.empty-view-vh {
  padding: 0 15px;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2 {
  padding: 0;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .views-field.views-field-field-image-rp
  a:before {
  display: none;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .views-field.views-field-field-image-rp
  a:after {
  display: none;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .views-field.views-field-field-image-rp
  a {
  padding: 0;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .views-field.views-field-field-image-rp
  a
  img {
  width: auto;
  transition: 0.2s;
  margin: 0 auto;
  display: block;
  height: 180px;
  width: 295px;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .views-field.views-field-title {
  padding: 0 40px;
}
.view.view-node-functions-cn7.view-id-node_functions_cn7.view-display-id-block_2
  .views-row:last-child
  .views-field.views-field-field-image-rp {
  display: none;
}
.modal-project__wrapper {
  display: flex;
}
.modal-project__wrapper-item {
  width: 50%;
}
div#modal-project.in {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
#modal-project .modal-body {
  width: 70%;
  margin: 0 auto;
}
#modal-project .modal-header {
  border: 0;
  padding: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: 10px;
  right: 10px;
  z-index: 25;
}
.form-receive-email {
  display: flex;
  align-items: center;
}
.form-receive-email input {
  margin: 0;
  margin-right: 11px;
  width: 16px;
  height: 16px;
}
.form-receive-email label {
  text-transform: initial !important;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 11px;
}
.modal-project__wrapper-item img {
  display: block;
  text-align: center;
  margin: 0 auto;
}
img.icon-lgoo {
  margin-bottom: 23px;
}
.modal-project__wrapper-item.modal-item-form {
  background: #000;
  padding: 40px 20px;
  border-radius: 6px;
}
.modal-project__wrapper-item.modal-item-form h4 {
  font-family: Playfair Display;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}
#modal-project .form-row {
  clear: both;
}
#modal-project .g-recaptcha {
  clear: both;
  padding: 0 15px;
}
.modal-project__wrapper-item.modal-item-form .form-row input {
  background: #000;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding-left: 0;
}
.modal-project__wrapper-item.modal-item-form
  .form-row
  input::-webkit-input-placeholder {
  color: #fff;
  font-size: 11;
}
.modal-project__wrapper-item.modal-item-form
  .form-row
  input:-ms-input-placeholder {
  color: #fff;
  font-size: 11;
}
.modal-project__wrapper-item.modal-item-form .form-row label {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
}
.modal-project__wrapper-item.modal-item-form .form-row input::placeholder {
  color: #fff;
  font-size: 11;
}
.modal-project__wrapper-item.modal-item-form input[name="submit"] {
  background: #faa627;
  width: 100%;
  color: #000;
  margin: 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  padding: 8px;
  border: 0;
  margin-top: 20px;
}
#modal-project select option {
  background: #000;
}
#modal-project .modal-header button {
  opacity: 1;
}
#modal-project select {
  background: 0 0;
  color: #fff;
  border: 0;
  border-bottom: 1px solid #fff;
  padding-left: 0;
}
#modal-project .rc-anchor-content {
  width: 100%;
}
#modal-project .g-recaptcha div {
  width: 100% !important;
}
#modal-project .g-recaptcha div iframe {
  width: 100%;
}
.modal-project__wrapper-item.modal-item-form
  .form-row
  input[type="number"]::-webkit-outer-spin-button,
.modal-project__wrapper-item.modal-item-form
  .form-row
  input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.msg-err {
  color: #fff;
  padding: 0 15px;
}
.bg-mb {
  display: none;
}
.modal-project__content img {
  display: block;
  margin: 0 auto;
}
.modal-project__content-link {
  display: block;
  text-align: center;
}
.modal-project__content a {
  background-color: #fff;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #424242;
}
.path-frontpage .btn-close-modalF {
  border: 0;
  padding: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: 10px;
  right: 10px;
  z-index: 555;
  opacity: 1;
}
@media (min-width: 992px) {
}
@media (max-width: 768px) {
  .modal-project__wrapper {
    display: block;
  }
  .modal-project__wrapper-item {
    width: 100%;
  }
  div#modal-project.in .modal-dialog.modal-lg {
    width: 100%;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .modal-project__content {
    width: 100%;
  }
  .path-frontpage .btn-close-modalF {
    right: 8%;
  }
  #modal-project .modal-body {
    width: 100%;
  }
  .pathfrontpage #modal-project .modal-dialog .modal-content {
    background-color: unset;
  }
  div#modal-project {
    top: 0;
  }
  .bg-pc {
    display: none;
  }
  .path-du-an #modal-project .modal-dialog .modal-content {
    padding: 10px;
    box-shadow: none;
    background-color: initial;
  }
  .bg-mb {
    display: block;
  }
  .modal-project__wrapper-item.modal-item-form input {
    background: 0 0 !important;
  }
  .modal-project__wrapper-item.modal-item-form input[type="submit"] {
    background: #faa627 !important;
  }
  .modal-project__wrapper-item.modal-item-form {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.8);
    margin-top: 20px;
  }
  #modal-project .modal-header {
    opacity: 1;
    position: absolute;
    right: 8px;
    top: 8px;
    padding: 0;
    z-index: 22;
  }
  .modal-project__wrapper-item.modal-item-form h4 {
    font-size: 22px;
  }
  div#modal-project .rc-anchor-logo-portrait {
    margin: 0;
  }
}
@media (max-width: 376px) {
  .path-frontpage .btn-close-modalF {
    right: 4%;
    top: 0;
  }
}
body .pnl-vg .f_vh_menu.col-md-12.m_1 {
  text-align: center;
}
h4.footer_h4.footer_h4-special.active img.ht_transition {
  transform: rotate(-180deg);
}
body #footer .footer_h4 {
  color: #0a1437;
  color: #0a1437;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}
.pnl-vg a.ht_transition {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  color: #0c1c56;
}
body #footer .f_vh_link a {
  color: #0a1437;
}
body #footer .info_vinhomes .info_vh .info p {
  color: #0a1437;
}
body #footer .small_text_footer {
  color: #0a1437;
}
body #footer ._phone a {
  color: #0a1437;
}
body div#footer {
  background-color: #f5f1e6;
}
body #footer .division_line .follow_wrapper > span {
  display: none;
}
body #footer .division_line .line {
  background-color: #0a1437;
}
body #footer .division_line {
  display: block;
  position: relative;
  margin-bottom: 20px;
  margin-top: 50px;
}
body #footer .division_line .follow_wrapper > .icon_wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f5f1e6;
  padding: 0 15px;
  margin: 0;
}
body #footer .division_line .line {
  width: 100% !important;
}
body .icon_wrapper a i {
  color: #0a1437;
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .breadcrumb-desktop {
    display: none;
  }
  .banner-animation-content {
    padding-left: 15px;
  }
  .banner-animation-content h1 {
    text-align: center;
  }
}
@media (max-width: 768px) {
  #footer .info_vinhomes .info_vh .info_vh_logo img:nth-child(2) {
    display: none;
  }
  #footer .info_vinhomes .info_vh .info-row {
    display: block !important;
  }
  body #footer .info_vinhomes .info_vh .info p.address {
    text-align: center;
  }
  #footer .info_vinhomes .info_vh .info .phonenumber {
    text-align: center;
    display: block !important;
  }
  #footer .info_vinhomes .hotline_wrapper {
    width: 100% !important;
    margin-top: 16px !important;
  }
  #footer .pnl-vg .container .row > .f_vh_menu {
    display: flex;
  }
  #footer form {
    display: block !important;
  }
  #footer .info_vinhomes .copyright_wrapper .cpr.small_text_footer {
    text-align: center;
  }
  #footer .lang > span {
    display: none !important;
  }
  #footer .lang {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  body #footer .small_text_footer {
    text-align: center;
  }
}
div#search_banner,
body .search_banner.sr-mb {
  display: none !important;
}
.project_body .project_filter_wrapper {
  display: none !important;
}
.path-node.page-node-type-recruitment .body-td ul li {
  list-style: initial;
}
.page-node-type-emagazine .node.node-emagazine-full {
  text-align: justify;
}
.page-node-type-emagazine .node.node-emagazine-full .img-full img {
  width: 100%;
}
.user-logged-in.page-node-type-recruitment .region.region-content,
.user-logged-in.page-node-type-news .region.region-content,
.user-logged-in.page-node-type-project .region.region-content {
  margin-top: 86px;
}
div#modal-register-main input {
  margin-bottom: 15px;
}
#modal-register-main input[name="submit"] {
  margin-top: 10px;
}
.menu-subdivision ul.nav.navbar-nav li a:not(.logo-header-tpk):hover {
  background-color: transparent;
}
.page-node-type-news .news_page.node_news_full .news_body table p {
  margin-bottom: 0 !important;
}
.path-node.page-node-type-recruitment .body-td ul {
  padding-left: 30px;
}
.page-node-type-project .project-smart-city .project-block-1 .style-large {
  width: 90%;
  font-size: 36px;
}
body.en .node-detail.node-detail-project.project-smart-city li.nav-sub-pk {
  display: none;
}
.block-laguage .dropdown {
  display: flex;
}
.block-laguage a.dropdown-item:last-child {
  padding-left: 0;
}
body.en .ht-header .container > .row .main_menu > nav li.nav-item a {
  margin: 0 15px;
}
body.en div#contact_modal input[placeholder="Lựa chọn yêu cầu"] {
  opacity: 0;
}
body .project-detail-2 .col-md-4.col-12 button.btn-modal-sf {
  width: 100%;
}
body.en .footer_vinhomes .row {
  display: flex;
}
body.en .footer_vinhomes .f_vh_menu.col-md-2.m_4 ul li:nth-child(1) {
  display: block;
}
body.en .footer_vinhomes .row .col-md-2 {
  flex-grow: 1;
}
body.en.page-node-type-project section.project-block.section-3 {
  display: none;
}
body.en .f_vh_menu.col-md-2.m_5 {
  display: none;
}
body.en.page-node-type-subdivision section#subdivision-premises {
  display: none;
}
.footer_vinhomes a.ht_transition[href="/en/tuyen-dung"] {
  display: none;
}
body.en.page-node-type-community .news_block {
  display: none;
}
body.en.page-node-type-community .community_block {
  padding-bottom: 50px;
}
body .ht-header .chart {
  padding: 0 20px;
}
body.en .dropdown-menu[aria-labelledby="main_menu_4"] {
  display: none !important;
}
form#form-register-footer-sf .form-item-full-name {
  margin-top: 0;
}
.term-breadcumb ul li {
  display: inline-block;
}
body .term-breadcumb ul {
  display: inline-block;
}
body.en.path-cong-dong-du-an .news_block {
  display: none;
}
body.en.path-cong-dong-du-an .community_block {
  padding-bottom: 50px;
}
.menu-filter-tuyen-dung {
  background-image: url(https://storage.googleapis.com/vinhomes-data-01/ListingDuAn1.png) !important;
}
body #footer .info_vinhomes .info_vh .info .phonenumber {
  display: none !important;
}
#footer .info_vinhomes .info_vh .info_vh_logo img:nth-child(2) {
  opacity: 0;
}
.page-node-type-project input#edit-actions-submit {
  width: 100%;
}
.form-lead-wrapper input {
  width: 100%;
}
#section1 .img img {
  width: 100%;
}
#section6 .info .title {
  height: 93px;
}
#section8 select {
  background-image: url(/themes/porto/css/cn7/../../img/vinhomes/icon-drop.svg);
}
.tab-special-pk .header-tabs .swiper-slide:hover {
  cursor: pointer;
}
.project-smart-city section#subdivision ul.nav.nav-tabs li:hover {
  cursor: pointer;
}
.select-project-pk-mb {
  display: none;
}
.project-smart-city div#highlight-pk p {
  -webkit-line-clamp: 7;
}
div#modal-tuyen-dung input[name="possition"] {
  pointer-events: none;
}
.news_page .sm_ads {
  margin-bottom: 10px;
}
.news_page .ads img {
  width: 100%;
}
div#ads {
  clear: both;
  display: block !important;
  position: relative;
}
.path-tuyen-dung .menu-filter-tuyen-dung {
  background-image: url(https://storage.googleapis.com/vinhomes-data-01/ListingDuAn1.png);
}
.page-node-type-recruitment .form-item-to-email {
  display: none !important;
}
.block-subdivision-premises__tab .tab-content__item-bg img {
  height: 590px;
  object-fit: cover;
}
.page-node-type-subdivision section#webform-pk {
  height: 770px !important;
  background-size: cover !important;
}
.node-detail-subdivision section#agency-pk .swiper-pagination-bullets {
  display: none;
}
div#block-blockcsscustom {
  display: none;
}
.node-detail.node-detail-subdivision.node-detail-subdivision-bds
  .banner-home
  .info-subdivision {
  bottom: -22%;
}
.project-detail-1 .border-dt1 {
  z-index: -1;
}
.project-detail-1 button.btn-modal-sf {
  transition: 0.3s;
}
.project-detail-1 button.btn-modal-sf:hover {
  color: #137cc9;
}
@media (max-width: 768px) {
  .page-node-type-emagazine .node.node-emagazine-full div {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .news_page.node_news_full .news_body table {
    width: 100% !important;
  }
  .page-node-type-project .project-smart-city .project-block-1 .style-large {
    font-size: 32px;
  }
  .page-node-type-news
    .view.view-ht-node-views.view-id-ht_node_views.view-display-id-block_11
    .views-field.views-field-field-thumbnail
    img {
    float: left;
    padding-right: 20px;
    width: 160px;
    height: 108px;
    object-fit: cover;
  }
  .page-node-type-news
    .view.view-ht-node-views.view-id-ht_node_views.view-display-id-block_11
    .views-field.views-field-field-thumbnail {
    padding: 0;
  }
  .page-node-type-news
    .view.view-ht-node-views.view-id-ht_node_views.view-display-id-block_11
    .list-news-relate-to__item {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18.5px;
  }
  #header .main_menu.col-md-8 .ht_d_none .chart {
    width: 130px;
  }
  #footer .copyright_wrapper {
    width: 100% !important;
  }
  .path-frontpage #modal-project .modal-content {
    width: 100%;
    height: 84%;
    box-shadow: none;
    border: 0;
    background-color: inherit;
  }
  .path-frontpage .btn-close-modalF {
    right: 8%;
    top: 0;
  }
  .page-node-type-subdivision .project-block-1 {
    position: relative;
  }
  .page-node-type-subdivision .project-block-1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75%;
    background: #faa627;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    bottom: 10px;
  }
  .page-node-type-subdivision .project-block-1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    background-color: #fff;
    bottom: -1px;
    z-index: -1;
  }
  .block-highlight-detail-tpk {
    min-height: 330px;
  }
  .page-node-type-subdivision-bds section#highlight-pk:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    background-image: url(/themes/porto/css/cn7/themes/porto/img/vinhomes/decor-tpk1.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 55%;
  }
  .page-node-type-subdivision-bds section#highlight-pk {
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .block-subdivision-premises__tab-mb {
    padding: 0;
  }
  .node-detail.node-detail-subdivision.node-detail-subdivision-bds
    section#great-utility-pk
    .swiper-slide {
    height: 147px;
  }
  .node-detail.node-detail-subdivision.node-detail-subdivision-bds
    section#great-utility-pk
    .info-subdivision {
    margin-top: 147px;
  }
  .node-detail.node-detail-subdivision.node-detail-subdivision-bds
    .banner-home
    .info-subdivision {
    bottom: -90% !important;
  }
}