@-webkit-keyframes no-transform {
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes no-transform {
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes fade-slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4rem);
    transform: translateY(-4rem); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fade-slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4rem);
    transform: translateY(-4rem); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes pop-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4rem) scale(0.8);
    transform: translateY(-4rem) scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes pop-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1rem) scale(0.9);
    transform: translateY(-2rem) scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes rotate-up {
  100% {
    -webkit-transform: rotateZ(-4deg);
    transform: rotateZ(-4deg); } }
@keyframes rotate-up {
  100% {
    -webkit-transform: rotateZ(-4deg);
    transform: rotateZ(-4deg); } }
* {
  padding: 0;
  margin: 0; }

*, *::before, *::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  padding-top: 0px;
  font-size: 16px;
  color: #364959;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  background-color: #fff; }

a {
  color: #364959;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

.text-bold {
  font-weight: 800; }

.img-result {
  background-position: 50% 50%; }

.animate-pop-in {
  -webkit-animation: no-transform 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
  animation: no-transform 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
  opacity: 0;
  -webkit-transform: translateY(-1rem);
  transform: translateY(-1rem);
  z-index: 9; }

.owl-theme .owl-dots, .owl-theme .owl-nav {
  line-height: 0px; }

.blog-header {
  display: flex;
  width: 100%;
  position: relative;
  flex: nowrap;
  justify-content: space-between; }
  .blog-header .blog-header-text {
    flex: wrap; }
    .blog-header .blog-header-text .row1 {
      font-size: 16px;
      color: #36495a;
      border-bottom: 1px solid #c72429;
      font-family: 'Prompt'; }
    .blog-header .blog-header-text .row2 {
      font-size: 16px;
      font-family: "Prompt";
      font-weight: 200;
      margin-top: 0.5rem; }
  .blog-header .blog-header-more {
    cursor: pointer;
    align-self: center;
    padding: 0rem;
    margin-top: 1.2rem; }

.boxShadow {
  border: 0px solid #000000;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25); }

.radiusBox {
  background-clip: padding-box;
  border: 0px solid #ced4da;
  border-radius: 0.25rem; }

.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }

.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.blog-header-more .badge {
  padding: 0;
  font-size: 1rem;
  font-weight: 400; }

#blog-search {
  height: 25rem;
  position: relative; }
  #blog-search:after {
    -webkit-animation: no-transform 2s 0.5s cubic-bezier(0, 0.5, 0, 1) forwards;
    animation: no-transform 2s 0.5s cubic-bezier(0, 0.5, 0, 1) forwards;
    background: url("/images/home/tookteebg.jpg") no-repeat bottom;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-transform: translateY(-4rem);
    transform: translateY(-4rem);
    z-index: -1; }
  #blog-search .blog-type {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    border-radius: 6px;
    padding: 2rem;
    position: absolute;
    left: 50%;
    margin-left: -360px;
    top: 50%;
    margin-top: -113px;
    width: 720px;
    height: 226px;
    z-index: 9;
    /**************** Wrap Search ***************/ }
    #blog-search .blog-type .icon-project {
      display: block;
      position: relative;
      margin: auto;
      text-align: center;
      width: 100%; }
      #blog-search .blog-type .icon-project #moreType {
        position: absolute;
        right: 13%;
        left: auto;
        top: 37%;
        bottom: auto; }
    #blog-search .blog-type .blog-header {
      text-align: center;
      min-width: 100%; }
      #blog-search .blog-type .blog-header h2 {
        font-size: 24px;
        color: white; }
    #blog-search .blog-type #seltype {
      margin-bottom: 0.8rem; }
      #blog-search .blog-type #seltype .type-bar {
        display: none; }
    #blog-search .blog-type .val-type {
      border: 1px solid;
      padding: 0.5rem;
      background-color: #58585b;
      font-weight: bold; }
    #blog-search .blog-type .blocksearch {
      -webkit-animation-delay: .85s;
      animation-delay: .85s;
      margin: 1rem 0;
      display: flex;
      -ms-flex-flow: row nowrap;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      position: relative; }
      #blog-search .blog-type .blocksearch .divsearch {
        top: 50%;
        left: 50%;
        color: #fff;
        min-width: 680px; }
        #blog-search .blog-type .blocksearch .divsearch .suggestion-container {
          z-index: 2; }
        #blog-search .blog-type .blocksearch .divsearch .search-input {
          display: inline-block;
          vertical-align: text-bottom;
          width: 80%;
          position: relative; }
        #blog-search .blog-type .blocksearch .divsearch .search-dl {
          display: inline-block;
          vertical-align: text-bottom; }
        #blog-search .blog-type .blocksearch .divsearch .search-bt {
          display: inline-block;
          vertical-align: text-bottom;
          width: 100%; }
        #blog-search .blog-type .blocksearch .divsearch .search-input-2 {
          width: 100%;
          position: relative;
          display: flex; }
    #blog-search .blog-type #btcondition {
      width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      background-color: #58585b;
      color: #fff; }
    #blog-search .blog-type .search-group {
      display: block;
      clear: both;
      border: 1px solid rgba(0, 0, 0, 0.55); }
      #blog-search .blog-type .search-group ul {
        margin: 0;
        padding: 0;
        width: 100%;
        border: 1px solid rgba(0, 0, 0, 0.55); }
        #blog-search .blog-type .search-group ul li {
          list-style: none;
          padding: 0;
          display: inline-flex;
          border: 1px solid rgba(245, 243, 243, 0.55); }
    #blog-search .blog-type .search-type {
      display: none; }
    #blog-search .blog-type .blog-btn-search {
      width: 18%;
      display: inline-block; }
    @media (max-width: 991px) {
      #blog-search .blog-type .blocksearch {
        margin: 0.5rem; }
        #blog-search .blog-type .blocksearch .divsearch .search-input {
          width: 100%;
          margin-bottom: 0.5rem; }
        #blog-search .blog-type .blocksearch .divsearch .search-dl {
          display: initial;
          float: left;
          position: relative;
          margin-bottom: 0.5rem;
          float: right;
          width: 49.5%; }
        #blog-search .blog-type .blocksearch .divsearch .search-bt {
          display: initial;
          float: left;
          position: relative;
          margin-bottom: 0.5rem;
          width: 100%;
          text-align: right; }
        #blog-search .blog-type .blocksearch .divsearch .search-type {
          display: initial;
          float: left;
          position: relative;
          margin-bottom: 0.5rem;
          width: 49.5%; }
      #blog-search .blog-type .blog-type {
        padding-top: 0.5rem; }
        #blog-search .blog-type .blog-type .icon-project {
          display: none; }
          #blog-search .blog-type .blog-type .icon-project #moreType {
            transition: all 300ms ease 200ms; }
            #blog-search .blog-type .blog-type .icon-project #moreType.span {
              -webkit-transform: rotate(360deg); }
      #blog-search .blog-type .blog-btn-search {
        width: 100%; }
      #blog-search .blog-type #seltype {
        margin-bottom: 0; }
        #blog-search .blog-type #seltype .val-type {
          display: none; }
        #blog-search .blog-type #seltype .type-bar {
          display: initial;
          width: 100%; }
          #blog-search .blog-type #seltype .type-bar .sr-type {
            display: inline-block;
            width: 48%;
            padding: 1rem 0;
            font-size: 1.5rem;
            cursor: pointer;
            color: rgba(255, 255, 255, 0.8); }
            #blog-search .blog-type #seltype .type-bar .sr-type:first-child {
              text-align: right; }
            #blog-search .blog-type #seltype .type-bar .sr-type:last-child {
              float: right; }
          #blog-search .blog-type #seltype .type-bar .sr-type.active span {
            color: white;
            border-bottom: 3px solid #c82021; }
      #blog-search .blog-type #btcondition {
        width: initial;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden; }
      #blog-search .blog-type #btntype {
        width: initial;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        background-color: #58585b;
        color: #fff; }
      #blog-search .blog-type .space-respon {
        width: 100%; }
      #blog-search .blog-type #btmainsearch {
        width: 100%; } }
    @media (max-width: 540px) {
      #blog-search .blog-type #btntype {
        font-size: 72%; }
      #blog-search .blog-type #btcondition {
        font-size: 72%; }
      #blog-search .blog-type #btmainsearch {
        font-size: 72%; } }

