/*
Theme Name: BDS 30
Theme URI: https://muatheme.com/san-pham/theme-wordpress-landing-page-dong-san-dep-mau-so-30/
Author: MuaTheme.com
Author URI: https://muatheme.com
Description: Theme Wordpress bat dong san so 30
Template: flatsome
Version: 1.0.0
*/

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

/* roboto-regular - vietnamese_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap; 
  src: url('fonts/roboto-v20-vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-vietnamese_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
   font-display: swap;
  src: url('fonts/roboto-v20-vietnamese_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-vietnamese_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-vietnamese_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-vietnamese_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


body{font-family:'Roboto', sans-serif}
body{font-weight: 0}
body{color: #353535}.nav > li > a {font-family:'Roboto', sans-serif;}
.nav > li > a {font-weight: 0;}
h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}
h1,h2,h3,h4,h5,h6,.heading-font{color: #0a0a0a;}
.alt-font{font-family: 'Roboto', sans-serif;}
.alt-font{font-weight: 0!important;}

.header-main .nav > li > a{font-weight: normal}.slider-cuoi .col, .tin-tuc .col{padding-bottom:0}
.header-main .nav > li > a {
   font-size: 14px;
}
.dac-quyen-section ul li, .tieu-chuan-ban-giao-section ul li{border-bottom: none;
    background: #1c3b7380;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding-left: 20px;}
.tieu-chuan-ban-giao-section .col{padding-bottom:0}
.tabbed-content{box-shadow: 2px 2px 20px #00000017;
    padding: 20px;
    border-radius: 5px;background:white}
.dac-quyen-section .row2 .col{padding-bottom:0}
.kham-pha .box{margin-bottom:15px}
.header-main {
    box-shadow: 0px 0px 0px black;
}
.gioi-thieu .cot5 .block-gioi-thieu p{margin-bottom:10px}
.gioi-thieu .cot5 .block-gioi-thieu{background: rgba(255, 255, 255, 0.85); font-size: 16px; color: #105458; padding: 15px; border-radius:4px; line-height:27px;}.gioi-thieu-1 .col p, .gioi-thieu-1 .col{padding-bottom:0}
.gioi-thieu .cot7 h3{text-shadow: 2px 2px 10px #002729; line-height:40px}
.gioi-thieu .row .cot6 .row .col img{border-radius:999px; border: 5px solid rgba(255, 255, 255, 0.41)}.gioi-thieu .cot6 h3{line-height:39px}
.mat-bang .tabbed-content .nav-pills > li a span{font-size:16px}
.mat-bang .tabbed-content .nav-pills > li.active > a{background: white; color: #03484c; font-size: 16px;}.kham-pha .col .button{margin-bottom:0}.kham-pha .col{padding-bottom:0}
.tien-ich .row .cot6 .tien-ich-noi-do:hover{    background:#f1f1f1;}
.tien-ich .row .cot6 .div-tien-ich{height: 370px; overflow-y: scroll}
.footer-block .form-tai-bao-gia{width:100%; display:inline-block}
.popup-content{border: 1px solid black;background-color: rgba(0, 0, 0, 0.68);}
form{margin-bottom:0}
.popup-title{font-size:15px}
.popup-content{    overflow-y: hidden;
    height: 336px;}
.popup-content .form-tai-bao-gia{font-size:14px }
.footer-block .form-tai-bao-gia .row1 {width:100%; }
.footer-block .form-tai-bao-gia .row1 .cot-field{width: 31.5%; margin-right:5px;margin-left:5px; float: left; display: inline-block}
.footer-block .form-tai-bao-gia input{font-size:15px; margin-bottom:3px}
.footer-block .form-tai-bao-gia .text-area{margin-left:5px; margin-right:5px}
.footer-block .form-tai-bao-gia input[type='submit']:not(.is-form){margin-left:5px}
.blog-single{background: #f7f7f7}
.blog-single .row.row-large{background: white; border-radius:4px;}
.tien-ich .box .box-image, .vi-tri img{border-radius:6px; }
.dac-quyen-section .row1 .large-3{flex-basis:20%; max-width:20%}
.dac-quyen-section .row1 .large-3 img{border: 5px solid #ffffff5c;border-radius:99%}
.tien-ich .box .box-text{padding-bottom:0}
.tabbed-content ul li a{    padding: 2px 20px;
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    font-family: "roboto", sans-serif;background: gray;
    color: white;
    margin: 0 5px;}.footer-secondary {
    padding: 0;
}
.vi-tri-section .icon-box{background: #283d5d;
    margin-bottom: 10px;
    border-radius: 6px;
    padding: 7px;}
.gioi-thieu-2-khu .col{padding-bottom:0}
.footer-block .form-tai-bao-gia input, .footer-block .form-tai-bao-gia textarea{border-radius:5px}
a.back-to-top{background:#ff9800 !important; border:none !important; bottom:70px; color:white !important}
.float-contact {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99999;
}

.chat-face {
background: var(--primary-color);
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
.float-contact .hotline {
background: #d11a59!important;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
}
 .chat-face a, .hotline a {
font-size: 15px;
color: white;
font-weight: 400;
text-transform: none;
line-height: 0;
}
#tai-bao-gia .title_popup{
background-color:var(--primary-color);
color:#ffffff;
text-align:center;
height:48px;
 display: flex;
    align-items: center;
    justify-content: center;
}
#tai-bao-gia .mfp-close{
color:#ffffff !important;
}
#tai-bao-gia .form-tai-bao-gia{
padding:20px;
}
#tai-bao-gia .form-tai-bao-gia input.wpcf7-form-control.wpcf7-submit{
margin:0px auto;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.float-contact{
bottom: 0px;
left: 0px;
width:100%;
display:block;
}
 .chat-face , .hotline  {
width:50% !important;
margin:0px;
float:left;
border-radius: 0px !important;
margin-bottom:0px !important;
}
 .chat-face a, .hotline a {
width:100%;
font-size:13px;
}
.footer-block .form-tai-bao-gia .row1 .cot-field{width: 100%!important; margin:0}
.footer-block .form-tai-bao-gia .text-area{margin:0}.tabbed-content ul li a{    padding: 0px 11px;
 
    font-size: 12px; margin-bottom:10px}
table{font-size: 14px;}
}