.panel-body img {margin:auto}
.album-name h3{line-height:2.5}
.view_detail{height: auto;overflow: auto}
.pd5{padding: 5px}
.pd10{padding: 10px}
.pd10_0{padding: 10px 0px}
.mg0_0_10{margin: 0px 0px 10px}
.mg0_10_10{margin: 0px 10px 10px}
.txt16{font-size: 16px}
.txt20{font-size: 20px}
.txt_bold{font-weight:bold}
.album-name h3 {line-height: 1.5;height: 40px}
.arrow_left{position: absolute;z-index: 999;top: 50%;left: 2%}
.arrow_right{position: absolute;z-index: 999;top: 50%;right: 2%}
.author_avatar {border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px;}
.spacer::before {content: "\f10c";margin: 0px 5px}

/* view home */
.view-btn a {color:#333}
.view-btn a.active {font-weight:700}
.thumbnail {margin-bottom: 20px;padding: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px}
.item.list-group-item{float: none;width: 100%;margin-bottom: 10px;padding:0;border:0}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover{}
.item.list-group-item .list-group-image{margin-right: 10px}
.item.list-group-item .thumbnail{margin-bottom: 0px}
.item.list-group-item .caption{padding: 9px 9px 0px 9px}
.item.list-group-item:nth-of-type(odd){padding:0;border:0}
.item.list-group-item:before, .item.list-group-item:after{display: table;content: " "}
.item.list-group-item img{float: left;max-height:140px}
.item.list-group-item:after{clear: both}
.list-group-item-text{margin: 0 0 8px;height:87px;overflow:hidden;line-height:22px;text-align:justify;padding-top:10px}
.thumbnail .text-muted {font-size:12px;font-style:italic}
.detail-header .text-muted {font-size:12px;font-style:italic;margin-top:7px}

/* Shine effect */
.item.list-group-item .thumbnail .shine{float:left;}
.thumbnail .shine {position: relative;overflow: hidden}
.thumbnail .shine::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)}
.thumbnail .shine:hover::before {-webkit-animation: shine .75s;animation: shine .75s}
@-webkit-keyframes shine {100% {left: 125%}}
@keyframes shine {100% {left: 125%}}

/* detail */
#album-gallery .pd5{position:relative;z-index:0}
#album-gallery .pd5 .thumbnail {position:absolute;top:0;left:0;z-index:1}
#album-gallery .pd5 .hover-btn {width:100%;height:100%;position:absolute;opacity:0;z-index:2;display: flex;justify-content: center;align-items: center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;-webkit-transform: scale(0.5);transform: scale(0.5)}
#album-gallery .pd5:hover .hover-btn{opacity:1;-webkit-transform: scale(1);transform: scale(1)}
#album-gallery .pd5:hover .img-responsive{webkit-filter: blur(4px);filter: blur(4px)}
#album-gallery .pd5 .img-responsive{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}