.wrap-propertytype {
  width: 6.5%;
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer; }

.propertytype {
  position: relative; }
  .propertytype .icon {
    text-indent: -9999px;
    display: block;
    height: 3rem;
    background-color: rgba(250, 250, 250, 0.3);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    mask-size: contain !important;
    opacity: 0.5; }
    .propertytype .icon:hover {
      transform: scale(1.1);
      transition: all 100ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.1s; }
  .propertytype > .condo {
    background: url(/images/icon/home/navsearch-condo.svg) no-repeat 50% 50%; }
  .propertytype > .houses {
    background: url(/images/icon/home/navsearch-home.svg) no-repeat 50% 50%; }
  .propertytype > .townhome {
    background: url(/images/icon/home/navsearch-townhome.svg) no-repeat 50% 50%; }
  .propertytype .dropdown-menu {
    border-radius: 0; }

.propertytype.active .icon {
  opacity: 1; }

#bt-listype {
  background-color: white;
  padding: 10px;
  height: 50px;
  border-left: 1px solid #ced4da;
  border-radius: 0px; }

#bt-listype:focus {
  box-shadow: none; }

#bt-listype.dropdown-toggle::after {
  display: none; }

.arrow {
  position: absolute;
  right: 7px;
  width: 10px;
  height: 10px;
  top: 12px;
  position: absolute;
  text-align: center;
  pointer-events: none; }

.arrow svg {
  width: 12px;
  height: 19px;
  fill: #FFF; }

.numberproperty {
  display: none; }
  .numberproperty span.number {
    font-size: 0.8rem;
    font-weight: 800;
    padding-right: 3px; }
  .numberproperty span.unit {
    font-size: 0.6rem; }

.numberproperty.list {
  cursor: pointer; }
  .numberproperty.list::after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }

#btnsearch {
  background-color: #c72429;
  width: 50px;
  height: 50px;
  margin-right: 0.2rem; }

.searchMap {
  height: 50px;
  background-color: #295fac;
  width: 100px;
  color: white;
  font-size: 14px; }

.sale-rent-box {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: -10px;
  display: none;
  z-index: 1000; }

.sale-box {
  width: 45%;
  display: inline-block;
  color: #fff;
  position: absolute;
  left: 0;
  width: 50%;
  color: #fff;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-color: #c72429; }
  .sale-box:hover {
    background-color: #c72429; }

.rent-box {
  width: 45%;
  display: inline-block;
  color: #fff;
  position: absolute;
  right: 0;
  width: 50%;
  color: #fff;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-color: #58585b; }
  .rent-box:hover {
    background-color: #5a85a3; }

.commercial .rent-box {
  position: absolute;
  left: 0;
  width: 100%;
  color: #fff;
  background-color: #58585b; }

#blog-banner {
  background-color: #FFFFFF;
  padding-top: 3rem;
  padding-bottom: 0rem;
  box-shadow: 2px 2px 10px #00000029;
  margin-bottom: 0.5rem; }
  #blog-banner .hero-img {
    -webkit-animation: no-transform 0.8s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
    animation: no-transform 0.8s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
    opacity: 0;
    -webkit-transform: translateY(2rem) scale(0.9);
    transform: translateY(2rem) scale(0.9);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
    #blog-banner .hero-img:hover {
      cursor: pointer;
      opacity: 0.5;
      transition: all 100ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 100ms; }
  #blog-banner .blog-banner-section-linktab {
    -webkit-animation: no-transform 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
    animation: no-transform 0.6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
    opacity: 0;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    margin: 24px; }
    #blog-banner .blog-banner-section-linktab .section-linktab {
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 3px 3px 6px #00000029;
      border-radius: 20px;
      opacity: 1;
      width: 173px;
      height: 38px;
      text-align: center;
      font-family: "Prompt";
      font-size: 16px;
      letter-spacing: 0;
      color: #425869;
      line-height: 2.5; }
      #blog-banner .blog-banner-section-linktab .section-linktab:hover {
        cursor: pointer;
        color: #fff;
        transition: all 100ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 100ms;
        background-color: #465C6D; }
        #blog-banner .blog-banner-section-linktab .section-linktab:hover [class^="icon"] {
          fill: #FFF; }
      #blog-banner .blog-banner-section-linktab .section-linktab [class^="icon"] {
        width: 20px;
        height: 20px;
        position: relative;
        top: 5px;
        margin-right: 10px; }
      #blog-banner .blog-banner-section-linktab .section-linktab .icon-homeagenticon {
        fill: #211b29; }
      #blog-banner .blog-banner-section-linktab .section-linktab .icon-homeaboutus {
        fill: #c62428; }
      #blog-banner .blog-banner-section-linktab .section-linktab .icon-homecontent {
        fill: #102a41; }
      #blog-banner .blog-banner-section-linktab .section-linktab .icon-homehotdeal {
        fill: #ee2929; }
        #blog-banner .blog-banner-section-linktab .section-linktab .icon-homehotdeal .cls-1 {
          fill: #ee2929; }
        #blog-banner .blog-banner-section-linktab .section-linktab .icon-homehotdeal .cls-2 {
          fill: #fff5cc; }
      #blog-banner .blog-banner-section-linktab .section-linktab .icon-homereview {
        fill: #5e9cba; }
      #blog-banner .blog-banner-section-linktab .section-linktab .icon-homeanalysis {
        fill: #2c4972; }
        #blog-banner .blog-banner-section-linktab .section-linktab .icon-homeanalysis .cls-1 {
          fill: #2c4972; }
        #blog-banner .blog-banner-section-linktab .section-linktab .icon-homeanalysis .cls-2 {
          fill: #334f76; }

