@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700,500&subset=latin,vietnamese,latin-ext);
@import url(../libs/bootstrap/css/bootstrap.min.css);
@import url(../libs/owlcarousel/assets/owl.carousel.min.css);
@import url(../libs/font-awesome/css/font-awesome.min.css);
@import url(../libs/jquery-ui/jquery-ui.min.css);
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,strong,dl,dt,dd,ul,li,fieldset,form,label,legend {
  border:0;
  font-family:inherit;
  font-size:100%;
  margin:0;
  outline:0;
  padding:0
}
:focus {
  outline:0
}
ol,
ul {
  list-style:none;
  padding:0;
  margin:0
}
img {
  width:auto\9;
  height:auto;
  max-width:100%;
  vertical-align:middle;
  -ms-interpolation-mode:bicubic
}
table {
  border-collapse:collapse;
  border-spacing:0;
  width:100%
}
html,
body {
  height:100%
}
body {
  background-color:#fff;
  color:#000;
  font:normal normal 100% 'Roboto',Arial, Helvetica, sans-serif;
  line-height:20px;
  font-size:14px
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height:normal;
  font-weight:normal
}
input,
select,
textarea {
  color:#38444f;
  font:normal normal 1em Arial, Helvetica, sans-serif
}
input:focus,
select:focus,
textarea:focus,
a:link,
a:visited,
a:hover,
a:focus {
  outline:none
}
a:link,
a:visited,
a:hover,
a:focus {
  text-decoration:none
}
a:link,
a:visited {
  color:#000
}
a:hover,
a:focus {
  color:#FF9800
}
.mg0 {
  margin:0 !important
}
.mgt-0 {
  margin-top:0px
}
.mgt-5 {
  margin-top:5px
}
.mgt-10 {
  margin-top:10px
}
.mgt-15 {
  margin-top:15px
}
.mgt-20 {
  margin-top:20px
}
.mgt-25 {
  margin-top:25px
}
.mgt-30 {
  margin-top:30px
}
.mgr-0 {
  margin-right:0px
}
.mgr-5 {
  margin-right:5px
}
.mgr-10 {
  margin-right:10px
}
.mgr-15 {
  margin-right:15px
}
.mgr-20 {
  margin-right:20px
}
.mgr-25 {
  margin-right:25px
}
.mgr-30 {
  margin-right:30px
}
.mgb-0 {
  margin-bottom:0px
}
.mgb-5 {
  margin-bottom:5px
}
.mgb-10 {
  margin-bottom:10px
}
.mgb-15 {
  margin-bottom:15px
}
.mgb-20 {
  margin-bottom:20px
}
.mgb-25 {
  margin-bottom:25px
}
.mgb-30 {
  margin-bottom:30px
}
.mgl-0 {
  margin-left:0px
}
.mgl-5 {
  margin-left:5px
}
.mgl-10 {
  margin-left:10px
}
.mgl-15 {
  margin-left:15px
}
.mgl-20 {
  margin-left:20px
}
.mgl-25 {
  margin-left:25px
}
.mgl-30 {
  margin-left:30px
}
.pdl-0 {
  padding-left:0px
}
.pdl-5 {
  padding-left:5px
}
.pdl-10 {
  padding-left:10px
}
.pdl-15 {
  padding-left:15px
}
.pdl-20 {
  padding-left:20px
}
.pdl-25 {
  padding-left:25px
}
.pdl-30 {
  padding-left:30px
}
.pdr-0 {
  padding-right:0px
}
.pdr-5 {
  padding-right:5px
}
.pdr-10 {
  padding-right:10px
}
.pdr-15 {
  padding-right:15px
}
.pdr-20 {
  padding-right:20px
}
.pdr-25 {
  padding-right:25px
}
.pdr-30 {
  padding-right:30px
}
.pdt-0 {
  padding-top:0px
}
.pdt-5 {
  padding-top:5px
}
.pdt-10 {
  padding-top:10px
}
.pdt-15 {
  padding-top:15px
}
.pdt-20 {
  padding-top:20px
}
.pdt-25 {
  padding-top:25px
}
.pdt-30 {
  padding-top:30px
}
.pdb-0 {
  padding-bottom:0px
}
.pdb-5 {
  padding-bottom:5px
}
.pdb-10 {
  padding-bottom:10px
}
.pdb-15 {
  padding-bottom:15px
}
.pdb-20 {
  padding-bottom:20px
}
.pdb-25 {
  padding-bottom:25px
}
.pdb-30 {
  padding-bottom:30px
}
.pd0 {
  padding:0 !important
}
.circle {
  -webkit-border-radius:100%;
  -khtml-border-radius:100%;
  -moz-border-radius:100%;
  -ms-border-radius:100%;
  -o-border-radius:100%;
  border-radius:100%;
  overflow:hidden
}
.visible-hidden {
  visibility:hidden;
  height:0px;
  width:0px;
  position:absolute
}
@media (max-width: 767.98px) {
  .offcanvas-collapse {
    position:fixed;
    top:56px;
    bottom:0;
    width:100%;
    padding-right:1rem;
    padding-left:1rem;
    overflow-y:auto;
    background-color:var(--gray-dark);
    transition:-webkit-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
    transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
  }
  .offcanvas-collapse.open {
    -webkit-transform:translateX(-1rem);
    transform:translateX(-1rem)
  }
}
.nav-scroller {
  position:relative;
  z-index:2;
  height:2.75rem;
  overflow-y:hidden
}
.nav-scroller .nav {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  padding-bottom:1rem;
  margin-top:-1px;
  overflow-x:auto;
  color:rgba(255,255,255,0.75);
  text-align:center;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch
}
.nav-underline .nav-link {
  padding-top:.75rem;
  padding-bottom:.75rem;
  font-size:.875rem;
  color:var(--secondary)
}
.nav-underline .nav-link:hover {
  color:var(--blue)
}
.nav-underline .active {
  font-weight:500;
  color:var(--gray-dark)
}
.text-white-50 {
  color:rgba(255,255,255,0.5)
}
.bg-purple {
  background-color:var(--purple)
}
.border-bottom {
  border-bottom:1px solid #e5e5e5
}
.box-shadow {
  box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.05)
}
.lh-100 {
  line-height:1
}
.lh-125 {
  line-height:1.25
}
.lh-150 {
  line-height:1.5
}
.b-header .navbar {
  height:56px
}
body {
  background:#f1f1f1;
  font-family:Roboto
}
.bread {
  background:#f9f9f9;
  padding:10px 0;
  margin-bottom:15px;
  border-top:1px solid #ededed;
  border-bottom:1px solid #e5e5e5
}
.bread .fa {
  margin:0 5px
}
.bread a,
.bread .fa {
  color:#1F5CA9
}
.bread a.fa-home,
.bread .fa.fa-home {
  margin:0px
}
.quatrang {
  margin-top:10px;
  text-align:center
}
.quatrang span.page-numbers {
  background:#fff;
  padding:8px 15px;
  font-size:15px;
  color:#333;
  border-radius:2px
}
.quatrang a.page-numbers {
  background:#fff;
  padding:8px 15px;
  font-size:15px;
  color:#fff;
  background:#1F5CA9;
  transition:all .3s;
  border-radius:2px
}
.quatrang a.page-numbers:hover {
  color:#333;
  background:#fff
}
header {
  background:#fff
}
header .top-header {
  color:#fff;
  background:#333
}
header .top-header a {
  color:#fff
}
header .top-header p {
  margin:0;
  padding:0;
  line-height:30px;
  font-size:13px
}
header .top-header .top-left span {
  margin-right:10px
}
header .top-header .top-right span {
  margin-left:15px
}
header .top-header .top-right span .fa {
  display:inline-block;
  margin-left:5px;
  color:#b1b1b1
}
header .top-header .top-right span .fa:hover {
  color:#fff
}
header .main-header {
  padding:10px 0;
  padding-bottom:6px
}
header .main-header .logo {
  float:left;
  width:100px
}
header .main-header .logo h1 {
  display:none
}
header .main-header .top-menu {
  padding:20px 15px;
  float:left;
  width:calc(100% - 200px)
}
header .main-header .top-menu ul {
  text-align:center
}
header .main-header .top-menu ul li {
  display:inline-block;
  position:relative
}
header .main-header .top-menu ul li ul {
  text-align:left;
  position:absolute;
  width:200px;
  background:rgba(255,255,255,0.82);
  left:0;
  z-index:99;
  top:60px;
  visibility:hidden;
  opacity:0;
  transition:all .3s
}
header .main-header .top-menu ul li ul li {
  width:100%;
  padding:0
}
header .main-header .top-menu ul li ul li a {
  text-transform:inherit;
  padding:10px 12px;
  width:100%;
  display:inline-block
}
header .main-header .top-menu ul li ul li a:before {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f101";
  margin-right:5px
}
header .main-header .top-menu ul li:hover ul {
  opacity:1;
  top:46px;
  visibility:visible;
  transition:all .3s
}
header .main-header .top-menu ul li.current-menu-item a {
  color:#1F5CA9
}
header .main-header .top-menu ul li a {
  text-transform:uppercase;
  padding:29px 20px
}
header .main-header .top-menu ul li a:hover {
  color:#1F5CA9
}
header .main-header .button-submit a {
  width:100px;
  float:left;
  border:1px #2b55a2 solid;
  color:#1F5CA9;
  padding:10px;
  border-radius:3px;
  text-align:center;
  margin-top:6px
}
#content .title {
  text-align:center;
  position:relative;
  padding-bottom:15px;
  margin-bottom:30px
}
#content .title h2,
#content .title h1 {
  text-transform:uppercase;
  font-weight:700;
  font-size:35px;
  color:#333
}
#content .title p {
  font-size:16px;
  margin-top:10px;
  font-weight:400
}
#content .title:after {
  content:'';
  display:inline-block;
  width:140px;
  height:2px;
  background:#999;
  position:absolute;
  bottom:0px;
  left:calc(50% - 70px);
  z-index:8
}
#content .title:before {
  content:'';
  display:inline-block;
  width:80px;
  height:2px;
  background:#1F5CA9;
  position:absolute;
  bottom:0px;
  left:calc(50% - 40px);
  z-index:9
}
#content .detail-gird {
  background:#fff;
  margin-bottom:30px;
  box-shadow:0 0 35px rgba(0,0,0,0.1)
}
#content .detail-gird .img-post {
  position:relative
}
#content .detail-gird .img-post .label-sale {
  position:absolute;
  top:9px;
  right:5px;
  display:inline-block;
  background:#1F5CA9;
  color:#fff;
  padding:5px 10px;
  border-radius:2px
}
#content .detail-gird .img-post .label-sale:before {
  content:'';
  width:12px;
  height:12px;
  background:transparent;
  position:absolute;
  z-index:9;
  top:0;
  left:50%;
  margin:-6px 0 0 -6px;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:2px solid #2b55a2
}
#content .detail-gird .info-reals {
  padding:10px
}
#content .detail-gird .info-reals h4 {
  height:45px;
  overflow:hidden;
  margin-bottom:10px
}
#content .detail-gird .info-reals h4 a {
  font-size:16px;
  color:#fc0707;
  font-weight:500;
  line-height:23px;
  display:inline-block
}
#content .detail-gird .info-reals h4 a:hover {
  color:#FF9800
}
#content .detail-gird .info-reals .address {
  font-size:14px;
  color:#555;
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px solid #ededed
}
#content .detail-gird .info-reals .address .fa {
  margin-right:5px;
  color:#1F5CA9
}
#content .detail-gird .info-icon {
  margin-top:10px
}
#content .detail-gird .info-icon span {
  display:inline-block
}
#content .detail-gird .info-icon span:first-child {
  margin-bottom:10px
}
#content .detail-gird .info-icon span>.fa {
  font-size:14px;
  color:#1F5CA9;
  margin-right:5px
}
#content .detail-gird .info-icon span a {
  color:#1F5CA9
}
#content .detail-list {
  border:1px solid #ededed;
  padding:10px;
  margin-bottom:20px;
  background:rgba(241,241,241,0.15)
}
#content .detail-list:hover {
  box-shadow:0 0 35px rgba(0,0,0,0.1)
}
#content .detail-list img {
  width:200px;
  height:140px;
  object-fit:cover;
  float:left;
  padding:1px;
  border:1px solid #ededed;
  margin-right:10px
}
#content .detail-list .info-real {
  width:calc(100% - 215px);
  float:left
}
#content .detail-list .info-real h4 a {
  font-size:17px;
  color:#1F5CA9;
  font-weight:500;
  display:inline-block;
  margin-bottom:10px;
  line-height:23px
}
#content .detail-list .info-real h4 a:hover {
  color:#FF9800
}
#content .detail-list .info-real p {
  margin-bottom:5px
}
#content .detail-list .info-real p strong {
  color:#666
}
#content .detail-list .info-real p .fa {
  display:inline-block;
  width:25px;
  color:#fff;
  height:25px;
  text-align:center;
  background:#1F5CA9;
  line-height:25px;
  border-radius:2px;
  font-size:13px
}
#content .slider {
  position:relative
}
#content .slider img {
  width:100%;
  max-height:600px;
  object-fit:cover
}
#content .slider .carousel-control-prev-icon {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#fff;
  font-size:20px;
  height:40px;
  width:40px;
  text-align:center;
  line-height:40px;
  border:1px solid #fff;
  border-radius:50%;
  background:none
}
#content .slider .carousel-control-prev-icon:before {
  content:"\f104"
}
#content .slider .carousel-control-next-icon {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background:none;
  color:#fff;
  font-size:20px;
  height:40px;
  width:40px;
  text-align:center;
  line-height:40px;
  border:1px solid #fff;
  border-radius:50%
}
#content .slider .carousel-control-next-icon:before {
  content:"\f105"
}
#content .box-search {
  width:100%;
  left:0;
  bottom:100px;
  position:absolute
}
#content .box-search .form-search {
  background:rgba(255,255,255,0.85);
  padding:30px;
  padding-bottom:10px;
  border-radius:3px
}
#content .box-search .form-search .form-control {
  background:#fff;
  border:1px solid #d6d6d6;
  font-size:14px;
  margin-bottom:30px;
  box-shadow:none;
  border-radius:0px
}
#content .box-search .form-search button {
  background:#1F5CA9;
  color:#fff;
  height:38px;
  width:100%;
  border-radius:0;
  border:0
}
#content .box-search .form-search div#slider-range {
  height:5px;
  background:#1F5CA9;
  border:none;
  margin-bottom:10px;
  margin-top:5px
}
#content .box-search .form-search span.ui-slider-handle.ui-corner-all.ui-state-default {
  height:18px;
  width:18px;
  border-radius:50%;
  background:#1F5CA9;
  border:none;
  top:calc(50% - 9px);
  cursor:pointer
}
#content .box-search .form-search .ui-widget-header {
  background:#FF9800
}
#content .box-s-child {
  position:relative;
  bottom:0;
  margin:30px 0
}
#content .featured {
  padding:50px 0
}
#content .featured .content-featured {
  position:relative
}
#content .featured .content-featured .owl-nav {
  position:absolute;
  width:100%;
  top:calc(50% - 40px)
}
#content .featured .content-featured .owl-nav .owl-prev,
#content .featured .content-featured .owl-nav .owl-next {
  position:relative;
  height:30px;
  width:30px;
  text-align:center;
  line-height:30px;
  background:#1F5CA9;
  color:#fff;
  float:left;
  font-size:13px;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg)
}
#content .featured .content-featured .owl-nav .owl-prev .fa,
#content .featured .content-featured .owl-nav .owl-next .fa {
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
#content .featured .content-featured .owl-nav .owl-prev {
  left:-15px
}
#content .featured .content-featured .owl-nav .owl-next {
  float:right;
  right:-15px
}
#content .main-content,
#content .cat-product {
  padding:50px 0;
  background:#fff
}
#content .main-content.child-page,
#content .cat-product.child-page {
  padding:20px 0;
  background:none
}
#content .main-content .block-reals ul,
#content .cat-product .block-reals ul {
  background:#f1f1f1;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  overflow:hidden;
  border-bottom:0px;
  margin-bottom:15px
}
#content .main-content .block-reals ul li a,
#content .cat-product .block-reals ul li a {
  font-size:14px;
  text-transform:uppercase;
  border:none;
  border-radius:0px;
  font-weight:500;
  color:#333;
  padding:10px 20px
}
#content .main-content .block-reals ul li a.active,
#content .cat-product .block-reals ul li a.active {
  background:#1F5CA9;
  color:#fff
}
#content .main-content .block-reals .tab-content .tab-pane,
#content .cat-product .block-reals .tab-content .tab-pane {
  padding:0px
}
#content .main-content .block-reals .tab-content .tab-pane .more,
#content .cat-product .block-reals .tab-content .tab-pane .more {
  text-align:center
}
#content .main-content .block-reals .tab-content .tab-pane .more a,
#content .cat-product .block-reals .tab-content .tab-pane .more a {
  display:inline-block;
  padding:10px 30px;
  color:#fff;
  background:#1F5CA9;
  border-radius:3px
}
#content .section-travel {
  padding:50px 0
}
#content .section-travel .hot-place .grid-destination {
  margin-left:-7.5px;
  margin-right:-7.5px;
  text-align:center;
  height:auto
}
#content .section-travel .hot-place .grid-destination .row-mn {
  padding-left:7.5px !important;
  padding-right:7.5px !important
}
#content .section-travel .hot-place .grid-destination .grid-item {
  margin-bottom:15px;
  position:relative;
  font-size:14px;
  word-spacing:normal;
  text-align:center;
  cursor:default;
  width:100%;
  height:260px;
  overflow:hidden;
  border-radius:5px;
  background:#000
}
#content .section-travel .hot-place .grid-destination .grid-item a img {
  position:absolute;
  left:50%;
  top:50%;
  min-height:100%;
  width:auto;
  min-width:100%;
  border-radius:5px;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  background-image:url(../images/imgholder.png);
  background-size:cover;
  background-position:center
}
#content .section-travel .hot-place .grid-destination .grid-item a .backdrop-overlay {
  background-color:rgba(0,0,0,0.18);
  position:absolute;
  width:100%;
  height:100%;
  z-index:9;
  padding:40px 20px
}
#content .section-travel .hot-place .grid-destination .grid-item a .backdrop-overlay .place-name {
  height:40px;
  text-align:center;
  padding-bottom:10px;
  -webkit-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
  -webkit-transform:translateY(60px);
  -ms-transform:translateY(60px);
  transform:translateY(60px);
  margin:0
}
#content .section-travel .hot-place .grid-destination .grid-item a .backdrop-overlay .place-name h4 {
  margin:0px;
  line-height:30px;
  margin-bottom:5px;
  font-weight:600;
  font-size:24px;
  color:#ffffff;
  text-shadow:0 2px 4px rgba(0,0,0,0.5)
}
#content .section-travel .hot-place .grid-destination .grid-item a .backdrop-overlay .place-name span {
  width:40px;
  height:2px;
  background-color:#ffffff;
  display:inline-block;
  margin:0 auto
}
#content .section-travel .hot-place .grid-destination .grid-item a .backdrop-overlay .place-info {
  margin:0px auto;
  font-size:15px;
  color:#ffffff;
  text-align:center;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0);
  -webkit-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
  margin-top:20px
}
#content .section-travel .hot-place .grid-destination .grid-item a .backdrop-overlay .place-info i {
  font-size:20px;
  margin-right:10px
}
#content .section-travel .hot-place .grid-destination .grid-item a .backdrop-overlay:hover .place-name {
  -webkit-transform:translateY(0px);
  -ms-transform:translateY(0px);
  transform:translateY(0px)
}
#content .section-travel .hot-place .grid-destination .grid-item a .backdrop-overlay:hover .place-info {
  opacity:1;
  filter:alpha(opacity=100);
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#content .sidebar .widget {
  margin-bottom:25px;
  background:#fff
}
#content .sidebar .widget h3 {
  background:#1F5CA9;
  color:#fff;
  text-transform:uppercase;
  border-top-right-radius:3px;
  border-top-left-radius:3px;
  overflow:hidden;
  margin-bottom:20px
}
#content .sidebar .widget h3 span .fa {
  height:35px;
  width:35px;
  background:#FF9800;
  text-align:center;
  line-height:35px;
  margin-right:5px
}
#content .sidebar .widget .content-w {
  padding:5px
}
#content .sidebar .widget .content-w ul li {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dashed #ededed
}
#content .sidebar .widget .content-w ul li img {
  width:90px;
  height:90px;
  object-fit:cover;
  padding:1px;
  border:1px solid #ededed;
  float:left;
  margin-right:5px
}
#content .sidebar .widget .content-w ul li h4 a {
  color:#1F5CA9;
  font-weight:500;
  line-height:20px
}
#content .sidebar .widget .content-w ul li h4 a:hover {
  color:#FF9800
}
#content .sidebar .widget .content-w ul li p {
  margin-top:5px
}
#content .sidebar .widget .content-w ul li p span {
  color:#888;
  font-size:13px
}
#content .sidebar .widget .content-view {
  padding:5px
}
#content .sidebar .widget .content-view ul li {
  margin-bottom:10px;
  text-align:justify
}
#content .sidebar .widget .content-view ul li a {
  font-size:14px;
  font-family:Roboto;
  color:#333
}
#content .sidebar .widget .content-view ul li a:before {
  content:'';
  display:inline-block;
  height:5px;
  width:5px;
  font-weight:500;
  background:#1F5CA9;
  margin-right:5px
}
#content .sidebar .widget .content-view ul li a:hover {
  color:#1F5CA9
}
#content .sidebar .widget .content-project ul li {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #ededed
}
#content .sidebar .widget .content-project ul li img {
  width:100%;
  padding:1px;
  border:1px solid #ededed;
  margin-bottom:5px
}
#content .sidebar .widget .content-project ul li img:hover {
  opacity:.8
}
#content .sidebar .widget .content-project ul li h4 {
  text-align:center
}
#content .sidebar .widget .content-project ul li h4 a {
  font-size:15px;
  font-weight:600;
  color:#1F5CA9
}
footer {
  background:#fff
}
footer .top-footer {
  background:#1F5CA9;
  padding:20px 0
}
footer .top-footer .sub-mail .mail-text {
  width:300px;
  float:left
}
footer .top-footer .sub-mail .mail-text .fa {
  color:#fff;
  float:left;
  font-size:48px;
  height:60px;
  color:#fff;
  margin-right:10px
}
footer .top-footer .sub-mail .mail-text p {
  color:#fff;
  font-size:13px
}
footer .top-footer .sub-mail .mail-text p span {
  display:block;
  text-transform:uppercase;
  font-weight:500;
  font-size:17px
}
footer .top-footer .sub-mail form {
  float:left;
  width:calc(100% - 300px);
  position:relative;
  padding-top:10px
}
footer .top-footer .sub-mail form input {
  background:rgba(255,255,255,0.26);
  border:1px solid #fff;
  border-radius:0px;
  width:100%;
  box-shadow:none;
  height:45px;
  box-sizing:border-box;
  color:#fff
}
footer .top-footer .sub-mail form input::-webkit-input-placeholder {
  color:#ededed
}
footer .top-footer .sub-mail form input::-moz-placeholder {
  color:#ededed
}
footer .top-footer .sub-mail form input:-ms-input-placeholder {
  color:#ededed
}
footer .top-footer .sub-mail form input:-moz-placeholder {
  color:#ededed
}
footer .top-footer .sub-mail form button {
  height:45px;
  background:#FF9800;
  color:#fff;
  box-shadow:none;
  border-radius:0px;
  padding:0px;
  width:80px;
  float:right;
  box-sizing:border-box;
  border:1px solid #fff;
  position:absolute;
  top:10px;
  right:0
}
footer .top-footer .top-social-footer ul {
  padding-top:10px;
  text-align:center
}
footer .top-footer .top-social-footer ul li {
  display:inline-block
}
footer .top-footer .top-social-footer ul li .fa {
  width:45px;
  height:45px;
  line-height:45px;
  text-align:center;
  border:1px solid #fff;
  border-radius:50%;
  color:#fff;
  margin:0 8px;
  font-size:17px;
  transition:all .3s
}
footer .top-footer .top-social-footer ul li .fa:hover {
  background:#0063d1
}
footer .content-footer {
  padding-top:50px;
  padding-bottom:30px;
  background:#202020;
  color:#ededed
}
footer .content-footer h3 {
  font-size:18px;
  text-transform:uppercase;
  color:#fff;
  padding-bottom:15px;
  border-bottom:1px solid #0c0c0c
}
footer .content-footer .block-content-ft {
  border-top:1px solid #FF9800;
  padding-top:15px;
  margin-bottom:30px
}
footer .content-footer .block-content-ft img {
  width:200px;
  margin-bottom:15px
}
footer .content-footer .block-content-ft ul li {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dashed #FF9800
}
footer .content-footer .block-content-ft ul li a {
  color:#fff
}
footer .content-footer .block-content-ft ul li a:hover {
  color:#1F5CA9
}
footer .content-footer .block-content-ft ul li a .fa {
  color:#1F5CA9;
  margin-right:5px
}
footer .content-footer .info-contact {
  margin-top:15px
}
footer .content-footer .info-contact p {
  font-size:13px;
  margin-bottom:10px
}
footer .content-footer .info-contact p .fa {
  width:20px;
  color:#1F5CA9
}
footer .content-footer .info-contact p .fa.fa-envelope-open {
  color:#1F5CA9
}
footer .content-footer .info-contact p .fa.fa-phone {
  color:#e91e63
}
footer .content-footer .info-contact p .fa.fa-globe {
  color:#ffc107
}
footer .content-footer .info-contact p span {
  color:#fff
}
footer .copyright {
  padding:15px;
  text-align:center;
  background:#333;
  color:#fff
}
footer .back-to-top {
  position:fixed;
  bottom:26px;
  right:100px;
  display:none;
  cursor:pointer;
  z-index:99
}
footer .back-to-top i {
  background:#1F5CA9;
  padding:5px 10px;
  color:#ffffff;
  font-size:30px;
  font-weight:bold
}
.single-post-news {
  padding:10px 20px 0;
  background:#fff;
  border:1px solid #dddfe2;
  border-radius:3px
}
.single-post-news .meta-post-single {
  position:relative;
  padding-bottom:10px;
  border-bottom:1px solid #eee;
  margin-bottom:10px
}
.single-post-news .meta-post-single img {
  float:left;
  width:50px;
  height:50px;
  border-radius:50%;
  margin-right:15px
}
.single-post-news .meta-post-single p.author {
  font-weight:600;
  font-size:16px
}
.single-post-news .meta-post-single a {
  color:#555;
  font-size:13px
}
.single-post-news .meta-post-single a:hover {
  color:#1F5CA9
}
.single-post-news .meta-post-single span {
  color:#555;
  font-size:13px
}
.single-post-news .meta-post-single .social-post {
  position:absolute;
  top:10px;
  right:10px
}
.single-post-news .meta-post-single .social-post div#___plusone_0 {
  position:relative;
  top:5px
}
.single-post-news .content-single-news h1 {
  font-size:23px;
  font-family:Roboto;
  font-weight:700;
  color:#333;
  margin-bottom:17px;
  line-height:30px
}
.single-post-news .content-single-news article.post-content p {
  font-size:14px
}
.single-post-news .content-single-news article.post-content h2 {
  font:400 20px/normal Utm-Avo-bold,sans-serif;
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid #ededed
}
.single-post-news .tags-post {
  margin-bottom:15px
}
.single-post-news .tags-post a {
  display:inline-block;
  padding:3px 15px;
  border:1px solid #dcdcdc;
  margin-bottom:2px;
  color:#333;
  background:#fbfbfb
}
.single-post-news .tags-post a:hover {
  background:#808080;
  color:#fff;
  border-color:#808080
}
.post-views-sidebar {
  background:#fff;
  border:1px solid #dddfe2;
  border-radius:3px;
  margin-bottom:20px
}
.post-views-sidebar .nav-tab-sidebar {
  width:100%;
  text-align:center;
  border-bottom:1px solid #ededed
}
.post-views-sidebar .nav-tab-sidebar li {
  display:inline-block;
  width:50%
}
.post-views-sidebar .nav-tab-sidebar li a {
  padding:10px 0;
  text-transform:uppercase;
  color:#333;
  border-bottom:2px solid #fff;
  font-size:13px
}
.post-views-sidebar .nav-tab-sidebar li a.active {
  border-color:#1F5CA9;
  color:#1F5CA9
}
.post-views-sidebar div#pills-tabContent {
  padding:10px
}
.post-views-sidebar div#pills-tabContent .list-news {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #ededed
}
.post-views-sidebar div#pills-tabContent .list-news img {
  float:left;
  width:70px;
  height:70px;
  object-fit:cover;
  border-radius:3px;
  margin-right:10px
}
.post-views-sidebar div#pills-tabContent .list-news .info-post {
  float:left;
  width:calc(100% - 80px)
}
.post-views-sidebar div#pills-tabContent .list-news .info-post h4 {
  font-size:14px;
  font-weight:600;
  line-height:19px
}
.post-views-sidebar div#pills-tabContent .list-news .info-post h4 a {
  color:#333;
  font-weight:500
}
.post-views-sidebar div#pills-tabContent .list-news .info-post h4 a:hover {
  color:#1F5CA9
}
.post-views-sidebar div#pills-tabContent .list-news .info-post span {
  display:inline-block;
  font-size:12px;
  color:#555
}
.rel-tour {
  margin-top:-100px
}
.rel-tour h3 {
  font-family:Roboto;
  font-weight:600;
  text-transform:uppercase;
  color:#333;
  position:relative;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:1px solid #6d6d6d;
  font-size:18px
}
.rel-tour.rel-post {
  margin-top:30px
}
.rel-tour.rel-post .rel-content .detail-rel {
  background:#fff;
  padding:8px;
  margin-bottom:30px;
  border:1px solid #eaeaea
}
.rel-tour.rel-post .rel-content .detail-rel img {
  padding:1px;
  border:1px solid #ededed
}
.rel-tour.rel-post .rel-content .detail-rel img:hover {
  opacity:.8
}
.rel-tour.rel-post .rel-content .detail-rel h4 {
  margin:5px 0;
  line-height:20px;
  height:40px;
  overflow:hidden
}
.rel-tour.rel-post .rel-content .detail-rel h4 a {
  font-size:15px;
  font-weight:500;
  color:#1F5CA9
}
.rel-tour.rel-post .rel-content .detail-rel h4:hover a {
  color:#00ab9b
}
.rel-tour.rel-post .rel-content .detail-rel .meta-date {
  font-size:13px;
  color:#555
}
.title-cat {
  font:600 25px/normal Roboto,sans-serif;
  text-transform:uppercase;
  color:#333;
  position:relative;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:1px solid #6d6d6d
}
.category-page .title-cat {
  font:600 25px/normal Roboto,sans-serif;
  text-transform:uppercase;
  color:#333;
  position:relative;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:1px solid #6d6d6d
}
.category-page .category-news .list-news {
  background:#fff;
  padding:8px;
  margin-bottom:20px;
  border:1px solid #eaeaea
}
.category-page .category-news .list-news img {
  width:250px;
  padding:1px;
  object-fit:cover;
  border:1px solid #ededed;
  float:left;
  margin-right:10px
}
.category-page .category-news .list-news img:hover {
  opacity:.8
}
.category-page .category-news .list-news h4 {
  font-size:20px;
  margin-bottom:5px;
  line-height:23px
}
.category-page .category-news .list-news h4 a {
  color:#333;
  font-weight:700
}
.category-page .category-news .list-news h4 a:hover {
  color:#1F5CA9
}
.category-page .category-news .list-news .meta {
  margin:5px 0
}
.category-page .category-news .list-news .meta span {
  display:inline-block;
  margin-right:20px;
  color:#888;
  font-size:13px
}
.category-page .category-news .list-news .more a {
  display:inline-block;
  font-size:13px;
  margin-top:5px;
  padding:5px 10px;
  background:linear-gradient(90deg, #2b55a2 0%, #FF9800 100%);
  color:#fff;
  border-radius:30px
}
.category-page .category-news .list-news .more a:hover {
  background:#1F5CA9
}
.map-page {
  margin-bottom:20px
}
.info-contact-page {
  background:#fff;
  padding:30px 0
}
.info-contact-page .block-content-ft-contact h1 {
  font:600 25px/normal Roboto,sans-serif;
  text-transform:uppercase;
  margin-bottom:20px
}
.info-contact-page .block-content-ft-contact p {
  margin-bottom:10px
}
.info-contact-page .block-content-ft-contact p .fa {
  color:#1F5CA9;
  width:20px
}
.info-contact-page .form-contact .form-control {
  font-size:14px;
  margin-bottom:10px;
  border:1px solid #2b55a2
}
.info-contact-page .form-contact textarea.form-control {
  height:140px
}
.info-contact-page .form-contact input.wpcf7-form-control.wpcf7-submit.contact-button {
  padding:9px 23px;
  border-radius:20px;
  border:none;
  background:#1F5CA9;
  color:#fff
}
.info-contact-page .form-contact .contact-button {
  padding:9px 23px;
  border-radius:20px;
  border:none;
  background:#1F5CA9;
  color:#fff
}
.title-single-reals {
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid #ededed;
  position:relative
}
.title-single-reals h1 {
  font-family:Roboto;
  font-size:25px;
  margin-bottom:5px;
  font-weight:600;
  color:#333
}
.title-single-reals .star {
  margin:10px 0
}
.title-single-reals .star .fa {
  font-size:22px;
  margin-right:5px;
  color:#ff8f2b
}
.title-single-reals .address {
  color:#666
}
.title-single-reals .price {
  position:absolute;
  right:0;
  top:calc(50% - 35px);
  font-size:17px
}
.title-single-reals .price strong {
  color:#e00;
  font-size:30px
}
.single-khach-san .imageGallery img {
  width:calc(100% - 1px);
  object-fit:cover;
  border:1px solid #d8d8d8;
  padding:4px;
  box-shadow:0 1px 1px rgba(0,0,0,0.1);
  background:#fff;
  cursor:pointer
}
.single-khach-san .lSSlideOuter .lSPager.lSGallery img {
  display:block;
  width:100%;
  object-fit:cover;
  height:80px;
  border:1px solid #fff;
  border-radius:0px;
  border:1px solid #d8d8d8;
  padding:4px;
  box-shadow:0 1px 1px rgba(0,0,0,0.1);
  background:#fff;
  cursor:pointer
}
.single-khach-san .utility {
  padding:10px;
  background:#fff;
  margin-top:20px;
  box-shadow:0 1px 1px rgba(0,0,0,0.1)
}
.single-khach-san .utility h3 {
  font-weight:700;
  color:#333;
  text-transform:uppercase;
  margin-bottom:10px;
  padding-bottom:10px;
  font-size:20px;
  border-bottom:1px solid #ededed
}
.single-khach-san .utility ul li {
  float:left;
  width:33.3333333%;
  font-size:15px;
  margin-bottom:7px
}
.single-khach-san .utility ul li i.fa.fa-check {
  color:#57985a;
  margin-right:5px
}
.single-khach-san .utility ul li i.fa.fa-times {
  color:#e00;
  margin-right:5px
}
.single-khach-san .content-text {
  padding:10px;
  background:#fff;
  margin-top:20px;
  box-shadow:0 1px 1px rgba(0,0,0,0.1)
}
.single-khach-san .content-text h3 {
  font-weight:700;
  color:#333;
  text-transform:uppercase;
  margin-bottom:10px;
  padding-bottom:10px;
  font-size:20px;
  border-bottom:1px solid #ededed
}
.single-khach-san .rel-hotel {
  margin-top:20px
}
.single-khach-san .rel-hotel h3 {
  font:600 25px/normal Roboto,sans-serif;
  text-transform:uppercase;
  color:#333;
  position:relative;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:1px solid #6d6d6d
}
.content-info-real .list-info {
  font-size:16px;
  display:block;
  padding:10px 0
}
.content-info-real .list-info .color {
  color:#1F5CA9
}
.content-info-real .list-address {
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #ededed
}
.content-wcontact p {
  font-size:16px;
  display:block;
  padding:5px 0
}
.content-wcontact p .color {
  color:#1F5CA9
}
.info-icon-project strong {
  display:inline-block;
  width:114px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  position:relative;
  top:5px
}
.formdangnhap {
  margin:30px auto !important;
  max-width:450px;
  background:#f7f7f7;
  padding:30px;
  border:10px solid #ededed
}
p.login-username input,
p.login-password input {
  border:none;
  padding:10px;
  font-size:13px !important;
  font-weight:700 !important;
  background-color:#ffffff;
  border-left:4px solid #1F5CA9;
  box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
  margin-top:5px;
  width:100%
}
.formdangnhap label {
  color:#777;
  font-weight:500;
  margin-top:10px
}
p.login-submit input {
  width:100%;
  background:#1F5CA9;
  box-shadow:none;
  color:#FFF;
  text-decoration:none;
  border:none;
  height:37px;
  border-radius:2px;
  margin-top:10px;
  text-transform:uppercase;
  font-size:15px
}
p.login-submit input:hover {
  background:#2e6363
}
.dangkytaikhoan {
  margin:30px auto !important;
  max-width:450px;
  background:#f7f7f7;
  padding:30px;
  border:10px solid #ededed
}
.dangkytaikhoan label {
  width:100%;
  display:block;
  font-weight:400;
  color:#1F5CA9
}
.dangkytaikhoan .form-control {
  border:none;
  padding:10px;
  font-size:13px !important;
  font-weight:700 !important;
  background-color:#ffffff;
  border-left:4px solid #1F5CA9;
  box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
  margin-top:5px;
  width:100%;
  border-radius:0
}
.dangkytaikhoan .form-group {
  margin-bottom:20px
}
.dangkytaikhoan button.btn.btn-primary {
  width:100%;
  background:#1F5CA9;
  box-shadow:none;
  color:#FFF;
  text-decoration:none;
  border:none;
  height:37px;
  border-radius:2px;
  margin-top:10px;
  text-transform:uppercase;
  font-size:15px
}
div#message .red {
  background:#ffe1d8;
  padding:5px;
  text-align:center;
  font-size:14px;
  color:#e00
}
div#message .blue {
  background:#dbf4ff;
  padding:5px;
  text-align:center;
  font-size:14px;
  color:#0b93ff
}
span.screen-reader-text {
  display:none
}
label.screen-reader-text {
  display:none
}
a.edit-attachment {
  display:none !important
}
img.list-post-img {
  width:110px;
  height:80px !important;
  object-fit:cover;
  border:1px solid #ededed;
  padding:1px
}
article.post-content td {
  border:1px solid #f1f1f1
}
.login-social {
  text-align:center
}
.login-social a {
  float:left;
  width:48%;
  display:inline-block;
  border-radius:3px;
  height:40px;
  background:#4267b2;
  color:#fff !important;
  line-height:40px;
  text-decoration:none !important
}
.wp-social-login-provider-list {
  padding:0px !important;
  margin:0 -5px !important;
  clear:both
}
.wp-social-login-widget-clearing {
  clear:both
}
a.wp-social-login-provider.wp-social-login-provider-facebook {
  float:left
}
a.wp-social-login-provider.wp-social-login-provider-google {
  float:right;
  background:#d34836
}
.acf-google-map .title:after {
  display:none !important
}
.acf-google-map .title:before {
  display:none !important
}
.acf-input-wrap input {
  height:34px;
  margin-bottom:0px !important;
  border:1px solid #989898;
  border-radius:2px
}
.acf-field select {
  height:34px;
  border-radius:2px;
  border:1px solid #969696
}
input.acf-button.button.button-primary.button-large {
  padding:10px 30px;
  position:relative;
  background:#1F5CA9;
  left:11px;
  color:#fff;
  border:1px solid #2b55a2;
  margin-bottom:10px;
  cursor:pointer
}
a.acf-button.button,
button.btn-update-profile {
  float:left;
  display:block;
  width:120px;
  background:#2196F3;
  text-align:center;
  height:40px;
  line-height:40px;
  color:#fff;
  border:none;
  border-radius:2px
}
.hide-if-value p {
  visibility:hidden
}
.hide-if-value p a {
  visibility:visible
}
.hide-if-value p a:hover {
  color:#fff;
  text-decoration:none;
  background:#009688
}
a.acf-button.button.button-primary.acf-gallery-add:hover {
  color:#fff;
  position:relative;
  text-decoration:none;
  background:#1F5CA9
}
.acf-google-map .title {
  margin-bottom:0px !important;
  padding-bottom:0px !important
}
ul.phantrang {
  text-align:center
}
ul.phantrang li {
  display:inline-block
}
ul.phantrang li a {
  display:inline-block;
  padding:2px 10px;
  background:#8e92ff;
  margin:0 4px;
  color:#fff
}
ul.phantrang li a:hover,
ul.phantrang li.active a {
  background:#3F51B5
}
span.poststatus.pending {
  background:#ffaeae !important;
  padding:5px 10px;
  color:#353535;
  border-radius:3px;
  width:100%;
  display:inline-block;
  text-align:center
}
span.poststatus.publish {
  background:#afdaba !important;
  padding:5px 10px;
  color:#353535;
  border-radius:3px;
  width:100%;
  display:inline-block;
  text-align:center
}
span.poststatus.draft {
  background:#b7b7b7 !important;
  padding:5px 10px;
  color:#353535;
  border-radius:3px;
  width:100%;
  display:inline-block;
  text-align:center
}
span.status-post-Check a .fa {
  width:30px;
  height:30px;
  display:inline-block;
  border:1px solid #ededed;
  background:#ededed;
  text-align:center;
  line-height:30px;
  border-radius:50%;
  font-size:11px
}
span.status-post-Check a i.fa.fa-pencil {
  background:#FF5722;
  color:#fff
}
span.status-post-Check a i.fa.fa-eye {
  background:#03A9F4;
  color:#fff
}
a.duy-up {
  padding:2px 15px;
  display:inline-block;
  background:#1F5CA9;
  border-radius:2px;
  color:#fff !important
}
.content-w.content-user-widget ul li .fa {
  margin-right:7px;
  color:#FF5722;
  width:13px
}
.content-w.content-user-widget ul li {
  padding-left:10px
}
.content-w.content-user-widget ul li a {
  color:#737373;
  font-size:15px;
  font-weight:500
}
.content-w.content-user-widget ul li a:hover {
  color:#ff9800
}
a.avt-user img {
  width:20px;
  height:20px;
  border-radius:50%
}
.acc-top {
  position:absolute;
  background:#585858f0;
  right:0;
  width:160px;
  z-index:9;
  display:none
}
.top-right {
  position:relative
}
.acc-top ul li {
  padding:0px 15px
}
.acc-top ul li .fa {
  margin-right:7px
}
p.user-name {
  margin-bottom:0 !important;
  background:#f1f1f1;
  padding:8px 10px;
  border:1px solid #2b55a2;
  cursor:no-drop
}
.success {
  background:#daefff;
  padding:10px;
  color:#0071cc;
  font-size:14px;
  border:1px solid
}
.modal-header {
  padding:5px 5px
}
.modal-content {
  border-radius:0px;
  border:6px solid #ededed
}
.modal-header h5 {
  font-size:14px;
  text-transform:uppercase;
  display:block
}
.modal-body {
  padding:5px
}
.modal-body .pro-duct img {
  width:100%;
  border:1px solid #ededed;
  padding:1px;
  float:left;
  margin-right:15px
}
.modal-body .pro-duct {
  background:#f9f9f9;
  padding:5px;
  border:1px solid #f1f1f1
}
h5.press {
  text-align:center;
  font-size:15px;
  font-weight:500;
  text-transform:uppercase;
  margin:10px 0px 0px;
  color:#3F51B5
}
p.detail-decs {
  text-align:center;
  margin-bottom:10px;
  font-size:14px;
  font-weight:400
}
.form-contact-buy .form-control {
  border:1px solid #2b55a2;
  margin-bottom:10px;
  height:35px;
  font-size:14px;
  font-weight:400;
  background:#feffff
}
.form-contact-buy textarea.form-control {
  height:120px
}
.form-contact-buy input.wpcf7-form-control.wpcf7-submit.contact-button {
  padding:7px 20px;
  background:#1F5CA9;
  border-radius:30px;
  border:0;
  color:#fff
}
input.wpcf7-form-control.wpcf7-text.form-control-num {
  display:none
}
button.btn.btn-primary.button-contact-single {
  padding:7px 0;
  background:#1F5CA9;
  width:100%;
  border:none;
  box-shadow:none !important
}
.top-header-home {
  padding:20px;
  background:#3f5584
}
.top-header-home h1 {
  font-size:20px;
  font-weight:600;
  margin-bottom:10px;
  margin-top:10px
}
.top-header-home p {
  font-size:16px;
  line-height:23px
}
.content-banner img {
  border:1px solid #ededed;
  padding:1px
}
.top-footer {
  padding:20px 0px 20px 0px;
  background:#fff
}
.top-footer h3 {
  font-size:20px;
  text-transform:uppercase;
  font-weight:600;
  margin-bottom:10px;
  color:#1F5CA9;
  border-bottom:1px solid #c7c7c7;
  padding-bottom:5px
}
.top-footer h2 a {
  font-size:15px;
  display:inline-block;
  margin-bottom:8px
}
.top-footer h2 .fa {
  margin-right:4px
}
.top-footer h2 a:hover {
  color:#1F5CA9
}
@media (max-width: 1200px) {
  header .main-header .top-menu ul li a {
    padding:29px 10px
  }
  #content .detail-gird .info-reals .address {
    height:40px
  }
}
@media (max-width: 992px) {
  #content .box-search {
    width:100%;
    bottom:0;
    position:relative;
    margin-top:20px
  }
  .single-post-news {
    margin-bottom:30px
  }
  .quatrang {
    margin-bottom:20px
  }
}
@media (max-width: 767px) {
  header .main-header .top-menu ul {
    display:none
  }
  #content .detail-list img {
    width:140px;
    height:140px
  }
  #content .detail-list .info-real {
    width:calc(100% - 152px)
  }
  .title-single-reals .price {
    position:relative;
    font-size:13px
  }
  .cat-product.page-project {
    padding-top:10px !important
  }
  .g-recaptcha>div {
    border:1px solid #ededed;
    max-width:100%;
    overflow:hidden;
    border-right:2px solid #cecece;
    border-radius:5px
  }
}
@media (max-width: 640px) {
  .top-left.pull-left {
    display:none
  }
  #content .featured .content-featured .owl-nav .owl-next {
    float:right;
    right:-5px
  }
  #content .featured .content-featured .owl-nav .owl-prev {
    left:-5px
  }
  #content .detail-gird .img-post img {
    width:100%
  }
}
@media (max-width: 480px) {
  #content .main-content .block-reals ul li a,
  #content .cat-product .block-reals ul li a {
    padding:10px 15px
  }
  #content .main-content.child-page,
  #content .cat-product.child-page {
    padding-top:0px
  }
}
@media (max-width: 400px) {
  #content .main-content .block-reals ul li a,
  #content .cat-product .block-reals ul li a {
    font-size:13px;
    padding:10px 7px
  }
  #content .detail-list img {
    width:100%;
    margin-bottom:10px;
    height:180px
  }
  #content .detail-list .info-real {
    width:100%
  }
  .single-khach-san .lSSlideOuter .lSPager.lSGallery img {
    height:50px
  }
}
article.post-content cite,
article.post-content dfn,
article.post-content em {
  font-style:italic
}
article.post-content p {
  margin:0 0 20px;
  line-height:1.8;
  font-size:16px
}
article.post-content h1,
article.post-content h2,
article.post-content h3,
article.post-content h4,
article.post-content h5 {
  font-family:Roboto
}
article.post-content h1 {
  font-size:25px
}
article.post-content h2 {
  font-size:20px;
  margin-bottom:10px;
  font-weight:700
}
article.post-content h3 {
  font-size:18px;
  margin:15px 0px
}
article.post-content h4 {
  font-size:16px
}
article.post-content h5 {
  font-size:14px
}
article.post-content ol,
article.post-content ul {
  margin:16px 0;
  padding:0 0 0 40px
}
article.post-content ul {
  list-style-type:square
}
article.post-content ol {
  list-style:decimal outside
}
article.post-content li>ul,
article.post-content li>ol {
  margin:0
}
article.post-content dl {
  margin:0 20px
}
article.post-content dt {
  font-weight:bold
}
article.post-content dd {
  margin:0 0 20px
}
article.post-content strong {
  font-weight:bold
}
article.post-content code,
article.post-content kbd,
article.post-content pre,
article.post-content samp {
  font-family:monospace,serif;
  font-size:14px
}
article.post-content pre {
  background:#f5f5f5;
  color:#666;
  font-family:monospace;
  font-size:14px;
  margin:20px 0;
  overflow:auto;
  padding:20px;
  white-space:pre;
  white-space:pre-wrap;
  word-wrap:break-word
}
article.post-content blockquote,
article.post-content q {
  quotes:none
}
article.post-content blockquote:before,
article.post-content blockquote:after,
article.post-content q:before,
article.post-content q:after {
  content:"";
  content:none
}
article.post-content blockquote {
  font-size:24px;
  font-style:italic;
  font-weight:300;
  margin:24px 40px
}
article.post-content blockquote blockquote {
  margin-right:0
}
article.post-content blockquote cite,
article.post-content blockquote small {
  font-size:14px;
  font-weight:normal;
  text-transform:uppercase
}
article.post-content cite {
  border-bottom:0
}
article.post-content abbr[title] {
  border-bottom:1px dotted
}
article.post-content address {
  font-style:italic;
  margin:0 0 24px
}
article.post-content del {
  color:#333
}
article.post-content ins {
  background:#fff9c0;
  border:none;
  color:#333;
  text-decoration:none
}
article.post-content sub,
article.post-content sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
article.post-content sup {
  top:-0.5em
}
article.post-content sub {
  bottom:-0.25em
}
article.post-content a {
  color:#ca3c08;
  text-decoration:none
}
article.post-content a:visited {
  color:#ac0404
}
article.post-content a:focus {
  outline:thin dotted
}
article.post-content a:active,
article.post-content a:hover {
  color:#ea9629;
  outline:0
}
article.post-content a:hover {
  text-decoration:underline
}
article.post-content .alignleft {
  float:left;
  margin:5px 20px 5px 0
}
article.post-content .alignright {
  float:right;
  margin:5px 0 5px 20px
}
article.post-content .aligncenter {
  display:block;
  margin:5px auto
}
article.post-content img.alignnone {
  display:block;
  margin:5px auto
}
article.post-content table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:14px;
  line-height:2;
  margin:0 0 20px;
  width:100%
}
article.post-content caption,
article.post-content th,
article.post-content td {
  font-weight:normal !important;
  border:1px solid #ededed;
  text-align:left
}
article.post-content caption {
  font-size:16px;
  margin:20px 0
}
article.post-content th {
  font-weight:normal !important;
  text-transform:uppercase;
  border:1px solid #ededed
}
article.post-content td {
  border:1px solid #949494;
  padding:6px 10px 6px 10px
}
article.post-content img {
  height:auto;
  max-width:100%;
  vertical-align:middle;
  border:8
}
article.post-content img article.post-content img {
  border:8px solid #ededed
}
article.post-content .wp-caption {
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  text-align:left
}
article.post-content .wp-caption.alignleft {
  margin:5px 10px 5px 0
}
article.post-content .wp-caption.alignright {
  margin:5px 0 5px 10px
}
article.post-content .wp-caption-dt {
  margin:0
}
article.post-content .wp-caption .wp-caption-text,
article.post-content .wp-caption-dd {
  color:#220e10;
  font-size:14px;
  font-style:italic;
  font-weight:300;
  line-height:1.5;
  margin-bottom:24px;
  padding:0
}
article.post-content .mceTemp+ul,
article.post-content .mceTemp+ol {
  list-style-position:inside
}
article.post-content {
  font-size:16px
}
article.post-content div {
  margin:0 0 5px;
  line-height:1.8;
  font-size:16px
}