/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body{
	line-height: 1.8;	
	font-size: 17px;
	overflow-x:hidden;
}
.h1, h1 {
    font-size: 1.5em;  
}
.h2, h2 {
    font-size: 1.3em;
   
}
.h3, h3 {
    font-size: 1.2em;
  
}
.col, .gallery-item, .columns
{
 padding: 0px 15px 10px !important;
}

.page-wrapper ul
{
 margin-top:10px;	
}

.entry-content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.entry-header-text
{
	padding: 10px 0 10px;
}

.page-wrapper {
    padding: 15px 0px  !important;
}
.post {
    border-radius: 5px;
    padding: 10px;
    background: #fff;
}

img.size-full.alignnone
{
margin-bottom: 5px !important;
}

h5.is-large, h2.is-large {
    font-size: 17px;
}
h5.is-large:hover
{
  color: red; 
}
.post-title {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.page-title
{
	margin: 15px 0;
}
.post_comments
{
	display:none;
}

.img-radius-left img
{
	border-radius:10px 0 0 10px;
}
.img-radius-right img
{
	border-radius:0 10px 10px 0;
}
.img-radius img
{
	border-radius:10px
}
.large-columns-4 .gallery-col .box-image img
{
  aspect-ratio: 4 / 3;
}
.fontth1
{
  font-size: 2.3em !important;
}

/*---------bang gia----------------*/

.tablexanh {
    border-color: #81b152;    
}
.tablexanh .title {
    color: #fff;
    border-color: #ffffff;
    background-color: #81b152;
 
}
.tablevang {
border-color: #e4a422;
}
.tablevang .title {
	  color: #fff;
    border-color: #ffffff;
    background-color: #e4a422;
}
.pricing-table .title
{
	padding:15px 15%;
}
.pricing-table .price
{
	padding: 10px 10px 0;
	color: #468d00;
	font-weight:600;
	font-size: 30px;
}
.pricing-table .items
{
	padding:10px !important;
}
.pricing-table .items>div
{
	text-align: left;	
}

/* box content */

.content-box-blue, .content-box-gray, .content-box-green, .content-box-purple, .content-box-red, .content-box-yellow
{
    margin: 0 0 10px;
    overflow: hidden;
    padding: 10px;
}

.content-box-blue a:hover, .content-box-gray a:hover, .content-box-green a:hover, .content-box-purple a:hover, .content-box-red a:hover, .content-box-yellow a:hover
{
	text-decoration: underline;
}
.content-box-blue{background-color:#d8ecf7;border:1px solid #afcde3}
.content-box-gray{background-color:#e2e2e2;border:1px solid #bdbdbd}
.content-box-green{background-color:#d9edc2;border:1px solid #b2ce96}
.content-box-purple{background-color:#e2e2f9;border:1px solid #bebde9}
.content-box-red{background-color:#f9dbdb;border:1px solid #e9b3b3}
.content-box-yellow{background-color:#fef5c4;border:1px solid #fadf98}
.content_alert {
    background: #fff1f0;
    color: #ce2642;
    padding: 10px;
    line-height: 1.4;
    border: 3px dashed #ce2642; 
    text-align: left;
    margin-bottom: 10px;
}
blockquote {
    position: relative;
    font-size: 16px;  
    padding: 0 10px 0 10px;  
    color: #333;
}
#comments
{
	display: none !important;
}
.newhome img
{
	border-radius: 5px 0 0 5px;
}
.newhome .post-title a
{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size:15px;
}
/* --------------------table ----------------------------*/
table
{
	font-size:16px;
	color: #333 !important;
	border-spacing: 0;
    table-layout: auto;
    padding: 0;
	border-color: #ececec;
}

td{
   color:#000 !important;
}
table tr:nth-child(even) {
    background-color: #f9f9f9 !important;
}
table tr:nth-child(odd) {
    background-color: #fff !important;
}

table > thead > tr > th,  table > tbody > tr > th,  table > tfoot > tr > th,  table > thead > tr > td,  table > tbody > tr > td,  table > tfoot > tr > td,  table > tr > td {
    padding-top: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    vertical-align: middle;
    text-align: left;
	    border: 1px solid #dddddd !important;
}
table tbody tr td, table tbody tr th {
    background-color: inherit !important;
}

/*---------section-title-----------------*/
.section-title {
    position: relative;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.section-title-normal span {
    border-bottom: 2px solid var(--primary-color);
}
.section-title-container
{
	margin-bottom:5px;
}

.titleborder .section-title-normal
{
	border: none;
}

.titlenoborder .section-title-normal, .titlenoborder span
{
	border: none;
}
.titlenoborder b
{
	background:none;
}

.titlecenter .section-title.section-title-center span.section-title-main:after {
    content: '';
    height: 3px;
    width: 84px;
    bottom: -1px;
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    background-color: var(--primary-color);
}

.titlecenter .section-title.section-title-center span.section-title-main {
    padding-bottom: 6px;
}

.titlecenter h2.section-title span {
    line-height: inherit;
}
.titlecenter .section-title.section-title-center b {
    background-color: transparent!important;
}
.titlecenter .section-title.section-title-center span.section-title-main:before {
    content: '';
    height: 1px;
    width: 360px;
    bottom: 0;
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    background-color: rgba(218,221,221,0.5);
}

 
/**---------------- Media query ----------------**/
form
{
 margin-bottom:0 !important;
} 
.contact-form {
    margin-top: 20px;
    border: 2px solid #e7242a;
    padding: 15px !important;   
    border-radius: 5px;
}

.contact-form h6 {
	padding: 10px 0;
	color:red;
}

.wpcf7 .col
{
	padding: 0px 5px 10px !important;
}
.wpcf7-spinner {
    display: none !important;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type=tel] {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
	
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit{
	color: #fff;
	text-transform: uppercase;
	padding: 8px 20px;
	cursor: pointer;	
	border: 1px solid #fff !important;
}
.wpcf7-submit:hover{
	background: red !important;
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}


/* -------hotline----------- */

.hotline-phone-ring-wrap {

  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}

.hotline-phone-ring {

  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}


.hotline-phone-ring-circle {

  width: 110px;
  height: 110px;
  top: 0;
  left: 0;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #ff0000;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}

.hotline-phone-ring-circle-fill {

  width: 80px;
  height: 80px;
  top: 16px;
  left: 16px;
  position: absolute;
  background-color: rgba(21, 100, 167, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
  background-color: #ff0000;
  width: 50px;
  height: 50px;
  top: 31px;
  left: 31px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
  width: 33px;
  height: 33px;
}

.hotline-bar {
  position: absolute;
  background: #ff0000;
  height: 45px;
  width: 165px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  border-radius: 50px !important;
  left: 42px;
  bottom: 31px;
}

.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-indent: 32px;
  letter-spacing: 1px;
  display: block;
  line-height: 45px;
  font-family: Arial;
}

.hotline-bar > a:hover, .hotline-bar > a:active {
  color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {

    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }

  30% {

    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }

  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }

}

@-webkit-keyframes phonering-alo-circle-fill-anim {

  0% {

    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }

  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }

  100% {

    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }

}

@-webkit-keyframes phonering-alo-circle-img-anim {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }

  10% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

  }

  20% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

  }

  30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

  }

  40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

  }

  50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }

  100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

  }

}

.hotline-phone-ring-wrap.fix_tel_right {
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  bottom: 0;
  right: 100px;
}
@media (max-width: 768px) {
  .hotline-bar {
    display: none;
  }
}
#navigation_toolbox{position:fixed;bottom:120px;margin-left:18px;z-index:999;}

#navigation_toolbox ul{margin:0}

#navigation_toolbox li{list-style:none;padding:5px}

#navigation_toolbox li a{height:100%;padding:3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:Cardo,serif;}

#navigation_toolbox.na-right {
	left: inherit;
	right: 0;
	bottom: 100px;
	margin-left: 0px;
	margin-right: 10px;
}