#blog-zone {
  padding: 0rem 0.5rem 1rem 0.5rem; }
  #blog-zone .container::before {
    display: table;
    content: " "; }
  #blog-zone .container::after {
    display: table;
    content: " "; }
  #blog-zone .zone__headrow {
    font-family: 'prompt'; }
    #blog-zone .zone__headrow--indextitle h2 {
      font-size: 23px;
      font-weight: 600;
      letter-spacing: -0.3px;
      color: #000; }
    #blog-zone .zone__headrow--seemore {
      color: #767677; }
  #blog-zone .zone__slide {
    font-family: 'prompt';
    margin-top: 0rem;
    padding-left: 0rem;
    padding-right: 0rem; }
    #blog-zone .zone__slide--slick .slick-prev:before, #blog-zone .zone__slide--slick .slick-next:before {
      font-size: 28px;
      color: #3B4F60; }
    #blog-zone .zone__slide--slick--group {
      display: grid !important;
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      max-height: 320px;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      grid-template-columns: repeat(5, 19.3%);
      grid-template-rows: repeat(2, 1fr); }
      #blog-zone .zone__slide--slick--group .grid-custom-0, #blog-zone .zone__slide--slick--group .grid-custom-3 {
        grid-row-end: span 2; }
        #blog-zone .zone__slide--slick--group .grid-custom-0 .zone__slide--slick--item--box--img, #blog-zone .zone__slide--slick--group .grid-custom-3 .zone__slide--slick--item--box--img {
          max-height: 320px; }
      @media only screen and (max-width: 420px) {
        #blog-zone .zone__slide--slick--group {
          grid-template-columns: repeat(2, 50%) !important;
          grid-template-rows: repeat(2, 1fr);
          max-height: 230px;
          padding-left: 1rem;
          padding-right: 1rem; }
          #blog-zone .zone__slide--slick--group .grid-custom-0 {
            grid-row-end: span 2; }
            #blog-zone .zone__slide--slick--group .grid-custom-0 .zone__slide--slick--item--box--img {
              min-height: 230px;
              max-height: 230px; }
          #blog-zone .zone__slide--slick--group .grid-custom-1, #blog-zone .zone__slide--slick--group .grid-custom-2 {
            grid-row-end: span 1; }
            #blog-zone .zone__slide--slick--group .grid-custom-1 .zone__slide--slick--item--box--img, #blog-zone .zone__slide--slick--group .grid-custom-2 .zone__slide--slick--item--box--img {
              max-height: 120px; } }
      @media only screen and (min-width: 421px) and (max-width: 640px) {
        #blog-zone .zone__slide--slick--group {
          grid-template-columns: repeat(3, 33%);
          grid-template-rows: repeat(2, 1fr);
          max-height: 230px;
          padding-left: 1rem;
          padding-right: 1rem; }
          #blog-zone .zone__slide--slick--group .grid-custom-0 {
            grid-row-end: span 2; }
            #blog-zone .zone__slide--slick--group .grid-custom-0 .zone__slide--slick--item--box--img {
              max-height: 230px;
              min-height: 230px; }
          #blog-zone .zone__slide--slick--group .grid-custom-1, #blog-zone .zone__slide--slick--group .grid-custom-2, #blog-zone .zone__slide--slick--group .grid-custom-3, #blog-zone .zone__slide--slick--group .grid-custom-4 {
            grid-row-end: span 1; }
            #blog-zone .zone__slide--slick--group .grid-custom-1 .zone__slide--slick--item--box--img, #blog-zone .zone__slide--slick--group .grid-custom-2 .zone__slide--slick--item--box--img, #blog-zone .zone__slide--slick--group .grid-custom-3 .zone__slide--slick--item--box--img, #blog-zone .zone__slide--slick--group .grid-custom-4 .zone__slide--slick--item--box--img {
              max-height: 120px; } }
      @media only screen and (max-width: 390px) {
        #blog-zone .zone__slide--slick--group {
          max-height: 245pxpx; } }
      #blog-zone .zone__slide--slick--group .zone__slide--slick--item figure {
        position: relative;
        margin: 0;
        width: 100%;
        height: auto;
        float: left;
        overflow: hidden;
        text-align: center;
        cursor: pointer; }
        #blog-zone .zone__slide--slick--group .zone__slide--slick--item figure:hover img {
          opacity: 0.4;
          -webkit-transform: scale3d(1.5, 1.5, 1);
          transform: scale3d(1.5, 1.5, 1); }
        #blog-zone .zone__slide--slick--group .zone__slide--slick--item figure:hover h2 {
          opacity: 1; }
      #blog-zone .zone__slide--slick--group .zone__slide--slick--item--box--img {
        position: relative;
        display: block;
        max-width: 100%;
        opacity: 1;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        width: 100%;
        border-radius: 5px;
        background-color: #aaaaaa; }
      #blog-zone .zone__slide--slick--group .zone__slide--slick--item--box figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-shadow: 0 1px 3px 0 rgba(27, 27, 27, 0.1); }
        #blog-zone .zone__slide--slick--group .zone__slide--slick--item--box figcaption h2 {
          position: absolute;
          white-space: nowrap;
          top: 50%;
          left: 50%;
          margin: 0;
          padding: 5px 10px;
          -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
          transition: opacity 0.35s, transform 0.35s;
          -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
          -webkit-transform-origin: 50%;
          transform-origin: 50%;
          font-size: 20px;
          border-radius: 5px;
          background-color: rgba(57, 76, 93, 0.6);
          font-weight: 500;
          line-height: 1.1;
          color: inherit; }
        #blog-zone .zone__slide--slick--group .zone__slide--slick--item--box figcaption a {
          z-index: 1000;
          text-indent: 200%;
          white-space: nowrap;
          font-size: 0;
          opacity: 0; }

