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

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-nav-main > li > a {
    padding: 0 4px;
    font-size: 16px;
    text-transform: uppercase;
}

#header-contact li a span{color: #03a1b0;text-transform: none;font-size:14px}
#top-bar{margin-bottom: -20px;
    background: transparent !important;
    padding-top: 10px;}
#header-contact .icon-envelop:before, #header-contact .icon-phone:before{color:#03a1b0}
#header-contact .icon-search:before {
    color: #989898;
}
.gioi-thieu-section img{border-radius:5px}
.chat-facebook{margin:0; background:gray; font-weight:normal; font-size:14px}
.tuyen-dung-section .cot7 .col-inner{   
    /* background: #ffffffcc; */
    padding: 0;
    border-radius: 0;
}
.form__tl {
    padding: 30px;
    background: rgb(255 255 255);
    border-radius: 10px;
}
.title__tl {
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: 600;
    color: #035663;
}
.form__tl p {
    font-size: 15px;
    margin: 0 0 15px 0;
    text-align: center;
}
.form__tl  input {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	color: #333;
	font-size: 15px;
}
.form__tl  input[type='submit'] {
	color: #fff !important
}
.tuyen-dung-section .cot5 .img-inner{overflow: visible;}
.tuyen-dung-section .cot5 img{    max-width: 140%;
    width: 140%;
    margin-left: -130px;}