/*------------------------------------------------*/

@keyframes hotlinef {
  from {color: red;}
  to {color: #ffff00; text-decoration: underline;}
}
.hotline-footer{
    font-weight: 700;
    -webkit-animation: hotlinef .7s infinite;
    -moz-animation: hotlinef .7s infinite;
    -o-animation: hotlinef .7s infinite;
    animation: hotlinef .7s infinite;
}


@keyframes hotlinec {
  from {color: #ff6600; text-decoration: none;}
  to {color: #ff0000; text-decoration: underline;}
}
.hotline-content{
    font-weight: 700;
    -webkit-animation: hotlinec .7s infinite;
    -moz-animation: hotlinec .7s infinite;
    -o-animation: hotlinec .7s infinite;
    animation: hotlinec .7s infinite;
}
	 
.gallery-col
{
	padding:0 5px 10px !important;
}
.banner h2, .banner h3, .banner h1 {
    padding: 0;
    font-weight: 600;
    margin-top: .3em;
    margin-bottom: .2em;
    line-height: 1.5em;
}
.banner h2 {
    font-size: 1.9em;
    font-family: 'Quicksand';
}
.banner h3 {
    font-size: 1.3em;
    font-family: 'Quicksand';
}
.banner h6, .banner h5, .banner p {
    font-style: italic;
	margin-top: 0.7em;
    margin-bottom: 0.7em;
}
a.button {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes pulse{
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}


/* Thêm hiệu ứng ánh sáng khi hover vào ảnh bài viết */

.post-item .box-image:hover::before{
	-webkit-animation:shine .75s;
	animation:shine .75s
}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.post-item .box-image::before{
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}

/*-----------------------*/

.link ul li {
    margin: 0px !important;
    font-size: 14px;
}

.link ul li a {   
    font-size: 14px;  
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;   
}
.logocdt img
{
	height: 95px;
	border-radius: 2px;
	border: 1px solid #edab21;
	padding: 2px 2px 2px 2px;
	padding: 10px 12px;
}


@media screen and (min-width: 850px)
{
	
.row-large .large-9 {
    max-width: 72%;    
    flex-basis: 72%;
}
.row-large .large-3 {
    max-width: 28%;
    flex-basis: 28%;
}
.blog-single .large-3 #secondary
{
	padding: 0 !important;
}
.row-large>.flickity-viewport>.flickity-slider>.col, .row-large>.col {
    padding: 0 10px 10px !important;
    margin-bottom: 0;
}
.page-right-sidebar .col {
    padding: 0 10px 10px !important;
    margin-bottom: 0;
}
.list-paragraph {
        overflow-y: scroll;
        max-height: 600px;
}
	
.gallery-item img {
    aspect-ratio: 4 / 3;
	border-radius:10px;
      
}	
	
}

/*--------home---------------*/

.project-small .box-image img {
    border-radius: 5px;
    height: 230px;
}

.prohome {
	border: 1px solid #ececec;
	border-radius: 5px;
	background: #fff;
}
.prohome h2 a, .prohome h3 a {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.prohome .box-image img
{
	border-radius: 5px 5px 0 0;
	height:230px;
	object-fit: cover;
	-o-object-fit: cover;
	margin: auto;
}

.prohome:hover
{
	 border-right-color:#dd9933;
	 -webkit-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	 -moz-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	 box-shadow: 0 0px 10px rgba(17,44,145,.4);
}

.prohome-top-left {
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    padding: 7px 7px 5px 7px;
    color: #fff;
    background: rgba(199,37,40,.86);
    font-size: 10px;
    line-height: 1;
    z-index: 2;
    border-radius: 2px;  
}

.prohome-bottom-red {
    position: absolute;
    bottom: 82px;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    background: rgba(199, 37, 40, .86);
    font-size: 12px;
    line-height: 1;
    width: 100%;
    z-index: 2;
}

/*--------Dự án---------------*/

.produan {
	border: 1px solid #ececec;
	border-radius: 5px;
}
.produan:hover
{
	border-right-color:#dd9933;
	-webkit-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	-moz-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	box-shadow: 0 0px 10px rgba(17,44,145,.4);
}
.produan h2 a, .produan h3 a {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size:16px;
}
.produan .box-image img
{
	border-radius: 5px 5px 0 0;
	height:230px;
	object-fit: cover;
	-o-object-fit: cover;
	margin: auto;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s, box-shadow 0.3s;
}

.produan .box-text
{
	background: #fff;
    border-radius: 0 0 5px 5px;
}

.titleduan
{
   text-align:center;
   margin:15px 0;
   font-size: 30px;
}

.term-description {
    overflow: hidden;
    position: relative;
    margin: 20px 0;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
}

/*--------property bán/ thuê---------------*/

.pro {
    border: 1px solid #ececec;
	border-radius: 5px;
}
.pro:hover
{
	border-right-color:#dd9933;
	-webkit-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	-moz-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	box-shadow: 0 0px 10px rgba(17,44,145,.4);
}
.pro h2 a, .pro h3 a {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: normal;
	font-size:16px;
}
.pro .box-image img
{
	border-radius: 5px 5px 0 0;
	height:230px;
	object-fit: cover;
	-o-object-fit: cover;
	margin: auto;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s, box-shadow 0.3s;
}

.pro .box-text
{
	background: #fff;
	border-radius: 0 0 5px 5px;
	padding:15px 15px 20px;
}


.blog-archive .post-item .col-inner {
    background: white;
    border-radius: 4px;
	border: 1px solid #ececec;
    border-radius: 5px;

}
.blog-archive .post-item .col-inner:hover
{
	-webkit-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	-moz-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	box-shadow: 0 0px 10px rgba(17,44,145,.4);
}
.blog-archive .large-9 .post-item .box-image img {
  border-radius:5px 0 0 5px;
}
	
	
/*--------Bán/Thuê---------------*/
.pricepro span
{
	color: #FF0505;
	font-weight: bold;
}
.pricesingle span
{
	color: red; 
	font-size:22px;
	font-weight: bold;
}
.titlepro
{
   font-size: 20px;
}

.detailroom {
    border-top: 1px solid #eef3f6;
    list-style-type: none;
    margin-bottom: -10px;
    padding-top: 5px;
    margin-top: 10px
}

.detailroom li.bed {
   margin-left:0 !important;
}

.detailroom li {
    display: inline-block;
    font-size: 12px;
	margin-left:8px !important;
}


/*------- label property/ du an---------------------*/

img.lazyload {
    opacity: 0;
    transition: opacity 0.3s;
}

img.lazyloaded {
    opacity: 1;
}

.countgallery
{
   position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 40px;
    background: linear-gradient(180deg, rgba(44, 44, 44, 0) 0%, #2c2c2c 108.75%);
    color: #fff;
    padding: 0 10px;
	font-size: 20px;
}
.countgallery i
{
	margin-right:3px;
}

.proaddress
{
	font-size: 14px;
    color: #999;
    font-style: italic;
    margin-bottom: 5px;
}

.label-custom {
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 99999;
}

.labelcus {
	height: 26px;
	border-radius: 3px;
	box-shadow: 1px 1px 10px -5px #333;
	padding: 4px 8px;
	font-size: 14px;
	margin-left: 3px;
	text-overflow: ellipsis;
}

.giatot {
	color: #f11;
	background-color: #ffe1e1;
	-webkit-animation: pulse 1s steps(5, start) infinite;
	animation: pulse 1s steps(5, start) infinite;
}

@-webkit-keyframes pulse {
    to {
        visibility: hidden
    }
}

@keyframes pulse {
    to {
        visibility: hidden
    }
}
.moinhat {
    color: #00ce3a;
    background-color: #f1fff1;
}

.daban,.dachothue {
    color: #fff;
    background-color: grey
}

.sapmoban
{
    background: #ea1e12;
	color:#fff;
}
.dangmoban{
	background: #5aa700;
	Color:#fff;
}
.dabangiao 
{
	background: #000;
	color:#fff;
}

.tinhtrang {
	padding: 10px;
	text-align: center;
	border-radius: 20px;
	margin: 10px 0;
	font-size: 1rem;
	line-height: 1.25rem
}

.ttdachothue,.ttdaban {
    background-color: #fff3e0;
    color: #f1a500;    
}

.ttchothue,.ttban {
    background-color: #d7eeff;
    color: #119bff;
}

.content_property
{
    background-color: rgb(239, 239, 239);
}


/*------- breadcrumbs---------------------*/

.crumbscate {
	font-size: 14px;
	line-height: 14px;
	margin:0 auto;    
	padding: 0px 15px 10px !important
}
.crumbs {
	font-size: 14px;
	line-height: 14px;
	margin:15px 0;
}
.crumbs .fa-newspaper
{
    float: left;
    margin-right: 5px; 
}
.crumbs p
{
margin:0;
}

/*------- tags---------------------*/
.tags
{
	margin-top:10px;
	clear:both;
}
.tags a {    
    margin: 5px;
    background: #dedede;
    font-size: 1rem;
    border-radius: 3px;
    line-height: 1.2;
	outline: none;
	color: #000;
    padding: 6px 12px 5px;
	border: 1px solid #DEDEDE;
}
.tags a:hover {   
    background: #fff;    
}

/*------- Xem Them ---------------------*/

.read-more-toggle {
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
  background: transparent;
}

.read-more-link {
    color: #E03C31;    
    cursor: pointer;
	 padding: 5px 11px;
    border-radius: 4px
}
.read-more-link:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #FFECEB
}

 a.read-more-link:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #E03C31;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}


a.less:after {
    border-top: 0 !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #E03C31;
}

/*-------Tin tức liên quan---------*/

#related_posts {
  border-top: 4px double #e8e8e8;
  padding-top: 10px;
}
#related_posts .col {
  float: left;
  margin-left: 0;
  list-style: none;
}

#related_posts .relatedhover:hover
{
	 border-radius: 3px;
	 border-color:#dd9933;
	 -webkit-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	 -moz-box-shadow: 0 0px 10px rgba(17,44,145,.4);
	 box-shadow: 0 0px 10px rgba(17,44,145,.4);
}
#related_posts h6 {
	padding: 20px 0 !important;
	font-size:17px !important;
	text-transform: none;	
}
.relatedcontent h5 {
	padding: 10px 0;	
}
.relatedthumb img {
	height: 210px;	
	padding: 2px;
	object-fit:cover;
	width:100%;
	border-radius: 5px 5px 0 0;
	border: 1px solid #e8e8e8;
	transition: transform 0.3s, box-shadow 0.3s; 
}

.relatedcontent h5 a
{
	color: #000 !important; 
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: 0 10px 0 5px;
	font-size:15px;
}
#related_posts .relatedhover:hover h5 a ,.relatedcontent h5 a:hover
{
	color: red !important; 
}

/*-------Footer ---------*/

.footer
{
 padding:30px 0 0 !important;
}


#footer .widget {   
 margin-bottom: 10px !important;
}

#footer .widget li
{
	list-style:disc;
	margin-bottom: 5px !important;
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.produan .box-image img, .pro .box-image img
	{
	    height: 250px;
	}
.img-radius-left img, .img-radius-right img
{
	border-radius:10px;
}

}

/*-------load-more-posts-----------*/

.load-more-container button
{
	
	margin:10px auto;
	display: table;
	font-weight: normal;
	background: #fff;
    border-color: #9fa4aa;
    color: #1c1e22;
}
.load-more-container button:hover
{
	background:#f2f2f2;
	  border-color: #1c1e22
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px
}

.lds-ring div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 8px;
    border: 3px solid #1c1e22;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border-color: #1c1e22 transparent transparent
}

.lds-ring div:nth-child(1) {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/* Câu hỏi */
.links>li>a:before, i[class^="icon-angle-down"] , i[class*=" icon-angle-down"]{
 font-size: 94%;
}
.accordion-title {
	border-top: none;
    border-left: 4px solid #1459ba;
	 background-color: #fff;
}
.accordion-title.active{
    background:#1459ba;
	color:#fff;
	border-left: none;
}
.accordion-item {
  
    margin-left: 10px;
    margin-right: 10px;   
    margin-bottom: 5px;
    background-color: #fff;
	border-right: 1px solid #dcdfe7;
    border-bottom: 1px solid #dcdfe7;
}


/*-------------popup -------------*/
#popup
{
    border-color: rgb(2, 64, 157);
    border-width: 2px;
    background: url('images/bg-popup.jpg');
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

#popup .btn-submit
{
background: #f40b00;    
margin:0;
float: right;
}

/*-------------animation -------------*/
.animation
{
    animation: ct-pulse 2s infinite ease;
}

@keyframes ct-pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}