#blog-deal {
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  display: block;
  background-color: #f2f2f2;
  min-height: 500px;
  min-height: 0px;
  padding: 0rem 1rem; }
  #blog-deal .container {
    -webkit-animation: no-transform 0.8s 0.8s ease-out forwards;
    animation: no-transform 0.8s 0.8s ease-out forwards;
    opacity: 0;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem); }
  #blog-deal .deal-carousel {
    padding: 0rem 0rem; }
    #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer {
      padding: 0;
      display: block !important; }
      #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item {
        position: relative; }
        #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .img-deal {
          position: relative; }
          #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .img-deal .card__image--highlight {
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 9;
            display: flex;
            flex-direction: row;
            font-family: 'prompt'; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .img-deal .card__image--highlight--left {
              display: inline-block;
              display: flex; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .img-deal .card__image--highlight--right {
              display: flex;
              text-align: right;
              color: #fff; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .img-deal .card__image--highlight--sale {
              background-color: #394C5D;
              color: #fff;
              color: #fff;
              border: 2px solid #fff;
              margin-right: 0.1rem;
              padding: 0rem 1rem; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .img-deal .card__image--highlight--deal {
              background-color: #C52127;
              color: #fff;
              color: #fff;
              border: 2px solid #fff;
              margin-right: 1rem;
              padding: 0rem 1rem; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .img-deal .card__image--highlight--view {
              display: inline-block;
              text-shadow: 0 0 3px #000;
              justify-content: flex-end;
              display: flex;
              margin-left: 1.5rem; }
              #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .img-deal .card__image--highlight--view img {
                width: 25px; }
        #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description {
          font-family: 'prompt';
          padding: 0.5rem;
          position: relative;
          text-overflow: ellipsis;
          background-color: white;
          line-height: 1.3em; }
          #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description hr {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem; }
          #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description .deal-listPrice {
            color: #C52127; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description .deal-listPrice .deal-address {
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden; }
          #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description .deal-boxdescription {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            color: black;
            font-size: 1.1rem; }
          #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description .deal-facility .row {
            padding: 0px; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description .deal-facility .row .deal-facility__value .deal-facility__icon {
              width: 15px;
              display: inline-block; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description .deal-facility .row div {
              padding: 0px; }
          #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description .deal-sellbox {
            display: flex;
            align-self: flex-end;
            justify-content: space-between; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description .deal-sellbox .deal-promotion .deal-promotionbox {
              color: #fff;
              border-radius: 5px;
              padding: 0.25rem;
              font-size: 0.8rem;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden;
              background-color: #C7252A;
              margin-bottom: 0.2rem; }
            #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-card .deal-card-description .deal-sellbox .deal-listPrice {
              text-align: right;
              font-size: 21px;
              color: #c82026; }
        #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer .owl-stage .owl-item .deal-priceDicount {
          position: absolute;
          top: 0%;
          left: -1px;
          background-color: #bf1e2d;
          color: white;
          max-width: 12rem;
          padding: 0.5rem 0.5rem; }
    #blog-deal .deal-carousel .owl-carousel-deal .owl-theme .owl-controls .slick-next:before, #blog-deal .deal-carousel .owl-carousel-deal .owl-theme .owl-controls .slick-prev:before {
      font-size: 28px;
      color: #3B4F60; }
    #blog-deal .deal-carousel .owl-carousel-deal .owl-theme .owl-controls .slick-next:before {
      margin-left: 20px; }
    #blog-deal .deal-carousel .owl-carousel-deal .owl-theme .owl-controls .slick-prev:before {
      margin-left: -44px; }
    #blog-deal .deal-carousel .owl-item {
      -ms-touch-action: auto;
      touch-action: auto; }
    #blog-deal .deal-carousel .deal-card {
      max-height: 430px;
      cursor: pointer;
      position: relative;
      display: inline-block; }
      #blog-deal .deal-carousel .deal-card .img-deal {
        position: relative;
        overflow: hidden;
        margin-left: -1px; }
        #blog-deal .deal-carousel .deal-card .img-deal .img-result {
          min-height: 265px;
          display: block;
          background: #fff center center no-repeat;
          background-repeat: no-repeat;
          /*background-size: 100% 100%;*/
          background-size: cover;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover; }
        #blog-deal .deal-carousel .deal-card .img-deal .card-img-wrap {
          overflow: hidden;
          position: relative; }
        #blog-deal .deal-carousel .deal-card .img-deal .card-img-wrap:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(255, 255, 255, 0.3);
          opacity: 0;
          transition: opacity 0.25s; }
        #blog-deal .deal-carousel .deal-card .img-deal .card-img-wrap {
          transition: transform 0.25s;
          width: 100%; }
        #blog-deal .deal-carousel .deal-card .img-deal .card-img-wrap:hover {
          transform: scale(1.2); }
        #blog-deal .deal-carousel .deal-card .img-deal .card-img-wrap:hover:after {
          opacity: 1; }
      #blog-deal .deal-carousel .deal-card .deal-card-description {
        padding: 0.2rem;
        min-height: 195px; }
    #blog-deal .deal-carousel .owl-nav {
      position: absolute;
      top: 45%;
      mrgin-top: -13px;
      left: 0;
      right: 0;
      /*
      			.owl-prev {
              left: -6%;
              position: absolute;
            }
            .owl-next {
              right: -6%;
              position: absolute;
            }
      */ }