/* icomoon icon */
@font-face {
    font-family: 'icomoon';
    src: url(../fonts/icomoon.eot);
    src: url(../fonts/icomoon.eot?#iefix) format('embedded-opentype'), url(../fonts/icomoon.ttf) format('truetype'), url(../fonts/icomoon.woff) format('woff'), url(../fonts/icomoon.svg#icomoon) format('svg');
    font-weight: normal;
    font-style: normal
}
.icomoon-icon {border-bottom:0px solid #dbdbdb;overflow:hidden;}
.icomoon-icon li {display: flex;flex-direction: row;align-items: center;font-size: 14px;float: left;padding: 0 5px 0 0;width: 250px;height: 25px;line-height: 24px;margin-bottom: 20px}
.icomoon-icon li:nth-child(3n) {width: 250px}
.icomoon-icon li span {float: left;font-size: 22px;width: 28px;font-family: 'icomoon';color:rgba(0, 174, 239, 1)}
.icomoon-icon li label {flex: 1;display: block;color: #060}
.icomoon-area:before {content: "\e910"}
.icomoon-front:before {content: "\e95a"}
.icomoon-bed:before {content: "\e914"}
.icomoon-bath:before {content: "\e912"}
.icomoon-floors:before {content: "\e95b"}
.icomoon-direction:before {content: "\e951"}
.icomoon-user:before {content: "\e903"}
.icomoon-crane:before {content: "\e93d"}

#detail .detail-header {padding-bottom:10px}
#detail .detail-header p.address {font-size: 14px;line-height: 20px;padding: 5px 0 10px 0;color: #707070}
#detail .detail-header p.price {}
#detail .table-list{display: table;width: 100%}
#detail .table-cell{display: table-cell;vertical-align: middle}
#detail .label-wrap{display: inline-block;font-size: 0;vertical-align: middle;line-height: normal}
#detail .label-wrap .label{display: inline-block;margin-right: 5px;color: #fff;border-radius: 2px;font-size: 12px;line-height: 12px;padding: 5px 6px 6px;margin-bottom: 0;line-height: 11px;vertical-align: top}
#detail .label-wrap .label:hover{background:#000}
#detail .label-wrap .label a {color: inherit}
#detail .label-wrap .label:last-child {margin: 0}
#detail .detail-top {position: relative;margin-top:10px;margin-bottom: 30px;z-index: 1}
#detail .detail-top .information {width: 100%;min-height: 450px;overflow: hidden;}
#detail .detail-top .tab-content {position: relative}
#detail .detail-top .meta-info{padding:8px 15px;color:#fff;font-size:13px;line-height:22px;text-align:justify;width:100%;height:auto;background:rgba(0,0,0,0.2);position:absolute;bottom:0;left:0;z-index:9}
#detail .meta-info p .fa{margin-right:5px;color:rgba(0, 174, 239, 1)}
#detail .detail-header .meta-info p .fa{color:inherit;font-size:12px}
#detail .detail-header .meta-info p {margin:5px 0}
#detail .meta-info p span{margin-right:10px}
#detail .meta-info p span a{color:#fff}#detail .detail-top .meta-info p span a:hover{color:rgba(0, 174, 239, 1)}
#detail .detail-media, #detail .detail-media #information {position: relative}
#detail #information {background-position: center;background-size: cover, 100%;background-repeat: no-repeat}
#detail #information:before {
    content: "";
    width: 100%;
    height: 30%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 100%)
}
#detail .detail-media .label-wrap {position: absolute;left: 20px;top: 20px;z-index: 2}
#detail .detail-media .form-small {*zoom: 1;background-color: rgba(255, 255, 255, 0.8);padding: 10px}
#detail .detail-media .form-media {position: absolute;left: 10px;top: 10px;display: inline-block;width: 270px;max-height: 430px;overflow: auto}
#detail .detail-media #information{position: relative}
#detail .media-tabs{*zoom: 1}
#detail .media-tabs {position: absolute;top: 50px;right: 20px;z-index: 9}
#detail .media-tabs .media-tabs-list li {font-size: 10px;line-height: 10px;margin: 0 0 0 12px;text-align: center;display: inline-block;position: relative}
#detail .media-tabs .media-tabs-list {list-style: none;margin: 0;font-size: 0}
#detail .media-tabs .media-tabs-list li > a {width: 40px;height: 40px;text-align: center;display: block;background-color: rgba(0, 0, 0, 0.6);color: #fff;font-size: 18px;line-height: 40px;-webkit-border-radius: 4px;border-radius: 4px}
#detail .media-tabs .media-tabs-list li > a:hover {background-color: rgba(0, 174, 239, 0.6)}
#detail .media-tabs .media-tabs-list li:first-child {margin: 0}
#detail .media-tabs .media-tabs-list li.active a {background-color: rgba(0, 174, 239, 0.6)}
#detail .detail-content .nav li{margin-bottom:-1px;border-bottom:none}
#detail .detail-content .nav li a{background:#eee;font-weight:700}#detail .detail-content .nav li a:hover{background:#fff}
#detail .detail-content .nav li.active a{background:#fff}
#detail .detail-content .tab-pane {padding-top:10px;min-height:150px}
#detail .detail-content #hometext, 
#detail .detail-content #menu1,
#detail .detail-content #menu2, 
#detail .detail-content #menu3,
#detail .detail-content #hometext p,
#detail .detail-content #menu1 p,
#detail .detail-content #menu2 p,
#detail .detail-content #menu3 p{text-align:justify;line-height:25px;margin: 10px 0}
#detail .detail-content #menu2 img{max-width:100%;height:auto;padding-right:7px}
#detail .detail-content #menu2 img:nth-child(4n){padding-right:0px}
#detail .detail-content #menu2 p{max-width:25%;float:left}
#detail .detail-content #menu2 p:last-child{clear:right}
#detail .detail-content #menu1>p>span{font-family:'icomoon';margin-right:8px;font-size:18px;font-weight:700}

@media (max-width: 1210px) {
.houzez-seller div {margin-left: 0px;padding-top: 15px}
}
@media (min-width: 992px) and (max-width: 1199px) {
#detail .detail-media .form-media {left: 20px;top: 20px;width: 315px;padding: 20px}
}
@media (max-width: 991px) {
#detail .detail-media .form-media {display: none}
}
@media (min-width: 768px) and (max-width: 991px) {
#detail .detail-top .information {min-height: 400px}
}
@media (max-width: 767px) {
#detail .label-wrap .label {font-size: 10px;line-height: 11px}
#detail .detail-header p.address {font-size: 12px;line-height: 20px}
#detail .detail-media .form-small {padding: 15px}
#detail .media-tabs .media-tabs-list {float: left;line-height: 24px}
#detail .detail-top {margin-bottom: 20px}
#detail .detail-top .information {min-height: 350px}
}
@media (max-width: 481px) {
#detail .media-tabs {display:none}	
#detail .table-cell h1, #detail .detail-header p.address {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 210px}
#detail .detail-top .information {min-height: 250px}
#detail .detail-content{padding-top:20px}
}
.tab-content .fade.in:before {
    content: ""
}