@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(../fonts/Roboto-Condensed.woff) format('woff');
}
@font-face {
font-family: 'Swiss CondensedBold';
src: url('../fonts/swiss-condensedbold.eot');
src: url('../fonts/swiss-condensedbold.eot?#iefix') format('embedded-opentype'), url('../fonts/swiss-condensedbold.woff') format('woff'), url('../fonts/swiss-condensedbold.ttf') format('truetype'), url('../fonts/swiss-condensedbold.svg#swiss-condensedbold') format('svg');
font-weight: normal;
font-style: normal;
}
input:focus{outline:0;}
*{
margin: 0px;
padding: 0px;
}
h1, h2, h3, h4, h5, p, ul, li {
margin: 0px;
padding: 0px;
}
ul, li{
list-style: none;
}
a {
text-decoration: none!important;
}
img {
max-width: 100%;
height:auto;
}
.clear{
clear: both;
}
body{
font-family: 'Roboto Condensed';
font-size: 14px;
}
header {
background:none;
}
.logo {}
.search {
margin-left: 93px;
margin-top: 15px;
}
input.s {
height: 37px;
padding-left: 15px;
border: 1px solid #ddd;
border-radius: 3px;
float: left;
width: 245px;
}
input.submit {
background: url(../images/search.png) no-repeat;
width: 24px;
height: 24px;
border: 0px;
background-size: 100%;
position: relative;
left: -36px;
top: 2px;
}
.menunav{background:#222;}
.textwidget a img {
width: 100%;
}
.main .textwidget {
padding: 15px;
}
.slider {
padding: 0px 15px;
margin: 15px 0px 15px 0px;
}
a.right.carousel-control, a.left.carousel-control {
background: none;
}
.postone a img {
padding: 1px;
border: 1px solid #ccc;
}
.meta {
margin: 10px 0px;
color: #e00;
font-size: 13px;
}
.postone h4 a {
font-size: 15px;
color: #383838;
}
.postone h4 {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ededed;
}
.postone p {
text-align: justify;
color: #777;
}
a.readmore {
display: block;
text-align: right;
font-size: 13px;
color: #e00;
}
.list-post ul li a img {
width: 90px;
height: 70px;
padding: 1px;
border: 1px solid #ccc;
float: left;
margin-right: 10px;
}
.list-post h4 a {
font-size: 14px;
color: #383838;
}
.list-post ul li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.list-post ul li:last-child {
border: 0px;
}
.content-post ul li a img {
width: 100%;
height: 120px;
padding: 1px;
border: 1px solid #ccc;
}
h2.title {
margin: 0 15px;
border-top: 2px solid #383838;
font-size: 160%;
text-transform: uppercase;
margin-bottom: 20px;
border-bottom: 1px solid #dcdcdc;
}
h2.title a{color:#383838}
h2.title span {
display: inline-block;
}
i.fa.fa-slideshare {
padding: 7px;
background: #383838;
color:#e1d083;
font-size: 23px;
}
.post {
margin-top: 30px;
}
.content-post h4 a {
font-size: 16px;
color: #383838;
}
.content-post div.ppp {
border-top: 1px solid #ededed;
padding-left: 0px;
padding-top: 10px;
}
p#breadcrumbs {
padding: 5px;
margin-top: 10px;
background: #EAF7FF;
border: 1px solid #EAF7FF;
border-left: 5px solid #383838;
}
.info-post {
border-top: 1px solid #ededed;
padding-right: 0px;
}
.info-post ul li .fa {
display: inline-block;
border-right: 1px solid #ededed;
border-left: 1px solid #ededed;
width: 30px;
height: 30px;
text-align: center;
color: #e00;
line-height: 30px;
/* border-bottom: 1px solid #ededed; */
}
.content-post>ul>li {
margin-bottom: 20px;
}
.info-post ul li {
border-bottom: 1px solid #ededed;
border-right: 1px solid #ededed;
}
.content-post>ul>li> .clear {
border-bottom: 1px solid #C2C2C2;
margin: 15px;
}
.rew {
margin-bottom: 20px;
}
.list-link {
padding: 5px 15px;
}
.sidebar {
padding-top: 15px;
}
h3.title {
font-size: 15px;
text-transform: uppercase;
color:#e1d083;
border-bottom: 2px solid #383838;
}
h3.title span {
padding: 7px 10px;
background:#383838;
display: inline-block;
}
.postmot {
position: relative;
margin-bottom: 20px;
}
.mot {
position: absolute;
bottom: 0px;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.63);
width: 100%;
}
.mot a {
color: #fff;
font-size: 16px;
}
.mot h4 {
margin-bottom: 6px;
}
.content-w {
padding: 12px;
border: 1px solid #ededed;
margin-bottom: 20px;
border-top: 0px;
}
.content-w ul li a img, .tab-content ul li img {
width: 90px;
height: 70px;
padding: 1px;
border: 1px solid #ccc;
float: left;
margin-right: 10px;
}
.content-w ul li h4 a, .tab-content ul li h4 a {
font-size: 14px;
color: #383838;
}
.content-w ul li, .tab-content ul li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ededed;
}
ul.nav.nav-tabs{background:#F6FAFF;border-bottom:1px solid #383838;}
ul.nav.nav-tabs li a{border-radius:0;background:#383838;text-transform:uppercase;color:#fff;padding:7px 14px;border:1px solid #383838;}
ul.nav.nav-tabs li.active a{color:#555!important;background-color:#fff!important;border:1px solid #383838!important;border-bottom-color:transparent!important;}
.tab-content{border:1px solid #383838;border-top:0;padding:10px;margin-bottom: 20px;}
footer {
background:#383838;
border-top:5px solid #383838;
color:#767676;
padding-top: 20px;
text-align: center;
line-height: 25px;
}
footer h2{font-size:100%;text-transform:uppercase}
.copyright {
padding: 5px;
background: #242424;
margin-top: 15px;
}
section .container {
box-shadow: 0px 0px 3px #ccc;
background: #fff;
padding-bottom: 30px;
}
.main {
padding-left: 0px;
padding-right: 0px;
}
.img-sp {
position: relative;
z-index: 0;
}
p.gia-sp {
position: absolute;
bottom: -4px;
right: 20px;
display: inline-block;
padding: 0px 7px;
background: #e00;
color: #fff;
}
p.gia-sp:before {
content: '';
display: inline-block;
border: 5px solid rgba(53, 31, 31, 0);
position: absolute;
border-top: 4px solid #BB0606;
top: 16px;
z-index: -1;
left: -5px;
}
/* CSS cho phần single*/
.single-post {
padding: 15px;
}
h2.title-post {
font-size: 20px;
color: #383838;
font-family: Arial;
font-weight: 600;
}
.meta ul li {
display: inline-block;
margin-right: 5px;
background: #383838;
padding: 5px;
}
.meta ul a {
color: #fff;
text-transform: uppercase;
}
.meta ul {
display: inline-block;
margin-right: 10px;
}
.single-post .meta span {
display: inline-block;
margin-right: 15px;
}
div#___plusone_0 {
position: absolute;
}
h3.title-rela {
border-bottom: 2px solid #383838;
margin-bottom: 6px;
}
h3.title-rela span {
display: inline-block;
background: #383838;
padding: 5px 10px;
font-size: 14px;
text-transform: uppercase;
color: #fff;
font-family: tahoma;
font-weight: 600;
}
.content-related ul li a {
color: #e00;
font-size: 16px;
display: inline-block;
padding: 5px 0px;
}
.content-related i.fa.fa-angle-double-right {
font-size: 18px;
color: #383838;
margin-right: 5px;
}
/*cate post*/
.list-post-cate {
margin-bottom: 30px;
}
.quatrang {
text-align: center;
font-size: 17px;
}
.land-post .post {
margin-top: 15px;
}
p.canhbao {
padding: 15px;
background: #FEE;
border: 1px solid #FFB6B6;
text-align: center;
color: #e00;
}
.category-post .canhbao {
margin-left: 15px;
}
.info-house-land p {
padding: 5px;
background: #F5FBFF;
margin-bottom: 5px;
border: 1px solid #383838;
color: #0A5C92;
font-family: arial;
}
.info-house-land p span {
font-weight: 600;
min-width: 130px;
display: inline-block;
}
.info-house-land p span .fa {
margin-right: 10px;
width: 15px;
color: #e00;
}
/* to top */
.lendau {
position: fixed;
bottom: 5px;
right: 0px;
text-decoration: none;
color: #fff;
font-size: 12px;
padding: 1em;
display: none;
cursor: pointer;
}
.lendau img{
float: right;
}
.lendau span{
float: left;
margin-right: 5px;
margin-top: 3px;
}.hotline-footer{display:none;}
.float-contact {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99999;
}
.chat-zalo {
background: #2ba24c;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
float:right;
}
.chat-face {
background: #4d81ee;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
float:right;
}
.float-contact .hotline {
background: #e0193b!important;
border-radius: 20px;
padding: 0 18px;
color: white;
display: block;
margin-bottom: 6px;
float:right;
}
.chat-zalo a, .chat-face a, .hotline a {
font-size: 15px;
color: white;
font-weight: 400;
text-transform: none;
line-height: 0;
}
@media (max-width: 549px){
.hotline-footer{display:block; position:fixed; bottom:0; width:100%; height:50px; z-index:99; background:rgba(0,0,0,0.6)}
.hotline-footer .left{    width: 65%;
    float: left;
    height: 100%;
    color: white;
    line-height: 43px;
    text-align: center;}
.hotline-footer .right{    width: 35%;
    float: right;
    height: 100%;
    line-height: 43px;
    text-align: center;}.absolute-footer{font-size:13px}
.hotline-footer a{display:block;color:#fff}
.hotline-footer .left a{background: #0082d0;
    line-height: 40px;
    margin: 5px; border-radius: 3px;}
.hotline-footer .right a{background: #3fb801;
    line-height: 40px;
    margin: 5px;
 border-radius: 3px;}
.hotline-footer .left img, .hotline-footer .right img{width:30px;    padding-right: 10px;}
.float-contact{display:none}
}.button, button, input[type='submit'], input[type='reset'], input[type='button'] {
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
}