#blog-review {
  padding: 1rem 0.5rem 1rem 0.5rem;
  background-color: #36495a;
  color: #fff; }
  #blog-review .gird-reviews {
    background-color: #0f1b2b;
    margin-top: 1rem;
    margin-bottom: 1rem; }
    #blog-review .gird-reviews .grid-container {
      grid-template-columns: 38% 30% 30%;
      grid-template-rows: 340px 340px; }
      #blog-review .gird-reviews .grid-container .grid-360 .grid-item {
        height: 100%; }
        #blog-review .gird-reviews .grid-container .grid-360 .grid-item .reviewDescribe {
          display: -webkit-box;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
          padding: 0.5rem 1rem;
          max-height: 12rem;
          height: 12rem; }
          #blog-review .gird-reviews .grid-container .grid-360 .grid-item .reviewDescribe p {
            line-height: 1.5; }
            #blog-review .gird-reviews .grid-container .grid-360 .grid-item .reviewDescribe p .review-header {
              font-size: 20px; }
            #blog-review .gird-reviews .grid-container .grid-360 .grid-item .reviewDescribe p .review-detail {
              font-weight: 400;
              font-size: 1rem;
              max-height: 7rem;
              height: 7rem;
              -webkit-line-clamp: 5; }
        #blog-review .gird-reviews .grid-container .grid-360 .grid-item .img-result {
          position: relative; }
          #blog-review .gird-reviews .grid-container .grid-360 .grid-item .img-result .tag-see360 {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 140px;
            height: 40px;
            text-align: center; }
          #blog-review .gird-reviews .grid-container .grid-360 .grid-item .img-result .playPanoramic {
            background-image: url("/images/home/icon/play.png");
            min-width: 100px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -50px;
            margin-top: -50px;
            z-index: 9;
            background-size: cover;
            background-repeat: no-repeat;
            min-height: 100px; }
      #blog-review .gird-reviews .grid-container .grid-item {
        position: relative;
        background-color: white; }
        #blog-review .gird-reviews .grid-container .grid-item:first-child {
          grid-row-end: span 2; }
        #blog-review .gird-reviews .grid-container .grid-item .reviewMore {
          position: absolute;
          bottom: 1%;
          right: 1%;
          color: #c72429;
          font-size: 1.5rem; }
        #blog-review .gird-reviews .grid-container .grid-item .reviewDescribe {
          padding: 0.8rem;
          color: #58585b;
          font-weight: bold;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden; }
        #blog-review .gird-reviews .grid-container .grid-item .reviewDescribe {
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          padding: 0.5rem 1rem;
          max-height: 5.5rem; }
          #blog-review .gird-reviews .grid-container .grid-item .reviewDescribe p {
            line-height: 1.3; }
            #blog-review .gird-reviews .grid-container .grid-item .reviewDescribe p .review-header {
              font-size: 20px; }
            #blog-review .gird-reviews .grid-container .grid-item .reviewDescribe p .review-detail {
              font-weight: 400;
              font-size: 1rem; }
        #blog-review .gird-reviews .grid-container .grid-item .img-result {
          height: 70%;
          background-size: cover; }
      #blog-review .gird-reviews .grid-container .card:first-child {
        grid-row-end: span 2; }

#blog-location {
  padding: 1rem 0.5rem 1rem 0.5rem; }
  #blog-location .grid-location {
    color: #58585b; }
    #blog-location .grid-location .grid-container {
      grid-template-columns: 360px 360px 360px;
      grid-template-rows: 440px;
      padding: 0px;
      margin-top: 1rem;
      margin-bottom: 2rem; }
      #blog-location .grid-location .grid-container .grid-item {
        position: relative;
        background-color: white; }
        #blog-location .grid-location .grid-container .grid-item:first-child {
          grid-row-end: span 1; }
        #blog-location .grid-location .grid-container .grid-item .locationDescribe {
          padding: 0.8rem;
          color: #58585b;
          display: -webkit-box;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
          max-height: 175px; }
          #blog-location .grid-location .grid-container .grid-item .locationDescribe .location-header h4 {
            -webkit-line-clamp: 1;
            line-height: 1.5;
            font-size: 20px;
            -webkit-box-orient: vertical;
            overflow: hidden;
            display: -webkit-box;
            color: black;
            height: 2rem;
            line-height: 1.5; }
          #blog-location .grid-location .grid-container .grid-item .locationDescribe p {
            line-height: 1.5;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            max-height: 8rem;
            height: 6rem; }
          #blog-location .grid-location .grid-container .grid-item .locationDescribe .locationMore {
            position: absolute;
            right: 1%;
            bottom: 1%;
            color: #c72429;
            font-size: 1.5rem; }
        #blog-location .grid-location .grid-container .grid-item .img-result {
          height: 60%;
          background-size: cover;
          max-height: 240px; }

#blog-content {
  padding: 1rem 0.5rem 1rem 0.5rem;
  background-color: #36495a;
  color: #fff; }
  #blog-content .grid-container-news {
    margin-top: 1rem;
    margin-bottom: 2rem; }

.blog-about {
  margin: 0 auto;
  padding: 1rem 0.5rem 1rem 0.5rem;
  display: block;
  min-height: 500px;
  color: black; }
  .blog-about .title-type-about {
    font-size: 1rem;
    text-align: left;
    line-height: 1.3; }
  .blog-about .drescription-about {
    margin-top: 0.5rem;
    text-align: left;
    font-size: 0.9rem;
    color: grey;
    opacity: 1; }
    .blog-about .drescription-about .about-more {
      cursor: pointer;
      font-weight: 600;
      text-decoration: underline; }
      .blog-about .drescription-about .about-more:hover {
        opacity: 0.8; }
    .blog-about .drescription-about .more-hidden {
      visibility: hidden;
      opacity: 0;
      transition: all 0.25s;
      display: none; }
      .blog-about .drescription-about .more-hidden.more-show {
        opacity: 1;
        visibility: visible;
        transition: all 0.25s;
        display: block; }

.space-box-detail-about {
  text-align: center;
  padding: 0 2rem; }
  .space-box-detail-about > div {
    padding: 1rem 1rem; }

.img-about {
  padding: 1.25rem; }
  .img-about img {
    display: initial;
    height: 80px;
    margin-bottom: 1rem; }

.title-type-about {
  font-weight: bold;
  font-size: 1.3rem; }