p{margin-bottom:13px}
.gioi-thieu-section .col, .tuyen-dung-section .col{padding-bottom:0}
.du-an-section img{padding: 10px;
    border-radius: 10px;  background: #ffffff;}
.du-an-section .img-inner{border-radius: 10px;
      box-shadow: 2px 2px 20px #00000017;}
.du-an-section .col{padding-bottom:15px}
.du-an-section h3{background-image: url(/wp-content/uploads/2019/05/check@2x.png);
    margin-bottom: 0;
    padding-left: 25px;
    color: #003462;
    margin-top: -5px;
    font-size: 20px;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-y: 7px;
}
.du-an-section  h2{margin-bottom:0px}
.gioi-thieu-section p a{color:green !important;}
.gioi-thieu-section p a:hover{ text-decoration:underline}
.du-an-section .col.large-12{padding-bottom:10px}
.doi-tac-section{background: #ecf6fb;}
.doi-tac-section .ux-logo-link{padding:7px !important}
.doi-tac-section .ux-logo-link img{border-radius: 5px;
        width: 100%;
    height: auto !important;
    box-shadow: 2px 2px 2px #0000000f;}
.khach-hang-section .icon-box-img img{border-radius: 99%;    padding-top: 0;
    width: 100%; margin-top:50px;
    border: 3px solid #50ba46;}
.khach-hang-section .icon-box .icon-box-text{margin-left: -20px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 3px 4px 7px #00000040;
    padding-left: 24px;
    border-bottom: 2px solid #76c770;
    background: white;}
.list-post .post-item .box-text p{font-size:14px}
.box-blog-post .is-divider{display:none}
.list-post .post-item .post-title{margin-bottom:10px}
.list-post .post-item .post-title:hover{color:#03a1b0}
.list-post .post-item .post-title{color:#02557f}
.tin-tuc-section .col{padding-bottom:0}
.post-item .box-image:hover::before, .du-an-section .image-cover: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, .du-an-section .image-cover::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)
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea{    font-size: 14px;
    border-radius: 4px;
    box-shadow: none;}
input[type='submit']{margin: 0;
    border-radius: 5px;
background: #0b5b83 !important;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 14px;}
.footer-section .col{padding-bottom:0}
.footer-secondary {
    padding: 0;
}
a.back-to-top{background: #03a1b0 !important; border: none !important; color:white}
.stuck .header-main{background:white}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{padding:0; background: #02557f; border: none}
.nav-dropdown li a:hover{background: #02557f !important; color: white !important}
.nav-dropdown>li{border-right: none !important}
.nav-dropdown>li>a{padding:10px 15px; color:#dadada  !important}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover, .nav-dropdown .nav-dropdown-col>ul li a:hover{background:#0d3e69 !important}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}#breadcrumbs {
    margin-top: 20px;
    color: #03a1b0;
    background: #f7f7f7;
    margin-bottom: 20px;
    padding: 6px 15px;
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: "roboto condensed",sans-serif;
    border: 1px solid #e8e8e8;
}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul li a{color:white !important}

.nav-dropdown .nav-dropdown-col>ul{border:none;margin-top:-39px;box-shadow: none;display:none;position: absolute;
    left: 100%;z-index: 9;background: #03a1b0;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.stuck .header-main .nav-dropdown{margin-top:0px !important} 
.nav-dropdown{
    margin-top: 0;
    border: 0 !important;
}
.absolute-footer{font-size:14px}.page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}.is-divider{display:none}h1.entry-title{text-align:left}
.widget .menu{border: 1px solid #ececec;}
.widget .menu li a:hover{background-color:#f3f3f3}
.widget .menu li a{font-size: 15px;
    display: block;
    padding: 8px 10px;
    background-image: url(images/check@2x.png);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position-y: 14px;
    background-position-x: 9px;
    padding-left: 30px;

}
.widget-area  form {
    padding: 10px;
    background: #00a0b0;
}
span.widget-title{display: block;
    background: #02557f;
    padding: 12px;
    letter-spacing: 0;
    color: white;}
.blog-archive .large-3{padding-right:0}
.blog-archive .page-title{   
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0;
    color: #00a0b0;
    text-transform: uppercase;
}
.blog-archive .post-item .post-title{font-size: 16px;
    margin-bottom: 7px;}
.blog-archive .chu-dau-tu{    background: #000000bf;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    display: block;
    position: absolute;
    margin-top: -76px;
    margin-left: 6px;
        color: #cccccc;
    font-size: 14px;}
.blog-archive .loai-hinh-du-an{color:#03a1b0}
.blog-single .danh-muc{margin-bottom:5px}
.blog-single .the-tim-kiem a:hover{background: #03a1b0; color:white}
.blog-single .the-tim-kiem a{background: #e4e4e4;
    padding: 2px 10px;
    border-radius: 3px;}
.blog-archive .post-item .from_the_blog_excerpt {font-size:14px}
.blog-single .entry-meta{    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    color: gray;}
.blog-single .blog-share{text-align:left; margin-top:15px}
.blog-single .blog-share a{border:none}
.blog-single .article-inner p,.blog-single .article-inner ul {font-size:16px; margin-bottom:15px}
.blog-single .article-inner ul{margin-left:20px}
.blog-single h1.entry-title {
    text-align: left;
    font-size: 27px;
	font-weight: 500;color: #02557f;}
.blog-single .entry-category {display:none}
.thong-tin-du-an h2{
    font-size: 19px;
    color: #02557f;
    font-weight: normal;
    font-weight: 600;
}
.thong-tin-du-an table td{    color: black;
    font-size: 15px;
    line-height: 26px;}
.box-thong-tin{border: 1px solid white;
    padding: 20px;
    border-radius: 4px;
    background: white;
    box-shadow: 2px 2px 16px #0000001f; margin-bottom:20px}
.thong-tin-du-an ul
.thong-tin-du-an table p, .thong-tin-du-an p, .thong-tin-du-an ul{line-height:26px; font-size:15px !important; color:black}
.blog-single .entry-header-text {
    padding-bottom: 15px;
   
}
.thong-tin-du-an .anh-dai-dien img{width:100%; object-fit: cover; object-position:center; border-top-left-radius:10px; border-top-right-radius:10px}
.blog-archive .post-item .image-cover{border-radius:4px}
.blog-single .large-3{padding-right:0}
.blog-single{padding-top:20px}
.blog-archive .post-item .post-title:hover{color:#00a0b0}
.blog-archive .post-item{padding-bottom:0px}
.page-template-page-blank-title-center #content{ padding-bottom: 20px;}
.duong-dan{margin-left: 15px;
    margin-right: 15px;}
.blog-archive .large-9 .badge{display:none}
.blog-single .article-inner h2{font-size:19px}
.blog-single .article-inner h3{font-size:17px}
.blog-single .article-inner h4{font-size:15px}
.blog-single .article-inner h5{font-size:14px}
.bai-viet-lien-quan ul{display:inline-block; width:100%}
.bai-viet-lien-quan ul li{width:33.33%; padding-left:7px; padding-right:7px; display:inline-block; float:left}
.bai-viet-lien-quan ul {margin-left:0 !important}
.bai-viet-lien-quan ul li img{border-radius:4px}
.bai-viet-lien-quan .tieu-de{    display: block;
display: block;
    margin-top: 10px;
    line-height: 23px;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    overflow: hidden;
}
.bai-viet-lien-quan .tieu-de:hover{color:#03a1b0}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    text-transform: none;
    color: white;
}
.nav-dropdown .group-menu ul{min-width:500px !important}
.nav-dropdown .cot-menu{width:33.33%; float:left; display:inline-block}

.archive  .col.post-item .box-image .image-cover {
	padding-top: 75% !important;
}
.section__camket .icon-box-img {
/*	width: 90px !important;
	background: #fff;
	border-radius: 100%;
	height: 90px !important;
	position: relative;*/
}
.section__camket .icon-box-img img {
	max-height: 85px;
	width: auto;
	/*position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin:auto; ;*/
}
.doi-tac-section .ux_logo  {
	/*width: 33.333% !important;*/
}

.blog-archive .post-item .post-title {
	font-size: 15px;
	line-height: 23px;
	height: 23px;
	overflow: hidden;
}

.box-thong-tin ul {
	margin: 0 !important;
}
.doi-tac-section form {
    padding: 49px 25px;
    background: rgb(2 85 127);
    border-radius: 10px;
}
.doi-tac-section form input {
	width: 100%;
	height: 40px;
}
.doi-tac-section form input[type='submit'] {
	    background: #10a5b4 !important;
}




@media only screen and (max-width: 1024px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.off-canvas .sidebar-menu {
    padding: 0;
}.off-canvas-left.mfp-ready .mfp-content{background:#003462;}.nav-sidebar.nav-vertical>li+li {
    border-top: 1px solid #0a4477;
    border-bottom: 1px solid #012d54;
}
.nav-sidebar.nav-vertical>li+li .icon-angle-down:before{color:white}
.mfp-content .nav .active>.children li ul li a{color:#bdbdbd}
.mfp-content .nav .active>.children li a{color: #03a1b0; padding-top:4px !important; padding-bottom:4px !important; font-size:15px}.nav-dropdown.nav-dropdown-simple li.html, .nav-dropdown.nav-dropdown-bold li.html {
    padding: 5px;
}
.gioi-thieu-section .col, .tuyen-dung-section .col {
    padding-bottom: 15px;
}
.mfp-content .nav-sidebar-ul{margin-bottom:0 !important;}
.mfp-content .nav.active>.children{ background: #002444;}.tuyen-dung-section .cot5 img {
    max-width: 112%;
    width: 112%;
    margin-left: -42px;
}
.ux-logo{width:50% !important}
.doi-tac-section .cot8{display:none}
.tin-tuc-section .list-post .col{flex-basis:50%; max-width:50%}
.list-post .post-item .from_the_blog_excerpt {display:none}
.list-post .post-item .post-title {
    margin-bottom: 10px;
    font-size: 15px;
}.footer-section .col {
    padding-bottom: 10px;
}.blog-archive .large-3 {
    padding-right: 15px;
}.bai-viet-lien-quan ul li{width:50%}
.bai-viet-lien-quan .tieu-de{font-size:14px; line-height:20px}
.thong-tin-du-an ul{margin-left:0 !important}

}