/*
Theme Name: bat-dong-san-dat-xanh	
Theme URI: https://muatheme.com/san-pham/theme-wordpress-gioi-thieu-cong-ty-bat-dong-san-giong-datxanh-vn/
Author: MuaTheme.com
Author URI: https://muatheme.com
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
* {}

.widget .recent-blog-posts a {
    text-align: justify;
}

.single.single-post .entry-content h2 {
    font-size: 1.2rem;
}

.single.single-post h1.entry-title {
    color: #0066b2;
}

.single.single-post .entry-content.single-page div {
	margin-bottom: 10px;
}

.product-section>.row>.large-10.col h2, .product-section>.row>.large-10.col h3{
    color: #ffffff;
    background: linear-gradient(to right, #015ea7 , #eaf9ff);
    padding: 5px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 24px;
	text-transform: uppercase;
}

.product-section {
    border-top: 0px;
}

.product-section>.row>.large-2.col {
    display: none;
}

.product-section>.row>.large-10.col {
    width: 100% !important;
    max-width: 100% !important;
	flex-basis: 100%;
}

.post_comments {
    display: none;
}

section.section.bao-chi-noi-ve-chung-toi .box {
	padding-top: 5px;
}

#row-663934282 > .col > .col-inner {
  background-color: unset !important;
}

.product-small .box-text a h3.woocommerce-loop-product_title, .post-item a .box .box-text h3.post-title {
	 color: #0066b2;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 0;
    transition: 0.4s;
}

.product-small:hover .box-text a h3.woocommerce-loop-product_title, .post-item:hover a .box .box-text h3.post-title {
    color: black;
}

.woocommerce-tabs .product-tabs {
	padding: 15px 0;
	background: #eaf9ff;
}

.call-now>a, .footer-contact-form>a {
	background-color: #f58220 !important;
}

.bao-chi-noi-ve-chung-toi .col-inner {
    height: 100%;
    display: flex;
    align-items: center;
}

.du-an-trang-chu .product-small.box {
    font-size: 14px;
    font-weight: bold;
}

.single.single-product .header-wrapper.stuck {
    display: none;
}

section.doi-tac-giai-thuong .row .col .img .img-inner {
    border-radius: 5px;
    overflow: hidden;
}

section.doi-tac-giai-thuong .row .col .img .img-inner img {
    transition: 0.4s;
}

section.doi-tac-giai-thuong .row .col .img .img-inner img:hover {
    transform: scale(1.2);
}

.tin-tuc-home>.col>.col-inner {
    width: 100%;
    height: 100%;
}

.col.col-tam-nhin .col-inner.dark {
    height: 100%;
}

.box.icon-tam-nhin .box-image img {
    padding: 40px;
}

.box.icon-tam-nhin .box-image {
    border-radius: 50%;
    background: white;
}

.lanh-dao-item-text p {
	margin: 0px;
}

.img.lanh-dao-item-image .img-inner img {
    transition: 0.4s;
}

.img.lanh-dao-item-image:hover .img-inner img {
    transform: scale(1.2);
}

.img.lanh-dao-item-image .img-inner {
    border-radius: 50%;
    overflow: hidden;
}

.lightbox-uu-dai a {
    padding-left: 15px !important;
    padding-right: 15px !important;
    background: #f58220;
    border-radius: 99999px;
    color: white !important;
}

.lightbox-uu-dai a:hover {
    background: #c1600d;
}

ul.footer_contact p {
    margin-bottom: 5px;
}

#ungtuyenngay form, #baogiangay form {
    margin: 0px;
}

section.section.contact-form-tuyen-dung, section.section.contact-form-bao-gia {
    background: rgb(0, 102, 178);
}

section.section.contact-form-tuyen-dung>.section-content>.row,section.section.contact-form-bao-gia>.section-content>.row {
    margin: 0 auto;
}

section.section.contact-form-tuyen-dung>.section-content>.row p, section.section.contact-form-bao-gia>.section-content>.row p {
    color: cyan;
    font-size: 0.9rem;
    margin: 10px 0;
}

@import url('font-awesome/css/font-awesome.min.css');

#pum-4262 {
	z-index: 200000000 !important;
}

#footer svg {
    transform: translateY(3px);
	margin-right: 3px;
}

section.contact-form-tuyen-dung .col, section.contact-form-bao-gia .col {
	padding-bottom: 10px;
}

section.contact-form-tuyen-dung .col label, section.contact-form-bao-gia .col label {
    color: white;
    margin-top: 10px;
}
section.contact-form-tuyen-dung .col input, section.contact-form-bao-gia .col input {
	margin: 0px;
}

section.contact-form-tuyen-dung .col input[type=submit], section.contact-form-bao-gia .col input[type=submit] {
    background: #f58220;
    border-radius: 99999px;
}

 .item-para {
    display: block;
    width: 200px;
    height:200px;
    background-color: #fff;
    text-align: center;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.countWrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.item-para .count {
    font-size: 3.125rem;
    font-weight: 700;
    color: #f58220;
    text-align: center;
}
 .item-para .title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4rem;
    color: #005aa6;
    text-align: center;
}
.category_du_an {
border-left:4px solid var(--primary-color);
}
.partnerPrizeWrap  {
    clear: both;
    zoom: 1;
    padding: 0;
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}
.partnerPrizeWrap > .col {
    width: 50%;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.hotline_bottom_div{
border:2px dashed #2471B3;
padding:10px;
text-align:center;
font-size:28px;
font-weight:bold;
color:#F58220;
margin-bottom:0px;
margin-top:44px

}
.header-nav-main > li.header-contact-wrapper{
width:100%;
padding-right:0px !important;
margin-right:0px !important;
display:block !important;
float:right !important;
text-align:right !important;
}
.header-nav-main > li.header-contact-wrapper > #header-contact {

justify-content: flex-end;


flex-flow: row wrap;
    -ms-flex-align: right;
    align-items: right;

}
.header-nav-main > li.header-contact-wrapper > #header-contact > li{
display:inline-block !important;
text-align:right !important;
}
.header-nav-main > li.header-contact-wrapper > #header-contact > li > a:link, .header-nav-main > li.header-contact-wrapper > #header-contact > li > a:visited, .header-nav-main > li.header-contact-wrapper > #header-contact > li > a > i{
color: #F58220 !important;
}

.subscribefrm {
  position: relative;
}
.subscribefrm input[type="email"] {
  font-size: 0.813rem;
  font-weight: 500;
  color: #999999;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  border: none !important;
  width: 100%;
  padding: 0 6.275rem 0 0.9375rem;
box-shadow: none !important;
}
.subscribefrm .button {
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  background-color: #f58220 !important;
  text-transform: uppercase;
  text-align: center;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border: none;
  position: absolute;
  top: 10px;
  right: -12px;
  padding: 0 0.9375rem;
}
.back-to-top.is-outline{
border-radius:3px !important;
background-color:#f58220 !important;
border-color:#f58220 !important;
}
.back-to-top.is-outline:hover {background-color:#f58220 !important;}
.back-to-top.is-outline i{color:#ffffff !important}
.back-to-top.is-outline:hover i{color:#fff !important}
.footer_center_div{
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
 ul.footer_contact li {
  margin: 0 0 0.25rem;
	 list-style: none;
  position: relative;
}
ul.footer_contact li .fa {
  width: 20px;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}
ul.footer_contact li span {
  display: inline-block;
  width: calc(100% - 25px);
  vertical-align: top;
}
.specialNewsWrap:before {
    content: '';
    background-image: url(/wp-content/uploads/2019/02/news_partter.png);
    background-repeat: repeat;
    background-position: 0 0;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity: .5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    -ms-opacity: .5;
    -o-opacity: .5;
    opacity: .5;
}
.header-contact-wrapper .nav>li>a>i+span{text-transform: none}
.dich-vu .icon .icon-inner{background:#ffffff;border-radius:50%;padding:12px;}
.product-main h1{color: #015ea7;text-transform: uppercase;}
.tabbed-content .nav-tabs>li{    font-size: 18px;}
.nav-tabs > li.active > a{
    text-transform: none;
    color: #000000;
    font-weight: normal;
    font-size: 17px;
}
.nav-tabs>li>a{border-top: 2px solid #f9bc00;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: rgba(0,0,0,0.04);
    padding-left: 15px;
    padding-right: 15px;
    color: #0275af;
    text-transform: none;
    font-weight: normal;
    font-size: 17px;}

.box-blog-post .is-divider{display:none}
.box-text h5{    margin-bottom: 10px;
    color: #0772c3;}
.widget .is-divider {
    margin-top: .66em;
    display: none;}
footer.entry-meta{display:none}
.wpcf7 label{COLOR:#ffffff}
input[type='text'],input[type='email'],textarea{margin-top:10px}
.form-lien-he input[type='tel']{margin-top:10px}
.form-lien-he .gui-tin{text-align: center}
.title_FormLienHe{
display:none;
}
#popupLienHe .title_FormLienHe{
display:block;
}
.maudk {
    border: 2px dashed #eda74b !important;
    padding: 10px !important;
    background: rgba(10, 36, 83, 0.82) !important;
}
.wpcf7-response-output{
  border: 1px dashed #eda74b !important;
    padding: 10px !important;
    background: rgba(10, 36, 83, 1) !important;
color:#ffffff !important;
}
.dk{
text-align: center !important;
}
.dk input {   border: 2px dashed #eda74b !important;}
.du-an-sap-ra-mat .icon-box .icon-box-img img{
width:100%;
}
.du-an-sap-ra-mat .icon-box-text
{

  background: rgb(204, 204, 204); 
    background: rgba(204, 204, 204, 0.3);
padding-bottom:0px!important;;
margin-bottom:0px!important;
}
.du-an-sap-ra-mat icon-box-text h4{
opacity:1 !important;
}

#logo a {
    position: relative;
    overflow: hidden;
}

/* Sửa #logo thành phần tử CSS của bạn */
#logo a:after,#logo a:before{
    transform: skewX(-25deg) translateY(-50%);
	content:"";
	position:absolute;
	top:50%;
	width:40px;
	height:100%;
	background-color:white;
	z-index:0
}
#logo a:before{
    left:0%;animation:light-left 2s infinite alternate linear
}
#logo a:after{
    right:-5%;animation:light-right 2s infinite alternate linear
}

@keyframes light-left{
    0%{left:-5%;opacity:0}
    50%{left:50%;opacity:1}
    to{left:105%;opacity:0}
}
@keyframes light-right{
    0%{right:-5%;opacity:0}
    50%{right:50%;opacity:1}
    to{right:105%;opacity:0}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.product-section>.row>.large-10.col h2, .product-section>.row>.large-10.col h3 {
		font-size: 18px;
	}
.lightbox-content { max-width: 550px;
}
	element.style {
    max-width: 600px;
    padding: 0px;
}