.btn-readmore {
  background-color: #c72429;
  color: #fff; }

.blog-main-header {
  font-weight: bold;
  font-family: "Prompt"; }

.bg-interested {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 20%;
  left: 50%; }

.bg-realnews {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 20%;
  left: 50%; }

.box-recommend {
  position: relative; }

.box-interested {
  position: relative; }

.box-news {
  position: relative; }

.bg-banner-img {
  position: relative; }
  .bg-banner-img img {
    width: 100%; }

.bg-banner-interested {
  background-image: url("/images/mockup/banner-interested.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.bg-banner-realnews {
  background-image: url("/images/mockup/banner-real-news.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.blog-interested {
  margin: 0 auto;
  padding: 2rem 0.5rem 2rem 0.5rem;
  display: block;
  min-height: 500px; }

.blog-news {
  margin: 0 auto;
  padding: 2rem 0.5rem 2rem 0.5rem;
  display: block;
  background-color: #36495a;
  color: #fff;
  min-height: 500px; }

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-gap: 10px;
  grid-auto-flow: dense;
  padding: 10px; }
  .grid-container .grid-item:first-child {
    grid-row-end: span 3; }
  .grid-container .card:first-child {
    grid-row-end: span 3; }

.grid-container-news {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: dense;
  padding: 10px; }
  .grid-container-news .card .card-body h4 {
    max-height: 12rem; }
  .grid-container-news .card .card-body .ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    max-height: 4.5rem;
    font-size: 1rem; }
  .grid-container-news .card .card-body:hover {
    transform: translateY(-0.05rem) scale(1);
    box-shadow: 0 0.5em 3rem -1rem rgba(0, 0, 0, 0.5);
    cursor: pointer; }

.grid-container-interested {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: dense;
  padding: 10px; }

.grid-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 10px;
  grid-auto-flow: dense;
  padding: 10px; }

.grid-item {
  box-shadow: 0 0 3rem -1rem rgba(0, 0, 0, 0.7);
  border-radius: 0.25rem;
  cursor: pointer; }
  .grid-item:hover {
    transform: translateY(-0.05rem) scale(1);
    box-shadow: 0 0.5em 3rem -1rem rgba(0, 0, 0, 0.5); }

/*gridnews*/
.newsImg {
  min-height: 202px; }

.grid-item-1 .newsImg {
  width: 150% !important;
  min-height: 242px;
  max-width: 440px; }
@media (min-width: 1024px) {
  .grid-item-1 .card-body h4 {
    -webkit-line-clamp: 1 !important;
    max-height: 1.5rem !important; }
  .grid-item-1 .card-body p {
    -webkit-line-clamp: 4 !important;
    max-height: 9.5rem !important;
    font-size: 1rem !important;
    height: 10rem !important; } }

.grid-row-sp-2 {
  grid-row-end: span 2; }

.grid-row-sp-3 {
  grid-row-end: span 3; }

.grid-column-sp-2 {
  grid-column-end: span 2; }

.grid-column-sp-3 {
  grid-column-end: span 3; }

.grid-column-sp-4 {
  grid-column-end: span 4; }

.span-2 {
  grid-column-end: span 2;
  grid-row-end: span 2; }

.span-3 {
  grid-column-end: span 3;
  grid-row-end: span 3; }

@media (min-width: 1320px) {
  #blog-search {
    height: 60vh; } }
@media (max-width: 1200px) {
  #hero-carousel .hero-img hero-flex-left .hero-img-left {
    width: 680px !important; }

  .grid-container .grid-item-3 {
    grid-column-end: span 3; }
  .grid-container .grid-item-6 {
    grid-column-end: span 5; }

  .grid-layout .grid-item-2 {
    grid-column-end: span 4; }

  .grid-container-news .grid-item-1 {
    grid-column-end: span 4; }
  .grid-container-news .grid-item-2 {
    grid-column-end: span 2; }
  .grid-container-news .grid-item-3 {
    grid-column-end: span 2; }
  .grid-container-news .grid-item-4 {
    grid-column-end: span 4; } }
@media (max-width: 991px) {
  .grid-container .grid-item-4 {
    grid-row-end: span 2;
    grid-column-end: span 2; }
  .grid-container .grid-item-5 {
    grid-row-end: span 2;
    grid-column-end: span 2; }
  .grid-container .grid-item-3 {
    grid-column-end: span 2; }
  .grid-container .grid-item-6 {
    grid-column-end: span 4; }

  .grid-layout .grid-item-2 {
    grid-column-end: span 2; }
  .grid-layout .grid-item-6 {
    grid-column-end: span 4; }
  .grid-layout .grid-item-3 .flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .blog-about {
    padding: 1.5rem 1rem; }

  .space-box-detail-about {
    padding: 0; } }
@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
    .grid-container .grid-item {
      grid-row-end: unset;
      grid-column-end: unset; }
      .grid-container .grid-item .img-result {
        height: 250px; }
      .grid-container .grid-item .flex-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
    .grid-container .grid-img-top {
      height: 10rem; }

  .grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
    .grid-layout .grid-item {
      grid-row-end: unset;
      grid-column-end: unset; }
      .grid-layout .grid-item .img-result {
        height: 250px; }
      .grid-layout .grid-item .flex-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
    .grid-layout .grid-item-1 {
      grid-row-end: unset;
      grid-column-end: 2; }
    .grid-layout .grid-item-2 {
      grid-column-end: 2; }

  .grid-container-news .card {
    grid-row-end: span 2; }
  .grid-container-news .card.flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .space-box-detail-about {
    padding: 0; }

  .bg-nav-tooktee {
    background: #36495a;
    opacity: 1;
    transition: all 300ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 300ms; }
    .bg-nav-tooktee.bg-nav-menuopen {
      background: transparent linear-gradient(180deg, #36495a 0%, #465c6d 81%, #425664 100%) 0% 0% no-repeat padding-box;
      transition: all 100ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 100ms; }
    .bg-nav-tooktee #navbarSearch {
      width: 80%; }
      .bg-nav-tooktee #navbarSearch .searchContainer .blocksearch {
        padding-bottom: 0.5rem; }
        .bg-nav-tooktee #navbarSearch .searchContainer .blocksearch .divsearch #keyword {
          padding: 1rem 2rem 1rem 4rem;
          border-radius: 0rem;
          min-height: 40px; }
        .bg-nav-tooktee #navbarSearch .searchContainer .blocksearch .divsearch #bt-listype {
          border-radius: 0rem;
          width: 3.5rem; }
          .bg-nav-tooktee #navbarSearch .searchContainer .blocksearch .divsearch #bt-listype .arrow {
            right: 5px;
            top: 10px;
            width: 10px;
            height: 10px; }

  #blog-search:after {
    background: url("/images/home/tookteebg-mob.jpg") no-repeat bottom;
    background-size: cover; }
  #blog-search .blog-type {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    height: 220px;
    width: 100%;
    box-shadow: none;
    cursor: pointer; }
    #blog-search .blog-type .icon-project {
      padding: 0rem; }
    #blog-search .blog-type .blog-header {
      -webkit-animation-delay: .6s;
      animation-delay: .6s; }
      #blog-search .blog-type .blog-header h2 {
        color: white;
        font-weight: 800;
        font-size: 25px; }
    #blog-search .blog-type #seltype {
      -webkit-animation-delay: 0.6 0.5s;
      animation-delay: 0.6 0.5s; }
      #blog-search .blog-type #seltype .type-bar {
        padding: 0rem; }
        #blog-search .blog-type #seltype .type-bar .typeSelect {
          border-radius: 5px;
          min-height: 35px;
          font-size: 18px;
          font-weight: 600;
          color: white;
          margin: 0 0.2rem;
          padding: 0rem; }
          #blog-search .blog-type #seltype .type-bar .typeSelect .sr-type {
            padding: 0rem;
            font-size: 1rem;
            color: white; }
            #blog-search .blog-type #seltype .type-bar .typeSelect .sr-type:first-child {
              text-align: center; }
        #blog-search .blog-type #seltype .type-bar .typeSelect.listtype-select {
          background-color: #a7a9ac;
          max-width: 100%; }
          #blog-search .blog-type #seltype .type-bar .typeSelect.listtype-select .sr-type {
            cursor: pointer;
            padding: 0.3rem; }
            #blog-search .blog-type #seltype .type-bar .typeSelect.listtype-select .sr-type span {
              vertical-align: sub !important; }
            #blog-search .blog-type #seltype .type-bar .typeSelect.listtype-select .sr-type.active {
              min-height: 32px;
              background-color: #c7252a;
              border: 0px solid #c52528; }
              #blog-search .blog-type #seltype .type-bar .typeSelect.listtype-select .sr-type.active::after {
                content: "";
                border-style: solid;
                position: absolute;
                left: 50%;
                bottom: -10px;
                margin-left: -10px;
                border-width: 10px 10px 0 10px;
                z-index: 99;
                border-color: #c52528 transparent transparent transparent; }
              #blog-search .blog-type #seltype .type-bar .typeSelect.listtype-select .sr-type.active.listBuy {
                border-radius: 5px 0 0 5px; }
              #blog-search .blog-type #seltype .type-bar .typeSelect.listtype-select .sr-type.active.listRent {
                border-radius: 0 5px 5px 0; }
      #blog-search .blog-type #seltype .typeSelect.proptype-select {
        background-color: white;
        max-width: 40vw; }
        #blog-search .blog-type #seltype .typeSelect.proptype-select button {
          padding: 0.2rem;
          color: #58585b;
          min-height: 38px;
          border-radius: 5px;
          background-color: white; }
          #blog-search .blog-type #seltype .typeSelect.proptype-select button span {
            vertical-align: baseline !important; }
  #blog-search .blocksearch {
    -webkit-animation-delay: 0.6 0.8s;
    animation-delay: 0.6 0.8s;
    z-index: 0 !important;
    padding: 0rem; }
    #blog-search .blocksearch .divsearch {
      position: relative;
      left: 0% !important; }
      #blog-search .blocksearch .divsearch #btnsearch {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 2%;
        top: 0%;
        background-color: white; }
      #blog-search .blocksearch .divsearch .btnsearchMap {
        display: none; }
      #blog-search .blocksearch .divsearch #keyword {
        min-height: 50px; }
        #blog-search .blocksearch .divsearch #keyword::placeholder {
          font-size: 14px; }
      #blog-search .blocksearch .divsearch #bt-listype {
        height: 40px; }

  #blog-banner {
    padding-top: 3rem;
    width: 100%;
    /*    .btn {
          background-color: transparent;
          border-radius: 10px;
          color: #c82026;
          border: 1px solid #c82026;
          padding: 0.5rem;
          color: 1rem;
          &:hover {
            opacity: 0.2;
          }
        }
    */ }
    #blog-banner .owl-carousel-mobile {
      min-height: 170px;
      margin-top: 66px; }
      #blog-banner .owl-carousel-mobile .hero-img {
        -webkit-animation: no-transform 0.8s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
        animation: no-transform 0.8s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
        opacity: 0;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        width: 100%;
        transition: all 100ms cubic-bezier(0.17, 0.67, 0.83, 0.67) 100ms;
        height: 190px;
        background-size: cover !important; }
    #blog-banner .hotDealHeader {
      font-size: 30px;
      color: #c82026;
      margin-bottom: 0rem; }
    #blog-banner .container {
      padding: 0;
      margin: 0; }
    #blog-banner .owl-carousel-banner {
      padding: 0rem 1rem; }
      #blog-banner .owl-carousel-banner .owl-stage-outer {
        min-height: 0px;
        padding: 0rem; }
      #blog-banner .owl-carousel-banner .owl-dots {
        display: none; }
    #blog-banner .blog-banner-section-linktab {
      -webkit-animation-delay: 1.3s;
      animation-delay: 1.3s;
      margin: 0px;
      overflow: auto;
      white-space: nowrap; }
      #blog-banner .blog-banner-section-linktab .section-linktab {
        display: inline-block;
        width: 10rem; }

  #blog-deal {
    min-height: 0px;
    width: 100%;
    padding: 0.5rem 1rem; }
    #blog-deal .deal-carousel .deal-card .img-deal .img-result {
      min-width: 194px;
      min-height: 193px; }
    #blog-deal .deal-carousel .deal-card .deal-card-description {
      min-height: 180px; }
      #blog-deal .deal-carousel .deal-card .deal-card-description .deal-detail .deal-boxdescription {
        font-size: 0.8rem;
        margin-bottom: 0.2rem; }
      #blog-deal .deal-carousel .deal-card .deal-card-description .deal-facility .row {
        padding: 0px; }
        #blog-deal .deal-carousel .deal-card .deal-card-description .deal-facility .row .deal-facility__value .deal-facility__icon {
          width: 15px;
          display: inline-block; }
        #blog-deal .deal-carousel .deal-card .deal-card-description .deal-facility .row div {
          padding: 0px; }
      #blog-deal .deal-carousel .deal-card .deal-card-description .deal-sellbox .deal-promotion {
        padding-left: 0rem;
        padding-right: 0rem; }
        #blog-deal .deal-carousel .deal-card .deal-card-description .deal-sellbox .deal-promotion .deal-promotionbox {
          font-size: 0.8rem;
          padding: 0.1rem; }
      #blog-deal .deal-carousel .deal-card .deal-card-description .deal-sellbox .deal-listPrice {
        padding: 0px; }
        #blog-deal .deal-carousel .deal-card .deal-card-description .deal-sellbox .deal-listPrice h4 {
          font-size: 1.2rem;
          text-align: right; }
    #blog-deal .deal-carousel .owl-carousel-deal .owl-stage-outer {
      padding: 0.5rem;
      display: block !important;
      margin: -0.5rem; }

  #blog-review {
    padding: 0rem 1rem 2rem 1rem;
    width: 100%; }
    #blog-review .blog-header {
      padding: 1rem 0rem; }
      #blog-review .blog-header .blog-header-text .row1 {
        border-bottom: 0px white solid !important; }
        #blog-review .blog-header .blog-header-text .row1 span {
          font-size: 24px !important; }
      #blog-review .blog-header .blog-header-more {
        top: 2%;
        right: -2%;
        position: absolute; }
    #blog-review .grid-reviews {
      margin-top: 10px; }
      #blog-review .grid-reviews .grid-mobile {
        background-color: white; }
        #blog-review .grid-reviews .grid-mobile .img-result {
          background-size: cover; }
        #blog-review .grid-reviews .grid-mobile .Describe-mobile h4 {
          font-size: 1rem;
          color: #be1e2d; }
        #blog-review .grid-reviews .grid-mobile .Describe-mobile p {
          color: #808284; }

  #blog-location {
    width: 100%;
    padding: 0rem;
    padding-left: 10px;
    padding-right: 10px; }
    #blog-location .blog-header .blog-header-text .row1 {
      line-height: 1;
      border-bottom: 0px solid white !important; }
      #blog-location .blog-header .blog-header-text .row1 span {
        font-size: 23px !important;
        color: #434d59 !important; }
      #blog-location .blog-header .blog-header-text .row1 .newLine {
        white-space: pre;
        font-size: 1.2rem !important;
        color: #be1e2d !important; }
    #blog-location .blog-header .blog-header-more {
      position: absolute;
      top: 0%;
      right: 2%; }
    #blog-location .grid-location .grid-item .img-result {
      min-height: 104px;
      background-size: cover;
      padding: 0 1rem; }

  #blog-content {
    padding: 0rem 1rem 2rem 1rem;
    width: 100%; }
    #blog-content .blog-header {
      padding: 1rem 0rem; }
      #blog-content .blog-header .blog-header-text .row1 {
        border-bottom: 0px white solid !important; }
        #blog-content .blog-header .blog-header-text .row1 span {
          font-size: 24px !important; }
      #blog-content .blog-header .blog-header-more {
        top: 0%;
        position: absolute;
        right: -2%; }
    #blog-content .grid-container-news {
      display: none; }
    #blog-content .grid-content-mobile {
      background-color: white; }
      #blog-content .grid-content-mobile .grid-item .img-result {
        background-size: cover;
        min-height: 0rem; }
      #blog-content .grid-content-mobile .grid-item .Describe-mobile h4 {
        font-size: 1rem;
        color: #be1e2d; }
      #blog-content .grid-content-mobile .grid-item .Describe-mobile p {
        font-size: 12px;
        color: #808284; }

  .Describe-mobile {
    color: #58585b;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0.5rem 1rem;
    max-height: 10rem;
    overflow: hidden; }
    .Describe-mobile.card-body {
      -webkit-line-clamp: 3;
      max-height: 7.5rem; }
    .Describe-mobile.locationDescribe {
      -webkit-line-clamp: 3;
      max-height: 7.5rem;
      padding: 0.5rem 0.1rem; }
      .Describe-mobile.locationDescribe .location-detail {
        overflow: hidden; }
      .Describe-mobile.locationDescribe .locationMore {
        display: none; }
    .Describe-mobile.reviewDescribe {
      -webkit-line-clamp: 2;
      max-height: 7.5rem; }
      .Describe-mobile.reviewDescribe h4 {
        overflow: hidden; }
      .Describe-mobile.reviewDescribe p {
        overflow: hidden; }
        .Describe-mobile.reviewDescribe p span {
          -webkit-line-clamp: 3; }
    .Describe-mobile .content-header {
      max-height: 2.3rem;
      overflow: hidden; }
    .Describe-mobile .content-detail {
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      font-size: 1rem;
      max-height: 5rem;
      overflow: hidden; }

  .More-mobile {
    right: 0.5rem;
    position: absolute;
    color: #bf2226;
    font-weight: 900;
    font-size: 1.5rem;
    bottom: 0;
    display: none; }

  .blog-about {
    width: 100%;
    margin: 0 0; }
    .blog-about .img-about img {
      height: 60px; }
    .blog-about .container .container-fluid {
      padding: 0; }
      .blog-about .container .container-fluid .row {
        padding: 0; }
        .blog-about .container .container-fluid .row .video-container {
          padding: 0; }
        .blog-about .container .container-fluid .row .title-type-about {
          font-size: 1rem; }
          .blog-about .container .container-fluid .row .title-type-about span {
            font-size: 0.9rem; }

  footer .linksitemap {
    width: 100%; }
    footer .linksitemap #sitemap-Seo {
      padding: 0; }
  footer .fb-page {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: flex; }

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

  .row {
    margin: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }

  .grid-item {
    box-shadow: none;
    border-radius: 0px; }

  .blog-main-header {
    font-size: 24px;
    font-weight: bold; }

  .blog-header-more .badge {
    font-size: 12px; } }
@media (max-width: 375px) {
  .grid-container {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

  .grid-container-news {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

  .grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }
@media only screen and (min-width: 1000px) and (max-width: 1030px) {
  #blog-zone {
    padding: 0rem 0.5rem; }
    #blog-zone .zone__slide {
      margin-top: 0rem; } }

/*# sourceMappingURL=homev2.css.map */