/**{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-rendering:geometricPrecision
}
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    border-radius: 8px;
}

*::-webkit-scrollbar-thumb {
    height: 56px;
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box;
    background-color: #888;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
html{
    height:100%
}
html *{
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale
}

.checkbox{
    position:relative;
    vertical-align:middle;
    float:left
}
.checkbox input{
    margin:0;
    display:inline;
    opacity:0;
    position:absolute;
    width:25px;
    height:25px;
    z-index:9999;
    cursor:pointer
}
.checkbox input+label{
    margin-bottom:0;
    padding-left:30px;
    cursor:pointer
}
.checkbox input+label:after{
    content:'';
    font-family:'zmdi';
    font-size:11px;
    line-height:16px;
    margin-bottom:0;
    color:#999;
    width:16px;
    height:16px;
    display:inline-block;
    border:1px solid #ccc;
    background:#fff;
    position:absolute;
    left:0;
    top:5px
}
.checkbox input+label:hover{
    color:#c72528
}
.checkbox input:checked+label:after{
    content:'\f125';
    color:#fff;
    opacity:1;
    visibility:visible;
    border:1px solid #00779a;
    background:#00779a;
    text-align:center
}
ul.popup li.radiobox{
    position:relative;
    vertical-align:middle;
    padding:5px 0 5px 20px;
    font-size:14px
}
body.modal-open {
    padding-right: 17px !important;
    overflow: hidden;
}
body.modal-open #uhchatboz, body.modal-open .is-stuck{padding-right: 17px !important;}
body.modal-open #page-popup {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0!important;
    display: block;
}
.radiobox.radiobox-horizontal{
    display:inline-block
}
.title-ft{
    padding:5px 15px 8px!important;
    font-weight:600;
    background:#fff;
    white-space:nowrap;
    width:100%!important
}
.radiobox input{
    margin:0;
    display:inline;
    opacity:0;
    position:absolute;
    width:15px;
    height:15px
}
.radiobox input+label{
    margin-bottom:0;
    padding-left:10px
}
.radiobox input+label:after{
    content:'\f26c';
    font-family:'zmdi';
    color:#999;
    font-size:16px;
    line-height:16px;
    width:16px;
    height:16px;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    left:16px;
    top:6px
}
.radiobox input:checked+label:after{
    content:'\f26f';
    color:#00779a
}
input::-webkit-input-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
input:-moz-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
input::-moz-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
input:-ms-input-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
::-webkit-input-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
::-moz-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
:-ms-input-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
:-moz-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
input[type="text"],input[type="email"],input[type="url"],textarea{
    -webkit-appearance:textfield;
    background-color:#fff;
    border-image-source:initial;
    border-image-slice:initial;
    border-image-width:initial;
    border-image-outset:initial;
    border-image-repeat:initial;
    -webkit-rtl-ordering:logical;
    -webkit-user-select:text;
    cursor:auto;
    border:1px solid rgba(131,131,131,.3);
}
li{
    list-style:none
}
input,textarea,keygen,select,button{
    text-rendering:auto;
    color:initial;
    letter-spacing:normal;
    word-spacing:normal;
    text-transform:none;
    text-indent:0;
    text-shadow:none;
    display:inline-block;
    text-align:start;
    margin:0;
}
textarea:focus,button:focus,input:focus{
    outline:none
}
textarea:focus,input:focus{
    border:1px solid #f07404!important
}
.btn{
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0;
}
body{
    /*font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;*/
    font-family: 'Roboto',Arial, sans-serif;
    font-size:16px;
    font-weight:400;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    color:#444c59;
    /*background: #fcfcfc;*/
}
body.overflow{
    overflow:hidden;
}
/*line*/
._1line,._2line,._3line,._4line,._5line {
    word-break: break-word;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}
._2line {
    -webkit-line-clamp: 2
}
._3line {
    -webkit-line-clamp: 3
}
._4line {
    -webkit-line-clamp: 4
}
._5line {
    -webkit-line-clamp: 5
}
.products{
    padding: 20px 0;
    background: #fafafa;
}
.products h1.title{
    font-size:25px;
}
.products .content{
    margin-top: 25px;
    margin-bottom: 30px;
}
.row-listing .rowItem .rinfo .rtitle a.rtitle:hover,.home-product-rent .listingItem .info-container a.listing-name:hover,
.row-listing .rowItem .cover-image:hover+.rinfo a.rtitle,
.home-product-rent .listingItem .cover-image:hover+.info-container a.listing-name,
.block-news .detail-block  .item .info-container .title a:hover,
.block-news .detail-block .item .cover-image:hover+.info-container .title a,
.blog-item .blog-item-header h2 a:hover,
.blog-item .custom-image-featured:hover+.blog-item-header h2 a,
.block-news .detail-block .item .info-container .title a:hover,
.header .col-right .top-menu ul li a:hover,
.block-tags .col-12 ul li a:hover,
.row-listing .rowItem .rinfo .rcontent a.rtitle:hover{
 
      color: #cd5700;
}
.label-counter {
    font-size: 11px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(/theme/img/label-counter.svg) no-repeat;
    background-size: cover;
    width: 25px;
    height: 19px;
    font-weight: 700;
    color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0.8;
}
.search-result{
    height:100%
}
.radiobox:hover{
    background:rgba(48,51,58,.07)
}
.search-result .result{
    margin-bottom:30px
}
a{
    text-decoration:none;
    color:#444c59
}

.detail-content-news img,.cover{
    position:relative
}
/*.detail-content-news img:before,.thumb-duan img:before,.cover img:before{
    content:' ';
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    background-image:url(../images/xno-image.png.pagespeed.ic.KtLDeVTbz6.png);
    background-size:contain;
    background-position:50%
}*/
#wrap{
    width:100%;
    height:100%;
    position:relative;
    background:#fff
}
.header2402{
    position:absolute;
    top:0;
    height:60px;
    width:100%;
    text-align:center;
    z-index:100;
    border-bottom:1px solid #eaebf0;
    border-bottom-color:hsla(0,0%,100%,.2)
}
.header2402:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:-70%;
    left:0;
    z-index:-1;
    background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)
}
.header2402-navBar{
    text-align:left;
    position:fixed;
    height:100%;
    width:300px;
    right:-300px;
    padding-top:20px;
    padding-bottom:25px;
    background-color:#fff;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    z-index:1000;
    -webkit-transition:-webkit-transform .25s cubic-bezier(.11,.97,.81,1);
    -moz-transition:-moz-transform .25s cubic-bezier(.11,.97,.81,1);
    -o-transition:-o-transform .25s cubic-bezier(.11,.97,.81,1);
    transition:-webkit-transform .25s cubic-bezier(.11,.97,.81,1) , -moz-transform .25s cubic-bezier(.11,.97,.81,1) , -o-transform .25s cubic-bezier(.11,.97,.81,1) , transform .25s cubic-bezier(.11,.97,.81,1);
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -o-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 5px rgba(0,0,0,.1)
}
.actionIcon{
    display:block;
    cursor:pointer;
    top:15px;
    right:25px;
    height:34px;
    width:34px;
    z-index:1200;
    position:absolute;
    font-family:zmdi;
    font-size:25px;
    font-weight:700;
    background:#000;
    color:#fff;
    padding:6px;
    text-align:center;
    line-height:18px
}
.actionIcon-responsive{
    position:fixed;
    display:none
}
.actionIcon:before{
    content:'\f153'
}
.close{
    position:absolute;
    top:15px;
    right:20px
}
.header2402-navBar ul li{
    font-size:2em;
    font-weight:500
}
.header2402-navBar ul li a{
    display:block;
    padding:14px 0 14px 35px
}
.header2402-navBar ul li.diadiem{
    margin-top:15px
}
.header2402-navBar ul li.diadiem a{
    cursor:default
}
.header2402-navBar ul li.diadiem a:hover{
    background:#fff
}
.header2402-navBar ul li.diadiem:before{
    content:'';
    border-top:1px solid #dedede;
    display:block;
    height:15px
}
.header2402-navBar ul li .avatar{
    padding:6px 36px;
    height:30px;
    line-height:30px;
    width:100%
}
.header2402-navBar ul li .avatar img{
    height:24px;
    width:24px;
    float:left
}
.header2402-navBar ul li .avatar span{
    margin-left:5px;
    font-size:15px
}
.header2402-navBar ul.subnav li{
    font-size:.7em;
    font-weight:400
}
.header2402-navBar ul.subnav li a{
    padding:6px 40px;
    margin:8px 0;
    cursor:pointer
}
.header2402-navBar ul.subnav li a.active{
    background:#eee
}
.header2402-navBar ul.subnav li a:hover{
    background:#eee
}
.width-1600{
    width:100%;
    margin:0 auto;
    position:relative
}
.width-1600:before{
    clear:both;
    display:table;
    content:''
}
.width-1600:after{
    clear:both;
    display:table;
    content:''
}
.width-1600 hgroup{
    padding:7px 0 0 40px;
    float:left
}
.width-1600 hgroup.detail-logo{
    padding:15px 0 0 40px
}
.width-1600 hgroup a{
    display:block
}
.width-1600 hgroup a img{
    width:44px
}
.width-1600 hgroup .logo{
    font-family:zmdi;
    display:block
}
.width-1600 hgroup .logo:before{
    content:'\f191';
    font-weight:400;
    font-size:12em;
    color:#fff
}
.width-1600 hgroup .logo a{
    width:180px;
    height:38px;
    display:block
}
.width-1600 .right-menu{
    position:absolute;
    right:34px;
    top:0
}
.width-1600 .right-menu ul li{
    display:inline-block;
    position:relative;
    vertical-align:middle
}
.width-1600 .right-menu ul li:last-child a.rightmenu-linkblack{
    padding-right:0
}
.width-1600 .right-menu ul li .avatar-user{
    color:#fff
}
.width-1600 .right-menu ul li a.rightmenu-link{
    height:60px;
    width:100%;
    padding:2px 15px 0 15px;
    border-bottom:2px solid transparent;
    color:#fff;
    font-weight:400;
    font-size:14px;
    line-height:59px
}
.width-1600 .right-menu ul li a.rightmenu-link:hover{
    opacity:.6
}
.width-1600 .right-menu ul li a.dropdown-link{
    width:100%;
    padding:0;
    border-bottom:2px solid transparent;
    font-weight:400;
    color:#444c59;
    white-space:nowrap
}
.width-1600 .right-menu ul li a.sellbut{
    color:#fff;
    padding:0 12px;
    margin-left:10px;
    border:1px solid #fff;
    font-weight:500;
    font-size:14px;
    background:rgba(0,0,0,0);
    -webkit-transition:background .15s linear , border .2s linear;
    height:30px;
    line-height:30px
}
.width-1600 .right-menu ul li a.sellbut:hover{
    background:#c72528;
    border:1px solid #c72528
}
.width-1600 .right-menu ul li a.activeon{
    color:#c72528!important
}
.width-1600 .right-menu ul li a.dropdown-link:hover{
    color:#c72528
}
.width-1600 .right-menu ul li a.dropdownmenu:hover{
    color:rgba(231,232,231,.7)
}
.dropdownmenu{
    position:relative;
    cursor:default!important;
    padding-right:60px!important
}
.dropdownmenu:before{
    content:'';
    width:1px;
    height:30px;
    background:#fff;
    position:absolute;
    right:11px;
    top:20px
}
.dropdownmenublack{
    position:relative;
    cursor:default!important;
    padding-right:60px!important
}
.dropdownmenublack:before{
    content:'';
    width:1px;
    height:30px;
    background:#d7d7d7;
    position:absolute;
    right:11px;
    top:20px
}
.width-1600 .right-menu .rightmenu-dropdown{
    position:absolute;
    right:0;
    min-width:120px;
    padding:10px;
    background-color:rgba(255,255,255,.9);
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .25s linear , visibility .25s linear;
    -moz-transition:opacity .25s linear , visibility .25s linear;
    -o-transition:opacity .25s linear , visibility .25s linear;
    transition:opacity .25s linear , visibility .25s linear
}
.width-1600 .right-menu .rightmenu-dropdown{
    right:0;
    margin-top:-3px;
    padding:15px 25px;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    z-index:1000;
    background-clip:padding-box;
    position:absolute;
    border:1px solid rgba(48,51,57,.15);
    background-color:#fff;
    text-align:left;
    min-width:150px
}
.width-1600 .right-menu .rightmenu-dropdown:before{
    content:url(../images/arrowtop.svg);
    position:absolute;
    top:-10px;
    right:10px
}
.position-left{
    left:185px!important;
    right:inherit!important
}
.width-1600 .right-menu .rightmenu-dropdown li{
    display:block;
    text-align:left
}
.width-1600 .right-menu ul li:hover>.rightmenu-dropdown{
    opacity:1;
    visibility:visible
}
.icondropdown{
    display:inline;
    position:absolute;
    line-height:0;
    top:30px;
    right:52px;
    font-family:zmdi
}
.icondropdown:before{
    content:'\f116';
    position:absolute;
    font-size:22px;
    font-weight:400
}
.iconup{
    display:inline;
    position:absolute;
    line-height:0;
    top:34px;
    right:52px;
    font-family:zmdi
}
.iconup:before{
    content:'\f117';
    position:absolute;
    font-size:22px;
    font-weight:400
}
.iconremove{
    display:inline;
    position:absolute;
    line-height:0;
    top:26px;
    right:15px;
    font-family:zmdi;
    font-size:.7em;
    color:#c72528
}
.iconremove:before{
    content:'\f124';
    position:absolute;
    font-size:1em
}
.icondropdownblack{
    display:inline;
    position:absolute;
    line-height:0;
    top:36px;
    right:52px
}
.icondropdownblack:before{
    content:'\f116';
    position:absolute;
    color:#444c59
}
.header1506-link{
    display:block;
    font-size:16px;
    color:#444c59;
    cursor:pointer;
    -webkit-transition:color .25s linear , border-bottom .25s linear;
    -moz-transition:color .25s linear , border-bottom .25s linear;
    -o-transition:color .25s linear , border-bottom .25s linear
}
.menuicontop{
    float:left;
    padding:30px 0 0 30px
}
.avatar-user{
    position:relative;
    font-size:14px;
    font-weight:500;
    display:block;
    line-height:59px;
    max-width:300px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.avatar-user .icondropdown{
    right:70px;
    left:auto;
    top:30px
}
.avatar-user:hover{
    border-bottom:0!important
}
.avatar-user img{
    width:30px;
    height:30px;
    border-radius:50%;
    vertical-align:middle;
    margin:0 8px 0 30px
}
.avatar-user-black{
    position:relative;
    font-size:14px;
    font-weight:500;
    display:block;
    line-height:40px;
    color:#444c59;
    padding-left:20px;
    max-width:300px
}
.avatar-user-black .icondropdown{
    right:62px;
    left:auto;
    top:20px
}
.avatar-user-black img{
    width:30px;
    height:30px;
    border-radius:50%;
    vertical-align:middle;
    margin:0 8px 0 10px
}
.width-1600 nav{
    position:absolute;
    left:30px;
    top:30px
}
.width-1600 .menuicon{
    position:absolute;
    top:24px;
    left:30px;
    font-family:zmdi;
    display:none
}
.width-1600 .menuicon:before{
    content:'\f100';
    font-size:38px;
    font-weight:400;
    color:#fff;
    cursor:pointer
}
.sort-home{
    float:left;
    width:133px;
    background:#fff;
    padding:8px 0 8px 15px;
    margin-top:30px;
    display:block;
    position:relative;
    border-top:2px solid #444c59;
    height:50px
}
.top-67{
    top:48px!important
}
.top-36{
    top:36px!important
}
.btn-no-style{
    background:none;
    border:0;
    padding-top:3px;
    display:block;
    height:30px;
    position:relative;
    width:100%;
    cursor:pointer
}
button[type="button"].btn-no-style:focus{
    outline:none!important
}
.line-heigh-18{
    line-height:18px
}
.topsearch-bgloop .box-search .fix-width770 form .search-home input{
    color:#999;
    font-size:18px;
    font-weight:400;
    line-height:30px;
    border:none;
    width:calc(100% - 40px);
    margin:0;
    display:inline-block;
    padding-left:10px
}
.topsearch-bgloop .box-search .fix-width770 form .search-home input:focus{
    border:none!important
}
.topsearch-bgloop .box-search .fix-width770 form .search-home button{
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:none;
    border:0;
    position:absolute;
    top:4px;
    cursor:pointer
}
.right-menu ul li button{
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:none;
    border:0;
    cursor:pointer;
    font-size:28px;
    line-height:30px;
    padding-top:4px
}
.width-1600 .right-menu ul li:hover>.rightmenu-dropdownblack{
    opacity:1;
    visibility:visible
}
.black-background{
    visibility:hidden;
    opacity:0;
    position:fixed;
    top:0;
    background-color:rgba(0,0,0,.5);
    height:100%;
    width:100%;
    -webkit-transition:opacity .25s linear , visibility .25s linear;
    -moz-transition:opacity .25s linear , visibility .25s linear;
    -o-transition:opacity .25s linear , visibility .25s linear;
    transition:opacity .25s linear , visibility .25s linear;
    z-index:700
}
.black-background-visible{
    visibility:visible;
    opacity:1;
    background-color:rgba(0,0,0,.5);
    z-index:110
}
.header2402-navBar.is-visible{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(-300px);
    right:-300px
}
/*main*/
*,*::after,*::before{
    margin:0;
    padding:0;
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
html *{
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale
}
input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance:searchfield-cancel-button
}/*
*::-webkit-input-placeholder,
{
    color:rgba(0,4,68,.3)
}*/
input,textarea,keygen,select,button{
    text-rendering:auto;
    color:initial;
    letter-spacing:normal;
    word-spacing:normal;
    text-transform:none;
    text-indent:0;
    text-shadow:none;
    display:inline-block;
    text-align:start;
    margin:0
}
input:focus,textarea:focus,keygen:focus,select:focus,button:focus{
    outline:none
}
li{
    list-style:none
}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
a{
    color:#303330;
    text-decoration:none
}
.clear {clear:both;}
.container{
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
.container-large{
    max-width: 1270px;
}
.row{
    margin-left:-15px;
    margin-right:-15px;
}
.row .col{
    padding-left:15px;
    padding-right:15px;
}
.container:after {
    content: '';
    display: block;
    clear: both;
}
.container .inner{
    display:block;
    overflow:hidden
}
.pd-top-bottom-block{
    padding-top:60px;
    padding-bottom:60px
}
.pd-top-60{
    padding-top:60px!important
}
.pd-bot-60{
    padding-bottom:60px!important
}
.mgr-t-10{
    margin-top:10px
}
.mgr-t-20{
    margin-top:20px
}
.mgr-t-30{
    margin-top:30px
}
.mgr-t-40{
    margin-top:40px
}
.mgr-t-50{
    margin-top:50px
}
.mgr-t-60{
    margin-top:60px
}
.mgr-bt-60{
    margin-bottom:60px
}
.col-2{
    width:16.67%
}
.col-3{
    width:25%
}
.col-4{
    width:33.33%
}
.col-6{
    width:50%
}
.col-8{
    width:66.67%
}
.col-12{
    width:100%
}
.col-2,.col-3,.col-4,.col-5,.col-6,.col-8,.col-10 {
    float: left
}
.col-offset {
    float: unset
}
h1, h2, h3, h4, h5, h6, .font-title {
    font-weight: 700;
}
.text-color{
    color: #f96e08;
}
a.text-color:hover{color:#e66100;}
.text-center-index{
    text-align:center
}
.text-upper{text-transform:uppercase;}
.heading-fw{
    text-align:center;
}
.heading-fw {
    text-align: center;
    margin-bottom: 45px
}

.heading-fw h2,.heading-left h2 {
    position: relative;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 21px;
    padding-bottom: 5px;
}
h2._underline{
    margin-bottom:20px;
}
h2._underline:after {
    content: " ";
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
    border-bottom: 3px solid #c5c5c5;
    width: 110px;
}

.heading-fw h2 a,.heading-left h2 a,.heading-left ul li a {
    color: #444b59;
    text-transform: uppercase;
    transition: all 0.2s;
}
.heading-fw h2 a:hover,.heading-left h2 a:hover,.heading-left ul li a:hover
{
    color: #f96e08;
}
 .heading-left{
    margin-bottom:20px;
    display:block;
    width:100%;
    padding-top: 25px;
}
.heading-left ul{
    float: left;
    padding-top: 12px;
    list-style: none;
}
.heading-left ul li {
    color: #333;
    font-size: 1rem;
    line-height: 1.3;
    margin: 0 18px 10px 0;
    float: left;
    text-transform: uppercase;
}
.heading-left ul li:last-child{margin-right:0;}
.heading-left ul li a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    color: #666;
}
.heading-01{
    font-size:35px;
    font-weight:700
}
.heading-02{
    font-size:26px;
    font-weight:600;
}
.heading-03{
    font-size:24px;
    font-weight:600;
    line-height: 30px;
}
.heading-04{
    font-size:20px;
    font-weight:500
}
.heading-desc {
    width: 100%;
    color: #838383;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    opacity: 0.8;
}
.heading-line {
    border-top: 3px solid #c5c5c5;
    display: inline-block;
    margin-bottom: 10px;
    width: 130px;
    margin-top: 10px;
}
.heading-fw .heading-03 a{color:#303330;transition: all 0.2s;}
.heading-fw .heading-03 a:hover{color:#f07404}
.home-right {
    margin-left: 20px
}
.home-right img {
    margin-bottom: 20px;
    max-width:100%;
}

.btn-ultra{
    height:55px!important;
    line-height:55px!important
}
.btn-large{
    height:50px!important;
    line-height:50px!important
}
.btn-medium{
    height:40px!important;
    line-height:40px!important
}
.btn-small{
    height:32px!important;
    line-height:32px!important
}
.btn-facebook{
    color:#fff;
    background:#3c589c
}
.btn-primary{
    display:inline-block;
    width:100%;
    margin:0 auto;
    cursor:pointer;
    font-weight:500;
    font-size:16px;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    min-width:-webkit-fit-content;
    min-width:-moz-fit-content;
    min-width:fit-content;
    min-width:-moz-available;
    max-width:-moz-available;
    text-align:center;
    border-radius:2px;
    padding:0 20px;
    white-space:nowrap
}
.btn-primary:focus{
    outline:none
}
.btn-red{
    color:#fff;
    background:#c72528
}

.btn-red-outline{
    color:#c72528;
    border:1px solid #c72528;
    background:transparent
}

.btn-black{
    color:#fff;
    background:#30333a
}
.btn-black-outline{
    color:#30333a;
    border:1px solid #30333a;
    background:transparent
}
.btn-blue{
    color:#fff;
    background:#00a6bd
}
.btn-blue-outline{
    color:#337588;
    border:1px solid #337588;
    background:transparent
}
.btn{
    padding:13px 40px;
    border-radius:2px;
    font-size:18px;
    cursor:pointer;
    font-weight:bold;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    /*max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    min-width: -moz-min-content;
    max-width: -moz-max-content;*/
}
.btn-bg{
    color:#fff;
    background:#f07404;
    border:0;
    cursor:pointer;
    font-weight:bold;
}
.btn-bg:hover{
    background:#da6a05;
}
.btn-trans{
    padding:13px 40px;
    color: #f07404!important;
    border: 1px solid #f07404;
    background:none;
}
.btn-trans:hover{
    color:#fff!important;
    background-color:#f07404!important;
}
.label-primary{
    border-radius:2px;
    display:block;
    float:left;
    color:#fff;
    font-size:14px;
    font-weight:500;
    padding:6px 10px 4px;
    width:100%;
    min-width:-webkit-fit-content;
    min-width:-moz-fit-content;
    min-width:fit-content;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    min-width:-moz-min-content;
    max-width:-moz-max-content
}
.label-primary.sold-out{
    background:rgba(48,51,58,.86)
}
.label-primary.unique{
    background:rgba(218,84,69,.86)
}
.label-primary.free{
    background:rgba(100,141,54,.86)
}
.label-primary.view3D{
    background-image:url(/img/svg/3dView.svg);
    background-repeat:no-repeat;
    background-position:50%;
    display:block;
    overflow:hidden;
    background-size:contain;
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:1;
    width:30px;
    height:30px
}
.label-primary.hot{
    position:absolute;
    top:10px;
    left:10px;
    background:#ea1e12;
    color:#fff;
    width:auto;
    font-size:12px;
    font-weight:600
}
.top-lg{padding-top:60px;}
.top-md{padding-top:40px;}
.top-sm{padding-top:25px;}
.top-sx{padding-top:15px;}
.bottom-lg{padding-bottom:60px;}
.bottom-md{padding-bottom:40px;}
.bottom-sm{padding-bottom:25px;}
.bottom-xs{padding-bottom:15px;}
.listingItem{
    width:100%;
    position:relative;
    float:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom: 1px solid rgba(131,131,131,.2);
    padding: 10px 0;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.listingItem .cover-image{
    position:relative
}
.listingItem .cover-image a{
    width:100%;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:66.67%
}
.listingItem .cover-image a img{
    position:absolute;
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin-top: -1px;
    -o-object-fit:cover;
    object-fit:cover
}
.listingItem .cover-image .label-group{
    position:absolute;
    left:0;
    bottom:10px;
    width:100%;
    padding:0 10px;
    z-index:2
}
.listingItem .cover-image .label-group span{
    margin:5px 5px 0 0
}
.listingItem .info-container{
    width:100%;
    padding:10px;
    background:#fff;
}
.listingItem .info-container .info-text {
    overflow: hidden;
}

.block-listing .info-container .listing-title{min-height:91px;}
.listingItem .info-container .listing-name{
    display: block;
    font-size: 15px;
    color: #30333a;
    line-height: 1.45;
    font-weight:500;
}
.listingItem .info-container .listing-address{
    margin: 4px 0;
    display: block;
    color: #838383;
}
.listingItem .info-container .listing-address{
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
}
.listingItem .info-container .listing-address a{
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    display:block;
}
.listingItem .info-container .listing-info{
    margin-top:8px;
    /*height:25px;*/
}
.listingItem .info-container .listing-info .txtprice{
    color: #dd0b0e;
    font-weight: 700;
    font-size:17px;
}
.listingItem .info-container .listing-info .txtprice.txtprice-updated{
    color: #4f4f4f;
    font-size: 15px;
}
.listingItem .info-container .listing-info li{
    display:inline-block;
    width:auto;
    font-size:14px;
    margin-right:5px;
    color:#838383;
    width: 100%;
}
.listingItem .info-container .listing-info li:nth-child(2)
{
    text-align:right;
    float: right;
}
.listingItem .info-container .listing-info li .zmdi{
    color:#30333a;
    padding-right:5px
}
.listingItem .info-container .listing-info li:last-child{
    margin-right:0
}
.listingItem .info-container .listing-price{
    display:block;
    right:20px;
    bottom:15px;
    font-size:16px;
    font-weight:600;
    color: #d2251e;
    text-align:right
}
.listingItem label{
    background-color: #00a65a !important;
    border-color: #d6e9c6;
    text-align: center;
    font-size: 11px;
    padding: 2px 6px;
    line-height: .9;
    color: #fff !important;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    opacity: 0.92;
}
/*top*/
.block-grid{
    float: left;
    width: 100%;
}
.block-grid .listingItem {
    width: 23.5%;
    float: left;
    margin-bottom: 20px;
    margin-right: 2%;
    position: relative;
    font-size: 1rem;
    line-height: 1.4;
    display: block;
    border:none!important;
    cursor:pointer;
}
.block-grid .listingItem:hover{opacity:0.9;}
.block-grid .listingItem .info-container
{
    background:none;
    width: 100%;
    padding: 0px 0 10px;
}
.block-grid .listingItem .info-container .listing-name{
    font-size: 17.5px;
    font-weight: 600;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.block-grid .listingItem .info-container .info-text h3  a:hover {
    color: #c15505;
}
.block-grid .listingItem .cover-image:hover+.info-container .info-text .listing-address h3 a {
    color: #c15505;
}
.block-grid .listingItem:first-child .cover-image:hover+.info-container .info-text .listing-address h3 a ,
.block-grid .listingItem:first-child .info-container .info-text h3 a:hover
{
    color:#fff;
}
.block-grid .listingItem:first-child {
    width: 49%;
    float: left;
    padding-bottom: 0;
}
.block-grid .listingItem:nth-child(4n+3) {
    margin-right: 0;
}
.block-grid .listingItem:nth-child(4) {
    clear: left;
    float: left;
}

    
.block-grid .listingItem:first-child .cover-image a {padding-top: 60.67%;}
.block-grid .listingItem:first-child .cover-image {
    margin-bottom: 0;
}
.block-grid .listingItem:first-child .info-container {
        position: absolute;
    bottom: 0px;
    padding: 20px 20px 28px 20px;
    background: unset;
}
    
.block-grid .listingItem:first-child .info-container .info-text{height: 80px;position: relative;z-index: 2;}
.block-grid .listingItem:first-child .info-container .listing-name
{   
    font-size: 24px;
    color:#fff;
}
.block-grid .listingItem .info-container .listing-address h4
{
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.block-grid .listingItem .info-container .listing-address {margin-top:6px;}
.block-grid .listingItem:first-child .info-container:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#343434));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #343434 100%);
    background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0%, #343434 100%);
    z-index: 0;
}
.block-grid .listingItem .txtprice{
    font-size: 18px;
    color: #eb3e17;
    font-weight: 700;
}
.block-grid .listingItem .info-container .listing-address h4 a{
    color: #5f5e5e;
}
.block-grid .listingItem:first-child .cover-image .txtprice
{
    z-index:3;    left: 20px;font-size: 20px;
}
.block-grid .listingItem:first-child .info-container .listing-address h4 a
{
    color:#fff;
}
.block-grid .listingItem:first-child .cover-image .txtprice{
    position: absolute;
    bottom: 6px;
    left: 20px;
}
.block-grid .listingItem:first-child .cover-image .txtprice.txtprice-updated{
    font-size:18px;
    color: #e9e9e9;
    font-style:italic;
}
.block-grid .listingItem  .info-container .txtprice.txtprice-updated{
    font-size: 16px;
    color: #6f6f6f;
    font-weight: 500;
    font-style:italic;
}
.block-space .block-grid, .block-space .block-listing{margin-bottom: 25px;}
@media (max-width:768px){
       
    .block-grid .listingItem:nth-of-type(n+2) {
        width: 49%;
        margin-right: 2%;
        float: left;
    }
    .block-grid .listingItem:nth-of-type(2n+1) {
        margin-right: 0;
    }
        .block-grid .listingItem:first-child {
        width: 100%;
        margin-right: 0;
        height: auto;
    }
}
/*rent*/
.home-product-rent .listingItem{
    border: 1px solid rgba(131,131,131,.2);
}
.home-product-rent .listingItem .info-container{height: 130px;}
.home-product-rent .listingItem .info-container .listing-name{
    font-size:15px;
}
.home-product-rent .info-container .listingItem {height: 146px;}
.home-product-rent .info-container h3{max-height:53px;overflow:hidden;}
.home-product-rent .listingItem .info-container .listing-address {margin-top:8px;}
.home-product-rent .listingItem .info-container .listing-info li, .pp-relate .info-container .listing-info li {width:unset;}
.home-product-rent .listing-info,.pp-relate .listing-info{
    position: absolute;
    bottom: 4px;
    left: 10px;
    width: calc(100% - 20px);
    margin: 0;
}
.home-product-rent .listing-info .author-photo, .pp-relate .listing-info .author-photo{
    object-fit: cover;
    border-radius: 50%;
    margin-top: -2px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}
/*.listView{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:20px 0;
    border-bottom:1px solid rgba(48,51,58,.1)!important;
    max-width:100%;
    border:0;
    -webkit-box-shadow:unset;
    box-shadow:unset
}*/
.listView .cover-image{
    width:36%;
    margin-right:30px
}
.listView .info-container{
    padding:0;
    position:relative
}
.listView .info-container .listing-name,.listView .info-container .listing-address,.listView .info-container .listing-info{
    white-space:unset
}
.listView .info-container .listing-price{
    top:0;
    right:0
}
.listView .info-container .label-group{
    position:absolute;
    display:block;
    top:30px;
    right:0;
    width:130px
}
.listView .info-container .label-group .label-primary{
    margin-bottom:5px;
    float:right
}
.listView .info-container .label-group .label-primary:last-child{
    margin-bottom:0
}
/*.listView .info-container .action-group{
    position:absolute;
    left:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}*/
.listView .info-container .action-group .agent{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
}
.listView .info-container .action-group .agent .avatar{
    height:40px;
    width:40px;
    border-radius:50%;
    overflow:hidden;
    margin-right:10px
}
.listView .info-container .action-group .agent .avatar a{
    display:block;
    overflow:hidden;
    height:0;
    padding-top:100%;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover
}
.listView .info-container .action-group .agent .detail{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.listView .info-container .action-group .agent .detail h5 a{
    font-size:14px;
    color:#30333a;
    font-weight:500
}
.listView .info-container .action-group .agent .detail .roll{
    color:rgba(48,51,57,.7);
    font-size:12px;
    padding:0
}
.listView .info-container .action-group .contact{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.listView .info-container .action-group .contact .btn-primary{
    margin-left:10px
}
.listView .info-container .action-group .contact .btn-primary:first-child{
    margin-left:0
}
.listView .info-container .action-group .contact .btn-primary:hover .zmdi,.listView .info-container .action-group .contact .btn-primary:hover span{
    color:#fff
}
.bg-overlay{
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0;
    left:0;
    content:'';
    background:rgba(0,0,0,.7);
    z-index:9999
}
.popup{
    width:100%;
    max-width:520px;
    -webkit-transform:translate(-50%,-50%) scale(.5);
    -ms-transform:translate(-50%,-50%) scale(.5);
    transform:translate(-50%,-50%) scale(.5);
    position:absolute;
    top:50%;
    left:50%;
    border-radius:2px;
    background:#fff;
    text-align:center;
    padding:50px
}
@media (max-width:480px){
    .popup{
        height:100%;
        padding:100px 18px 20px
    }
}
.popup .closeBtn{
    position:absolute;
    top:-18px;
    right:-18px;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#fff;
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
    box-shadow:0 2px 2px rgba(0,0,0,.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width:480px){
    .popup .closeBtn{
        top:30px;
        left:18px;
        -webkit-box-shadow:unset;
        box-shadow:unset
    }
}
.popup .closeBtn .zmdi{
    padding:0;
    font-size:24px;
    color:#30333a
}
.animationOpen,.animationClose{
    display:block;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    transition:all ease .2s
}
.animationOpen{
    -webkit-transform:translate(-50%,-50%) scale(1);
    opacity:1;
    -ms-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1)
}
.animationClose{
    opacity:0;
    -webkit-transform:translate(-50%,-50%) scale(.5);
    -ms-transform:translate(-50%,-50%) scale(.5);
    transform:translate(-50%,-50%) scale(.5)
}
.tab-content #reset-password h3{
    font-size:16px;
    margin-bottom:20px;
    display:block;
    overflow:hidden;
    line-height:1.3
}
.tab-content #reset-password .text{
    font-size:14px;
    line-height:1.5;
    display:block;
    overflow:hidden;
    margin:0 0 40px
}
.form{
    width:100%;
    max-width:420px;
    margin:0 auto;
    display:block;
    overflow:hidden;
    text-align:center
}
.form h1{
    padding:0 0 50px;
    text-align:center
}
.form .btn-primary{
    position:relative;
    max-width:100%
}
.form .btn-primary .icon{
    height:20px;
    width:20px;
    position:absolute;
    top:16px;
    left:15px
}
.form .btn-primary .icon img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
.form .btn-primary span{
    color:#fff
}
.form p{
    color:rgba(68,76,89,.86);
    margin:20px 0;
    font-size:14px
}
.tab-group p{
    margin:20px 0 0
}
.tab-group p a{
    font-weight:600;
    color:#337588
}
.field-wrap{
    position:relative;
    margin-bottom:20px
}
.field-wrap label{
    position:absolute;
    opacity:0;
    top:8px;
    left:0
}
.field-wrap label.active{
    -webkit-transform:translateY(50px);
    -ms-transform:translateY(50px);
    transform:translateY(50px);
    font-size:14px;
    opacity:1;
    color:red
}
.field-wrap input{
    width:100%;
    height:50px;
    border-radius:2px;
    border:1px solid rgba(48,51,58,.3);
    padding:0 15px;
    font-size:14px
}
.field-wrap input:focus{
    outline:none
}
.field-wrap .error{
    text-align:left;
    color:#d0021b;
    font-size:12px;
    margin-top:8px;
    display:none
}
.field-wrap .error.active{
    display:block
}
.bottom-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:30px
}
.bottom-row .left .check{
    position:absolute;
    opacity:0
}
.bottom-row .left .check+label{
    position:relative;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0;
    font-size:14px
}
.bottom-row .left .check+label:before{
    content:'';
    margin-right:5px;
    display:inline-block;
    vertical-align:text-top;
    width:15px;
    height:15px;
    border-radius:2px;
    border:1px solid rgba(48,51,58,.3);
    background:#fff
}
.bottom-row .left .check+label:after{
    content:'';
    position:absolute;
    left:2px;
    top:7px;
    background:#fff;
    width:2px;
    height:2px;
    -webkit-box-shadow:2px 0 0 white , 4px 0 0 white , 4px -2px 0 white , 4px -4px 0 white , 4px -6px 0 white , 4px -8px 0 white;
    box-shadow:2px 0 0 white , 4px 0 0 white , 4px -2px 0 white , 4px -4px 0 white , 4px -6px 0 white , 4px -8px 0 white;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.bottom-row .left .check+label a{
    font-weight:600;
    color:rgba(51,117,136,.86)
}
.bottom-row .left .check:checked+label::before{
    background:#444c59
}
.bottom-row .right a{
    font-size:14px;
    color:rgba(68,76,89,.5)
}
.button-groups .btn-primary{
    max-width:100%;
    margin-bottom:20px;
    position:relative
}
.button-groups .btn-primary:last-child{
    margin-bottom:0
}
.button-groups .btn-primary .icon{
    height:20px;
    width:20px;
    position:absolute;
    top:16px;
    left:15px
}
.button-groups .btn-primary span{
    color:#fff
}
.logo-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    padding:15px 30px 60px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.logo-wrapper>a{
    display:block;
    position:relative;
    width:44px;
    height:44px
}
.logo-wrapper>a img{
    width:100%
}
.logo-wrapper p{
    margin-left:10px
}
.logo-wrapper p a{
    font-size:14px;
    font-weight:600;
    color:#30333a
}
@media (max-width:1024px){
    .logo-wrapper{
        padding:15px 18px 60px
    }
}
@media (max-width:480px){
    .form.login-page{
        max-width:-webkit-fill-available;
        margin:0 18px
    }
}
.position-toast{
    bottom:10px;
    left:10px
}
#toast-container>div{
    min-width:330px!important;
    max-width:100%;
    height:auto;
    min-height:50px;
    margin:10px 0 0 0!important;
    padding:0 15px 0 20px!important;
    background:#fff;
    color:#444c59!important;
    border-radius:0!important;
    -webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.24)!important;
    box-shadow:0 4px 10px 0 rgba(0,0,0,.24)!important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    opacity:1!important
}
.toast-items.zmdi{
    font-size:20px
}
.zmdi.zmdi-check::before{
    color:#8cc156
}
.zmdi.zmdi-info-outline::before{
    color:#da5260
}
.zmdi.zmdi-close-circle{
    position:absolute;
    padding-right:20px;
    right:0;
    color:rgba(68,76,89,.3)
}
.toast-message{
    padding:0 10px;
    font-weight:400;
    font-size:16px
}
.toast-message>a{
    color:#00a6bd!important;
}
.toast-message>a:hover{
    color:#c72528
}


.projectListView{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:20px 0;
    border-bottom:1px solid rgba(48,51,58,.1)!important;
    max-width:100%;
    border:0;
    -webkit-box-shadow:unset;
    box-shadow:unset
}
@media (min-width:768px){
   
    .projectListView:hover{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
   
    .btn-red-outline:hover{
        color:#fff;
        background:#c72528
    }
    .btn-red:hover{
        color:#fff;
        background:rgba(199,37,40,.86)
    }
     .btn-facebook:hover{
        color:#fff;
        background:rgba(60,88,156,.86)
    }
    .btn-black:hover{
        color:#fff;
        background:rgba(48,51,58,.86)
    }
    .btn-black-outline:hover{
        color:#fff;
        background:#30333a
    }
    .btn-blue:hover{
        color:#fff;
        background:rgba(0,166,189,.86)
    }
     .btn-blue-outline:hover{
        color:#fff;
        background:#337588
    }
      .listingItem:hover,.block-news .detail-block .item:hover{
        /*-webkit-transform:translate(0,-2px);
        -ms-transform:translate(0,-2px);
        transform:translate(0,-2px);*/
        /*-webkit-box-shadow:0 0 6px rgba(0,0,0,.15);
        box-shadow:0 0 6px rgba(0,0,0,.15)*/
    }
    .listView:hover{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
    
}
.projectListView .cover-image{
    width:36%;
    margin-right:30px
}
.projectListView .info-container{
    padding:0;
    position:relative;
    width:100%
}
.projectListView .info-container .project-name{
    color:#444c59
}
.projectListView .info-container .project-address h4 a{
    color:#838383
}
.projectListView .info-container .project-info{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -ms-flex-flow:row wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row wrap;
    width:50%;
    margin-top:12px
}
.projectListView .info-container .project-info .item{
    width:calc(100% * 1 / 2);
    margin-bottom:5px;
    white-space:nowrap
}
.projectListView .info-container .project-info .item span{
    font-size:14px;
    color:#444c59
}
.projectListView .info-container .project-info .item strong{
    font-weight:300;
    color:#838383
}
.projectListView .info-container .price{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    text-align:right
}
.projectListView .info-container .price span{
    color:#444c59;
    margin-bottom:10px
}
.projectListView .info-container .price span strong{
    color:#30333a;
    font-weight:600
}
.projectListView .info-container .price span strong::after{
    display:none
}
.projectListView .info-container .action-group{
    position:absolute;
    left:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
.projectListView .info-container .action-group .developer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
}
.projectListView .info-container .action-group .developer .avatar{
    height:40px;
    width:40px;
    border:1px solid rgba(48,51,58,.1);
    overflow:hidden;
    margin-right:10px
}
.projectListView .info-container .action-group .developer .avatar a{
    display:block;
    overflow:hidden;
    height:0;
    padding-top:100%;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover
}
.projectListView .info-container .action-group .developer .detail{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.projectListView .info-container .action-group .developer .detail h5 a{
    font-size:14px;
    color:#30333a;
    font-weight:500
}
.projectListView .info-container .action-group .developer .detail .roll{
    color:rgba(48,51,57,.7);
    font-size:12px;
    padding:0
}
.projectListView .info-container .action-group .contact{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.projectListView .info-container .action-group .contact .btn-primary{
    margin-left:10px
}
.projectListView .info-container .action-group .contact .btn-primary:first-child{
    margin-left:0
}
.projectListView .info-container .action-group .contact .btn-primary:hover .zmdi,.projectListView .info-container .action-group .contact .btn-primary:hover span{
    color:#fff
}
.projectListView .dark-overlay{
    display:none
}
section.banner{
    background:#f8f8f8;
}
.banner-top-bg{
    width:100%;
    height:420px;
    position:relative;
    z-index:1;
    background-image: url(/images/banner.jpg?v=1);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    max-width: 1903px;
    margin: 0 auto;
}
@media (max-width:768px){
    .banner-top-bg{
        height:380px!important
    }
}

@media (max-width:640px){
    .banner-top-bg{
        height:280px!important
    }
    .block-space{padding: 20px 0 20px 0!important;}
}
.banner-cover{
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background:rgba(0,0,0,.2);
    z-index:1;
    top:0;
    left:0
}
.banner-cover-inner{
    position:relative;
    width:1140px;
    margin:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.banner-cover-inner .heading-01{
    color:#fff;
    margin-bottom:36px;
    font-size: 32px;
}
.banner-cover-inner form{
    width:100%;
    max-width:810px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.banner-cover-inner form .tab-container{
    width:100%;
    min-width:100%;
    display:block;
    overflow:-webkit-paged-x;
    margin-bottom:15px;
    float:left
}
.banner-cover-inner form .tab-container .tab{
    width:auto;
    float:left;
    margin-right:30px
}
.banner-cover-inner form .tab-container .tab:last-child{
    margin-right:0
}
.banner-cover-inner form .tab-container .tab input{
    display:none
}
.banner-cover-inner form .tab-container .tab input:checked+label{
    float:left;
    font-weight:600;
    border-bottom:2px solid #fff
}
.banner-cover-inner form .tab-container .tab label{
    font-size:18px;
    color:#fff;
    padding-bottom:8px;
    cursor:pointer
}
.banner-cover-inner form .search-container{
    position:relative;
    -webkit-box-shadow:8px 60px 45px 7px rgba(0,0,0,.4);
    box-shadow:8px 60px 45px 7px rgba(0,0,0,.4);
    clear:both
}
.banner-cover-inner form .search-container>a{
    display:none;
    position:absolute;
    left:0;
    right:0;
    height:50px
}
@media (max-width:480px){
    .banner-cover-inner form .search-container>a{
        display:block
    }
}
.banner-cover-inner form .search-container .fa{
    position:absolute;
    left:0;
    top:0;
    color:#acacac;
    font-size:20px;
    padding:12px 0 0 20px;
        line-height: 33px;
}
.banner-cover-inner form .search-container .search-input{
    font-size:18px;
    height:55px;
    width:calc(100% - 155px);
    background:#fff;
    border:0!important;
    outline:none;
    padding:0 20px 0 60px;
    float:left;
    -webkit-appearance:none;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}
@media (max-width:640px){
    .banner-cover-inner form .search-container .search-input{
        padding:0 20px
    }
    .banner-cover-inner form .search-container > i.fa {display:none;}
}
.banner-cover-inner form .search-container .btn-search{
    border:0;
    max-width:140px;
    min-width:inherit;
    float:left;
    font-size:18px!important;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    font-weight: 600;
}
.banner-cover-inner form .search-container .btn-search:focus{
    border:0;
    outline:none
}
.banner-cover-inner form .search-container .btn-search .fa{
    position:relative;
    padding:0;
    color:#fff;
    display:none
}
.banner-cover-inner form .search-container .recent-search{
    position:absolute;
    background:#fff;
    top:55px;
    left:0;
    width:100%;
    max-width:calc(100% - 165px);
    z-index:10;
    border:1px solid rgba(131,131,131,.2);
    padding:5px 0;
    font-size:14px;
    margin-left: 25px;
}
@media (max-width:768px){
    .banner-cover-inner form .search-container .recent-search{
        top:50px
    }
    
}
@media (max-width:640px){
    .banner-cover-inner form .search-container .recent-search{
        max-width:calc(100% - 62px)
    }
}
.banner-cover-inner form .search-container .recent-search li{
    height:auto;
    min-height:40px
}
.banner-cover-inner form .search-container .recent-search li:hover{
    background:#f3f4f7
}
.banner-cover-inner form .search-container .recent-search li a{
    width:100%;
    display:block;
    padding:10px 15px;
    color:#30333a
}
.banner-cover-inner form .search-container .recent-search li a span{
    display:block;
    line-height:20px
}
.banner-cover-inner form .search-container .recent-search li a span i{
    color:#838383
}
.hidden{
    display:none
}
@media only screen and (max-width:1024px){
    .banner-cover-inner{
        width:100%;
        margin:0 16px
    }
}
@media only screen and (max-width:768px){
    .banner-cover-inner .heading-01{
        font-size:28px;
        line-height:1.36;
        text-align:center
    }
    .banner-cover-inner form .tab-container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row nowrap;
        flex-flow:row nowrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        overflow:inherit;
        margin-bottom:20px
    }
    .banner-cover-inner form .search-container .search-input{
        height:50px
    }
    .banner-cover-inner form .search-container .btn-search{
        height:50px!important;
        line-height:50px!important
    }
}
@media only screen and (max-width:640px){
    .banner-cover-inner form .search-container .search-input{
        width:calc(100% - 62px)
    }
    .banner-cover-inner form .search-container .btn-search{
        max-width:-webkit-fit-content;
        max-width:fit-content;
        max-width:-moz-fit-content
    }
    .banner-cover-inner form .search-container .btn-search .fa{
        display:block
    }
    .banner-cover-inner form .search-container .btn-search span{
        display:none
    }
    .banner-cover-inner .heading-01 {
        font-size: 22px;
        line-height: 1.16;
    }
}

.block-space{
    border-bottom:1px solid rgba(131,131,131,.2);
    padding:40px 0 40px;
    margin-bottom:30px
}
.block-introduce .heading-02{
    margin-bottom:25px;
    line-height:1.4
}
.block-introduce .col-8{
    margin: auto;
    line-height: 1.63;
    font-size: 16px;
    margin-bottom: 30px;
    float: none;
}
.block-introduce .btn{
    display: inline-block;
    line-height: unset!important;
    border: 1px solid #f07404;
}
@media (max-width:480px){
    .block-introduce .btn{
        max-width:100%
    }
}

.block-project .block-listing
{
    display:inline-block;
    margin-bottom: 15px;
    margin-right: -10px;
    margin-left: -10px;
   
}
.block-news .col-3,.block-listing .col-3,.introduce-company .col-6,.block-listing .col-4 {
    padding-left: 10px;
    padding-right: 10px;
    float: left
}
.block-project>div .more{
    font-size:18px;
    font-weight:600;
    display:block;
    float:left;
    clear:both
}
.block-project>div .more{
    color:#f07404;
    font-weight:400
}
.block-project>div .more .zmdi{
    padding:0 0 0 5px;
    vertical-align:bottom
}
.block-project .slick-prev:before,.block-project .slick-next:before
{
    color: #414141;
}
/*hot*/
.block-project-hot .block-listing
{
     width:100%;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
 .home-product-rent .block-listing{
     width:100%;
     margin:0;
      opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.block-project-hot .block-listing.slick-initialized, .home-product-rent .block-listing.slick-initialized {
    visibility: visible;
    opacity: 1;    
}
.block-project-hot .block-listing .slick-list,.home-product-rent .block-listing .slick-list, .relate-content .block-listing .slick-list
{
    margin-left: -10px!important;
    margin-right: -10px!important;
}
.block-project-hot .block-listing .slick-list .slick-slide,.home-product-rent .block-listing .slick-list .slick-slide,
.relate-content .block-listing .slick-list .slick-slide{
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.block-project-hot .slick-prev, .block-project-hot .slick-next{
    top: 30%;
    width: 40px;
    height: 40px;
    opacity: 0.8;
}
.block-project-hot .slick-prev:hover, .block-project-hot .slick-next:hover{
    opacity: 1;
}
.block-project-hot .slick-prev:before,.block-project-hot .slick-next:before{color:black;}


/*end parter*/
.project-listing .listingItem{ 
    width: calc(33.33% - 20px);
    margin-right: 30px;

}
.font-special{
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif
}
.info-owner-project .owner-project-title{
    color:#185c9c
}
#table-contents{
    border:1px solid #ea7527;
    width:100%;
    padding:0
}
#table-contents .title-toc{
    padding: 6px!important;
    color: #222662;
}
#table-contents .toc-l2{padding-left:12px;font-size: 15.5px;}
#table-contents .title-toc>span>a{
    color:#222662;
}
#table-contents .list-toc{
    padding:0 0px 10px 5px;
}

#table-contents .list-toc.toc-hidden{
    padding:0
}

.clearfixlist{
    overflow:auto
}
.sectionlot{
    border-bottom:1px solid rgba(131,131,131,.2);
    padding-bottom:30px;
    margin-bottom:30px;
        overflow: hidden;
}
.sectionlot .listlot{
    margin-left: -10px;
    margin-right: -10px;
}
.listlot li{
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 8px;
}
.listlot a{
    display:block;
    color:#5f5e5e;
    position:relative;
    padding:6px 5px 4px 10px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    margin:0;
    text-decoration:none;
    -webkit-transition:right .2s ease-in;
    -moz-transition:right .2s ease-in;
    -ms-transition:right .2s ease-in;
    background:#fff;
    font-style:italic;
    border-radius:22px;
    border:1px solid #e3e3e3;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;    width: 100%;
}
.listlot a i{
    margin-right:5px
}
.listlot a:after{
    content:"";
    border-radius:5px;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.listlot a:hover{
    color:#ea7327;
    border:1px solid #ea7327
}
.subcriber-youtube{
    padding:2.5px;
    border:1px solid;
    border-color:#e4e4e4
}

.subcriber-youtube:hover>a>.subcriber-text{
    color:#ea7427!important
}
.subcriber-youtube>a>img{
    width:25px;
    display:inline-block;
    margin-bottom:1.7px!important
}
.subcriber-youtube>a>.subcriber-text{
    font-size:14px;
    font-weight:600;
    color:#424242
}
@media screen and (max-width:1024px){
    .listlot li{
        width:33.33%
    }
}
@media screen and (max-width:768px){
    .listlot li{
        width:50%
    }
    .listlot a {
        font-size: 15px;
    }
}

/*row*/
.row-listing .rowItem
{
    display:block;
    margin-bottom:25px;
    width: 100%;
    background: #fff;
    height: 200px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
}
.row-listing .rowItem .cover-image{
    float: left;
    width: 200px;
    height: 100%;
    overflow: hidden;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background: #d9d9d9;
}
.row-listing .rowItem .cover-image img{
    max-width: 100%;
    height: 100%!important;
    width: 100%;
}
.row-listing .rowItem .rinfo{
    width: calc(100% - 200px);
    background: #fff;
    /*height: calc(100% - 36px);*/
    display: inline-block;
    padding: 12px;
    color: #3d4d65;
    position: relative;
    height: 100%;
}
.row-listing .rowItem .rinfo .rcontent{
    min-height: 112px;
    overflow: hidden;
}
.row-listing .rowItem .rinfo .rtitle h3{
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 12px;
    transition: all 0.2s;
}

.row-listing .rowItem .rinfo .rdescription {font-size:14px;opacity:0.95;line-height:17px;}
.row-listing .rowItem .rinfo .raddress,.row-listing .rowItem .rinfo .rdate {
    font-size: 14px;
    font-weight: 400;
    padding-top: 10px;
    color: #586068;
    padding-bottom: 1px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 35px;
    background: #fff;
}
.row-listing .rowItem .rinfo .rdate{
    position: absolute;
    right: 8px;
    bottom: 35px;
    font-style: italic;
}
.row-listing .rowItem .rfooter{
    border-top: 1px solid #e8e8e8;
    margin-top: 0;
    display: table;
    width: 100%;
    padding: 8px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px 4px 2px 10px!important;
    background: #fefefe;
}
.row-listing .rowItem  .rfooter .col{
    display: table-cell;
    vertical-align: middle;
}
.row-listing .rowItem  .rfooter .rprice{
    font-size: 16px;
    color: #e80c10;
    font-weight: bold;
}
.area:before {
    content: '';
    background-image: url(/theme/img/svg/area.svg);
    background-repeat: no-repeat;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.row-listing .rowItem  .rfooter .date{
    text-align:right;
    font-size: 14px;
    opacity: 0.8;
}

.row-listing .rowItem  .rfooter .col.author{
    text-align: right;
    font-size: 13px;
    opacity: 0.8;
    font-weight: 500;
}
.row-listing .rowItem  .rfooter .col.author .author-photo{
    text-transform: capitalize;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}
.row-listing .rowItem  .rfooter .col.author .author-photo img {
    object-fit: cover;
    border-radius: 50%;
    margin-top: -2px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}
.block-news .heading-03{
    margin-bottom: 20px;
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 21px;
    padding-bottom: 5px;
}
.block-news .desc-home{
    margin-bottom:19px;
    color:#838383;
    font-size:16px;
    line-height:24px;
    font-weight:400
}
.block-news .detail-block{
    /*display:-webkit-box;
    display:-ms-flexbox;
    display:flex*/;
    margin:auto
}
.block-news .detail-block .item{background: #fff;}

.block-news .row,.block-listing .row,.introduce-company .row,.block-listing .row{
    margin-left:-10px;
    margin-right:-10px;
} 
.block-news .col-3,.block-listing .col-3,.introduce-company .col-6,.block-listing .col-4{
    padding-left:10px;
    padding-right:10px;
    float:left;
}
.block-listing .col-4{
    margin-bottom: 15px;
}
.block-news .detail-block .left{
    margin-right:15px
}


.block-news .detail-block .item img {
    max-width: 100%;
    width: 100%
}

.block-news .row {
    margin-left: -10px;
    margin-right: -10px
}

.block-news .col-6,.block-news .col-3 {
    padding-left: 10px;
    padding-right: 10px;
    float: left
}

.block-news .detail-block .left {
    margin-right: 15px
}

.block-news .detail-block .item {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(131,131,131,.2);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.block-news .detail-block  .article-featured .item
{
    padding-bottom:20px;
}
.block-news .detail-block  .article-featured .summary{
    padding-top: 10px;
    line-height: 23px;
}
.block-news .col-6 .row .col-6:nth-child(3){clear:both;}
.block-news .detail-block  .item .cover-image{
    position:relative
}
.block-news .detail-block .item .cover-image a{
    width:100%;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:66.67%
}
.block-news .detail-block  .item .cover-image a img{
    position:absolute;
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    -o-object-fit:cover;
    object-fit:cover
}
.block-news .detail-block .item .info-container{
        padding: 12px;
}
.block-news .detail-block .col-3 .item .info-container{
        padding: 8px;
}
.block-news .detail-block .left .item .info-container{
    padding:20px;
    background: #fff;
    /*position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.9)));
    background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.9));
    background:-o-linear-gradient(top,transparent,rgba(0,0,0,.9));
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))*/
}
.block-news .detail-block  .item .info-container .title a{
    font-size:14px;
    line-height:1.3;
}
.block-news .detail-block .article-featured .item .info-container .title a {font-size:17px;line-height:1.4;font-weight: 600;}

.block-news .detail-block  .item .info-container .date{
    /*color:#fff;*/
    opacity:.86;
    font-size:12px;
    margin-top:10px
}
.block-news .detail-block .right{
    margin-left:15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.block-news .detail-block .right .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
}
.block-news .detail-block .right .item .cover-image{
    position:relative;
    width:100%;
    max-width:120px;
    border:1px solid rgba(48,51,58,.1)
}
.block-news .detail-block .right .item .cover-image a{
    display:block;
    overflow:hidden;
    height:0;
    padding-top:66.67%
}
.block-news .detail-block .right .item .cover-image a img{
    position:absolute;
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    -o-object-fit:cover;
    object-fit:cover
}
.block-news .detail-block .right .item .info-container{
    margin-left:15px
}
.block-news .detail-block .right .item .info-container .title a{
    font-size:16px;
    color:#30333a;
    font-weight:500;
    line-height:1.5
}
.block-news .info-container .article-meta{
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-top:10px
}
.block-news .info-container .article-meta
{
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.block-news .article-featured .item .article-meta{font-size: 15px;line-height: 18px;}
.block-news .info-container .article-meta a{
    color:#ea971c;
}
.block-news .article-meta .meta-date, .block-news .article-meta .meta-cate {
    color: #838383;
}
.block-news .article-meta .meta-date::after{
    content:"\2758";
}
/*.block-news .info-container .date{
    color:rgba(131,131,131,.86);
    font-size:12px;
    margin-top:10px
}*/
.more{
    font-size:18px;
    font-weight:600;
    display:block;
    float:left;
    clear:both;
    color:#f07404;
    font-weight:400;
    margin-top:10px
}
.more .zmdi{
    padding:0 0 0 5px;
    vertical-align:bottom
}
@media only screen and (max-width:1024px){
    .block-news .right .item{
        margin-top:15px
    }
    .block-news .right .item:first-child{
        margin-top:0
    }
}
@media only screen and (max-width:960px){
    
    .block-project>div .listingItem:nth-child(2n){
        margin-right:0!important
    }
    .block-project>div .listingItem:nth-child(3n){
        margin-right:30px
    }
}
@media only screen and (max-width:768px){
    .home-product .col-8,.product-page .col-8{width:100%;}
    .home-product .col-4,.col-4.blog-sidebar{display:none!important;}
    .block-listing .col-3
    {width:50%;}
    .block-space .heading-02{
        font-size:24px
    }
    .block-project .heading-left{
        font-size:20px
    }
    .block-news .detail-block{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
    .block-news .detail-block .left{
        width:100%;
        margin:0 0 15px 0
    }
    .block-news .detail-block .left .item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-flow:nowrap;
        flex-flow:nowrap
    }
    .block-news .detail-block .left .item .cover-image{
        width:100%;
        max-width:150px
    }
    .block-news .detail-block .left .item .info-container{
        position:relative;
        display:block;
        margin-left:15px;
        padding:0;
        background:transparent
    }
    .block-news .detail-block .left .item .info-container .title a{
        font-size:20px;
        color:#30333a
    }
    .block-news .detail-block .left .item .info-container .date{
        font-size:16px
    }
    .block-news .detail-block .right{
        width:100%;
        margin:0
    }
    .block-news .detail-block .right .item .cover-image{
        max-width:150px
    }
    .block-news .detail-block .right .item .info-container .title a{
        font-size:20px
    }
    .block-news .detail-block .right .item .info-container .date{
        font-size:16px
    }
    .row-listing .rowItem {height:180px;}
    .row-listing .rowItem .cover-image{width:36%;}
    .row-listing .rowItem .rinfo {width:64%;padding: 8px 0 8px 8px;}
    .row-listing .rowItem .rinfo .rtitle h3 {font-size:16px;line-height: 20px;height: 42px;overflow: hidden;}
    .row-listing .rowItem .rinfo .rcontent {min-height:unset;}
    .row-listing .rowItem .rfooter .date,
    .row-listing .rowItem .rinfo  .rdate{display:none;}
    .row-listing .rowItem .rinfo .rdescription{
            max-height: 56px;
            min-width: 48px;
    }
    .row-listing .rowItem .rinfo .raddress{
        line-height: 15px;
        vertical-align: bottom;
    }
     .row-listing .rowItem .rinfo .raddress i.fa{display:none;}
    .row-listing .rowItem .rfooter {padding: 4px 0 0;}
    .row-listing .rowItem .rfooter .area{padding-right:4px;text-align:left;}
     
}
@media only screen and (max-width:640px){
    .block-space .col-8{
        width:100%
    }
    .block-project>div .listingItem{
        width:100%;
        margin-bottom:30px
    }
    /*.block-project>div .listingItem:nth-child(n+4){
        display:none
    }*/
    .block-news .detail-block .left .item .cover-image,.block-news .detail-block .right .item .cover-image{
        max-width:120px
    }
    .block-news .detail-block .left .info-container .title a,.block-news .detail-block .right .info-container .title a{
        font-size:14px!important
    }
    .block-news .detail-block .left .info-container .date,.block-news .detail-block .right .info-container .date{
        font-size:12px!important
    }
    .more{
        font-size:14px;
        width:100%;
        height:40px;
        line-height:40px;
        border-radius:2px;
        border:1px solid #f0740494;
        text-align:center;
        margin-top:10px
    }
    .more .zmdi{
        display:none
    }
    .block-news .detail-block > .col-6
    {
        width:100%;
    }
}
.block-resident{
    padding:60px 0 40px
}

.block-resident .heading-03{
    margin-bottom:15px;
    display:block;
    float:left;
    width:100%;
    line-height:32px;
    font-weight:500
}
.block-resident .desc-resident{
    width:100%;
    color:#838383;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    margin-bottom:19px
}
.block-resident>div{
    width:100%
}
.block-resident .projectCard .cover-image a .dark-overlay{
    position:absolute;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.7)));
    background:-webkit-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,.7));
    background:-o-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,.7));
    background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.7));
    width:100%;
    height:100%;
    bottom:0;
    left:0
}
.block-resident>div .projectCard{
    width:100%;
    max-width:360px;
    position:relative;
    float:left;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    overflow:hidden
}
.block-resident .projectCard .cover-image{
    position:relative;
    max-height:262px;
    height:100%
}
.block-resident>div .projectCard .info-container{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index:2;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.block-resident>div .projectCard .info-container a.info-container-link{
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer
}
.block-resident>div .projectCard .info-container .info-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-item-align:center;
    align-self:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column;
    flex-flow:column;
    margin:0 auto
}
.block-resident .info-container .project-name{
    display:block;
    font-size:18px;
    font-weight:500;
    color:#fff;
    white-space:normal;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-bottom:12px;
    width:100%;
    line-height:26px
}
.block-resident .info-container .project-address{
    margin-top:18px;
    display:block;
    color:#fff;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    font-weight:400;
    font-size:16px;
    line-height:1.38
}
.block-resident>div .projectCard .info-container hr{
    max-width:200px;
    width:100%;
    margin:0 auto;
    opacity:.5
}
.block-resident>div .projectCard,.block-resident>div .listingItem{
    width:calc(33.333% - 20px);
    margin-right:30px;
    margin-bottom:30px
}
.block-resident>div .projectCard:nth-child(3n),.block-resident>div .listingItem:nth-child(3n){
    margin-right:0
}
.block-resident>div .more{
    font-size:18px;
    font-weight:600;
    display:block;
    float:left;
    clear:both;
    color:#337588;
    font-weight:400
}
.block-resident>div .more .zmdi{
    padding:0 0 0 5px;
    vertical-align:bottom
}
@media (max-width:484px){
    .block-resident>div .projectCard{
        width:100%
    }
}
@media (max-width:640px){
    .block-resident>div .projectCard:nth-child(n+4){
        display:none
    }
}

@media (max-width:640px){
    .block-resident>div .projectCard{
        width:100%
    }
    .block-resident>div .projectCard{
        margin-right:0;
        margin-bottom:10px
    }
    .block-resident>div .more{
        font-size:14px;
        width:100%;
        height:40px;
        line-height:40px;
        border-radius:2px;
        border:1px solid rgba(51,117,136,.5);
        text-align:center;
        margin-top:10px
    }
    .block-resident>div .more .zmdi{
        display:none
    }
    .block-resident>div .more span{
        display:none
    }
}
.block-recently h2{
    margin-bottom:20px;
    line-height:1.92!important
}
.listingItem-slide{
    width:100%;
    max-width:100%;
    position:relative;
    float:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid rgba(131,131,131,.1);
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.block-recently .listingItem-slide:hover{
    -webkit-box-shadow:0 0 6px rgba(0,0,0,.15);
    box-shadow:0 0 6px rgba(0,0,0,.15)
}
.block-recently .listingItem-slide .cover-image{
    position:relative
}
.block-recently .listingItem-slide .cover-image .best-price{
    position:absolute;
    top:10px;
    left:10px;
    text-align:center;
    padding:5px;
    color:#fff;
    background:rgba(199,37,40,.9);
    font-size:14px;
    z-index:12;
    border-radius:2px;
    text-transform:uppercase
}
.block-recently .listingItem-slide .cover-image .watch-house{
    position:absolute;
    bottom:0;
    text-align:center;
    padding:9px 0;
    color:#fff;
    background:rgba(199,37,40,.9);
    font-size:16px;
    width:100%;
    z-index:11
}
.block-recently .listingItem-slide .cover-image a{
    width:100%;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:66.67%
}
.block-recently .listingItem-slide .cover-image a img{
    position:absolute;
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    -o-object-fit:cover;
    object-fit:cover
}
.block-recently .listingItem-slide .cover-image .label-group{
    position:absolute;
    left:0;
    bottom:10px;
    width:100%;
    padding:0 10px;
    z-index:2
}
.block-recently .listingItem-slide .cover-image .label-group span{
    margin:5px 5px 0 0
}
.block-recently .listingItem-slide .info-container{
    width:100%;
    padding:15px;
    background:#fff
}
.block-recently .listingItem-slide .info-container .listing-name{
    display:block;
    font-size:16px;
    color:#30333a;
    font-weight:400;
    line-height:1.5;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.block-recently .listingItem-slide .info-container .listing-address{
    margin-top:8px;
    display:block;
    color:#838383;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.block-recently .listingItem-slide .info-container .listing-address h4{
    display:inline-block;
    font-size:14px;
    font-weight:400
}
.block-recently .listingItem-slide .info-container .listing-address h4 a{
    color:#838383
}
.block-recently .listingItem-slide .info-container .listing-info{
    margin-top:15px
}
.block-recently .listingItem-slide .info-container .listing-info li{
    display:inline-block;
    width:auto;
    font-size:14px;
    margin-right:15px;
    color:#838383
}
.block-recently .listingItem-slide .info-container .listing-info li .zmdi{
    color:#30333a;
    padding-right:5px
}
.block-recently .listingItem-slide .info-container .listing-info li:last-child{
    margin-right:0
}
.block-recently .listingItem-slide .info-container .listing-price{
    display:block;
    position:absolute;
    right:20px;
    bottom:15px;
    font-size:14px;
    font-weight:600;
    color:#30333a;
    text-align:right
}
.block-recently .flexslider{
    border:unset
}
.block-recently{
    position:relative
}
.block-recently .flexslider:hover .flex-direction-nav .flex-prev{
    text-align:center;
    background:#fff;
    border-radius:50%;
    opacity:1;
    text-indent:-999px;
    left:-17px;
    z-index:999;
    position:absolute;
    -webkit-box-shadow:2px 1px 20px 2px rgba(0,0,0,.23);
    box-shadow:2px 1px 20px 2px rgba(0,0,0,.23)
}
.block-recently .flexslider:hover .flex-direction-nav .flex-next{
    text-align:center;
    background:#fff;
    border-radius:50%;
    opacity:1;
    text-indent:-9999px;
    right:-17px;
    z-index:9999;
    position:absolute;
    -webkit-box-shadow:2px 1px 20px 1px rgba(0,0,0,.23);
    box-shadow:2px 1px 20px 1px rgba(0,0,0,.23)
}
.block-recently .flex-direction-nav .flex-next{
    color:transparent;
    right:-50px
}
.block-recently .flex-direction-nav .flex-pre{
    left:0
}
.block-recently .flex-direction-nav .flex-prev:before{
    font-size:18px;
    top:12px;
    position:absolute;
    left:14px;
    text-indent:0
}
.block-recently .flex-direction-nav .flex-next:before{
    font-size:18px;
    top:12px;
    position:absolute;
    left:14px;
    text-indent:0
}
.block-recently .flex-control-nav{
    display:none
}
.block-recently .flex-direction-nav a{
    top:40%
}
@media screen and (max-width:860px){
    .block-recently .flex-direction-nav .flex-next,.block-recently .flex-direction-nav .flex-prev{
        opacity:0
    }
}
.block-rent .heading-03{
    margin-bottom:5px
}
.visible-pc{
    display:block
}
.visible-sm{
    display:none
}
@media (max-width:768px){
    .visible-pc{
        display:none
    }
    .visible-sm{
        display:block
    }
}
.block-recently .flexslider-sm .flex-direction-nav a{
    top:50%
}
.block-recently .flexslider-sm:hover .flex-prev{
    opacity:.9;
    position:absolute;
    background:#fff;
    text-indent:-99px;
    border-radius:50%;
    left:-10px;
    -webkit-box-shadow:2px 1px 20px 2px rgba(0,0,0,.23);
    box-shadow:2px 1px 20px 2px rgba(0,0,0,.23);
    top:50%;
    z-index:99
}
.block-recently .flexslider-sm:hover .flex-direction-nav .flex-next{
    text-align:center;
    background:#fff;
    border-radius:50%;
    opacity:.9;
    text-indent:-999px;
    top:50%;
    right:-10px;
    z-index:999;
    position:absolute;
    -webkit-box-shadow:2px 1px 20px 2px rgba(0,0,0,.23);
    box-shadow:2px 1px 20px 2px rgba(0,0,0,.23)
}
.owl-carousel{
    position:relative
}
.owl-dots{
    display:none
}
.owl-nav{
    position:absolute;
    top:40%;
    left:0;
    right:0
}
.owl-carousel .owl-nav{
    display:none
}
.owl-carousel:hover .owl-nav{
    display:block
}
.owl-carousel .owl-nav button.owl-prev{
    width:40px;
    height:40px;
    background:#fff!important;
    border-radius:50%;
    text-align:center;
    position:absolute;
    left:-23px;
    -webkit-box-shadow:0 0 1px 1px rgba(130,130,130,.3);
    box-shadow:0 0 1px 1px rgba(130,130,130,.3);
    border:solid 1px rgba(131,131,131,.1)!important
}
.owl-carousel .owl-nav button.owl-prev .zmdi{
    font-size:30px
}
.owl-carousel .owl-nav button.owl-next{
    width:40px;
    height:40px;
    background:#fff!important;
    border-radius:50%;
    text-align:center;
    position:absolute;
    right:-23px;
    -webkit-box-shadow:1px 1px 0 0 rgba(130,130,130,.3);
    box-shadow:1px 1px 0 0 rgba(130,130,130,.3);
    border:solid 1px rgba(131,131,131,.1)
}
.owl-carousel .owl-nav button.owl-next .zmdi{
    font-size:30px;
    padding-right:0!important;
    padding-left:4px
}
.owl-theme .owl-nav [class*="owl-"]:hover{
    color:unset!important
}
@media (max-width:768px){
    .owl-carousel .owl-nav{
        display:block
    }
    .owl-theme .owl-nav [class*="owl-"]{
        opacity:.8
    }
}
.hide-nav .owl-nav{
    display:none!important
}
.block-recently .listingItem-slide .info-container .listing-info li span{
    color:#30333a;
    font-weight:600;
    font-size:14px;
    line-height:1.3
}
.block-contact-partner{
    padding-bottom:30px
}
.contact-partner-container{
    padding:35px 0 60px;
    border-top:solid 1px rgba(131,131,131,.2);
    border-bottom:solid 1px rgba(131,131,131,.2);
    width:100%;
    display:block
}
.contact-partner-container ul{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.contact-partner-container ul li{
    float:left;
    width:50%
}
.contact-partner-container ul li img{
    max-width:360px;
    width:100%
}
.contact-partner-container ul li:first-child{
    text-align:right
}
.contact-partner-container ul li:last-child{
    margin-left:60px
}
.contact-partner-container ul li .content-contact-partner{
    max-width:460px;
    width:100%
}
.contact-partner-container ul li .content-contact-partner h3{
    font-size:30px;
    line-height:40px;
    font-weight:500;
    color:#30333a;
    margin-bottom:10px
}
.contact-partner-container ul li .content-contact-partner p{
    font-size:16px;
    line-height:24px;
    color:#444c59;
    opacity:.86;
    font-weight:400;
    margin-bottom:20px;
}
.contact-partner-container ul li .content-contact-partner .btn-find-agent{
    background:#30333a;
    height:50px;
    line-height:50px;
    border-radius:2px;
    font-size:16px;
    color:#fff;
    font-weight:600;
    text-align:center;
    padding:0 40px;
}
.contact-partner-container ul li .content-contact-partner .btn-find-agent:hover{
    opacity:.86;
    color:#fff
}
/* common */
.ribbon {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
}
.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 2px solid #70a712;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 120px;
    padding: 2px 0;
    background-color: #7cba13;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-align: center;
    opacity: .9;
    font-size: 13px;
}

/* top left*/
.ribbon-top-left {
    top: -2px;
    right: -2px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
    top: -2px;
    right: -2px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
    top: 1px;
    left: 20px;
}
.ribbon-top-right::after {
    bottom: 20px;
    right: 0;
}
.ribbon-top-right span {
    left: 4px;
    top: 24px;
    transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}
/*color*/
.ribbon2.ribbon span {
    background-color: #f07404;
}
.ribbon2.ribbon::before,
.ribbon2.ribbon::after {
    border: 2px solid #da6a05!important;
}
.ribbon3.ribbon span {
    background-color: #137eba;
}
.ribbon3.ribbon::before,
.ribbon3.ribbon::after {
    border: 2px solid #0c6597!important;
}
.ribbon4.ribbon span {
    background-color: #878787;
}
.ribbon4.ribbon::before,
.ribbon4.ribbon::after {
    border: 2px solid #767676!important;
}
.ribbon-2 {
    min-width: 90px;
    height: 30px;
    background: #474747;
    left: -4px;
    position: relative;
    color: #fff;
    font-weight: 600;
    padding: 7px 12px;
    display: block;
    float: left;
    position: absolute;
    bottom: 4px;
    opacity:0.9;
}
.ribbon-2:before {
    height: 0;
    width: 0;
    border-bottom: 4px solid #262626;
    border-left: 4px solid transparent;
    top: -4px;
    content: "";
    position: absolute;
    left: 1px;
}
.ribbon-2:after {
    height: 0;
    width: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 7px solid #474747;
    right: -7px;
    content: "";
    position: absolute;
    top: 0;
}
@media (max-width:768px){
    .contact-partner-container ul{
        display:block;
        text-align:center
    }
    .contact-partner-container ul li{
        float:none;
        width:100%;
        margin:0;
        text-align:center!important
    }
    .contact-partner-container ul li:first-child,.contact-partner-container ul li:last-child{
        margin:0
    }
    .contact-partner-container ul li:first-child{
        margin-bottom:20px
    }
    .contact-partner-container ul li .content-contact-partner{
        max-width:100%;
        width:100%;
        text-align:center
    }
    .contact-partner-container ul li .content-contact-partner h3{
        font-size:20px;
        line-height:28px
    }
}
.project-listing{margin-top:90px;}
/*end main*/
.customer-review .box-reviewer .reviewer{
    padding:30px 0;
    width:auto;
    text-align:center
}
.customer-review .box-reviewer .reviewer .avatar{
    display:inline-block;
    margin-right:2%;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border:1px solid #ccc;
    width:124px;
    height:124px;
    padding:2px
}
.customer-review .box-reviewer .reviewer .avatar a{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%;
    -moz-border-radius:50%;
    background-repeat:no-repeat;
    background-size:cover!important;
    background-position:50% top
}
.customer-review .box-reviewer .reviewer .reviewer-info{
    vertical-align:top;
    padding-top:10px;
    text-align:left;
    display:inline-block
}
.customer-review .box-reviewer .reviewer .reviewer-info a.name{
    font-size:2em;
    color:#c72528;
    line-height:2em
}
.customer-review .box-reviewer .reviewer .reviewer-info p{
    color:#999;
    font-size:1.8em
}
.customer-review .box-reviewer .reviewer .reviewer-info ul li{
    list-style:none;
    display:inline-block;
    color:#999;
    font-family:zmdi;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    margin-right:10px;
    padding:5px 0;
    font-size:2em
}
.customer-review .box-reviewer .reviewer .reviewer-info ul li a{
    display:block;
    width:100%;
    height:100%
}
.customer-review .box-reviewer .reviewer .reviewer-info ul li:hover{
    color:#eee
}
.customer-review{
    overflow:auto;
    padding-bottom:50px;
    background:#fff;
    padding-top:50px
}
.customer-review .box-reviewer{
    max-width:1140px;
    overflow:auto;
    position:relative;
    margin:0 auto
}
.customer-review .box-reviewer h2{
    text-align:center;
    font-size:3.2em;
    color:#444c59;
    display:block;
    line-height:3em;
    font-weight:400;
}
.box-reviewer .description{
    color:#999;
    width:80%;
    margin:0 auto;
    line-height:1.6em;
    font-weight:400;
    font-size:1.6em;
    text-align:center;
    padding:0 15px
}
.compare-rever{
    width:100%;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#fff;
    margin-top:60px;
    border-spacing:0
}
.compare-rever tr td{
    padding:20px 0;
    text-align:center;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc
}
.header0203{
    background:#fff;
    border-bottom:1px solid rgba(48,51,58,.1);
    height:60px;
    width:100%;
    text-align:center;
    z-index:900;
    position:relative
}
.width-1600 hgroup .logoblack{
    font-family:zmdi;
}
.width-1600 hgroup .logoblack:before{
    content:'\f191';
    font-weight:400;
    font-size:113px;
    color:#444c59
}
.width-1600 hgroup .logoblack a{
    width:180px;
    height:38px;
    display:block
}
.width-1600 .right-menu ul li a.rightmenu-linkblack{
    width:100%;
    margin:2px 14px 0 15px;
    border-bottom:2px solid transparent;
    color:#444c59;
    font-weight:400;
    font-size:14px;
    line-height:58px
}
.width-1600 .right-menu ul{
    float:left;
    position:relative
}
.width-1600 .right-menu ul li a.active{
    border-bottom:3px solid #444c59
}
.width-1600 .right-menu ul li.active a.rightmenu-linkblack:not(.dropdownmenublack),.width-1600 .right-menu ul li a.rightmenu-linkblack:not(.dropdownmenublack):hover{
    border-bottom:2px solid #444c59;
    color:rgba(119,118,118,.96)
}
.width-1600 .right-menu ul li.active a.rightmenu-linkblack:not(.dropdownmenublack){
    color:#444c59
}
.width-1600 .right-menu ul li a.sellbutblack{
    color:#444c59;
    padding:0 12px;
    margin:10px 0;
    border:2px solid #444c59;
    font-weight:500;
    background:rgba(0,0,0,0);
    -webkit-transition:background .15s linear , border .2s linear;
    font-size:1.4em;
    height:30px;
    line-height:30px
}
.width-1600 .right-menu ul li a.sellbutblack:hover{
    background:#c72528;
    border:2px solid #c72528;
    color:#fff
}
.width-1600 .right-menu .rightmenu-dropdownblack li{
    display:block;
    text-align:left
}
.width-1600 .right-menu .rightmenu-dropdownblack{
    z-index:900;
    position:absolute;
    right:0;
    min-width:120px;
    padding:20px;
    background-color:rgba(255,255,255,.85);
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .25s linear , visibility .25s linear;
    -moz-transition:opacity .25s linear , visibility .25s linear;
    -o-transition:opacity .25s linear , visibility .25s linear;
    transition:opacity .25s linear , visibility .25s linear
}
.width-1600 .right-menu ul li a.dropdown-linkblack{
    height:35px;
    width:100%;
    padding:5px 25px;
    border-bottom:2px solid transparent;
    font-weight:400;
    color:#444c59;
    white-space:nowrap
}
.width-1600 .right-menu ul li a.dropdown-linkblack:hover{
    color:rgba(0,0,0,.7)
}
.width-1600 .right-menu ul li a.activeonbblack{
    color:rgba(108,108,108,.7)!important
}
.width-1600 .menuiconblack{
    position:absolute;
    top:24px;
    right:35px;
    font-family:zmdi;
    display:none
}
.width-1600 .menuiconblack:before{
    content:'\f100';
    font-size:38px;
    font-weight:400;
    color:#444c59;
    cursor:pointer
}
.background-detail{
    position:relative;
    height:350px;
    width:100%
}
.background-detail-news{
    height:350px;
    width:100%;
    max-width:1280px;
    margin:0 auto
}
.background-home-news{
    height:500px;
    width:100%;
    background:url(/images/slide01.jpg);
    background-size:cover;
    background-position:center
}
.background-topwhybuy{
    height:400px;
    width:100%;
    text-align:center;
    padding-top:120px;
    background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)) , url(/images/slide01.jpg);
    background-size:cover;
    background-position:center
}
.background-topwhybuy h1{
    font-size:40px;
    color:#fff;
    
    font-weight:400;
    padding:30px 0;
    line-height:46px
}
.background-topwhybuy a{
    color:#fff
}
.background-topwhybuy a:hover{
    opacity:.8
}
.background-topwhybuy p{
    color:#fff;
    font-size:22px;
    line-height:32px;
    font-weight:200
}
.changeimg-box{
    width:100%;
    text-align:center;
    font-size:1.6em;
    height:76px;
    background:#262626
}
#carousel{
    width:90%;
    border:0;
    background:none;
    float:left;
    margin:0 0 0 40px!important
}
.img-list-slide{
    width:780px;
    border:0;
    background:none;
    text-align:center
}
.slideimg{
    float:left;
    width:600px;
    position:relative;
    margin-top:8px!important
}
ul.slideimg li{
    float:left;
    margin-right:3%;
    list-style:none;
    width:30%
}
ul.slideimg li:last-child{
    margin-right:0
}
ul.slideimg li a.img{
    display:block;
    width:100%;
    height:61px
}
ul.slideimg li a.img:hover{
    opacity:.9!important
}
ul.slideimg span{
    float:left
}
.booking-button{
    display:block;
    width:84%;
    margin:25px 8% 15px 8%;
    border:1px solid #444c59;
    color:#444c59;
    padding:12px 0;
    clear:both;
    float:left;
    font-weight:600;
    text-align:center;
    border-radius:2px
}
.sms-button{
    display:block;
    width:84%;
    margin:0 8%;
    background:#c72528;
    color:#fff;
    padding:14px 0 10px 0;
    clear:both;
    float:left;
    font-weight:600;
    text-align:center;
    border-radius:2px;
    text-transform:uppercase
}
.black-button{
    display:block;
    width:230px;
    margin:0 auto;
    background:#444c59;
    color:#fff;
    padding:10px 0 6px 0;
    clear:both;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    font-size:16px
}
.black-button:hover{
    background:#c72528;
    color:#fff
}
.more-button-box{
    width:100%;
    clear:both
}
.more-button-box:before{
    clear:both;
    display:table;
    content:''
}
.sms-button:hover{
    background:#444c59;
    color:#fff
}
.like-button{
    display:block;
    width:100%;
    border:1px solid #444c59;
    color:#444c59;
    padding:10px 0 8px 0;
    clear:both;
    font-weight:600;
    text-align:center;
    border-radius:2px;
    background:#fafafa
}
.like-button:hover{
    background:#444c59;
    color:#fff
}
.booking-button:hover{
    background:#c72528;
    border:1px solid #c72528;
    color:#fff
}
.note-sticky{
    color:#999;
    font-size:.8em;
    text-align:center;
    margin:0 8%
}
.contact-agency{
    margin:25px 8%
}
.contact-agency-info{
    margin:20px 0;
    clear:both;
    text-align:center;
    padding-left:30px
}
.contact-agency-info:after{
    content:'';
    display:table;
    clear:both
}
.contact-agency-info .avataragency{
    width: 95px;
    height: 95px;
    clear:both;
    margin:0 20px 0 0;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    float:left
}
.contact-agency-info .infoagency{
    line-height:1.8em;
    float:left;
    text-align:left;
    font-size:16px;
    padding:10px 0 0;
    width:calc(100% - 160px)
}
.contact-agency-info .infoagency h3{
    font-size:16px;
    font-weight:500;
    text-transform:capitalize
}
.booking-tour .bg-gray{
    background:#f3f3f3;
    padding:30px 8%
}
.booking-tour .bg-gray .sms-button{
    width:100%;
    background:#444c59;
    margin:0;
    padding:16px 0 12px 0;
    text-transform:uppercase
}
.booking-tour .bg-gray .sms-button:hover{
    background:#c72528
}
.bg-gray:after{
    content:'';
    display:table;
    clear:both
}
.slidemap{
    float:left;
    width:100%;
    overflow:auto;
    padding:30px 0;
    position:relative;
    z-index:2
}
ul.slidemap li a.img{
    display:block;
    border:1px solid #eee;
    width:100%;
    height:194px
}
ul.slidemap li a.img:hover{
    border:1px solid #eee
}
.icon-presmall-right-gray{
    display:block;
    position:absolute;
    top:10px;
    left:-30px;
    z-index:999
}
.icon-presmall-right-gray:before{
    content:'\f2fa';
    font-size:2em;
    color:#444c59
}
.icon-nextsmall-right-gray{
    display:block;
    position:absolute;
    top:10px;
    right:-30px;
    z-index:999
}
.icon-nextsmall-right-gray:before{
    content:'\f2fb';
    font-size:2em;
    color:#444c59
}
.question-form .right-form .contact-agency-info{
    margin:0
}
.question-form .right-form a.sms-button{
    margin:0;
    width:50%
}
.rating-black:before{
    content:'\f137'
}
.arrow-icon-deco:before{
    content:'\f2fb'
}
.view-all-icon:before{
    content:'\f2fb'
}
.arrow-icon-down:before{
    content:'\f116'!important
}
.rating-white:before{
    content:'\f157'
}
.rating-black-gray:before{
    content:'\f156'
}
.news-detailpage{
    width:100%;
    max-width:700px;
    margin:0 auto;
    padding:70px 0;
    font-size:18px;
    line-height:29px;
    background:#fff
}
.news-detailpage img{
    width:100%
}
.news-detailpage p{
    padding:20px 0
}
.news-detailpage h2{
    
    font-size:2em;
    font-weight:400;
    line-height:1.2em
}
.news-postter{
    color:#999;
    font-size:14px;
    margin:30px 0 60px 0;
    line-height:18px
}
.news-postter p{
    padding:0
}
.news-postter img{
    float:left;
    height:50px;
    width:50px;
    float:left;
    margin-right:15px;
    border-radius:50%;
    vertical-align:middle
}
.bg-f7{
    background:#f7f7f7
}
.prev-icon{
    display:block;
    position:absolute;
    top:50%;
    left:5px;
    z-index:999;
    margin-top:-13px;
    font-size:22px!important
}
.prev-icon:before{
    content:'\f2fa';
    font-size:1.5em;
    color:#444c59
}
.next-icon{
    display:block;
    position:absolute;
    top:50%;
    right:5px;
    z-index:999;
    margin-top:-13px;
    font-size:22px!important
}
.next-icon:before{
    content:'\f2fb';
    font-size:1.5em;
    color:#444c59
}
.icon-presmallca-gray{
    display:block;
    position:absolute;
    top:40px;
    left:-30px;
    z-index:999
}
.icon-presmallca-gray:before{
    content:'\f2fa';
    font-size:2em;
    color:#444c59
}
.icon-nextsmallca-gray{
    display:block;
    position:absolute;
    top:40px;
    right:-30px;
    z-index:999
}
.icon-nextsmallca-gray:before{
    content:'\f2fb';
    font-size:2em;
    color:#444c59
}
.icon-presmall-gray{
    position:absolute;
    left:10px;
    top:80px;
    z-index:9;
    display:block;
    background:rgba(255,255,255,.7);
    padding:10px 0 0;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.icon-presmall-gray:before{
    content:'\f2fa';
    font-size:2.3em;
    color:#333
}
.icon-nextsmall-gray{
    position:absolute;
    right:10px;
    top:80px;
    z-index:9;
    display:block;
    background:rgba(255,255,255,.7);
    padding:10px 0 0;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.icon-nextsmall-gray:before{
    content:'\f2fb';
    font-size:2.3em;
    color:#333
}
.icon-presmall{
    display:block;
    position:absolute;
    top:30px;
    left:-35px
}
.icon-presmall:before{
    content:'\f053';
    font-size:1.5em;
    color:#fff;
    text-shadow:2px 0 5px #666
}
.icon-nextsmall{
    display:block;
    position:absolute;
    top:30px;
    right:-35px
}
.icon-nextsmall:focus{
    border:none;
    outline:none
}
.icon-presmall:focus{
    border:none;
    outline:none
}
#slider{
    height:350px;
    overflow:hidden;
    border:0!important;
    position:relative
}
#slider .slides>li a{
    height:350px!important;
    display:block
}
.flex-active-slide{
    opacity:1!important
}
#slider2{
    position:relative!important
}
.icon-nextsmall:before{
    content: '\f054';
    font-size: 1.5em;
    color:#fff;
    text-shadow:0 2px 5px #666
}
.fullscreen:before{
    content:'\f130';
    font-size:2em
}
.video:before{
    content:'\f148';
    font-size:2em
}
.photo:before{
    content:'\f147';
    font-size:2em
}
.view3d:before{
    content:'\f131';
    font-size:2em
}
.earth:before{
    content:'\f183';
    font-size:2em
}
.time-watch:before{
    content:'\f185';
    font-size:2em
}
.team:before{
    content:'\f184';
    font-size:2em
}
.good:before{
    content:'\f178';
    font-size:100px
}
.home-clear:before{
    content:'\f179';
    font-size:100px
}
.streetview:before{
    content:'\f132';
    font-size:2em
}
.logo-white-r{
    float:left;
    width:30px;
    margin-top:37px
}
.headquanters{
    margin-left:70px;
    width:calc(100% - 100px)
}
.mb10{
    margin-bottom:10px
}
.price-detail{
    padding-top:12px
}
.price-house:before{
    content:'\f164';
    font-size:2em
}
.agent-detail-house{
    height:100%;
    margin-top:50px;
    border:1px solid #ccc;
    border-bottom:0
}
.agent-detail-house:after{
    clear:both;
    display:table;
    content:''
}
.left-content{
    float:left;
    width: 800px;
    margin-right: 30px;
    font-size:17px;
    line-height:1.65em;
    overflow: hidden;
}
.left-content .more{
    padding-top:20px
}
.left-content .view-more-gray.more{
    padding-top:10px
}
.heading-02{
    padding:40px 0 20px;
    font-size:24px;
    position:relative;
    line-height:30px
}

.heading-02 .rating-show{
    position:absolute;
    right:0;
    width:200px;
    height:45px;
    top:40px
}
.heading-02 .rating-show .rating-show-bg{
    float:left;
    width:140px;
    background:url(../images/rating_bg.svg) repeat-x;
    height:45px;
    margin-right:5px
}
.heading-02 .rating-show .rating-show-bg .rating01{
    position:relative;
    display:inline-block;
    height:45px
}
.heading-03{
    padding:20px 0 20px;
    font-size:20px;
    position:relative;
    line-height:24px;
}
.left-content .rating-value li{
    float:left;
    padding:15px 0;
    width:30%;
    margin-right:1.3%;
    color:#444c59;
    font-size:1.4em
}
.left-content .rating-value li h4{
    color:#999;
    font-size:.7em;
    font-weight:500;
    padding-bottom:10px
}
.rating-bg-blue{
    height:20px;
    display:block;
    width:110px;
    background:url(../images/rating_bluebg.svg) repeat-x;
    float:left
}
.rating-smallbg-blue{
    height:14px;
    display:block;
    width:63px;
    background:url(../images/rating_smallbg.svg) repeat-x;
    float:left
}
.vote-point{
    color:#444c59;
    font-weight:600;
    margin-right:5px;
    font-size:1.2em;
    line-height:20px;
    padding-top:5px!important
}
.reviewer-vote{
    font-size:.8em;
    display:inline-block;
    padding:0 0 0 5px!important;
    line-height:20px;
    vertical-align:text-bottom
}
.rating-bg-blue .ratingblue{
    position:relative;
    display:inline-block;
    height:20px
}
.ratingsmall{
    position:relative;
    display:inline-block;
    height:14px
}
.left-content .rating-value li .booking-button{
    font-size:.8em;
    margin:0;
    width:100%;
    border-radius:2px
}
.uer-review-box{
    width:100%;
    position:relative
}
.uer-reviews{
    width:100%;
    padding:15px 0;
    overflow:auto
}
.about-us{
    padding:10px 0;
    width:100%;
    overflow:auto
}
.about-us .left-about{
    float:left;
    width:36%;
    margin-right:4%
}
.about-us .left-about img{
    width:90%
}
.about-us .right-about{
    float:left;
    width:60%
}
.about-us .right-about .project{
    padding:10px 0
}
.about-us .right-about .project ul li{
    float:left;
    width:30%;
    margin:10px 10px 10px 0;
    padding:0 10px;
    border-right:1px solid #dedede
}
.about-us .right-about .project ul li:first-child{
    padding-left:0
}
.about-us .right-about .project ul li:nth-child(3){
    border:0
}
.about-us .right-about .project ul li .number{
    font-size:1.5em;
    font-weight:600
}
.write-review a{
    padding:10px 100px 20px;
    display:block;
    color:#c72528
}
.uer-reviews li:first-child{
    width:10%;
    margin-right:3%;
    border:0
}
.uer-reviews li{
    width:87%;
    border-bottom:1px dotted #dedede;
    padding:0 0 20px 0;
    position:relative;
    float:left
}
.uer-reviews li a.avatar img{
    display:block;
    width:60px;
    height:60px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%
}
.uer-reviews li .uer-rate{
    position:absolute;
    right:0;
    top:0
}
.uer-reviews li h3{
    padding-bottom:5px;
    font-weight:500;
    font-size:18px
}
.uer-reviews li .uer-rate p{
    display:inline-block;
    float:left;
    padding-right:10px;
    color:#999;
    font-size:14px
}
.right-content{
    float:right;
    width:calc(100% - 830px);
}
.border-bottom-gray{
    border-bottom:1px solid #dedede;
    padding-top:30px;
    width:100%;
    overflow:auto
}
.detail-more{
    width:100%;
    overflow:auto;
    padding-bottom:15px
}
.detail-more li{
    display:block;
    border-bottom:1px dotted #dedede;
    padding:7px 0;
    float:left;
    margin-right:4%;
    width:48%;
    margin-bottom: 0!important;
}
.detail-more li:nth-child(2n+2){
    margin-right:0
}
.detail-more li .left{
    float:left;
    color:rgba(68,76,89,.76);
    font-size:16px;
    line-height:1.7em;
}
.detail-more li p{margin:0!important;}
.detail-more li .right{
    float:right;
    color:#444c59;
    font-size:15px;
    font-weight:700;
    max-width:65%;
    overflow:hidden;
    height:24px;
    text-align:right
}
.project-content
{
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    clear: both;
    padding-bottom: 10px;
}
.project-content:after {
    content: '';
    display: table;
    clear: both;
}
.project-content .bgbox
{
    background:#fff;
    margin-top: 30px;
    margin-bottom: 30px;
}
.project-content .content--more img,.project-content .project-description img,.project-content .project-content img{
    margin: 0 auto;
    display: block;
    height: auto!important;
    max-width:100%;
}
.project-content .content--more iframe,.project-content .project-content iframe{
    margin: 0 auto;
    display: block;
    max-width: 100%;
    padding-bottom: 20px;
    margin-top: 20px;
}
.project-content #doi-tac{margin-top:10px;}
.project-content #doi-tac .content
{
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.07);
    background: #f6f6f6;
    padding: 6px;
    border-radius: 5px;
}
.project-content ul{
    opacity: 0.92;
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 12px;
}
.project-content ul li{line-height:20px;margin-bottom:6px;}

.relate-content
{
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    clear: both;
    padding-bottom: 10px;
}
.relate-content:after {
    content: '';
    display: table;
    clear: both;
}
ul.media-box li{margin-bottom: 1px;}
ul.detail-more,  ul.media-box {
    opacity: unset;
    padding: unset;
    padding:0!important;
}
ul.detail-more li:before,  ul.media-box li:before {
    content: none;
    display: none;
}
.project-description {
    background: none!important;
    padding: 0 0 25px 0!important;
}

.detail-commodities{
    width:100%;
    overflow:auto;
    padding: 0!important;
    font-size:15px;
}
.detail-commodities li{
    display:block;
    padding:4px 0;
    float:left;
    width:33.33%;
    padding-right:10px
}
/*.detail-commodities li:before,.project-content li:before, .project-description li:before{*/
.project-content .left-content .bgbox.bgbox-content .box-row ul li:before{
    content:"\2022";
    padding-right:8px;
    color:#444c59;
}
.left-content .bgbox h2,.left-content .bgbox h3, .left-content .bgbox h4, .left-content .bgbox h5,
.left-content .bgbox h6 {margin-bottom: 10px;margin-top: 15px;}
.box-row > iframe{
        padding-bottom: 20px;
    margin-top: 20px;
}
.box-row ol {
   list-style: none;
   counter-reset: item;
 }
.box-row ol:not(.list-toc) li{
   counter-increment: item!important;
 }
.box-row ol:not(.list-toc) li::before{
    margin-right: 8px;
    content: counter(item)!important;
    background: #444c59;
    border-radius: 100%;
    color: white;
    width: 14px!important;
    text-align: center;
    display: inline-block;
    font-size: 10px!important;
    height: 14px!important;
    line-height: 16px!important;
 }
.box-row a[download] { 
    margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 356px;
    font-size: 18px;
    padding: 10px 15px;
}
.box-row table {
  border-collapse: collapse;
  width: 100%;
  overflow: hidden;
}

.box-row table td, table th {
  border: 1px solid #ddd;
  padding: 6px;
  vertical-align: middle;
}

.box-row table.tcolor tr:nth-child(even){background-color: #f2f2f2;}

.box-rowtable.thover tr:hover {background-color: #ddd;}

.box-rowtable th, .box-row table.theader tr:first-child, .box-row table th, .box-row table.theader tr:first-child td {
  padding-top: 8px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #b0b0b0;
  color: white;
  font-weight:bold;
  text-align: center;
  vertical-align: middle;
}
.box-row table.tlheader tr td:first-child{
 background-color: #ccc;
 font-weight:bold;
}

.box-row .content h2 {margin: 10px 0;}
.info-prop{
    width:100%;
    border-radius:8px;
    background:#eef3f7;
    padding:30px;
    margin:40px 0 0
}
.info-prop:after{
    content:'';
    width:100%;
    display:table;
    clear:both
}
.info-prop .left-img{
    float:left;
    width:37%;
    text-align:right;
    padding-right:20px
}
.info-prop .left-img img{
    max-width:100%
}
.info-prop .info{
    float:left;
    width:63%;
    padding:0 0 0 20px;
    font-size:16px;
    line-height:30px
}
.info-prop .info .content-html{
    margin-bottom:30px;
    overflow:hidden
}
.content-html ul li:before{
    content:'';
    display:inline-block;
    width:7px;
    height:7px;
    background:#444c59;
    border-radius:50%;
    margin-right:15px
}
.btn-download{
    background:#c72528;
    border-radius:2px;
    height:50px;
    line-height:50px;
    text-align:center;
    width:260px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    position:relative
}
.max-width900{
    max-width:900px;
    margin:0 auto;
    width:100%
}
.more{
    clear:both;
    font-style: italic;
}
.left{
    float:left!important
}
.right{
    float:right!important
}
.more a{
    color:#444c59;
    display:block;
    text-decoration:underline;
    font-weight:500;
    font-size:16px
}
.more a:hover{
    opacity:.8;
    -webkit-transition:opacity .15s;
    -moz-transition:opacity .15s;
    transition:opacity .15s
}
.font-icon{
    font-family:fontawesome;
    text-rendering:auto;
    line-height:20px;
    font-size:18px;
    font-style:normal;
    vertical-align:middle
}
.but-pfeimg{
    position:absolute;
    top:50%
}
.but-nextdetail{
    position: absolute;
    top: 45%;
    margin-top: -20px;
    right: 20px;
    font-family: fontawesome;
    font-size: 3em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 8px 20px;
    z-index: 99;
    opacity: .6;
    transition: opacity .2s linear;
    color: #fff;
}
.but-nextdetail-top-news{
    position:absolute;
    top:50%;
    margin-top:-20px;
    right:20px;
    font-family:zmdi;
    font-size:4em;
    background:rgba(255,255,255,.66);
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding:5px 0;
    z-index:199;
    transition:opacity .2s linear
}
.but-predetail-top-news{
    position:absolute;
    top:50%;
    margin-top:-20px;
    left:20px;
    font-family:fontawesome;
    font-size:4em;
    background:rgba(255,255,255,.66);
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding:5px 0;
    z-index:100;
    transition:opacity .2s linear
}
.but-nextdetail-top-news:before{
    content:'\f2fb'
}
.but-predetail-top-news:before{
    content:'\f2fa'
}
.but-nextdetail:hover{
    opacity:1
}
.but-nextdetail:before{
    content:'\f138'
}
.but-predetail{
    position:absolute;
    top:45%;
    margin-top:-20px;
    left:20px;
    font-family:fontawesome;
    font-size:3em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 8px 20px;
    z-index:90;
    opacity:.6;
    transition:opacity .2s linear;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.22);
    color:#fff;
}
.but-predetail:hover{
    opacity:1
}
.but-predetail:before{
    content:'\f137'
}
.searchdetailbox{
    height:60px;
    width:calc(100% - 180px);
    padding-top:9px;
    float:left;
    position:relative
}
.searchdetailbox form{
    background:#fff;
    position:relative;
    height:40px;
    line-height:36px;
    margin:0 0 0 30px;
    border:1px solid rgba(48,51,58,.2);
    border-radius:2px;
    width:50%
}
.searchdetailbox form input{
    color:#444c59;
    font-size:1.5em;
    font-weight:400;
    padding:10px 10px 0 5px;
    display:inline-block;
    width:100%;
    text-align:left
}
.searchdetailbox form input:focus{
    outline:none;
    border:0!important
}
.searchdetailbox form button{
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:none;
    border:0;
    position:absolute;
    top:8px;
    cursor:pointer;
    padding:0
}
.left-list-filter ul li.list-filter{
    font-size:15px
}
.searchdetailbox form button.location{
    right:30px
}
.searchdetailbox form button.location:before{
    content:'\f103';
    font-size:2em;
    color:#444c59;
    padding:0 10px 0 10px
}
.searchdetailbox form button.searchicon{
    right:0
}
.searchdetailbox form button.searchicon:before{
    content:'\f102';
    font-size:25px;
    color:#444c59;
    padding:5px;
    line-height:20px
}
.booking-tour{
    width:100%;
    border:1px solid #bfbfbf;
    margin-top:-1px;
    background:#fff;
    overflow:auto;
    font-size:1.6em;
    margin-bottom:20px
}
.booking-tour:after{
    content:'';
    display:block;
    clear:both
}
.select-choices{
    float:left;
    font-size:15px
}
.select-choices li{
    display:inline-block;
    background:#f2f2f2;
    margin:5px;
    padding:5px 2px 3px 8px;
    line-height:20px
}
.select-choices li span{
    cursor:default
}
.select-choices li.active{
    background:#d8d8d8
}
.select-choices li .close{
    position:relative;
    top:inherit;
    right:auto;
    font-size:12px;
    padding:5px;
    margin-left:6px
}
.select-choices li.search-field{
    padding:0;
    margin:0 5px;
    background:none
}
.select-choices li.search-field input:focus{
    outline:none;
    border:0!important
}
.select-choices .close:after{
    content:'\00d7'
}
.email-info{
    color:#999;
    padding:10px 0;
    font-size:1em;
    font-family:'harmonia',Arial,Helvetica,sans-serif
}
.booking-tour h2{
    text-transform:uppercase;
    font-size:1em;
    margin:0 0 20px 8%
}
.border-buttom-arrow{
    border-top:1px solid #ebebeb;
    width:100%;
    text-align:center;
    height:11px;
    clear:both;
    position:relative;
    margin:18px 0 10px 0
}
.border-buttom-arrow:before{
    content:url(../images/arrow_gray.svg);
    position:absolute;
    top:-6px;
    margin-left:-12px
}
.contact-agency-info input,textarea{
    width:100%;
    padding:10px;
    border:1px solid #999;
    margin:0 0 10px;
    font-size:1em;
    font-weight:400;
    display:block
}
.contact-agency-info textarea::-webkit-input-placeholder{
    color:#444c59
}
.contact-agency-info textarea:-moz-placeholder{
    color:#111
}
.contact-agency-info textarea::-moz-placeholder{
    color:#111
}
.contact-agency-info textarea:-ms-input-placeholder{
    color:#111
}
.contact-agency-info input::-webkit-input-placeholder{
    color:#111
}
.contact-agency-info input:-moz-placeholder{
    color:#111
}
.contact-agency-info input::-moz-placeholder{
    color:#111
}
.contact-agency-info input:-ms-input-placeholder{
    color:#111
}
.map-detail{
    padding:0;
    height:550px;
    width:100%;
    clear:both;
    position:relative;
    background:#f3f3f3
}
.Mortgage{
    width:100%;
    overflow:auto;
    padding:20px 0
}
.Mortgage h2{
    
    font-size:2.6em;
    font-weight:400;
    overflow:auto;
    line-height:2em
}
.wswb-menu{
    height:70px;
    border-bottom:1px solid #dedede;
    background:#f7f7f7
}
.wswb-menu .menuleft{
    float:left
}
.wswb-menu .menuleft li{
    line-height:61px;
    float:left;
    margin-top:5px
}
.wswb-menu .menuleft li a{
    display:block;
    font-size:16px;
    margin:0 20px;
    box-sizing:border-box
}
.wswb-menu .menuleft li.active{
    border-bottom:4px solid #c72528;
    font-size:16px;
    padding:0 20px;
    cursor:default
}
.wswb-menu .right-menu{
    float:right;
    display:none
}
.wswb-menu-fixed{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:900
}
.wswb-menu-fixed .right-menu{
    float:right;
    display:block
}
.table-search{
    display:table;
    clear:both;
    width:100%
}
.table-search .icon-search-ft{
    display:table-cell;
    vertical-align:middle;
    width:30px
}
.iconsearchno{
    width:30px;
    height:18px;
    font-size:24px;
    margin:0 0 0 40px;
    padding:0
}
.iconsearchno:before{
    content:'\F102'
}
.searchdetailbox input{
    color:#444c59;
    font-weight:400;
    padding:10px 0 6px 0;
    border:0;
    font-size:16px
}
.search-filter{
    width:100%;
    background:#fff;
    border-bottom:1px solid #ddd;
    min-height:70px;
    position:relative;
    z-index:110
}
.left-filter{
    margin:8px 0 3px;
    font-size:14px;
    float:left
}
.left-filter>.fix-search-top{
    display:none
}
.sell-radio{
    float:left;
    padding:10px;
    border:1px solid #ebebeb
}
.rent-radio{
    float:left;
    padding:10px;
    border:1px solid #ebebeb;
    border-left:0;
    margin-right:20px
}
input[type="radio"]{
    margin:0;
    font-size:1.1em;
    font-weight:500;
    cursor:pointer
}
input[type="radio"]+label{
    padding:20px;
    cursor:pointer
}
input[type="radio"]:checked+label{
    color:#00779a
}
input[type="radio"]:checked{
    background:red
}
.left-filter2{
    float:left;
    margin:18px 0 11px 30px;
    font-size:1.6em;
    width:calc(100% - 150px)
}
.left-filter2>.fix-search-top{
    display:block;
    width:40%
}
.left-filter2 input[type="radio"]{
    margin:0;
    font-size:1.1em;
    font-weight:500;
    cursor:pointer
}
.left-filter2 input[type="radio"]+label{
    padding:20px;
    cursor:pointer
}
.left-filter2 input[type="radio"]:checked+label{
    color:#c72528
}
.left-filter2 input[type="radio"]:checked{
    background:red
}
ul li.list-filter{
    float:left;
    margin-right:5px;
    cursor:pointer;
    position:relative;
    display:block
}
ul li.list-filter a{
    padding:0 30px 0 8px;
    display:block;
    position:relative;
    width:100%;
    color:#838383
}
ul li.list-filter>a.active{
    color:#30333a;
    font-weight:500
}
.left-list-filter ul li.list-filter a{
    padding:6px 30px 6px 20px
}
ul li.list-filter ul.popup{
    line-height:21px
}
.left-list-filter ul.popup li{
    padding:0
}
.left-list-filter ul.popup li:hover{
    background:#f1f1f1
}
.left-list-filter ul.popup li a.active{
    color:#337588
}
.left-list-filter ul li.list-filter{
    padding:0;
    margin:0
}
.down-arrow{
    position:absolute;
    right:10px;
    top:4px;
    font-size:15px
}
.left-list-filter ul li.list-filter .down-arrow{
    top:5px
}
.down-arrow:before{
    content:'\f120'
}
.more-filter{
    display:none!important
}
.more-filter-icon:before{
    content:'\f152';
    color:#999
}
.popup{
    display:block;
    z-index:1;
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
    -moz-box-shadow:0 2px 2px rgba(0,0,0,.1);
    box-shadow:0 2px 2px rgba(0,0,0,.1);
    position:absolute;
    padding:15px;
    background:#fff;
    border:1px solid #e8e8e8;
    color:#444c59;
    left:0;
    min-width:162px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .25s linear , visibility .25s linear;
    -moz-transition:opacity .25s linear , visibility .25s linear;
    -o-transition:opacity .25s linear , visibility .25s linear;
    transition:opacity .25s linear , visibility .25s linear;
    top:43px
}
.popup-visible{
    opacity:1;
    visibility:visible
}
popup input[type="checkbox"]{
    cursor:none
}
ul.popup li{
    padding:5px 0
}
ul.popup li label{
    cursor:pointer
}
ul.popup li label:hover{
    color:#00779a
}
.mgr-30{
    margin-right:30px!important
}
.different{
    width:650px;
    padding:0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.different li.no-bedroom a{
    width:40px
}
.different li{
    float:left;
    border-left:1px solid #eee;
    border-bottom:1px solid #eee;
    width:calc(50%);
    padding:20px!important
}
.different li:first-child{
    border-left:0
}
.different li:nth-child(3n){
    border-left:0
}
.search-sum{
    background:#f3f5f8;
    padding:3px 8px 3px 30px;
    font-size:16px;
    position:fixed;
    width:66%;
    z-index:199;
    border-bottom:1px solid #e6e6e6
}
.search-sum-no{
    float:left;
    line-height:30px;
    font-size:16px;
    width:80%
}
.different li:nth-child(2n){
    border-right:0
}
.different li input[type="text"]{
    margin:0 10px;
    width:75px;
    text-align:center;
    padding:5px
}
.different li h3{
    padding-bottom:5px;
    width:100%;
    font-weight:500
}
.different li .radiobox input+label:after{
    left:2px
}
.no-bedroom a{
    display:inline-block!important;
    padding:8px!important;
    line-height:1em;
    background:#f7f7f7;
    border:1px solid #ebebeb;
    color:#999;
    margin:5px 5px
}
.btn-black{
    border:0;
    background:#444c59;
    color:#fff;
    line-height:33px;
    padding:0 20px;
    font-size:16px;
    border-radius:2px;
    font-weight:500;
    cursor:pointer
}
.btn-black:hover{
    background:#c72528
}
.no-bedroom label{
    display:block;
    float:left;
    width:50%
}
.no-bedroom a.choose{
    color:#444c59
}
ul.input-roll{
    width:100%
}
ul.input-roll li{
    float:left;
    width:50%;
    text-align:left;
    padding:0!important;
    border:0
}
.left-filter select{
    padding:10px;
    border:1px solid #ebebeb;
    font-size:1.1em;
    margin-right:15px;
    cursor:pointer
}
.left-filter select option{
    padding:5px 0
}
.left-filter select option:hover{
    background:#444c59
}
.left-filter2 select{
    padding:10px;
    border:1px solid #ebebeb;
    font-size:1.1em;
    margin-right:15px;
    cursor:pointer
}
.left-filter2 select option{
    padding:5px 0
}
.left-filter2 select option:hover{
    background:#444c59
}
.right-filter{
    display:table-cell;
    vertical-align:middle;
    width:180px;
    padding-right:40px
}
.left-filter ul{
    line-height:32px
}
.left-filter ul.different{
    left:-300px;
    max-height:450px;
    overflow:auto;
    padding-bottom:60px
}
.left-filter2 ul{
    float:left
}
.left-filter2 ul.different{
    display:flex
}
.display-search{
    float:right;
    padding:10px 10px 6px;
    border:1px solid #ebebeb;
    line-height:1em;
    font-size:10px;
    line-height:10px;
    margin-right:30px
}
.display-search:before{
    content:'\f104';
    font-size:2.5em;
    color:#444c59
}
.location-search{
    float:right;
    padding:10px 10px 6px;
    border:1px solid #ebebeb;
    border-right:0;
    font-size:10px;
    line-height:10px
}
.location-search:before{
    content:'\f103';
    font-size:2.5em;
    color:#444c59
}
.left-list-filter{
    float:right;
    padding-right:20px
}
.location-search-active{
    float:right;
    padding:14px 14px 8px;
    border:1px solid #ebebeb;
    border-right:0
}
.location-search-active:before{
    content:'\f103';
    font-size:2.5em;
    color:#c72528
}
.map-and-sidebar{
    min-height:calc(100vh - 144px);
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    background:#666;
    z-index:0
}
.search-sidebar{
    height:100%;
    background-color:#f4f5f9;
    width:66%;
    float:left;
    position:relative;
    z-index:20;
    min-height:calc(100vh - 120px);
    top:120px
}
.search-sidebar_content{
    -webkit-flex:2;
    -ms-flex:2;
    flex:2;
    overflow:hidden;
    margin:0 0 0 30px;
    top:45px;
    position:relative
}
.search-sidebar_header{
    background-color:transparent;
    margin:15px 0 0 0;
    width:100%;
    position:relative
}
.search-sidebar_header select{
    padding:10px;
    border:1px solid #ebebeb;
    font-size:1.6em;
    margin-right:15px;
    cursor:pointer;
    background-color:transparent
}
.next-page{
    float:right;
    padding:10px 5px 5px;
    border:1px solid #ebebeb;
    background:#fff;
    line-height:18px
}
.next-page:before{
    content:'\f2fb';
    font-size:2em;
    color:#444c59
}
.back-page{
    float:right;
    padding:10px 5px 5px;
    border:1px solid #ebebeb;
    margin:0 10px;
    background:#fff;
    line-height:18px
}
.back-page:before{
    content:'\f2fa';
    font-size:2em;
    color:#444c59
}
.right-list-filter{
    float:right;
    line-height:2.2em;
    font-size:1.5em;
    padding-top:10px
}
.right-list-filter .paging-number{
    float:right
}
.search-map{
    background-color:#f7f7f7;
    width:34%;
    float:left;
    position:fixed;
    top:120px;
    bottom:0;
    z-index:10;
    right:0;
    height:calc(100% - 120px)
}
.search-map.fullscreen{
    position:fixed;
    z-index:1000;
    left:0;
    width:100%;
    height:100%;
    top:0
}
.google-map{
    width:100%;
    height:100%
}
.icon-search-suggest{
    font-size:25px;
    padding-right:10px;
    font-weight:400
}
.search-filter-fixed{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:70px;
    background:#fff;
    border-bottom:1px solid #dedede;
    z-index:1999;
    display:none
}
.fix-search-top{
    float:left;
    margin-right:15px;
    position:relative
}
.fix-search-top input{
    color:#444c59;
    font-weight:400;
    border:1px solid #e5e5e5;
    padding:9px 48px 6px 10px;
    width:100%
}
.fix-search-top button{
    font-family:zmdi;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:none;
    border:0;
    position:absolute;
    top:7px;
    cursor:pointer;
    right:0
}
.fix-search-top button:before{
    content:'\f102';
    font-size:25px;
    color:#444c59;
    padding:5px;
    line-height:20px
}
.top-sell:after{
    clear:both;
    display:table;
    content:''
}
.top-sell{
    text-align:center;
    padding:60px 0;
    font-size:16px;
    width:100%;
    max-width:1140px;
    margin:0 auto
}
.top-sell h3{
    font-size:38px;
    color:#444c59;
    font-weight:500;
    line-height:40px
}
.top-sell h5{
    font-size:30px;
    color:#444c59;
    font-weight:500;
    line-height:40px;
    text-align:left
}
.top-sell p{
    font-size:20px;
    padding:15px 0;
    line-height:25px
}
.top-sell .buttondangky-pd{
    padding:20px 0 40px
}
.top-team{
    text-align:center;
    padding:70px 0;
    font-size:16px;
    width:100%;
    max-width:900px;
    margin:0 auto
}
.top-team h1,.top-team h3{
    
    font-size:40px;
    color:#444c59;
    font-weight:500;
    line-height:50px
}
.top-team p{
    font-size:22px;
    padding:35px 0 0;
    line-height:30px
}
.top-team .contact-now{
    margin:0 auto
}
.red-bnt{
    background:#c72528;
    color:#fff!important;
    padding:12px 15px 8px!important;
    border-radius:2px;
    text-align:center;
    font-weight:500;
    text-transform:uppercase;
    display:block!important;
    font-size:14px!important;
    max-width:250px;
    min-width:160px
}
.deverloper .avatar{
    border:1px solid #ededed;
    padding:10px;
    width:22%
}
.deverloper-info{
    width:70%!important;
    margin-right:0!important
}
.deverloper-info p{
    padding-top:30px!important
}
.deverloper-info li{
    padding:3px 0
}
.skill-lish{
    padding:20px 0
}
.skill-lish .left-if{
    float:left;
    width:50%
}
.skill-lish .right-if{
    float:right;
    width:50%;
    text-align:right
}
.skill-lish .right-if li{
    display:inline-block;
    padding-left:8px
}
.skill-lish .right-if li .dotlet-cover{
    width:14px;
    height:14px;
    position:relative;
    border-radius:50%;
    overflow:hidden;
    background:#ccc
}
.skill-lish .right-if li .dotlet-cover .dotlet-red{
    background:#c72528;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%
}
.share-social{
    position:absolute;
    top:50px;
    right:50px
}
.share-social .font-icon{
    font-size:1.5em;
    padding-right:10px
}
.red-bnt:hover{
    background:#444c59;
    color:#fff
}
.actived{
    color:#30333a!important;
    opacity:1!important;
    cursor:inherit
}
.actived:before{
    color:#c72528!important
}
.actived:after{
    color:#c72528!important
}
.colum3{
    padding-top:60px
}
.colum3 h4{
    
    font-size:20px;
    font-weight:500;
    line-height:35px;
    padding-top:15px
}
.colum3 p{
    font-size:16px
}
.colum3:after{
    clear:both;
    display:table;
    content:''
}
.colum3 li{
    width:32%;
    margin-right:2%;
    float:left;
    padding:0 30px
}
.colum3 li:nth-child(3n){
    margin:0
}
.phi:before{
    content:'\f162';
    font-size:100px
}
.cup:before{
    content:'\f182';
    font-size:100px
}
.creat:before{
    content:'\f163';
    font-size:100px
}
.chart:before{
    content:'\f180';
    font-size:100px
}
.nofound-icon:before{
    content:'\f192';
    font-size:100px
}
.nofound{
    padding:120px 50px;
    text-align:center;
    font-size:16px;
    height:100%
}
.nofound h2{
    font-size:25px;
    line-height:30px;
    padding:20px 0
}
.nofound p{
    margin:0 auto;
    line-height:25px
}
.savemoney:before{
    content:'\f164';
    font-size:100px
}
.hlkh:before{
    content:'\f164';
    font-size:100px
}
.cover-left-sell{
    float:left;
    height:350px;
    width:50%
}
.left-sell{
    float:left;
    width:50%
}
.right-content-sell{
    float:left;
    width:50%;
    padding-left:60px;
    text-align:left;
    line-height:25px
}
.right-content-sell-gray{
    float:left;
    width:50%;
    padding-right:60px;
    text-align:left;
    line-height:25px
}
.right-content-sell p{
    font-size:16px
}
.right-content-sell-gray p{
    font-size:16px
}
.right-content-sell-gray h3{
    
    font-size:28px;
    font-weight:500
}
.right-content-sell h3{
    
    font-size:28px;
    font-weight:500
}
.right-content-sell ul li{
    list-style:outside;
    padding-left:10px;
    margin-left:20px
}
.more-text-black{
    color:#444c59;
    text-decoration:underline;
    font-weight:500
}
.marketing{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.marketing li{
    float:left;
    width:48.5%;
    margin-right:3%;
    margin-top:30px;
    background:#fff
}
.marketing li .cover-mkt{
    height:376px
}
.marketing li .bg-content-white{
    background:#fff;
    padding:30px;
    text-align:left
}
.marketing li .bg-content-white h4{
    font-size:25px;
    font-weight:500;
    line-height:30px
}
.marketing li .bg-content-white p{
    font-size:16px;
    padding-top:8px
}
.marketing li:nth-child(2n){
    margin-right:0
}

.chart-red{
    height:15px;
    background:#c72528;
    margin:0 0 30px 0
}
.chart-gray{
    height:15px;
    background:#b3b3b3
}
.canho{
    padding:30px 0 20px 30px;
    width:100%;
    clear:both
}
.canho:after{
    display:table;
    clear:both;
    content:''
}
.service3d{
    float:left;
    font-family:zmdi;
    font-size:6em;
    margin:10px 30px 0 0;
    color:#b8b8b8
}
.service3d:before{
    content:'\f165'
}
.photovideo{
    float:left;
    font-family:zmdi;
    font-size:6em;
    margin:10px 30px 0 0;
    color:#b8b8b8
}
.photovideo:before{
    content:'\f166'
}
.proservice{
    float:left;
    font-family:zmdi;
    font-size:6em;
    margin:10px 30px 0 0;
    color:#b8b8b8
}
.proservice:before{
    content:'\f167'
}
.right-mark{
    float:left;
    text-align:left;
    font-size:20px
}
.underline{
    text-decoration:underline;
    padding:0!important
}
.underlinenone{
    text-decoration:none;
    padding:0!important
}
p.by{
    font-size:14px;
    color:#999;
    padding:12px 0;
    line-height:15px;
}
.width1140{
    max-width:1140px;
    margin:0 auto;
    position:relative;
    clear:both;
    padding-bottom: 10px;
}
.width1140:after{
    content:'';
    display:table;
    clear:both
}
.width1140:before{
    content:'';
    display:table;
    clear:both
}
.common-info{
    text-align:center;
    font-weight:200
}
.common-info h2{
    padding:60px 0 40px;
    
    font-size:30px;
    color:#444c59;
    display:block;
    line-height:36px;
    font-weight:400
}
.common-info p{
    padding-bottom:40px;
    color:#444c59;
    width:900px;
    margin:0 auto;
    line-height:28px;
    font-weight:500;
    font-size:18px
}
.promo-3d-vid{
    padding-bottom:30px
}
.promo-3d-vid span{
    cursor:pointer
}
article .cover a{
    display:block;
    width:100%;
    height:100%
}
article .cover a img{
    width:100%
}
.sort-view{
    padding:15px 5px!important;
    right:-10px;
    left:auto
}
.sort-view li{
    width:100%
}
.sort-view li a{
    padding:6px!important
}
section.project article.featured:nth-child(1),section.project article.featured:nth-child(2),section.project article.featured:nth-child(3){
    margin-top:30px;
    margin-right:30px
}
section.project article.featured:nth-child(3n+3){
    margin-right:30px
}
section.project article.featured{
    height:auto
}
.detail-article-location{
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.6);
    color:#fff;
    line-height:40px
}
.detail-article-location .abc{
    float:left;
    background:#444c59;
    height:40px;
    width:40px;
    text-align:center;
    font-weight:500;
    font-size:3em;
    text-transform:uppercase;
    line-height:40px
}
.detail-article-location .m{
    float:left;
    height:40px;
    width:75px;
    text-align:center;
    font-size:18px;
    line-height:40px
}
.list-search02 .price{
    font-size:1.2em;
    position:absolute;
    bottom:20px;
    right:20px;
    color:#212025
}
.bedroom:before{
    content:'\f105';
    padding-right:3px
}
.bathroom:before{
    content:'\f106';
    padding-right:3px
}
.livingroom:before{
    content:'\f106';
    padding-right:3px
}
.garage:before{
    content:'\f143';
    padding-right:3px
}
.priceofsize:before{
    content:'\f145';
    padding-right:3px
}

.ownerbuilding-icon:before{
    content:'\f134';
    padding-right:3px
}
.locationbuilding-icon:before{
    content:'\f135';
    padding-right:3px
}
.unitsbuilding-icon:before{
    content:'\f136';
    padding-right:3px
}
.none{
    margin-top:0
}
.none:before{
    content:'\f124';
    color:gray;
    font-size:.8em
}
.check{
    margin-top:0
}
.check:before{
    content:'\f125';
    color: #0fa82a;
    font-size:.8em
}
.none-black:before{
    content:'\f124'
}
.check-black:before{
    content:'\f125'
}
/*.price{
    font-size:16px;
    font-weight:600;
    position:absolute;
    bottom:22px;
    right:20px;
    color:#30333a
}
.price a{
    font-size:1.2em;
    display:inline-block;
    padding:10px 0 10px 10px
}*/
.ads-boxtable{
    display:none;
    width:100%;
    background:#444c59
}
.ads-boxtable .adstable-cell{
    width:100%;
    display:table-cell;
    vertical-align:middle;
    height:140px;
    background:rgba(0,0,0,.7)
}
.ads-boxtable .adstable-cell .ads-content{
    max-width:1140px;
    padding:0 20px;
    margin:0 auto
}
.ads-boxtable .adstable-cell .ads-content h3{
    float:left;
    color:#fff;
    font-size:3.2em;
    font-weight:400;
    line-height:1.8em
}
.ads-boxtable .adstable-cell .ads-content p{
    float:right;
    margin:0 auto;
    text-align:center
}
.ads-boxtable .adstable-cell .ads-content p a{
    display:block;
    padding:10px 40px;
    border:2px solid #fff;
    color:#fff;
    font-size:1.8em;
    font-weight:500;
    line-height:1.8em;
    text-transform:uppercase;
    border-radius:2px
}
.ads-boxtable .adstable-cell .ads-content p a:hover{
    background:#222
}
article.featured .cover{
    display:block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:50% top;
    cursor:pointer;
    background-size:cover
}
.bor-left-header{
    padding-left:15px;
    margin-left:15px
}
.but-next{
    position:absolute;
    top:50%;
    left:15px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:5em;
    z-index:10;
    padding:2px
}
.bor-right-header{
    padding-right:20px
}
.bor-right-header:before{
    content:'';
    position:absolute;
    right:-6px;
    height:48px;
    width:1px;
    background:#a6a6a6;
    bottom:4px
}
.bor-header:before{
    bottom:-4px!important;
    height:60px
}
.bor-right-header .dropdownItem{
    margin-right:20px
}
.but-next{
    position:absolute;
    top:50%;
    left:15px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:5em;
    z-index:10;
    padding:2px
}
.but-next:before{
    content:'\f108'
}
.but-pre{
    position:absolute;
    top:50%;
    right:15px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:5em;
    z-index:10
}
/*.checked{
    color:#c72528!important
}
.checked:before{
    color:#c72528!important
}
.checked:after{
    color:#c72528!important
}*/
.but-pre:before{
    content:'\f109'
}
.facebook-bg:before{
    content:'\f155';
    padding-right:5px
}
.message:before{
    content:'\f158';
    padding-right:5px
}
.gplus:before{
    content:'\f161';
    padding-right:5px
}
.time-icon{
    position:relative;
    width:20px;
    float:left;
    height:20px
}
.time-icon:before{
    content:'\f175';
    position:absolute;
    left:0;
    top:3px
}
.bds-icon:before{
    content:'\f176'
}
.chuyenvien-icon:before{
    content:'\f177'
}
.in:before{
    content:'\f112';
    padding-right:5px
}
.favorite:before{
    content:'\f146';
    padding-right:10px;
    font-size:20px;
    vertical-align:middle
}
.play:before{
    content:'\f159'
}
#slider3{
    position:relative;
    width:302px;
    margin-left:30px
}
#slider4{
    position:relative;
    width:302px;
    margin-left:30px
}
.list-but{
    width:100%
}
.list-but a{
    border-right:1px solid #bfbfbf;
    display:block;
    float:left;
    padding:10px 0;
    font-weight:500;
    text-align:center;
    width:33%;
    white-space:nowrap
}
.list-but a:hover{
    background:#444c59;
    color:#fff
}
.list-but a:last-child{
    border:0;
    width:34%
}
.save-favorite-box{
    margin:30px 8% 20px 8%
}
.icon-slide:before{
    content:'\f149'
}
.icon-slide-back:before{
    content:'\f2fa'!important
}
.list-icon{
    position:absolute;
    top:10px;
    right:20px;
    font-family:zmdi;
    font-weight:400;
    font-size:20px;
    color:#999
}
.list-icon a{
    color:#999;
    padding:5px
}
.list-icon a.active{
    color:#444c59
}
.bus:before{
    content:'\f126'
}
.car:before{
    content:'\f127'
}
.by-foot:before{
    content:'\f128'
}
.searchlisting{
    box-shadow:0 2px 20px 0 rgba(0,0,0,.17);
    -moz-box-shadow:0 2px 20px 0 rgba(0,0,0,.17);
    -webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.17);
    width:360px;
    overflow-y:auto;
    background:#ebebeb;
    top:50px;
    left:50px;
    position:absolute;
    padding:0;
    z-index:100;
    display:none;
    max-height:368px
}
.bg-white{
    background:#fff;
    width:100%;
    overflow:hidden
}
.bg-white:after{
    clear:both;
    display:table;
    content:''
}
.bg-white .width1140 h5{
    font-size:28px;
    text-align:center;
    padding:50px 0;
    text-transform:uppercase
}
.background-gray{
    background:#f4f5f9;
    width:100%
}
.background-gray:after{
    clear:both;
    display:table;
    content:''
}
.background-gray .width1140 h5{
    font-size:28px;
    text-align:center;
    padding:50px 0;
    text-transform:uppercase
}
.background-gray-sell{
    background:#f4f5f9;
    width:100%;
    padding:30px 0
}
.hitech li{
    float:left;
    width:32%;
    margin-right:2%;
    padding:40px 0 0
}
.hitech li:after{
    clear:both;
    display:table;
    content:''
}
.hitech li p{
    clear:both;
    text-align:left;
    line-height:22px;
    font-size:16px
}
.hitech li h4{
    font-size:22px;
    font-weight:500;
    float:left;
    clear:both;
    padding:8px 0;
    border-bottom:1px solid #666
}
.hitech li:nth-child(3n){
    margin-right:0
}
.width1140>h3{
    
    color:#444c59;
    display:block;
    line-height:40px;
    font-weight:400
}
.width1140>h6{
    
    font-size:32px;
    color:#444c59;
    display:block;
    line-height:40px;
    font-weight:400;
    text-align:center;
    padding:30px 0
}
.width1140>h4{
    text-align:center;
    font-size:32px
}
.comment-share{
    padding-top:30px
}
.tags-group{
    margin:20px 0;
    display:block;
    overflow:hidden
}
.tags-group span:first-child{
    float: left;
    padding: 1px 12px 0 0;
    font-size: 14px;
    font-weight: bold;
}
.tags-group .items{
    display: block;
    background: #f3f4f7;
    width: auto;
    float: left;
    padding: 0 8px;
    color: #838383;
    border-radius: 3px;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 24px;
    height: 26px;
    font-weight: 400;
    box-sizing: border-box;
}
.tags-group .items a{
    display:block;
    cursor:pointer
}

.tag-news{
    padding:30px 0
}
.tag-news.pdt-15{
    padding:0
}
.tag-news:after{
    clear:both;
    display:table;
    content:'';
    width:100%
}
.tag-news a,.tag-news span{
    display:block;
    float:left;
    margin:5px;
    padding:2px 10px;
    background:#dedede;
    color:#444c59;
    font-size:16px;
    border-radius:3px;
    line-height:30px
}
.tag-news a:hover,.tag-news span:hover{
    background:#dedede
}
.collection-box-left{
    float:left;
    width:31.5%;
    margin-right:2.75%
}
.collection-box-left a{
    display:block
}
.collection-box-left a:hover{
    opacity:.85
}
.collection-box-right{
    float:left;
    width:65.75%
}
.collection-box-right a{
    display:block
}
.collection-box-right a:hover{
    opacity:.85
}
.high-rating{
    position:relative;
    height:510px;
    width:100%;
    border-top:2px solid #444c59
}
.monopoly-project{
    position:relative;
    height:240px;
    width:100%;
    float:left;
    clear:both;
    border-top:2px solid #444c59
}
.collection-box .bgwhite-label{
    height:55px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    text-align:center
}
.collection-box .bgwhite-label .bottomlable{
    letter-spacing:3px;
    font-size:2.2em;
    line-height:40px;
    margin:0 auto;
    display:inline-block;
    text-transform:uppercase;
    padding:12px 15px 8px;
    background:#fff;
    font-weight:500
}
.good-price{
    position:relative;
    height:240px;
    width:100%;
    margin-top:30px;
    border-top:2px solid #444c59
}
.collection-box .bgblack-lable{
    height:55px;
    top:50%;
    position:absolute;
    margin-top:-27px;
    right:0;
    left:0;
    text-align:center
}
.collection-box .bgblack-lable .centerlable{
    font-size:2em;
    line-height:1.6em;
    margin:0 auto;
    color:#fff;
    left:0;
    right:0;
    text-transform:uppercase;
    letter-spacing:3px;
    display:inline-block;
    padding:12px 15px 8px;
    background:rgba(0,0,0,.4);
    font-weight:500
}
.most-update{
    float:left;
    width:48%;
    margin:30px 4% 0 0;
    position:relative;
    height:240px;
    border-top:2px solid #444c59
}
.most-view{
    float:right;
    width:48%;
    margin:30px 0 0 0;
    position:relative;
    height:510px;
    border-top:2px solid #444c59
}
.list-boss{
    width:100%;
    background:#fff;
    padding:10px 30px;
    position:relative
}
.project-owner{
    padding:0 20px
}
.project-owner li{
    display:inline-block;
    text-align:center
}
.project-owner li a{
    display:block;
    padding:10px 20px;
    text-transform:uppercase;
    font-size:1.8em;
    font-weight:500
}
.project-owner li a.active{
    color:#c72528
}
.project-owner li a:active{
    color:#c72528
}
.project-owner-content{
    position:relative;
    margin:40px 0 60px 0
}
.project-owner-content ul li{
    float:left;
    width:360px;
    height:360px;
    margin-bottom:50px;
    border-top:2px solid #444c59
}
.project-owner-content ul li .cover{
    width:100%;
    height:240px;
    background-size:cover;
    background-position:center
}
.project-owner-content ul li header{
    background:#fff;
    padding:15px;
    font-size:1.5em;
    color:#444c59;
    line-height:2em
}
.project-owner-content ul li header h2{
    font-size:1.2em;
    font-weight:500;
    color:#444c59;
}
.but-slide08{
    position:absolute;
    bottom:0;
    right:0;
    z-index:999;
    font-size:1.5em
}
.project-owner-content ul li:first-child{
    position:relative
}
.project-owner-content ul li:first-child .cover{
    position:relative;
    height:100%;
    background-size:cover;
    background-position:center
}
.project-owner-content ul li:first-child header{
    position:absolute;
    top:0;
    right:0;
    left:0;
    text-align:center;
    background:none
}
.project-owner-content ul li:first-child header .avatar{
    width:96px;
    height:96px;
    margin:30px auto 15px auto;
    background-color:#fff;
    background-size:cover
}
.project-owner-content ul li:first-child header h2 a{
    color:#fff;
    font-size:1.8em;
    display:block;
    line-height:2.5em;
    font-weight:400
}
.since-year{
    float:left;
    width:49%;
    border-right:1px solid #fff;
    text-align:center;
    color:#fff;
    font-size:.8em
}
.sumproject{
    float:left;
    width:49%;
    color:#fff;
    font-size:.8em
}
.suggest-result{
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
    -moz-box-shadow:0 2px 2px rgba(0,0,0,.1);
    box-shadow:0 2px 2px rgba(0,0,0,.1);
    background:#fff;
    max-height:400px;
    overflow-y:auto;
    z-index:90000;
    border-top:1px solid #ccc;
    text-align:left;
    position:absolute;
    width:100%;
    left:0;
    top:37px;
    padding:10px 0
}
.suggest-result h4{
    font-size:14px;
    font-weight:500;
    color:#9e9e9e;
    border-bottom:1px solid #dedede;
    line-height:30px;
    margin:0 20px
}
.suggest-result>li{
    font-size:14px;
    line-height:36px
}
.suggest-result>li a:hover{
    background:#f6f6f6
}
.suggest-result>li a{
    display:block;
    padding:0 10px 0 15px
}
.suggest-result>li a.active{
    background:#eee
}
.suggest-result>li .msg{
    padding-left:16px
}
.suggest-result>li .detail-room{
    display:block;
    padding-bottom:15px
}
.suggest-result>li .detail-room li{
    display:inline-block;
    color:#888;
    padding-left:8px
}
.suggest-result>li .detail-room li:first-child{
    padding-left:0
}
.suggest-result>li img{
    width:50px;
    height:50px;
    vertical-align:middle;
    padding-right:5px
}
.suggest-result>li>ul{
    padding-bottom:16px
}
#contact-now-form .mdialog-body,#sell-now-form .mdialog-body{
    position:relative;
    overflow:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:100;
    display:block;
    max-height:100%;
    margin-bottom:0
}
#contact-now-form fieldset,#sell-now-form fieldset{
    max-width:100%
}
.form-signup{
    width:100%
}
.box-form:after{
    clear:both;
    content:'';
    display:table
}
.form-signup .title{
    position:relative;
    padding:15px;
    background:#f2f2f2;
    font-size:1.6em;
    width:100%
}
.form-signup .title .actionIcon{
    top:15px;
    right:15px;
    height:20px;
    width:20px;
    text-align:center;
    background:none;
    color:inherit
}
.form-signup .title .actionIcon:before{
    font-size:.8em
}
.box-form{
    padding:20px;
    font-size:14px;
    line-height:24px;
    font-weight:100
}
.box-form select.hs-input{
    height:42px
}
.box-form .hs-form-field{
    padding:0 0 10px
}
.facebook-info{
    margin:0 auto 30px auto;
    text-align:center
}
.error-form{
    color:#c72528!important
}
.error-form input,.error-form textarea{
    border:1px solid #c72528!important;
    color:#c72528!important
}
.error-form textarea::-webkit-input-placeholder{
    color:#c72528
}
.error-form textarea:-moz-placeholder{
    color:#c72528
}
.error-form textarea::-moz-placeholder{
    color:#c72528
}
.error-form textarea:-ms-input-placeholder{
    color:#c72528
}
.error-form input::-webkit-input-placeholder{
    color:#c72528
}
.error-form input:-moz-placeholder{
    color:#c72528
}
.error-form input::-moz-placeholder{
    color:#c72528
}
.error-form input:-ms-input-placeholder{
    color:#c72528
}
.w1600-hgroup-img{
    padding:20px 0 0 40px!important
}
.facebook-info .avatar{
    display:inline-block;
    border:1px solid #dedede;
    padding:2px;
    position:relative;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%
}
.facebook-info .avatar img{
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-size:cover;
    width:80px;
    height:80px;
    vertical-align:middle
}
.icon-facebook{
    position:absolute;
    right:-5px;
    bottom:10px;
    background:#103480;
    width:25px;
    height:25px;
    border-radius:50%;
    border:2px solid #fff;
    color:#fff
}
.left-content-about{
    float:left;
    width:25%;
    margin-right:8%;
    margin-top:70px
}
.left-content-about .menu-about{
    border-top:2px solid #444c59
}
.left-content-about .menu-about li{
    border-bottom:1px solid #444c59
}
.left-content-about .menu-about li a{
    padding:30px 0 30px 30px;
    font-size:20px;
    display:block;
    font-weight:500
}
.left-content-about .menu-about li a:hover{
    background:#f0f0f0
}
.right-content-about{
    float:left;
    width:67%;
    font-size:16px;
    margin-top:50px;
    line-height:25px
}
.right-content-about h2{
    
    font-size:35px;
    color:#444c59;
    display:block;
    line-height:50px;
    font-weight:400;
    text-align:left;
    border:0
}
.right-content-about h3{
    font-size:20px;
    line-height:24px;
    font-weight:500;
    padding:20px 0 10px 0
}
.right-content-about p{
    padding:10px 0
}
.top-sell .contact-agency-info{
    width:60%;
    margin:0 auto
}
.next-page2:before{
    content:'\f123'
}
.back-page2:before{
    content:'\f122'
}
.icon-facebook:before{
    content:'\f110';
    font-size:1em;
    line-height:22px
}
.info-fb-detail{
    display:block;
    padding:10px 0 0 0;
    text-align:center
}
.by a{
    font-size:16px!important;
    color:#c72528
}
.by a:hover{
    opacity:.8
}
.bnt-facebook{
    width:100%;
    text-align:center;
    background:#3b5999;
    color:#fff;
    padding:12px 10px 8px 10px;
    display:block;
    text-transform:uppercase;
    font-weight:500;
    position:relative;
    text-decoration:none!important;
    font-size:14px
}
.bnt-facebook:before{
    font-family:zmdi;
    content:'\f110';
    left:15px;
    position:absolute;
    font-weight:400;
    font-size:18px
}
.bnt-facebook:hover{
    background:#122858;
    color:#fff
}
.or{
    height:1px;
    background:#eee;
    width:100%;
    margin:20px 0;
    position:relative
}
.or-bg{
    position:absolute;
    top:-10px;
    left:50%;
    margin-left:-40px;
    background:#fff;
    padding:0 20px;
    font-size:.8em
}
.box-form input,textarea{
    width:100%;
    font-size:1em;
    padding:9px 7px 5px 7px;
    margin-bottom:4px;
    border:1px solid #ccc
}
.box-form input:disabled{
    background:#eee
}
.box-form .checkbox input+label:after{
    top:0
}
.box-form .booking-button{
    width:100%;
    margin:10px 0 0;
    background:#444c59;
    color:#fff;
    border:0;
    text-transform:uppercase;
    padding:12px 0 8px 0;
    text-decoration:none;
    border-radius:2px
}
.box-form .booking-button:hover{
    background:#c72528
}
.box-form a{
    text-decoration:underline
}
.box-form .form-group{
    margin-bottom:10px
}
.box-form .avatar{
    text-align:center;
    margin-bottom:14px
}
.box-form .avatar img{
    border-radius:50%;
    border:2px solid #3b5999;
    padding:2px;
    width:58px;
    height:58px
}
.box-form .close{
    top:12px;
    right:25px
}
.fullscreen-slide{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.95);
    z-index:9999
}
.fullscreen-slide .img-list-slide{
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translate(-50%,0);
    background:none;
    border:0
}
.fullscreen{
    height:100%
}
.fullscreen-slide a.actionIcon{
    color:#fff
}
.flexslider.main-content{
    padding-bottom:60px!important
}
.fullscreen.flexslider{
    background:none;
    border:0;
    height:100%
}
.fullscreen.flexslider .slides{
    height:100%
}
.fullscreen .flex-viewport{
    height:100%
}
.fullscreen.flexslider .slides>li{
   height:calc(100% - 100px);
    position:relative;
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.fullscreen.flexslider .slides>li a{
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
}
.fullscreen-slide .img-list-slide ul.slideimg li a.img{
    opacity:.6
}
.fullscreen-slide .img-list-slide ul.slideimg li.flex-active-slide a{
    opacity:1
}
.fullscreen-slide .flexslider .slides img{
    width:auto
}
.fullscreen .slides ul li{
    max-height:600px;
    overflow:hidden;
    width:80%
}
.fullscreen .slides ul li img{
    width:100%
}
.price-form{
    white-space:normal;
    width:100%!important;
    line-height:25px;
    padding-left:10px
}
.price-form input{
    width:120px;
    padding:6px 6px 4px 6px
}
.price-form span:first-child{
    margin:0 10px
}
.agent{
    font-size:1.6em;
    clear:both
}
.left-line{
    float:left;
    line-height:32px;
    padding-right:10px
}
.buttondangky-fixed a{
    background:#c72528;
    color:#fff;
    padding:14px 20px 10px;
    border-radius:2px;
    text-align:center;
    font-weight:500;
    text-transform:uppercase;
    display:block;
    font-size:14px;
    margin-top:12px
}
.agent-group{
    margin:20px 0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.agent-group:before{
    content:'';
    clear:both;
    display:table
}
.agent-group:after{
    content:'';
    clear:both;
    display:table
}
.pl20{
    padding-left:20px
}
.pb40{
    padding:40px 0
}
.pd50{
    padding:50px 0
}
.pb50{
    padding-bottom:50px
}
.pb20{
    padding-bottom:20px
}
.pb30{
    padding-bottom:30px
}
.pb10{
    padding-bottom:10px
}
.pt20{
    padding-top:20px
}
.mt0{
    margin-top:0!important
}
.pd50:after{
    content:'';
    display:table;
    clear:both
}
.color-black{
    color:#444c59!important
}
.about-agent{
    max-width:1140px;
    padding:50px 0;
    margin:0 auto
}
.about-agent:after{
    display:table;
    clear:both;
    content:''
}
.left-content-agent{
    float:left;
    width:40%;
    font-size:1.6em;
    line-height:1.6em
}
.left-content-agent .cover img{
    width:300px;
    height:300px
}
.left-content-agent h3{
    font-size:1.5em;
    line-height:2em
}
.left-content-agent p.title{
    font-weight:600;
    padding-top:10px
}
.right-content-agent{
    float:left;
    width:60%;
    font-size:1.6em;
    line-height:1.6em
}
.right-content-agent h4{
    font-size:1.5em;
    line-height:2em
}
.right-content-agent p{
    padding:5px 0
}
.right-content-agent .infoagent{
    line-height:2em
}
.right-content-agent .infoagent h3{
    
    font-size:2em;
    line-height:2em;
    text-transform:capitalize;
    font-weight:400
}
.right-content-agent .infoagent .sms-button{
    width:40%;
    background:none;
    color:#444c59;
    border:1px solid #444c59;
    margin:40px 0 0 0;
    padding:8px 0 5px 0;
    border-radius:2px
}
.right-content-agent .infoagent .sms-button:hover{
    background:#f7f7f7
}
.vote-agent{
    padding-top:5px;
    line-height:20px
}
.vote-agent p{
    display:inline-block;
    vertical-align:middle
}
.size4{
    font-size:20px
}
.size3{
    font-size:16px
}
.graybg{
    background:#ebebeb
}
.box-border-top{
    width:100%;
    max-width:1140px;
    margin:20px auto;
    border-top:1px solid #dedede;
    padding:30px 0;
    font-size:1.5em
}
.box-border-top:after{
    display:table;
    content:'';
    clear:both
}
.box-border-top h3{
    text-align:left;
    
    font-size:1.8em;
    line-height:2em;
    font-weight:400
}
.question-form{
    float:left;
    width:100%;
    clear:both;
    display:flex;
    margin-top:10px
}
.question-form .left-form{
    float:left;
    width:49%;
    margin-right:2%;
    background:#fff;
    padding:25px
}
.question-form .left-form .cover{
    float:left
}
.question-form .left-form .cover img{
    width:100px;
    height:100px
}
.question-form .left-form .infoagent{
    float:left;
    margin-left:30px
}
.question-form .left-form .infoagent h4{
    font-size:1.2em;
    line-height:25px
}
.infomation{
    width:100%;
    padding:20px 0;
    clear:both
}
.question-form .right-form{
    float:left;
    width:49%
}
.bank-form{
    margin-top:30px;
    display:flex;
    -moz-display:flex;
    -webkit-display:flex;
    font-size:1.6em
}
.bank-form .left-form{
    float:left;
    background:#f4f4f4;
    width:50%;
    border:1px solid #dedede;
    border-right:0
}
.bank-form .left-form .best-bank{
    padding:40px 10px 20px 10px;
    text-align:center;
    margin:0 20px
}
.bank-form .left-form .best-bank h4{
    font-size:1.4em;
    text-transform:uppercase;
    font-weight:500;
    line-height:1.6em
}
.bank-form .left-form .best-bank .logo{
    width:208px;
    height:76px;
    border:1px solid #bfbfbf;
    text-align:center;
    margin:15px auto;
    padding:10px 5px;
    background:#fff
}
.bank-form .left-form .best-bank .logo img{
    max-width:90%;
    max-height:90%
}
.bank-form .left-form .list-bank{
    padding:10px 20px
}
.bank-form .left-form .list-bank-no{
    float:left;
    width:166px;
    height:90px;
    background:#fff;
    margin:0 15px 15px 0;
    color:#999;
    text-align:center;
    border:1px solid #fff;
    padding:15px 5px
}
.bank-form .left-form .list-bank-no p{
    padding:10px 0 0 0
}
.bank-form .left-form .list-bank-no:nth-child(3n){
    margin-right:0
}
.bank-form .left-form .list-bank-no img{
    max-width:80%;
    max-height:50%
}
.bank-form .left-form .list-bank-no a{
    display:block;
    width:100%;
    height:100%
}
.bank-form .left-form .list-bank-no:hover{
    border:1px solid #444c59
}
.bank-form .right-form{
    float:left;
    width:50%;
    background:#fff;
    color:#444c59;
    padding:40px 60px;
    font-size:1em;
    position:relative;
    border:1px solid #dedede;
    border-left:0
}
.bank-form .right-form .arrow-right{
    position:absolute;
    left:-1px;
    top:48px;
    width:40px;
    height:40px;
    background:url(../images/arrow_right.svg) no-repeat
}
.play-button{
    position:absolute;
    top:50%;
    left:50%;
    height:58px;
    width:58px;
    margin:-25px 0 0 -25px;
    cursor:pointer;
    color:#fff;
    font-family:zmdi;
    font-size:77px;
    background:rgba(0,0,0,.54);
    border-radius:50%
}

.play-button:hover{
    opacity:.9
}
.play-button:before{
    content:'\f159';
    line-height:60px
}

.clear:before{
    content:'';
    display:table;
    clear:both
}
.clear:after{
    content:'';
    display:table;
    clear:both
}
.bank-form .right-form p{
    float:left;
    width:50%;
    margin:10px 0;
    line-height:40px
}
.bank-form .right-form p input{
    width:100%;
    border:1px solid #999;
    font-size:1em;
    font-weight:400;
    background:none;
    padding:10px 10px 6px;
    color:#666
}
.bank-form .right-form .sms-button{
    width:60%;
    margin:0 auto;
    float:none;
    background:#444c59
}
.bank-form .right-form .sms-button:hover{
    background:#c72528
}
.bank-form .right-form input::-webkit-input-placeholder{
    color:#444c59
}
.bank-form .right-form input:-moz-placeholder{
    color:#444c59
}
.bank-form .right-form input::-moz-placeholder{
    color:#444c59
}
.bank-form .right-form input:-ms-input-placeholder{
    color:#444c59
}
.bold-uppercase{
    font-weight:700;
    text-transform:uppercase
}
.bank-form .left-form .list-bank:after{
    content:'';
    display:table;
    clear:both
}
.loans-box{
    width:100%;
    max-width:1140px;
    margin:0 auto
}
.loans-box .menu{
    height:50px
}
.loans-box .menu li{
    float:left
}
.loans-box .menu li a{
    display:inline-block;
    vertical-align:middle
}
.fixed-top{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:60px;
    background:#fff;
    border-bottom:1px solid #dedede;
    z-index:1999
}
.fixed-top ul.submenu-detail{
    width:100%;
    max-width:1140px;
    margin:0 auto!important;
    position:relative;
    padding:0!important
}
.fixed-top ul.submenu-detail li{
    display:inline-block;
    line-height:60px
}
.fixed-top ul.submenu-detail .bnt-contact{
    top:7px
}
.fixed-top ul.submenu-detail .bnt-contact .black-button{
    padding:12px 0 8px 0!important
}
.title-search-footer{
    width:100%;
    clear:both;
    font-size:2.4em;
    font-weight:500;
    color:#fff;
    line-height:3em;
    text-align:center;
}
.menu-footer{
    padding:10px 0 40px;
    width:100%;
    overflow:auto
}
.menu-footer ul{
    width:100%;
    float:left
}
.menu-footer ul li{
    width:25%;
    float:left;
    padding:10px 0;
    font-size:1.5em;
    font-weight:200
}
.menu-footer ul li a{
    color:#fff;
    text-decoration:none
}
.menu-footer ul.righct{
    float:right
}

.copyright-left{
    float:left;
    color:#b2b2b2;
    font-size:13px
}
.copyright-right{
    float:right;
    color:#fff;
    font-size:1.5em;
    text-align:right
}
.copyright-right a{
    color:#fff;
    font-weight:200;
    padding:0 5px 0 0;
    font-size:25px
}
.copyright-right a:hover{
    opacity:.9
}
.shareanddown{
    padding-bottom:10px;
    font-size:1.5em;
    display:inline-block
}
.pt10{
    padding-top:10px
}
.gray{
    color:#838383!important
}
.rever-app-ios img{
    height:30px;
    vertical-align:text-bottom
}
a.rever-app-ios img:hover{
    opacity:.8
}
.top-sell .buttondangky-pd a{
    width:25%;
    margin:0 auto
}
.copyright .app-icon-btn{
    display:inline-block
}
.notfound404{
    width:500px;
    margin:70px auto;
    background:#fff;
    border-top:3px solid #444c59;
    padding:40px;
    text-align:center;
    font-size:16px
}
.notfound404 p{
    padding-bottom:20px;
    line-height:1.5
}
.notfound404 h2{
    
    font-size:28px;
    font-weight:400;
    line-height:1.4;
    padding-bottom:15px
}
.notfound404 a{
    display:inline-block;
    padding:10px 20px;
    margin:5px;
    color:#fff;
    background:#444c59;
    -webkit-transition:background .2s;
    -moz-transition:background .2s;
    transition:background .2s
}
.notfound404 a:hover{
    background:#525252
}
.width1140>h2,.width1140>h3,.width1140>h6{
    
    font-weight:400;
    color:#444c59;
    display:block
}
.whybuy-building{
    width:100%;
    clear:both;
    display:table;
    padding:40px 0
}
.whybuy-building li{
    float:left;
    width:48%;
    margin-right:2%;
    padding:15px 0;
    font-size:16px;
    display:table
}
.whybuy-building li img{
    vertical-align:middle;
    height:68px;
    padding-right:30px
}
.whybuy-building li p{
    display:table-cell;
    vertical-align:middle;
    float:left
}
.qtda{
    background:#f7f7f7;
    padding:0 0 50px 0
}
.qtda .content{
    font-size:16px
}
.qtda h3{
    text-align:center
}
.qtdan{
    background:#f7f7f7;
    padding:50px 0
}
.qtdan .content{
    font-size:16px
}
.qtdan h3{
    text-align:center
}
.banve{
    padding:30px 0
}
.banve li{
    float:left;
    width:30%;
    margin-right:4%;
    border:1px solid #f1f1f1
}
.banve li:nth-child(3){
    margin-right:0
}
.banve li img{
    width:100%
}
.owner{
    padding:30px 0;
    border-top:1px dotted #dedede
}
.owner:first-child{
    border:none
}
.owner:after{
    display:table;
    clear:both;
    content:''
}
.owner img{
    float:left;
    width:30%;
    margin-right:4%;
    border:1px solid #ccc;
    padding:10px 20px
}
.owner .main-agency-summary p{
    float:left;
    width:100%;
    font-size:16px;
    text-align:left;
    margin-bottom:10px;
    line-height:24px
}
.owner p.more{
    float:right
}
.width1140>h6{
    font-size:28px
}

.active-on{
    display:block!important
}
.close-pop{
    position:absolute;
    top:6px;
    left:10px;
    z-index:1111
}
.reset-but{
    position:absolute;
    top:6px;
    right:10px;
    z-index:1111
}
.main-content{
    padding-bottom:60px
}
.main-content>.more-button-box{
    padding-top:40px
}
.listpro-content{
    padding:60px 30px 30px
}
.location-navgroup{
    float:left;
    height:70px;
    padding:0 15px;
    margin-left:20px;
    position:relative;
    color:#fff
}
.dropdownItembnt{
    background:none;
    color:#fff;
    font-size:16px;
    font-weight:500;
    line-height:70px;
    border:none;
    cursor:pointer
}
.dropdownItem{
    margin-top:7px;
    padding:15px 25px;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    z-index:1000;
    background-clip:padding-box;
    position:absolute;
    border:1px solid rgba(48,51,57,.15);
    background-color:#fff;
    text-align:left;
    min-width:190px;
    display:none;
    right:0
}
.is-open{
    display:block!important
}
.back-icon{
    content:url(../images/left-arrow.svg);
    height:20px;
    position:relative;
    top:4px;
    padding-right:10px
}
.dropdownItem:before{
    content:url(../images/arrowtop.svg);
    display:block;
    margin:-27px -7px 7px 0;
    text-align:right
}
.dropdownItem:after{
    clear:both;
    display:table;
    width:100%
}
.dropdownItem li.disable a{
    color:#666;
    cursor:default
}
.dropdownItem li a{
    display:block;
    font-size:16px;
    line-height:26px
}
.location-navgroup-black{
    float:left;
    height:70px;
    padding-left:25px;
    margin-left:30px;
    position:relative;
    color:#fff
}
.dropdownItembnt-black{
    background:none;
    color:#444c59;
    font-size:14px;
    font-weight:500;
    line-height:70px;
    border:none;
    cursor:pointer
}
.dropdownItem-black{
    right:-30px;
    margin-top:7px;
    padding:15px 25px;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    z-index:1000;
    background-clip:padding-box;
    position:absolute;
    background-color:#fff;
    min-width:150px;
    display:none;
    border:1px solid rgba(48,51,57,.15)
}
.dropdownItem-black:before{
    content:url(../images/arrowtop.svg);
    position:absolute;
    top:-12px;
    right:30px
}
.dropdownItem-black li.disable a{
    color:#666;
    cursor:default
}
.dropdownItem-black li a{
    display:block;
    font-size:16px;
    line-height:26px
}
.black{
    color:#444c59
}
.pd-0{
    padding:0!important
}
.menu-sub-detail{
    border-bottom:1px solid #dedede;
    position:relative
}
.menu-sub-detail li{
    float:left;
    margin-right:30px
}
.menu-sub-detail li a{
    text-transform:uppercase;
    display:block;
    padding:8px 0 5px 0;
    border-bottom:3px solid #fff
}
.menu-sub-detail li a:hover{
    border-bottom:3px solid #444c59
}
.menu-sub-detail li a.active{
    border-bottom:3px solid #444c59
}
.menu-sub-detail2{
    margin-top:20px;
    clear:both
}
.menu-sub-detail2:after{
    clear:both;
    width:100%;
    display:table;
    content:''
}
.comment-owner{
    width:100%;
    background:#f3f3f3;
    padding:50px
}
.pdt-0{
    padding-top:0!important
}
.pdt-15{
    padding-top:15px!important
}
.pdb-30{
    padding-bottom:30px
}
.mrb-0{
    margin-bottom:0
}
.mrb-30{
    margin-bottom:30px
}
.last-div{
    height:0!important;
    margin-bottom:0!important
}

.floorplan-property .content .sketch-img{
    height:190px
}
.floorplan-property .content .sketch-img a{
    float:left;
    width:100%;
    height:100%;
    overflow:hidden
}
.view-more-search{
    background:#e1e2e6;
    padding:20px 0;
    width:100%;
    text-align:center;
    border:0;
    cursor:pointer;
    font-size:16px;
    display:block
}
.grid-btn{
    border:0;
    background:none;
    cursor:pointer;
    margin-top:5px
}
.grid-btn:before{
    content:'\f199';
    font-size:22px
}
.grid-btn:hover{
    color:#c72528
}
.list-btn{
    border:0;
    background:none;
    cursor:pointer;
    margin-top:5px
}
.list-btn:before{
    content:'\f200';
    font-size:22px
}
.list-btn:hover{
    color:#c72528
}
.grid-btn.active{
    color:#c72528
}
.list-btn.active{
    color:#c72528
}
.view-more-search:hover{
    background:#444c59;
    color:#fff
}
.pdb-60{
    padding-bottom:60px!important
}
.search-home #searchkey+ul{
    display:none
}
.search-home #searchkey:focus+ul{
    display:block!important
}
.list-filter .popup{
    padding:15px;
    max-height:350px;
    overflow:auto
}
.list-filter .popup-price{
    left:0;
    width:364px
}
.list-filter .sort-listing b{
    margin-left:8px
}
.list-filter .select li{
    padding:0
}
#list-bedroom{
    padding-left:16px
}
.list-filter .select li input[type="radio"]:checked+*{
    font-weight:700
}
.list-filter .select li input[type="radio"]{
    display:none
}
.list-filter .select li{
    float:left;
    width:100%
}
.list-filter .select li label{
    padding:6px 16px;
    float:left;
    width:100%;
    cursor:pointer
}
.list-filter .select li:hover{
    background:#eee
}
.searchdetailbox #searchkey+ul{
    display:none
}
.searchdetailbox #searchkey:focus+ul{
    display:block!important
}
.unit-type{
    font-size:16px;
    font-weight:400
}
.no-result{
    float:left;
    width:100%;
    font-size:20px;
    font-weight:400;
    margin-top:40px
}
.view-more{
    width:100%;
    background:#f3f3f3;
    padding:10px;
    text-align:center;
    border:1px solid #ececec;
    border-top:0;
    display:block;
    font-weight:bold;
}
.view-more i{font-weight:bold;}
.booking-tour .bg-gray .sms-button{
    background:#c72528
}
.booking-tour .bg-gray .sms-button:hover{
    background:#444c59
}
.favorite:before{
    vertical-align:top
}
.fullscreen:before{
    display:none
}
.cover-left-sell{
    overflow:hidden
}
.avataragency{
    overflow:hidden
}
.avataragency img{
    width:100%;
    border-radius:50%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:50% 0;
    object-position:50% 0
}
.avataragency a:hover img{
    opacity:.8
}
#render-map{
    height:380px;
    width:100%;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    padding-top:60px
}
.preview3d.fullscreen{
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    height:100%;
    width:100%
}
.height-100-percent{
    height:100%
}
.background-detail.mpreviews{
    background-color:#444c59;
    text-align:center
}
#slider{
    background:#444c59
}
#slider .slides li a{
    overflow:hidden
}
#slider .slides li a img{
    height:100%;
    width:100%
}
#slider .slides li a:hover{
    opacity:.8;
    -webkit-transition:opacity .15s;
    -moz-transition:opacity .15s;
    transition:opacity .15s
}
#slider .slides li:hover{
    background:#30333a
}
.cancel-but{
    display:inline-block!important;
    padding:7px 20px 3px!important;
    border:1px solid rgba(48,51,58,.2);
    border-radius:2px;
    width:auto!important;
    color:#838383;
    font-weight:500!important;
    margin-right:8px
}
.cancel-but:hover{
    background:rgba(48,51,58,.8);
    color:#fff
}
.contactnow-but{
    display:inline-block!important;
    padding:7px 20px 3px!important;
    border:1px solid rgba(51,117,136,.5);
    border-radius:2px;
    background:none;
    color:#00779a!important;
    width:auto!important;
    font-weight:500!important
}
.contactnow-but:hover{
    background:#00779a;
    color:#fff!important
}
.apply-but{
    display:inline-block!important;
    padding:7px 20px 3px!important;
    border:1px solid rgba(199,37,40,.5);
    border-radius:2px;
    background:none;
    color:#c72528!important;
    width:inherit!important;
    font-weight:500!important
}
.save-search-btn{
    padding:10px 20px 8px!important;
    border:1px solid rgba(199,37,40,.5);
    border-radius:2px;
    background:none;
    color:#c72528;
    width:inherit!important;
    font-weight:500!important;
    font-size:14px;
    display:block
}
.save-search-btn i{
    vertical-align:text-bottom
}
.save-search-btn:hover{
    background:#c72528;
    color:#fff;
    border:1px solid #c72528
}
.apply-but:hover{
    background:#c72528;
    color:#fff!important
}
.fullscreen-slide{
    z-index:99999;
    background:#000000;
    display:none
}
#slider8 .slides li a{
    overflow: hidden;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    height: 98%;
    position: relative;
}
#slider8 .slides li a img{
    margin: auto auto;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}
#slider8 .slides .title{
    color:#fff;
    position:absolute;
    font-size:14px;
    top:10%;
    left:50%;
    margin:0 auto;
    transform:translate(-50%,0%);
    width:780px
}
#slider8 .slides .title .name-img{
    float:left;
    width:50%;
    display:block
}
#slider8 .slides .title .number{
    float:left;
    text-align:right;
    display:block;
    width:50%
}
#carousel .slides li a{
    overflow:hidden
}
#carousel .slides li a img{
    min-height:100%;
    width:100%
}
#carousel1 .slides li a{
    overflow:hidden
}
#carousel1 .slides li a img{
    min-height:100%;
    width:100%
}
.summary{
    white-space:pre-wrap;
    overflow:hidden
}
.collapsed{
    overflow:hidden
}
.action-list .active{
    background:#00779a;
    color:#fff;
    cursor:default;
    border:#00779a
}
#slider-full-floor .slides li a{
    overflow:hidden;
    width:100%;
    max-height:70%;
    max-width:100%;
    height:100%;
    position:relative
}
#slider-full-floor .slides li a img{
    margin:auto auto;
    max-height:100%;
    max-width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    position:absolute
}
#carousel2 .slides li a{
    overflow:hidden
}
#carousel2 .slides li a img{
    min-height:100%;
    width:100%
}
#slider2{
    background:none;
    border:none
}
#slider2 .slides li a{
    overflow:hidden
}
#slider2 .slides li a img{
    width:100%;
    min-height:100%
}
.search-body{
    background-color:#f7f7f7;
    overflow-x:hidden
}
input[name="bathrooms"]+label{
    padding:6px 20px 6px 4px
}
.article-content table{
    max-width:100%!important;
    margin:auto auto
}
.article-content img{
    max-width:100%;
    height:auto!important
}
.right-content-news .social a.font-icon{
    font-size:2.2em;
    padding-right:10px
}
span.error{
    color:red;
    padding-left:1px;
    font-size:.9em;
    float:left
}
span.error:empty{
    display:none
}
.box-form p{
    text-align:center;
    padding-bottom:15px
}
.box-form .hotline-dialog{
    font-size:16px;
    font-weight:500;
    text-decoration:none;
    padding-top:10px;
    display:block
}
.width-350{
    width:350px
}
#right-content{
    overflow:hidden
}
.gmap-label{
    color:#444c59!important;
    font-weight:500!important;
    font-family:'harmonia',Arial,Helvetica,sans-serif!important;
    font-size:14px;
    min-width:26px;
    height:32px;
    text-align:center;
    line-height:32px;
    margin-top:-48px!important;
    margin-left:-13px!important;
    text-transform:uppercase
}
.gmap-group-label{
    color:#fff!important;
    text-align:center;
    font-family:'harmonia',Arial,Helvetica,sans-serif!important;
    font-size:14px;
    border-radius:50%;
    background-color:#c72528;
    opacity:.8;
    cursor:pointer;
    padding-top:1px;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.19)
}
.gmap-group-label.active{
    opacity:1
}
.gmap-group-label.s{
    width:30px;
    line-height:30px;
    height:30px
}
.gmap-group-label.m{
    width:40px;
    line-height:40px;
    height:40px
}
.gmap-group-label.l{
    width:50px;
    line-height:50px;
    height:50px
}
.gmap-group-label.xl{
    width:60px;
    line-height:60px;
    height:60px
}
.gmap-group-label.xxl{
    width:70px;
    line-height:70px;
    height:70px
}
.dropdownmenu:before{
    display:none
}
.icondropdown{
    right:0
}
.dropdownmenu{
    padding-right:30px!important
}
.dropdownmenublack:before{
    display:none
}
.dropdownmenublack{
    padding-right:30px!important
}
.pd-tb-30{
    padding:30px 0!important
}
.pd-tb-20{
    padding:20px 0!important
}
.pd-tb-5{
    padding:5px 0!important
}
.pd-tb-10{
    padding:10px 0!important
}
.pd-tb-50{
    padding:50px 0!important
}
.none-margin{
    margin:0!important
}
.align-right{
    text-align:right!important
}
.header-background-full{
    height:500px;
    width:100%;
    position:relative
}
.box-name-neighborhood{
    max-width:1140px;
    width:100%;
    margin:0 auto;
    background:rgba(0,0,0,.6);
    border-top:4px solid #fff;
    color:#fff;
    padding:30px 0;
    bottom:0;
    text-align:center;
    position:relative;
    position:absolute;
    left:50%;
    transform:translatex(-50%);
    font-size:18px
}
.box-name-neighborhood p{
    padding-bottom:20px
}
.box-name-neighborhood h2{
    display:inline-block;
    font-weight:400
}
.box-name-neighborhood h2 a{
    color:#fff;
    font-size:18px
}
.box-name-neighborhood h2 a:hover{
    opacity:.8
}
.menu-detail-under{
    width:100%;
    border-bottom:2px solid #444c59;
    padding-top:10px
}
.menu-detail-under ul{
    width:60%;
    float:left
}
.menu-detail-under ul li{
    display:inline-block
}
.menu-detail-under ul li a{
    display:block;
    padding:16px 0;
    margin:0 40px 0 0;
    border-bottom:3px solid #fff;
    font-size:18px;
    color:gray
}
.menu-detail-under .right .black-button{
    height:40px;
    line-height:40px;
    text-transform:uppercase;
    width:160px;
    padding:0;
    margin-top:2px
}
.menu-detail-under ul li a:hover{
    color:#c72528
}
.menu-detail-under ul li a.active{
    border-bottom:3px solid #444c59;
    color:#000
}
.max-width-1140{
    width:100%;
    max-width:1140px;
    margin:0 auto;
    font-size:16px;
    line-height:24px
}
.max-width-1140:after{
    content:'';
    display:table;
    clear:both
}
.max-width-1140:before{
    content:'';
    display:table;
    clear:both
}
.max-width-1140 .col-ms-6 .pdt-15{
    text-align:left
}
.max-width-946{
    width:100%;
    max-width:946px;
    margin:0 auto;
    font-size:20px;
    line-height:30px
}
.width1280{
    max-width:1280px;
    margin:0 auto;
    position:relative
}
.width1280:after{
    content:'';
    display:table;
    clear:both
}
.width1280:before{
    content:'';
    display:table;
    clear:both
}
.col-ms-6{
    width:48%;
    float:left;
    padding:70px 0 0;
    line-height:0;
    text-align:center
}
.col-ms-6 *{
    line-height:26px
}
.col-ms-6 .neighborhood-overview p{
    text-align:left;
    color:#999;
    padding-top:15px;
    font-size:16px;
    line-height:24px
}
.col-ms-6 .neighborhood-overview p:first-child{
    padding-top:0
}
.col-ms-6 .neighborhood-overview p strong{
    font-size:20px;
    color:#444c59;
    padding-top:14px
}
.col-ms-6 .neighborhood-overview p:first-child strong{
    padding-top:0
}
.heading-uppercase{
    font-size:20px;
    font-weight:600;
    text-transform:uppercase;
    text-align:left
}
.heading-20{
    font-size:20px;
    font-weight:600;
    text-align:left
}
.clear-both:before{
    clear:both;
    width:100%;
    display:table;
    content:''
}
.clear-both:after{
    clear:both;
    width:100%;
    display:table;
    content:''
}
.weight-500{
    font-weight:500
}
.big-size{
    height:40px!important
}
.title-36{
    font-size:36px;
    
    line-height:46px;
    font-weight:400
}
.title-30{
    font-size:30px;
    
    line-height:40px;
    font-weight:400
}
.title-28{
    font-size:28px;
    
    line-height:38px;
    font-weight:400
}
.title-24{
    font-size:24px;
    
    line-height:34px;
    font-weight:400
}
.title-20{
    font-size:20px;
    
    line-height:30px;
    font-weight:400
}
.align-center{
    text-align:center!important
}
.menu-black{
    font-size:16px;
    line-height:24px
}
.menu-black li{
    display:inline-block;
    width:150px
}
.menu-black li a{
    display:block;
    padding:5px 0;
    background:#fff;
    border:1px solid #444c59;
    text-transform:uppercase
}
.menu-black li a.active{
    background:#444c59;
    color:#fff
}
.padding-40-0{
    padding:40px 0
}
.margin-4-l{
    margin-left:-4px
}
.margin-tb-20{
    margin:20px 0
}
.map-location{
    border:0;
    width:100%;
    height:400px;
    background:#fff;
    padding:25px;
    -webkit-box-shadow:0 0 7px #a3a3a3;
    -moz-box-shadow:0 0 7px #a3a3a3;
    box-shadow:0 0 7px #a3a3a3;
    margin-bottom:60px
}
.bg-gray-e6{
    background:#edeef2;
    width:100%
}
.bg-gray-e6:after{
    clear:both;
    display:table;
    content:''
}
.bg-gray-e6-d{
    background:#edeef2
}
.bg-gray-f4{
    background:#f4f5f9
}
.pd-section{
    padding-top:0;
    padding-bottom:60px!important
}
.defcolor{
    color:#f07404!important
}
a.defcolor:hover{
    text-decoration:underline
}
.black-color{
    color:#000
}
.content-detail{
    font-size:18px;
    line-height:26px;
    padding-bottom:60px
}
.content-detail table td{
    vertical-align:top
}
.content-detail>div{
    text-align:center
}
.content-detail img{
    max-width:100%;
    height:auto!important
}
.content-detail h3{
    text-transform:uppercase;
    font-size:20px;
    padding:20px 0;
    width:100%;
    clear:both
}
.content-detail p,.content-detail table,.content-detail figure,.content-detail ul,.content-detail ol{
    padding-bottom:20px
}
.content-detail p strong{
    font-weight:500
}
.content-detail p:last-child{
    padding-bottom:0
}
.content-detail table{
    width:auto!important;
    max-width:100%
}
.content-detail table th:first-child,.content-detail table td:first-child{
    padding-right:12px
}
.content-detail table th+th,.content-detail table td+td{
    padding-left:12px
}
.content-detail table[align="center"]{
    margin:0 auto
}
.content-detail blockquote{
    font-weight:500
}
.content-detail figure.image figcaption{
    font-size:16px;
    color:#a3a3a3
}
.content-detail a{
    color:#c72528
}
.content-detail a:hover{
    color:#c72528;
    text-decoration:underline
}
.content-detail ul{
    display:block;
    list-style-type:disc;
    -webkit-margin-before:1em;
    -webkit-margin-after:1em;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    -webkit-padding-start:40px;
    margin:0
}
.content-detail ol{
    display:block;
    list-style-type:decimal;
    -webkit-margin-before:1em;
    -webkit-margin-after:1em;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    -webkit-padding-start:40px;
    margin:0
}
.content-detail ul li{
    display:list-item;
    list-style:inherit
}
.content-detail ol li{
    display:list-item;
    list-style:inherit
}
.content-detail ul.arrow-list{
    list-style-type:none
}
.content-detail ul.arrow-list li:before{
    content:'\00bb';
    position:absolute;
    margin-left:-16px
}
img.full{
    width:100%;
    padding:10px 0 20px 0
}
img.width-50{
    float:left;
    width:48%;
    margin-right:4%;
    padding:10px 0 20px 0
}
img.width-50:nth-child(2n){
    margin-right:0;
    float:right
}
.lage-btn-black{
    background:#444c59;
    display:block;
    padding:20px 20px 15px 20px;
    text-align:center;
    color:#fff;
    font-size:20px;
    text-transform:uppercase;
    border-radius:2px;
    font-weight:500;
    margin:20px 0
}
.time-horizontal{
    position:absolute;
    right:0;
    top:25px;
    font-size:16px
}
.time-horizontal li{
    display:block;
    text-align:right;
    padding:25px 30px 0 0;
    position:relative
}
.time-horizontal li:before{
    content:'';
    position:absolute;
    right:0;
    bottom:5px;
    width:2px;
    height:45px;
    background:#bfbfbf
}
.time-horizontal li:after{
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#bfbfbf;
    right:-5px;
    bottom:5px;
    content:''
}
.time-horizontal li.active:before{
    content:'';
    position:absolute;
    right:0;
    bottom:5px;
    width:2px;
    height:45px;
    background:#c72528
}
.time-horizontal li.active:after{
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#c72528;
    right:-5px;
    bottom:5px;
    content:''
}
.time-horizontal li.first-active:before{
    content:'';
    position:absolute;
    right:0;
    bottom:5px;
    width:2px;
    height:45px;
    background:#fff
}
.time-horizontal li.first-active:after{
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#c72528;
    right:-5px;
    bottom:5px;
    content:''
}
.time-horizontal li.active{
    color:#c72528!important
}
.border-t-de{
    border-top:1px solid #dedede;
    padding:12px 0;
    font-family:'harmonia',Arial,Helvetica,sans-serif;
    font-size:16px
}
.menu-detail-info li{
    display:inline-block
}
.menu-detail-info li a{
    display:block;
    padding:5px 20px 3px 20px;
    line-height:40px;
    font-weight:500
}
.menu-detail-info li:first-child a{
    padding:5px 20px 3px 0
}
.black-btn{
    display:block;
    width:250px;
    margin:0 auto;
    background:#444c59;
    color:#fff;
    padding:15px 0 11px 0;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    font-size:16px
}
.black-btn:hover{
    background:#c72528;
    color:#fff
}
.font-36{
    font-size:36px!important;
    line-height:46px
}
.font-30{
    font-size:30px!important;
    line-height:40px
}
.font-26{
    font-size:26px!important;
    line-height:36px
}
.font-20{
    font-size:20px!important;
    line-height:30px
}
.font-16{
    font-size:16px!important;
    line-height:30px
}
.font-14{
    font-size:14px!important
}
.list-open-sale{
    width:100%;
    border:1px solid #d9d9d9;
    background:#fff;
    margin:50px 0
}
.open-sale{
    width:100%;
    position:relative;
    padding:20px 30px;
    border-top:1px solid #ececec;
    font-size:16px
}
.open-sale ul li{
    display:inline-block;
    padding-right:25px
}
.box-content .open-sale:first-child{
    border-top:none
}
.width-750{
    width:750px
}
.col-ms-7{
    width:64%;
    float:left;
    margin-right:4%
}
.col-ms-3{
    width:32%;
    float:left
}
.view-log-box{
    background:#f4f4f4;
    border:1px solid #dedede;
    padding:40px;
    font-size:16px
}
.page-view{
    font-size:90px;
    line-height:160px
}
.position-relative{
    position:relative
}
.top-0{
    top:0!important
}
.view-history{
    font-size:16px;
    padding-top:30px
}
.view-history table{
    width:100%
}
.view-history table thead tr th{
    border-bottom:1px solid #dedede;
    padding:10px 5px;
    font-weight:400;
    text-align:left;
    text-transform:uppercase
}
.view-history table td{
    border-bottom:1px dotted #dedede;
    padding:15px 5px;
    vertical-align:middle
}
.view-history table td img{
    vertical-align:middle
}
.avatar-30{
    width:30px;
    height:30px;
    border-radius:50%
}
.image-area{
    position:relative;
    height:240px
}
.image-area img{
    width:100%;
    height:240px
}
.image-area h2{
    position:absolute;
    z-index:10;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.72);
    font-size:18px;
    color:#fff;
    line-height:40px;
    padding:5px 20px;
    font-weight:400
}
.tttn{
    font-size:16px;
    height:240px
}
.tttn img{
    float:left;
    width:48%;
    margin-right:4%;
    height:240px
}
.tttn .right-content{
    float:left;
    width:48%;
    line-height:28px
}
.sale:before{
    content:'\f186';
    margin:0 5px 0 0
}
.rent:before{
    content:'\f187';
    margin:0 5px 0 0
}
.list-img{
    height:320px
}
.list-img li{
    position:relative;
    float:left;
    width:33.333%;
    height:100%
}
.list-img li a{
    display:block;
    width:100%;
    height:100%
}
.list-img li img{
    width:100%;
    height:100%
}
.title-news{
    position:absolute;
    z-index:10;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.72);
    font-size:18px;
    color:#fff;
    line-height:28px;
    padding:10px 20px;
}
.flexslider{
    border-radius:0!important;
    border:0!important
}
.popular-post{
    font-size:16px
}
.popular-post article.featured{
    width:100%;
    clear:both;
    display:table;
    padding-bottom:20px
}
.popular-post article.featured .cover{
    float:left;
    width:90px;
    margin-right:16px;
    height:90px
}
.popular-post article.featured .cover img{
    height:100%
}
.popular-post article.featured header{
    float:left;
    width:calc(100% - 106px)
}
.popular-post article.featured header a{
    font-weight:500;
    display:block;
    font-size:16px;
    line-height:22px;
    height:63px;
    overflow-y:hidden
}
.popular-post article.featured header p.by{
    padding:8px 0 0
}
.by{
    color:gray;
    font-size:15px
}
.recent-comment{
    font-size:16px
}
.recent-comment article.featured{
    width:100%;
    clear:both;
    display:table;
    padding-bottom:20px
}
.recent-comment article.featured .cover{
    float:left;
    width:16%;
    margin-right:7%;
    height:45px
}
.recent-comment article.featured header{
    float:left;
    width:77%;
    font-size:14px;
    line-height:22px;
    color:gray
}
.recent-comment article.featured header a{
    font-weight:600
}
.contcom{
    width:100%;
    padding-top:10px;
    font-size:14px;
    color:#000
}
.sub-category-2nd{
    display:none
}
.sub-category-2nd li{
    padding-left:40px
}
.navigation-head{
    clear:both;
    font-size:15px
}
.navigation-head li{
    display:inline-block;
    padding:0 5px 0 0;
    list-style-type:disc;
    color:#999
}
.navigation-head li a{
    color:#999;
    text-transform:uppercase
}
.navigation-head li a.active{
    color:#444c59
}
.navigation-head li a:hover{
    color:#444c59
}
.info-news-de{
    font-size:16px;
    margin-bottom:30px
}
.info-news-de li{
    display:inline-block;
    padding-right:25px;
    color:#a9a9a9;
    line-height:30px;
    vertical-align:middle
}
.info-news-de li img{
    vertical-align:middle
}
.info-news-de li h2{
    font-size:16px
}
.info-news-de li span{
    display:inline-block;
    vertical-align:middle
}
.short-description{
    padding:0 0 0 40px;
    border-left:5px solid #c72528;
    margin:30px 0
}
.short-description h3{
    font-size:28px;
    
    font-weight:400
}
.short-description ul{
    padding-top:20px
}
.short-description ul li{
    list-style-type:inherit;
    list-style:disc;
    padding:5px 0;
    margin-left:20px
}
.detail-content-news .article-content p,.detail-content-news .article-content table,.detail-content-news .article-content ul,.detail-content-news .article-content ol,.detail-content-news .article-content div,.detail-content-news .article-content figure{
    padding-bottom:18px
}
.detail-content-news .article-content a{
    color:#c72528
}
.detail-content-news .article-content a:hover{
    color:#c72528;
    text-decoration:underline
}
.detail-content-news .article-content ul{
    display:block;
    list-style-type:disc;
    -webkit-margin-before:1em;
    -webkit-margin-after:1em;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    -webkit-padding-start:40px;
    margin:0
}
.detail-content-news .article-content ol{
    display:block;
    list-style-type:decimal;
    -webkit-margin-before:1em;
    -webkit-margin-after:1em;
    -webkit-margin-start:0;
    -webkit-margin-end:0;
    -webkit-padding-start:40px;
    margin:0
}
.detail-content-news .article-content ul li{
    display:list-item;
    list-style:inherit
}
.detail-content-news .article-content ol li{
    display:list-item;
    list-style:inherit
}
.detail-content-news .article-content ul.arrow-list{
    list-style-type:none
}
.detail-content-news .article-content ul.arrow-list li:before{
    content:'\00bb';
    position:absolute;
    margin-left:-16px
}
.detail-content-news .article-content table{
    width:auto!important
}
.detail-content-news .article-content table th:first-child,.detail-content-news .article-content table td:first-child{
    padding-right:12px
}
.detail-content-news .article-content table th+th,.detail-content-news .article-content table td+td{
    padding-left:12px
}
.detail-content-news .article-content table[align="center"]{
    margin:0 auto
}
.detail-content-news .article-content blockquote{
    font-weight:500
}
.detail-content-news .article-content figure.image figcaption{
    font-size:14px;
    color:#a3a3a3
}
.detail-content-news .article-content>div{
    text-align:center
}
.detail-content-news .image{
    font-size:14px;
    color:#999;
    text-align:center
}
.detail-content-news>img{
    text-align:center
}
.detail-content-news{
    font-size:16px;
    line-height:24px
}
.detail-content-news h3 a{
    font-size:16px;
    color:#c72528;
    font-style:italic;
    display:block;
    clear:both
}
.detail-content-news h3 a:before{
    font-family:zmdi;
    content:'\f150';
    color:#c72528;
    font-size:20px;
    padding-right:10px
}
.detail-content-news h3{
    display:block;
    padding-top:10px
}
.more-news-list{
    padding:50px 0
}
.more-news-list li{
    padding:5px 0
}
.more-news-list li a{
    color:#c72528;
    font-style:italic
}
.box-sale-rent{
    border:1px solid #ececec;
    width:100%;
    margin:20px 0
}

.menu-s-r{
    background:#f3f3f3;
    height:50px;
    border-bottom:2px solid #444c59
}
.view-more-gray{
    background:#fff;
    padding:10px 0;
    width:100%;
    text-align:center;
    border:1px solid #ececec;
    cursor:pointer;
    font-weight:500;
    font-size:16px;
    display:block
}
.menu-s-r li{
    display:inline-block
}
.menu-s-r li a{
    display:block;
    padding:0 30px;
    line-height:50px;
    text-transform:uppercase;
    font-size:16px;
    font-weight:500
}
.menu-s-r li a.active{
    border-bottom:3px solid #fff;
    background:#fff;
    cursor:default
}
.listings-map-box{
    position:absolute;
    float:left;
    text-align:center
}
.listings-map-box .listings-map{
    border-radius:2px;
    box-shadow:0 2px 1px 0 rgba(0,0,0,.35);
    font-size:12px;
    line-height:20px;
    color:rgba(48,51,58,.86);
    background:#fff;
    text-align:center;
    white-space:nowrap;
    border:1px solid rgba(48,51,57,.22);
    height:20px;
    padding:0 10px 0;
    display:inline-block;
    position:relative;
    z-index:1;
    margin-bottom:4px
}
.listings-map-box .listings-map .zmdi{
    font-size:14px!important
}
.listings-map-box .triangle-down{
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:6px solid #fff;
    margin:-7px 0 0 42%;
    z-index:2;
    position:relative
}
.listings-map-box .triangle-down-lg{
    width:0;
    height:0;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:6px solid #fff;
    margin:0 0 0 42%;
    z-index:2;
    position:relative
}
.listings-map-box .tooltip-property-map{
    padding:5px 15px 3px 15px;
    background:#fff;
    color:#444c59;
    font-size:12px;
    margin-bottom:2px;
    position:absolute;
    top:-30px;
    left:-50%;
    white-space:nowrap;
    display:none;
    z-index:999;
    box-shadow:0 0 3px 0 rgba(0,0,0,.49)
}
.listings-map-box.active .listings-map{
    background:#c72528;
    color:#fff;
    cursor:pointer
}
.listings-map-box.active .triangle-down{
    border-top:6px solid #c72528;
    cursor:pointer
}
.listings-map-box.active .tooltip-property-map{
    display:block
}
#slider-news,#similar-property{
    border:0!important;
    position:relative;
    background:none!important
}
.but-nextdetail-news{
    position:absolute;
    top:40%;
    margin-top:-20px;
    right:-50px;
    font-family:zmdi;
    font-size:50px;
    padding:10px 5px;
    z-index:999
}
.but-predetail-news{
    position:absolute;
    top:40%;
    margin-top:-20px;
    left:-50px;
    font-family:fontawesome;
    font-size:50px;
    padding:10px 5px;
    z-index:100
}
.but-nextdetail-news:before{
    content:'\f2fb'
}
.but-predetail-news:before{
    content:'\f2fa'
}
.action-btn-g{
    white-space:nowrap;
    padding:15px 0 0!important;
    clear:both;
    text-align:right;
    float:right!important
}
.action-btn-g:before{
    clear:both;
    width:100%;
    display:table;
    content:''
}
.last-item-overlay{
    
    position:absolute;
    top:0;
    width:100%;
    color:#fff;
    font-size:20px;
    background:rgba(0,0,0,.7);
    text-align:center;
    line-height:230px
}
.last-item-overlay .font-icon{
    font-size:27px;
    vertical-align:middle;
    display:inline-block
}
li.featured .cover{
    display:block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover!important;
    background-position:50% top;
    cursor:pointer
}
#similar-property{
    background:none
}
#slider-news-header{
    height:320px;
    overflow:hidden;
    border:0!important;
    position:relative;
    background:none!important
}
.expand-icon{
    cursor:pointer
}
section.project{
    padding-bottom:30px
}
.open{
    display:block!important
}
.icon-sort-t{
    font-size:30px;
    padding-top:5px;
    position:absolute;
    top:2px;
    right:15px
}
.icon-sort-red{
    font-size:21px;
    padding-top:6px;
    position:absolute;
    top:0;
    right:10px;
    color:#c72528
}
.icon-sort-cyan{
    font-size:21px;
    padding-top:6px;
    position:absolute;
    top:0;
    right:10px;
    color:#00779a
}
.smarter-from{
    float:left;
    width:50%;
    padding:120px 0 0;
    font-size:18px;
    line-height:28px;
    color:#444c59
}
.width-100-ber{
    width:100%
}
.width-70-ber{
    width:70%
}
.center{
    text-align:center
}
.FAQ-box{
    margin-right:30px;
    font-size:16px
}
.FAQ-box form{
    margin:20px 0
}
.FAQ-box form input{
    width:100%;
    padding:19px;
    background:#f2f2f2;
    border:0
}
.search-FAQ{
    position:relative
}
.search-FAQ button{
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:none;
    border:0;
    position:absolute;
    top:12px;
    cursor:pointer;
    right:5px
}
.header-FAQ{
    padding:20px 0 30px
}
.header-FAQ:after{
    clear:both;
    display:table;
    width:100%;
    content:''
}
.title-FAQ{
    float:left;
    width:60%
}
.share{
    float:right
}
.FAQ-list{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #dedede;
    line-height:26px
}
.FAQ-list:after{
    clear:both;
    display:table;
    width:100%;
    content:''
}
a.answer{
    display:inline-block;
    padding:5px 20px;
    background:#dedede;
    color:#000;
    margin-right:20px
}
.user-com{
    display:inline-block
}
.user-com li{
    display:inline-block;
    position:relative;
    margin-left:-26px;
    z-index:0
}
.user-com li:nth-child(3){
    z-index:1
}
.user-com li:nth-child(2){
    z-index:2
}
.user-com li:first-child{
    margin:0;
    z-index:3
}
.user-com li a img{
    width:34px;
    height:34px;
    border-radius:50%;
    border:3px solid #fff;
    vertical-align:middle
}
.send-ask{
    display:block;
    padding:20px 0 15px;
    width:100%;
    text-align:center;
    margin:40px 0 20px;
    background:#444c59;
    color:#fff;
    font-size:26px;
    text-transform:uppercase
}
.right-cate-FAQ{
    background:#f7f7f7;
    padding:30px;
    margin-top:40px;
    line-height:30px
}
.right-cate-FAQ a:hover{
    text-decoration:underline
}
.right-cate-FAQ .title{
    text-transform:uppercase;
    font-weight:500
}
.style-dotted li{
    list-style:disc
}
.content-FAQ{
    font-size:17px;
    line-height:26px;
    padding:20px 0
}
.content-FAQ p{
    padding-top:10px
}
.border-bot-gray{
    border-bottom:1px solid #dedede
}
.avatar-user-com{
    float:left;
    width:50px
}
.avatar-user-com img{
    width:50px;
    height:50px;
    border-radius:50%
}
.comment-FAQ{
    float:left;
    width:calc(100% - 50px);
    padding-left:30px
}
.like{
    display:inline-block;
    padding-left:30px
}
.comment-content{
    padding:30px 0;
    border-bottom:1px solid #dedede
}
.user-com-FAQ{
    margin-top:10px
}
.mgl-5{
    margin:0 0 0 5px!important
}
.mgl-30{
    margin-left:30px!important
}
.font-small{
    font-size:14px
}
.top-user{
    padding:30px 0;
    width:100%
}
.top-user-list{
    float:left;
    width:32%;
    margin-right:2%
}
.top-user-list:last-child{
    margin-right:0
}
.avatar-top-user{
    float:left
}
.avatar-top-user a img{
    width:70px;
    height:70px;
    border-radius:50%
}
.info-user-top{
    float:right;
    width:calc(100% - 90px);
    font-size:14px
}
.info-user-top a{
    font-weight:500;
    font-size:16px
}
.width-100-popup{
    width:100%!important;
    height:400px!important;
    margin-left:0!important;
    padding:20px 0 0 20px
}
.header-home-FAQ{
    width:100%;
    border-bottom:1px solid #dedede;
    padding-bottom:20px
}
.SendFAQ{
    width:950px;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-475px;
    margin-top:-266px;
    background:#f8f8f8;
    z-index:1003;
    font-size:16px
}
.content-Send{
    border-bottom:1px solid #c1c1c1;
    padding:30px 40px
}
.form-input{
    width:100%
}
.form-input span{
    font-weight:600;
    padding-bottom:15px;
    float:left
}
.form-input span:nth-child(2){
    float:right;
    font-weight:400;
    color:#999
}
.form-input .form-control{
    color:#444c59;
    font-size:15px;
    font-weight:400;
    border:1px solid #c1c1c1;
    width:100%;
    padding:15px
}
.choose-lv{
    display:inline-block;
    padding:7px 25px 5px 0
}
.col-left-40{
    float:left;
    width:40%
}
.col-right-60{
    float:right;
    width:60%
}
.slides-sketch{
    width:100%;
    height:100%
}
.slides-sketch li a{
    width:100%;
    height:100%;
    display:block
}
.slides-sketch li{
    width:100%;
    height:100%
}
.col-50-ber{
    width:48%;
    float:left
}
.img-left-full{
    float:left;
    width:100%;
    height:240px
}
.mar-right-2ber{
    margin-right:2%
}
.mar-right-4ber{
    margin-right:4%
}
.show-hide-bnt{
    position:absolute;
    right:-30px;
    top:0;
    width:30px;
    background:#f3f5f8;
    text-align:center;
    color:#30333a;
    border:1px solid rgba(48,51,58,.1);
    border-top:0
}
.show-hide-bnt:hover{
    background:#c72528;
    color:#fff!important
}
.show-hide-bnt a{
    display:block;
    padding:12px 5px 7px;
    font-size:28px;
    line-height:30px
}
.show-hide-bnt a:hover{
    color:#fff
}
.full-width{
    width:100%!important
}
.rcta *{
    max-width:750px!important;
    width:100%
}
.back-map{
    right:0!important
}
.map-text{
    line-height:12px;
    vertical-align:middle;
    font-size:16px
}
.map-text-off{
    display:none!important
}
.pdr-70{
    padding-right:70px
}
.search-keyword{
    font-size:18px;
    font-weight:500;
    line-height:30px;
    display:inline-block;
    overflow:hidden;
    height:30px;
    float:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-right:10px;
    max-width:80%
}
.search-sum-no span{
    display:block;
    float:left
}
.span-left{
    display:block;
    float:left
}
#slider-building,#slider-project{
    border:0!important;
    position:relative;
    background:none!important;
    padding-bottom:60px
}
.agent-content{
    margin-top:28px;
    vertical-align:middle
}
.project .agent-content{
    margin-top:15px;
    vertical-align:middle
}
.info-agent-ct{
    float:left;
    width:calc(100% - 200px);
    vertical-align:middle
}
.avatar-agent-ct{
    float:left;
    vertical-align:sub;
    height:40px;
    width:40px
}
.avatar-developer-ct{
    float:left;
    vertical-align:sub;
    height:40px;
    width:40px;
    border:1px solid #dedede
}
.avatar-developer-ct img{
    width:40px;
    margin-right:10px;
    vertical-align:bottom;
    height:100%;
    object-fit:contain
}
.avatar-agent-ct img{
    width:40px;
    height:40px;
    border-radius:50%;
    margin-right:10px;
    vertical-align:bottom
}
.action-list{
    float:right;
    padding-top:10px
}
.name-title{
    float:left;
    width:calc(100% - 42px);
    padding:7px 0 0 10px;
    white-space:nowrap;
    overflow:hidden
}
.view-all-project{
    color:#73a1cf;
    font-size:18px;
    font-weight:400;
    line-height:240px;
    text-align:center;
    width:360px
}
.view-all-project:hover .next-icon:before{
    color:#c52728
}
.view-all-project .next-icon:before{
    position:absolute;
    top:7px;
    right:67px;
    font-size:45px;
    color:#73a1cf
}
/*.sticky-header{
    visibility:hidden;
    position:absolute;
    top:-60px
}
.stickyTrigger{
    display:block;
    border:1px solid rgba(48,51,57,.15);
    height:60px;
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    overflow:hidden;
    opacity:0;
    transform:translateY(-100%);
    transition:opacity .5s ease-in-out , transform .5s ease-in-out;
    z-index:10;
    font-size:16px
}
.is-stuck{
    position:fixed;
    top:0;
    right:0;
    left:0;
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}
.title-sticky-header{
    float:left;
    max-width:15%;
    padding-right:25px
}
.title-sticky-header h3{
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:60px;
    
    font-size:20px;
    overflow:hidden;
    font-weight:400
}
.info-sticky-header{
    float:left;
    width:65%;
    font-weight:500
}
.info-sticky-header p.gray{
    font-weight:400;
    padding-bottom:2px;
    color:#8e9399
}
.info-sticky-header li{
    display:inline-block;
    padding:6px 10px 0
}
.info-sticky-header li:first-child{
    padding-left:0
}
.info-sticky-header li a{
    line-height:50px;
    font-weight:400;
    display:block
}
.info-sticky-header li a.active{
    font-weight:600;
    border-bottom:2px solid #c72528
}
.btn-sticky-header{
    float:right;
    width:20%;
    padding-top:7px;
    text-align:right;
    line-height:50px;
    font-weight:500
}
.btn-sticky-header .black-button{
    height:40px;
    line-height:40px;
    text-transform:uppercase;
    width:160px;
    padding:0;
    margin:0;
    float:right
}*/
.search-sub{
    height:60px;
    border-bottom:1px solid #a6a6a6;
    background:#fff;
    display:none;
    position:absolute;
    top:50px;
    left:0;
    right:0;
    z-index:999
}
.search-sub .sort-home{
    margin-top:0;
    border:0;
    height:59px
}
.search-sub .sort-home .btn-no-style{
    padding-top:10px
}
.search-sub .sort-home .icon-sort-t{
    padding-top:12px
}
.search-sub .iconsearchno{
    float:left;
    padding-top:20px
}
.top-59{
    top:59px
}
.search-sub input.search-detail{
    float:left;
    margin-top:22px;
    border:0;
    color:#999;
    padding:0 5px 0 20px;
    font-size:14px;
    width:60%
}
.search-sub input.search-detail:focus{
    border:0!important
}
.search-sub .btn-black{
    float:right;
    margin:13px 40px 0 0
}
.search-sub .search-suggest{
    width:800px;
    left:228px
}
.comment-topic:before{
    content:'\f175';
    position:relative;
    width:20px;
    height:20px;
    font-family:zmdi;
    text-rendering:auto;
    line-height:20px;
    font-size:18px;
    padding-right:5px
}
.date-topic:before{
    content:'\f166';
    position:relative;
    width:20px;
    height:20px;
    font-family:zmdi;
    text-rendering:auto;
    line-height:20px;
    font-size:18px;
    padding-right:5px
}
.view-topic:before{
    content:'\f146';
    position:relative;
    width:20px;
    height:20px;
    font-family:zmdi;
    text-rendering:auto;
    line-height:20px;
    font-size:18px;
    padding-right:5px
}
.article-news{
    padding:30px 0;
    margin-top:20px
}
.article-news:after{
    clear:both;
    display:table;
    content:''
}
.article-news li{
    list-style:none
}
.article-news li{
    float:left;
    width:50%;
    border-right:2px solid #e6e6e6;
    padding-top:100px
}
.article-news li article.featured{
    width:92%;
    position:relative
}
.article-news article.featured:after{
    clear:both;
    display:table;
    content:''
}
.article-news article.featured .cover{
    height:280px;
    border-top:2px solid #444c59
}
.article-news article.featured .cover img{
    min-height:100%;
    min-width:100%
}
.article-news article.featured header{
    background:#fff;
    padding:30px
}
.article-news article.featured header h3{
    padding:0;
    margin:0
}
.article-news article.featured header h3 a{
    font-weight:500;
    font-size:20px;
    line-height:30px
}
.article-news article.featured header .summary{
    height:70px;
    overflow:hidden;
    font-size:16px;
    padding:5px 0 0 0;
    margin:10px 0 0;
    line-height:22px
}
.article-news .time{
    position:absolute;
    right:-9%;
    top:-50px;
    border-bottom:2px solid #e6e6e6;
    padding:0 15px 3px 0;
    width:109%;
    text-align:right;
    font-size:16px
}
.article-news .time span{
    padding-right:30px
}
.article-news .time:after{
    content:'';
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    border:2px solid #e6e6e6;
    display:block;
    right:-9px;
    position:absolute;
    top:16px
}
.article-news li:nth-child(2n){
    float:right;
    width:50%;
    margin-top:0;
    border-right:0
}
.article-news li:nth-child(2){
    margin-top:50px
}
.article-news li:nth-child(2n) article.featured{
    width:92%;
    position:relative;
    margin-left:8%
}
.article-news li:nth-child(2n) article.featured .time:after{
    left:-8px
}
.article-news li:nth-child(2n) article.featured .time{
    left:-9%;
    text-align:left;
    padding-left:50px;
    width:109%
}
.selisting-container{
    display:block;
    flex-flow:row wrap
}
.selisting-main{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:66.66%;
    float:left;
    margin-top:30px
}
.selisting-sidebar{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:33.33%;
    float:right;
    margin-top:30px;
    height:100%;
    overflow:hidden
}
.selisting-header .result{
    display:none;
    padding-top:20px
}
.selisting-header{
    display:block;
    position:relative
}
.selisting-header .left{
    width:60%
}
.selisting-tab{
    display:block;
    float:left;
    width:50%
}
.selisting-header input{
    display:none
}
.selisting-header label{
    display:block;
    float:left;
    text-align:left;
    color:#444c59;
    width:auto;
    height:30px;
    margin-right:4%;
    font-size:14px;
    cursor:pointer
}
.selisting-header #tab1:checked~#content1,.selisting-header #tab2:checked~#content2{
    display:block
}
.selisting-header label:nth-child(5){
    margin-right:0
}
.selisting-header input:checked+label{
    border-bottom:3px solid #444c59;
    font-weight:500
}
.selisting-header label:hover{
    border-bottom:3px solid #444c59;
    font-weight:500;
    color:rgba(119,118,118,.96);
    -webkit-transition:color .25s linear , border-bottom .25s linear;
    -moz-transition:color .25s linear , border-bottom .25s linear;
    -o-transition:color .25s linear , border-bottom .25s linear
}
.selisting-action{
    float:right;
    text-align:right;
    font-size:16px;
    height:30px;
    line-height:30px;
    position:absolute;
    top:0;
    right:30px
}
.selisting-action select{
    box-sizing:border-box;
    -moz-appearance:none;
    -webkit-appearance:none;
    width:120px;
    height:30px;
    line-height:30px;
    background-color:transparent;
    border:none;
    border-radius:0;
    font-size:14px;
    color:#444c59;
    outline:none;
    background-image:url(../images/download\ \(1\).svg);
    background-repeat:no-repeat;
    background-position:right;
    margin-left:10px
}
.selisting-action select::-ms-expand{
    display:none
}
.selisting-action select:hover{
    color:#c52728
}
.selisting-tab:hover{
    background:#444c59;
    color:#fff
}
.form-refine{
    padding:15px;
    background:#eaebf0;
    font-size:16px
}
.form-refine:after{
    content:'';
    display:table;
    width:100%;
    clear:both
}
.form-refine h2{
    text-align:center;
    width:100%;
    padding:20px 0;
    line-height:30px
}
.form-refine .refine-su{
    font-size:14px;
    text-align:center;
    padding:0 10px 20px
}
.form-refine .price-form{
    padding-left:0
}
.form-refine label{
    font-size:14px;
    padding-bottom:10px
}
.form-refine .price-form input{
    padding:10px;
    width:41%;
    font-size:14px;
    border:1px solid rgba(48,51,57,.15);
    border-radius:2px
}
.form-refine .price-form{
    width:100%
}
.formElement{
    width:calc(99.9% * 1 / 2 - 27px);
    float:left;
    margin-top:20px
}
.cx-selectField{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:1px solid rgba(48,51,57,.15);
    border-radius:2px;
    width:100%;
    background-color:#fff;
    background-clip:padding-box;
    color:#000;
    line-height:1.3em;
    outline:none;
    transition:border-color , background , box-shadow , color , fill .1s ease;
    padding:10px;
    font-size:16px;
    padding-right:36px
}
.cx-selectField-wrapper{
    position:relative
}
.cx-selectField-wrapper:after{
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-8px;
    width:16px;
    height:16px;
    content:'';
    display:inline-block;
    vertical-align:middle;
    pointer-events:none;
    background-repeat:no-repeat;
    background-image:url(../images/download.svg)
}
.form-refine .booking-button{
    width:40%;
    background:#393939;
    color:#fff;
    margin:20px 30%;
    font-size:14px;
    padding:8px 0;
    font-weight:500;
    cursor:pointer
}
.form-refine .booking-button:hover{
    background:#c72528
}
.more-yml{
    margin:20px 0
}
.more-yml h3{
    border-bottom:1px solid #dedede;
    font-size:22px;
    font-weight:500;
    line-height:40px;
    white-space:nowrap;
    overflow:hidden;
    height:40px;
    margin-bottom:20px
}
.more-yml .list-yml a{
    color:#00779a;
    font-size:14px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:auto;
    display:block;
    padding:5px 0
}
.selisting-title{
    padding:60px 0;
    text-align:center;
    font-size:18px;
    font-weight:500
}
.selisting-title h1{
    font-size:40px;
    padding-bottom:30px;
    line-height:45px
}
.link-breadcrumbs{
    padding:0 0 20px;
    margin:0 auto;
    color:#999;
    font-size:10px;
    font-weight:400
}
.link-breadcrumbs a{
    color:#00779a;
    padding:0 5px;
    font-size:14px
}
.link-breadcrumbs a.active{
    color:#393939
}
.container-fluid{
    /*width:calc(100% - 30px);*/
    /*background:#fff;*/
    margin-top:20px
}
.container-fluid:before{
    display:table;
    content:' '
}
.container-fluid:after{
    clear:both
}
.table-row{
    display:flex;
    flex-direction:row;
    -webkit-flex-direction:row;
    width:100%;
    border-collapse:collapse;
    padding:10px 20px;
    margin-top:10px;
    border-bottom:1px solid #dedede;
    font-size:12px
}
.wrapper{
    display:flex;
    flex-direction:row;
    -webkit-flex-direction:row
}
.title-comment,.title-comment-module-reporter,.attributes{
    flex-grow:1;
    -webkit-flex-grow:1
}
.column{
    flex-grow:0;
    -webkit-flex-grow:0;
    flex-shrink:0;
    -webkit-flex-shrink:0;
    vertical-align:top
}
.column .font-icon{
    font-size:14px
}
.table-row .title{
    flex-grow:1;
    -webkit-flex-grow:1;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-right:4px;
    width:220px
}
.module{
    width:80px
}
.tab-choose{
    clear:both;
    width:100%;
    margin-top:25px;
    text-align:left
}
.tab-choose ul li{
    display:inline-block;
    padding:0 40px 0 0
}
.tab-choose ul li a{
    display:block;
    color:#fff;
    font-size:18px;
    font-weight:400;
    position:relative;
    color:rgba(255,255,255,.85)
}
.tab-choose ul li a.current{
    font-weight:500
}
.tab-choose ul li a.current:after{
    content:'';
    width:100%;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    bottom:-8px;
    border-width:0 0 2px;
    border-style:solid
}
.but-search-home{
    float:left;
    width:155px;
    height:55px;
    margin-top:20px
}
.but-search-home button{
    color:#fff;
    background:#c72528;
    border:0;
    font-size:18px;
    line-height:55px;
    width:100%;
    text-align:center;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    padding:0;
    cursor:pointer;
    font-weight:500
}
.but-search-home button:hover{
    background:#bb191c
}
.border-navgroup{
    position:relative
}
.border-navgroup:before{
    border-left:2px solid #eaebf0;
    border-left-color:hsla(0,0%,100%,.2);
    content:'';
    position:absolute;
    left:0;
    top:21px;
    height:16px
}
.link-hotline{
    color:#b3e04b!important
}
.sort-topdetail{
    float:left;
    width:90px;
    background:#fff;
    padding:8px 20px 8px 15px;
    position:relative
}
.sort-topdetail:after{
    content:'';
    position:absolute;
    right:-12px;
    top:9px;
    height:19px;
    border-left:1px solid #30333a;
    opacity:.2
}
.sort-topdetail button{
    top:5px!important;
    color:#666;
    font-size:14px!important
}
.search-topdetail{
    float:left;
    position:relative;
    width:calc(100% - 150px);
    text-align:left
}
.tab-search{
    box-shadow:0 2px 2px 0 rgba(0,0,0,.05);
    width:100%;
    height:60px;
    background:#fff;
    position:relative;
    z-index:1;
    position:fixed;
    top:60px
}
.tab-search:after{
    content:'';
    display:table;
    clear:both;
    width:100%
}
.btn-bor_red{
    display:block;
    border:1px solid #c72528;
    color:#c72528;
    padding:4px 10px;
    font-size:14px
}
.none-border{
    border:0!important
}
.position-fixed{
    position:fixed
}
.full-width .search-sum{
    width:100%
}
section.project article.featured{
    width:calc(50% - 30px);
    margin:30px 30px 0 0
}
.search-sidebar_content:after{
    content:'';
    width:100%;
    display:table
}
.icon-s-h{
    font-size:28px;
    color:#c9d6dd;
    vertical-align:middle;
    font-weight:200
}
.space-icon{
    vertical-align:middle;
    padding-right:5px
}
.border-navgroup-gray:before{
    border-left:1px solid #30333a;
    content:'';
    position:absolute;
    left:-8px;
    top:21px;
    height:16px;
    opacity:.2
}
.width-1600 .right-menu ul.border-navgroup-gray li a.rightmenu-linkblack{
    font-weight:500
}
.btn-no{
    border:0;
    background:none;
    cursor:pointer
}
.btn-no:hover{
    color:#30333a;
    opacity:1
}
.view-type{
    float:right;
    right:12px;
    margin-top:12px;
    position:relative
}
.full-width .view-type{
    right:30px
}
.view-type button{
    color:#30333a;
    opacity:.5
}
.type-property{
    background:#00779a;
    color:#fff;
    display:block;
    padding:5px;
    height:18px;
    margin-top:8px;
    float:left;
    line-height:12px;
    font-size:14px;
    margin:5px 0 0 5px;
    border-radius:2px
}
.total-result{
    color:#00779a
}
.icon-slide{
    font-family:'zmdi'
}
.icon-slide:before{
    content:'\f2fb'
}
.icon-slide-back{
    font-family:'zmdi'
}
.icon-slide-back:before{
    content:'\f2fa'
}
.info-project td{
    padding:0 10px 0 0
}
.lable-property{
    position:absolute;
    left:10px;
    bottom:10px;
    right:10px
}
.lable-property div{
    float:left;
    margin:5px 5px 0 0
}
.free-month{
    padding:3px 10px 1px!important;
    background:rgba(83,158,0,.7);
    color:#fff;
    border-radius:2px;
    font-size:14px
}
.sold{
    padding:3px 10px 2px!important;
    background:#838383;
    color:#fff;
    border-radius:2px;
    font-size:14px
}
.monopoly{
    padding:3px 10px 2px!important;
    background:rgba(243,3,6,.7);
    color:#fff;
    border-radius:2px;
    font-size:14px
}
.h-3d{
    padding:2px 10px 2px!important;
    background:rgba(32,165,150,.7);
    color:#fff;
    border-radius:2px;
    font-size:14px;
    line-height:20px
}
.h-3d i{
    vertical-align:text-bottom!important
}
.title-map-ho{
    font-weight:600;
    text-align:left;
    font-size:14px
}
.searchlisting-project{
    box-shadow:0 2px 20px 0 rgba(0,0,0,.17);
    -moz-box-shadow:0 2px 20px 0 rgba(0,0,0,.17);
    -webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.17);
    width:218px;
    background:#ebebeb;
    top:50px;
    left:50px;
    position:absolute;
    padding:0;
    z-index:100;
    display:none;
    height:145px
}
.tag-info-project{
    position:absolute;
    top:0;
    left:0;
    background:rgba(48,51,58,.5);
    color:#fff;
    padding:2px 10px;
    font-size:14px
}
.overflow-text{
    height:48px;
    overflow:hidden;
    display:block
}
.width-1600 .right-menu ul.border-navgroup-gray li a.rightmenu-linkblack{
    margin:2px 8px 0 8px
}
.pd-search-icon{
    padding-left:25px
}
.btn-on-off-filter{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:999;
    display:none
}
.btn-on-off-filter a{
    display:block;
    width:90%;
    height:40px;
    margin:10px 0 0 35px
}
.list-view{
    margin-left:0
}
.view-more-cyan{
    color:#00779a;
    font-size:14px;
    display:block
}
.color-cyan{
    color:#00779a!important
}
.list-view section.project article.featured header{
    height:205px
}
.list-view section.project article.featured header h3{
    max-height:48px;
    height:auto
}
.list-view section.project article.featured header .agent-content{
    position:relative;
    bottom:-20px
}
.list-view section.project article.featured header .info-project{
    position:relative;
    bottom:-20px
}
.list-view section.project article.featured header .overflow-text{
    max-height:48px;
    height:auto
}
.stickyTrigger-shadow{
    opacity:1;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.07);
    font-size:16px
}
.stickyTrigger-shadow .width1140{padding-bottom:0;}
.place-viral{
    font-size:14px;
    color:rgba(48,51,58,.4);
    font-weight:400;
    display:inline-block
}
.media-box{
    margin:15px 0 40px
}
.media-box:after{
    clear:both;
    display:table;
    content:''
}
.media-box li{
    width:calc(33.33% - 2px);
    margin:2px 2px 0 0;
    float:left;
    position:relative;
    list-style:none;
}
.media-box li img{
    width:100%;
    vertical-align:bottom
}
.media-box li a{
    display:table-cell;
    color:#fff
}
.media-box .p-album a{
    display:block;
    padding-top:66%
}
.media-box .w-50percent{
    width:calc(50% - 2px);
    position:relative;
    display:table
}
.media-box .w-50percent>a{
    width:100%;
    padding-top:67%
}
.bg-opa{
    background:rgba(0,0,0,.32);
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    margin:auto;
    height:100%;
    font-size:14px
}
.bg-opa a{
    display:table-cell;
    vertical-align:middle
}
.display-table{
    display:table;
    width:100%;
    height:100%
}
.display-table .large-font{
    display:table-cell!important;
    padding:0!important
}
.display-table a{
    color:#fff
}
.display-table a:hover{
    opacity:.8
}
.bgbox-content p,
.bgbox-content > div{
    margin-top:10px;
    margin-bottom:12px;
}
.bgbox-content img{
    max-width:100%;
    height: auto!important;
    display:block;
    margin:0 auto;
    text-align:center;
    height: auto!important;
    margin-bottom: 15px;
}
.bgbox-content figure,.bgbox-content img,.bgbox-content iframe{margin-bottom:20px;}
.bgbox-content figure img,
.bgbox-content table img{margin-bottom:0px;}{margin-bottom:0px;}
.bgbox-content figure {
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    display: block!important;
}
.bgbox-content .cke_image_resizer_wrapper {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.bgbox-content figure > figcaption {
    text-align: center;
    display: block;
    padding: 6px 0;
    font-style: italic;
    font-weight: 500;
    font-size: 15px;
    color: #444c59;
    line-height:20px;
}
.bgbox-content blockquote
{
	font-style: italic;
    font-family: "Times New Roman",  Arial, sans-serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #da6a05;
	border-width: 0;
    position:relative;
    margin: 20px 20px;
    display:block;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 4px;
    font-size: 17px;
    background:#fafafa;
}
.bgbox-content blockquote p{
    margin: 2px 2px;
    line-height: 26px;
}
.bgbox-content .title{
    padding: 15px 0 20px!important;
    margin: 0!important;
    font-size: 25px;
    position: relative;
    line-height: 30px;
    width: 100%;
    text-align: center;
    color: #f07404;
    text-transform: uppercase;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.bgbox-content .title span{
    display: block;
    font-size: 15px;
    color: #aaa;
    line-height: 28px;
}
.collapse{
    position:relative
}
/*.collapse label{
    display:block;
    width:100%;
    height:100%
}*/
/*.collapse label::before{
    font:14px/1 'zmdi';
    font-weight:700;
    font-size:26px;
    content:'\f2f9';
    vertical-align:text-top;
    display:block;
    width:100%;
    height:50px;
    cursor:pointer;
    position:absolute;
    top:-46px;
    right:0;
    text-align:right
}
.collapse input{
    display:none;
    visibility:hidden
}
#expand,#expand-02,#expand-03,#expand-04,#expand-05,#expand-06{
    overflow:hidden;
    display:none
}
#toggle:checked~#expand,#toggle-02:checked~#expand-02,#toggle-03:checked~#expand-03,#toggle-04:checked~#expand-04,#toggle-05:checked~#expand-05,#toggle-06:checked~#expand-06{
    height:auto;
    display:block
}
#toggle:checked~label::before,#toggle-02:checked~label::before,#toggle-03:checked~label::before,#toggle-04:checked~label::before,#toggle-05:checked~label::before{
    content:'\f2fc';
    font-size:26px;
    top:-46px
}
#toggle-06:checked~label::before{
    content:'\f2fc';
    font-size:26px;
    top:-46px
}

*/
 .collapse label {
display: block;
    width: 100%;
    text-align: center;
    height: 30px;
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #eaeaea 50%, #eaeaea 50%, #d4d4d4 100%);
    background: -o-linear-gradient(to bottom, #f9f9f9 0%, #eaeaea 50%, #eaeaea 50%, #d4d4d4 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #eaeaea 50%, #eaeaea 50%, #d4d4d4 100%);
    background: linear-gradient(to bottom,#f9f9f9 0%,#eaeaea 50%,#eaeaea 50%,#d4d4d4 100%);
    color: #444;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #b6b6b6;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 9;
}
.collapse label:hover,.collapse label:focus{
     color: #222;
    background: -moz-linear-gradient(top, #efefef 0%, #e2e2e2 50%, #e2e2e2 50%, #cecece 100%);
    background: -o-linear-gradient(to bottom, #efefef 0%, #e2e2e2 50%, #e2e2e2 50%, #cecece 100%);
    background: linear-gradient(to bottom, #efefef 0%, #e2e2e2 50%, #e2e2e2 50%, #cecece 100%);
    background: linear-gradient(to bottom, #efefef 0%, #e2e2e2 50%, #e2e2e2 50%, #cecece 100%);
 }
/*.collapse label::after{
    font: 14px/1 'zmdi';
    font-size: 20px;
    line-height: 24px;
    content: '\f2f9';
    vertical-align: text-top;
    cursor: pointer;
}*/
.collapse label::before {
    content: "Hiển thị thêm \f107";
    display: inline-block;
    width: 100%;
    font-weight: bold;
    /*font-size: 13px;*/
    font: 14px/1 'fontawesome';
    font-weight: bold;
}
.collapse input{
    display:none;
    visibility:hidden
}
#expand,#expand-02,#expand-03,#expand-04,#expand-05,#expand-06{
    overflow:hidden;
    height: 150px;
    margin-bottom: 5px;
    transition:flex 1s ease-out;
    padding-bottom: 36px;
}
#expand:after,#expand-02:after,#expand-03:after,#expand-04:after,#expand-05:after,#expand-06:after {
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.7));
    z-index: 1;
}
#toggle:checked~#expand:after,#toggle-02:checked~#expand-02:after,#toggle-03:checked~#expand-03:after,#toggle-04:checked~#expand-04:after,#toggle-05:checked~#expand-05:after,#toggle-06:checked~#expand-06:after{
    content:unset;
}
#toggle:checked~#expand,#toggle-02:checked~#expand-02,#toggle-03:checked~#expand-03,#toggle-04:checked~#expand-04,#toggle-05:checked~#expand-05,#toggle-06:checked~#expand-06{
    height:auto;
    display:block
}
/*#toggle:checked~label::after,#toggle-02:checked~label::after,#toggle-03:checked~label::after,#toggle-04:checked~label::after,#toggle-05:checked~label::after,#toggle-06:checked~label::after{
    content:'\f2fc';
    font-size: 20px;
    line-height: 24px;
}*/
#toggle:checked~label::before,#toggle-02:checked~label::before,#toggle-03:checked~label::before,#toggle-04:checked~label::before,#toggle-05:checked~label::before,#toggle-06:checked~label::before{
   content: "Ẩ bớt \f106";
}
/*#expand,#expand-02,#expand-03,#expand-04,#expand-05,#expand-06{
    overflow:hidden;
    display:none
}*/
#toggle:checked~#expand,#toggle-02:checked~#expand-02,#toggle-03:checked~#expand-03,#toggle-04:checked~#expand-04,#toggle-05:checked~#expand-05,#toggle-06:checked~#expand-06{
    height:auto;
    display:block
}
/*#toggle:checked~label::after,#toggle-02:checked~label::after,#toggle-03:checked~label::after,#toggle-04:checked~label::after,#toggle-05:checked~label::after,#toggle-06:checked~label::after{
    content:'\f2fc';
}*/
/*#toggle-06:checked~label::after{
    content:'\f2fc';
    font-size:24px;
    top:-46px
}*/
.box-row{
    background: url(/theme/img/border.gif) repeat-x left top;
    padding: 20px 0;
}
.box-no-bg{
    background: none;
}
.content-document:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.content-document li{
    padding-top:10px;
    position:relative;
    margin-bottom:20px
}
.content-document li:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.content-document li h4{
    font-size:20px;
    font-weight:500;
    line-height:1.4
}
.content-document li .sub-title{
    padding:8px 0;
    font-weight:500
}
.content-document li .button-down{
    position:absolute;
    bottom:0
}
.button-down span,.button-down button{
    background:#c72528;
    color:#fff;
    border:0;
    border-radius:2px;
    cursor:pointer;
    display:inline-block
}
.detail-building{
    display:block;
    width:calc(100% + 20px)
}
.detail-building li{
    width:calc(33.33% - 20px);
    background-color:#fff;
    box-shadow:0 0 6px 0 rgba(0,0,0,.1);
    border:solid 1px rgba(131,131,131,.2);
    float:left;
    margin:20px 20px 0 0
}
.detail-building li:nth-child(1),.detail-building li:nth-child(2),.detail-building li:nth-child(3){
    margin-top:0
}
.detail-building li:nth-child(3n+3){
    margin-right:0
}
.detail-building li img{
    width:100%
}
.info-dt-bd{
    padding:10px 15px;
    font-size:14px;
    line-height:22px
}
.info-dt-bd h4{
    font-weight:500;
    font-size:16px
}
.info-dt-bd p{
    font-size:12px;
    color:#00779a;
    position:relative;
    padding-bottom:20px
}
.info-dt-bd p:before{
    position:absolute;
    bottom:10px;
    content:'';
    width:50px;
    border-bottom:1px solid #00779a
}
.info-dt-bd table tr td:nth-child(2n){
    color:#838383;
    opacity:.86;
    text-align:right
}
.info-dt-bd table tr td{
    padding:0;
    line-height:20px
}
.info-dt-bd table{
    width:100%
}
.content:after{
    clear:both;
    display:table;
    content:''
}
.project-location{
    box-shadow:0 0 6px 0 rgba(0,0,0,.1);
    margin-top: 20px;
}
.map-loca-project{
    position:relative;
    z-index:1;
    width:100%;
    height:380px
}
.map-loca-project.mdialog-fullscreen #render-map{
    height: 100vh!important;
}
.map-loca-project img{
    width:100%;
    vertical-align:bottom
}
.address-project{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:43px;
    background-color:#fff;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.07);
    line-height:43px;
    padding-left:10px;
    overflow:hidden
}
.left-80{
    float:left;
    width:80%
}
.location-around{
    padding:15px 15px 0
}
.location-around ul{
    width:calc(100% + 5%)
}
.location-around:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.location-around li{
    float:left;
    width:45%;
    padding:0 0 0 25px;
    position:relative;
    line-height:32px;
    font-size:14px;
    margin-right:5%
}
.location-around li:before{
    font-family:'zmdi';
    font-size:18px;
    content:'\f1ab';
    left:0;
    position:absolute
}
.location-around li>.left-70{
    width:80%!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.location-around li>.right{
    width:16%;
    text-align:right
}
.pd-15{
    padding:15px
}
#doi-tac .content h2
{
    font-size: 20px;
    padding: 15px 0 25px;
}
.owner-project
{
    width: 49%;
    float: left;
}
.owner-project .owner-project-title{
    padding-bottom: 5px;
    padding: 3px 0 3px;
    font-size: 17.5px;
    position: relative;
    line-height: 26px;
    width: 100%;
    font-weight: normal;
    text-transform: uppercase;
}
.info-owner-project p.op-description
{
    font-weight: 500;
}

.owner-project img{
    float: left;
    width: 100px;
    margin-right: 10px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.07);
}
.info-owner-project{
    float: inherit;
    width: calc(100% - 110px);
}
.owner-seller .info-owner-project{
    text-align:right;
    float:right;
} 
.owner-seller img{
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.project-news .title
{
    padding: 20px 0 20px;
    font-size: 22px;
    position: relative;
    line-height: 30px;
}
.project-news h2.title{padding: 0px 0 15px;}
.project-news h2.title span{display:block;font-size: 15px;color: #aaa;line-height: 20px;}
.project-news ul{padding-left:0!important;}
.project-news ul li{
    padding-top:10px;
    margin-bottom:20px
}
.project-news ul li:last-child{
    margin-bottom:5px
}
.project-news ul li:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.project-news ul li img{
    float:left;
    width:172px;
    margin-top: 6px;
}
.project-news ul li div{
    float:left;
    width:calc(100% - 195px);
    padding-left:30px;
    font-size:14px
}
.project-news ul li div p{
    /*height:22px;
    overflow:hidden*/
    line-height: 18px;
    font-size: 14px;
}
.project-news ul li div h4{
    font-size:17px;
    position:relative;
    padding-bottom:14px;
    line-height:24px;
    margin-bottom:0!important;
    margin-top:0!important;
}
.project-news ul li div h4:after{
    position:absolute;
    bottom:10px;
    width:50px;
    border-bottom:2px solid #da6a05;
    left:0;
    content:''
}
.project-news ul li div .date{
    font-size:13px;
    opacity:.7;
    color:#4f4f4f;
    padding-top: 4px;
}
.last-coll{
    margin-bottom:40px!important
}
.tab-sale:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.tab-sale li{
    float:left;
    font-size:16px
}
.tab-sale li a{
    padding:15px 30px;
    display:block
}
.tab-sale li a:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.tab-sale li a.active{
    border-radius:2px;
    background-color:#fff;
    box-shadow:0 -2px 10px 0 rgba(0,0,0,.05);
    font-weight:500
}
.tab-sale li .type-property{
    margin-top:0
}
.bed-sort{
    float:left;
    width:50%;
    font-size:13px;
    margin:20px 0
}
.bed-sort div{
    float:left;
    padding:8px 5px 0 0
}
.bed-sort ul{
    border-radius:2px;
    background-color:#fff;
    border:solid 1px rgba(48,51,58,.2);
    float:left;
    vertical-align:middle
}
.bed-sort ul li{
    float:left;
    position:relative;
    border-right:1px solid rgba(48,51,58,.2);
    padding:4px 6px;
    line-height:14px
}
.bed-sort ul li.radiobox input+label:after{
    left:0;
    display:none
}
.bed-sort ul li.radiobox input[type="radio"]+label{
    display:block;
    padding:5px 5px 0
}
.bed-sort ul li:last-child{
    border-right:0
}
.bed-sort ul li.active{
    background:#838383;
    color:#fff;
    margin:0;
    padding:4px 6px
}
.bed-sort ul li.active a{
    color:#fff
}
.bed-sort ul li a{
    display:block;
    padding-top:3px
}
.sort-type-apm{
    border-bottom:1px solid rgba(48,51,58,.1);
    margin:0 20px
}
.sort-type-apm:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.active-map{
    top:0;
    z-index:999;
    height:100%;
    width:100%
}
.z-index-top{
    z-index:999
}
.close-map{
    z-index:9999;
    position:fixed;
    top:10px;
    right:10px;
    background:#337588;
    display:none;
    padding:2px;
    height:35px;
    color:#fff;
    width:35px;
    text-align:center;
    border-radius:2px
}
.close-map i{
    padding-right:0!important
}
.pd-sort-ch{
    padding:25px 0 0
}
.id-ad{
    white-space:nowrap;
    max-height:20px;
    overflow:hidden
}
.id-ad h4{
    display:inline-block
}
/*.contact-agent-box{
    width:100%;
    max-width:944px;
    border:1px solid rgba(48,51,58,.2);
    background:url(/images/contact-agent-img.jpg) top right / cover no-repeat;
    position:relative;
    margin:90px auto 50px auto;
    padding:100px 50px 10px;
    font-size:16px;
    box-shadow:0 12px 30px 0 rgba(0,0,0,.2)
}*/
.info-cta{
    width:50%
}
.info-cta .title{
    font-size:40px;
    font-weight:400;
    line-height:50px
}
.info-cta p{
    padding:40px 0 70px;
    line-height:26px
}
.or-call{
    padding:20px 0
}
.small{
    font-size:12px;
    color:#444;
    opacity:.86
}
.large-btn-bg{
    padding:13px 40px;
    color:#fff;
    background:#f07404;
    border-radius:2px;
    font-size:20px;
    border:0;
    cursor:pointer;
    font-weight:bold;
}
.btn-subcription {
    padding: 0px 16px;
    color: #fff;
    background: #f07404;
    border-radius: 2px;
    font-size: 12px;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    z-index: 99999999999;
    position: relative;
    border-radius: 0;
    right: 0;
    float: right;
    line-height: 35px;
}
.large-font{
    font-size: 40px;
    font-weight: 700;
}
.large-btn-bg:hover{
    background:#da6a05;
    color: #fff;
}
.logo-invert{
    position:absolute;
    top:-50px;
    width:100px;
    background:#fff;
    line-height:0
}
.right-title-ab{
    position:absolute;
    right:0;
    top:40px
}
.flexslider .slider-buttons a{
    color:#da6a05
}
.fixed-form-r{
    position:relative;
    width:100%;
    /*border:1px solid rgba(100,100,100,.2);*/
    border-radius:2px;
    background-color:#fff;
    font-size:14px;
    margin-top:10px;
}
.form-header{
    background: #f3f4f7;
    padding: 16px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.user-owner-list{
    /*background:#f3f4f7;*/
    border-radius:2px;
    padding:4px 0px;
}
.user-owner-list:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.user-owner-list p{
    color:#838383;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-owner-list .ava-user{
    float:left;
    width: 54px;
    height: 54px;
    border-radius:50%;
    margin-right:15px
}
.name-us{
    font-size: 18px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 4px;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.form-info{
    padding:30px 50px 40px
}
.form-info input,textarea{
    width:100%;
    border-radius:2px;
    padding:18px 10px 5px;
    border:1px solid rgba(131,131,131,.3)
}
.info-check{
    padding-top:10px
}
.info-check:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.info-check .checkbox{
    width:100%
}
.info-check .checkbox input+label{
    height:30px;
    line-height:30px;
    font-size:14px;
    display:inline-block
}
.form-info .action{
    margin-top:5px
}
.form-info .action button.large-btn-bg,
.form-info .action .btn.large-btn-bg{
    padding:12px 0;
    width:100%;
    text-align:center
}
.or-direct-call{
    text-align:center;
    padding:20px 0 0
}
.or-direct-call p{
    font-size:12px;
    color:#838383
}
.or-direct-call p.phone-number{
    font-size:18px;
    font-weight:500;
    padding-top:5px
}
.or-direct-call p.phone-number img{
    vertical-align:middle
}
.fix-top-space{
    height:60px;
    width:100%
}
.btn-default{
    border: 1px solid #da6a05;
    color: #fff;
    fill: #fff;
    background-color: #f07404;
    display:inline-block;
    border-radius:2px;
    cursor:pointer;
    padding:8px 14px 6px;
    font-size:14px
}
.meta-tools > div{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.meta-tools .meta-tools-right{
        float: left;
}
.meta-tools button{ 
    padding: 7px 12px 3px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 3px;
}
.meta-tools .darates{
    float:right;
    margin: 0px auto ;
    position: relative;
}
.imageContainer{
    position:relative;
    border-bottom:1px solid #ccc;
    background: #f3f3f3;
    overflow:hidden;
}
.imageScroller{
    font-size:0;
    white-space:nowrap;
}
.imageContainer img.no-photo{
    height: 450px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.imageScroller ul{overflow:hidden;}
.imageScroller li{
    display:inline-block;
    position:relative;
    float:left;
    width: 25%;
}
.imageScroller li:first-child {
    width: 50%;
}
.imageScroller img{
    position:relative;
    height:225px;
    width: 100%;
    max-width: 100%;
    background-size: cover !important;
    -o-object-fit: cover;
    object-fit: cover;
}
.imageScroller li:first-child img{
    height:450px;
    width: 100%;
    max-width:100%;
}
.imageScroller a{display:flex;}
.cx-fixedWidthPage{
    margin:0 auto;
    padding-right:0;
    padding-left:0;
    width:1170px
}
.heroImage{
    cursor:pointer;
    border-right:1px solid #f3f3f3;
    opacity:1;
    -webkit-transition:opacity .4s;
    -moz-transition:opacity .4s;
    -o-transition:opacity .4s;
    transition:opacity .4s
}
.heroImage:hover{
    opacity:.9
}
.online247{
    box-shadow:0 2px 4px 0 rgba(0,0,0,.35);
    background:#0a4a5d;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    padding: 12px;
    margin-bottom: -15px;
    margin-top: 20px;
    position: relative;
    line-height: 22px;
    opacity:0.9;
}
.online247:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.arrow-cyan{
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #0a4a5d;
    z-index:2;
    position:relative;
    bottom:-19px;
    left:20px
}/*
.messa{
    float:left;
    width:93%
}*/
.close-blue{
    float:right;
    width:20px;
    height:20px;
    text-align:center;
    background:rgba(255,255,255,.2);
    border-radius:50%
}
.close-blue a{
    color:#fff
}
.close-blue a i{
    padding:0;
    margin:0
}
.width-350 li.checkbox{
    width:50%
}
.suggest-result>li a span{
    line-height:18px;
    display:block
}
.suggest-result>li a{
    padding:10px 10px 10px 15px
}
.sort-on-mobile{
    float:left;
    padding-left:10px;
    font-size:14px;
    color:#666;
    display:none
}
.search-sum-no .total-result{
    font-size:18px
}
.search-sum-no .zmdi{
    padding-left:8px
}
.active-map-for-init{
    display:block!important
}
.active-map{
    display:block!important
}
.search-sidebar:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.disable-filter{
    opacity:.5
}
.responsive-search{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    background:#fff;
    overflow-y:auto;
    white-space:normal;
    z-index:1000;
    font-size:14px;
    top:0;
    padding:40px 0 65px;
    height:auto
}
.responsive-search-header{
    position:fixed;
    top:0;
    left:0;
    right:0
}
.responsive-search-header .top-navi{
    height:60px
}
.tab-bt{
    float:left
}
.tab-bt li{
    display:inline-block
}
.tab-bt li a{
    display:block;
    padding:20px 0 12px;
    line-height:20px;
    font-size:18px;
    opacity:.86;
    float:left;
    margin:0 30px 0 0
}
.tab-bt li a.active{
    border-bottom:2px solid #30333a;
    font-weight:600
}
.back-mobile-icon{
    float:left
}
.back-mobile-icon a{
    padding:20px;
    display:block
}
.input-search-res{
    box-shadow:0 4px 8px 0 rgba(0,0,0,.1);
    border-radius:2px;
    background-color:#fff;
    border:solid 1px rgba(151,151,151,.2);
    margin:30px 15px;
    position:fixed;
    top:40px;
    right:0;
    left:0
}
.input-search-res p{
    float:left;
    padding:12px 0 0 15px
}
.input-search-res a{
    position:absolute;
    top:0;
    right:0;
    padding:12px
}
.input-search-res:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.input-search-res input{
    width:calc(100% - 55px);
    float:left;
    border:0;
    margin:12px 0 12px 5px;
    font-size:16px
}
.input-search-res input:focus{
    outline:none;
    border:0!important
}
.search-result-res .suggest-result{
    display:block;
    top:135px;
    border:0;
    max-height:calc(100% - 94px);
    box-shadow:none
}
.search-result-res .suggest-result h4{
    margin:0;
    border:0;
    background:#f3f5f8;
    padding:0 15px;
    color:rgba(131,131,131,.6)
}
.action-list .fone{
    padding-top:0;
    vertical-align:sub
}
.selisting-header input[type="radio"]+label{
    padding:0
}
.selisting-action select option{
    padding:10px;
    color:#30333a;
    display:block
}
.hide{
    display:none!important
}
.padding-0-15{
    padding-left:0!important;
    padding-right:0!important
}
.nearby .checkbox{
    width:100%
}
.list-part-t li .contactnow-but{
    padding:7px 10px 3px 10px!important;
    font-weight:400!important;
    font-size:14px
}
.right-title-ab .view-more-cyan{
    display:none
}
.different .action-btn-g{
    position:absolute;
    right:15px;
    bottom:15px
}
.suggest-location li{
    float:left;
    width:30.33%;
    padding-right:20px;
    white-space:nowrap;
    height:30px;
    overflow:hidden;
    text-overflow:ellipsis
}
.suggest-location li a{
    color:#00779a;
    line-height:30px
}
.suggest-location:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.popup-520{
    width:520px;
    background:#fff
}
.form-info .first-name{
    width:48%;
    float:left
}
.form-info .last-name{
    width:48%;
    float:right
}
.popup-520>.form-info .email-field{
    width:48%;
    float:left;
    margin-bottom:20px
}
.popup-520>.form-info .phone-field{
    width:48%;
    float:right;
    margin-bottom:20px
}
.popup-520 .or-direct-call p{
    text-align:left
}

.per50-left{
    float:left;
    width:48%
}
.per50-left:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.per50-right{
    float:right;
    width:48%
}
.per50-right:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.res-success{
    text-align:center;
    padding:40px
}
.res-success p{
    font-size:22px
}
.res-success p img{
    width:150px;
    margin-bottom:20px
}
.btn-success-popup{
    padding:20px 0;
    width:60%;
    margin:0 auto
}
.form-element .error-text,.form-element .field-validation-error{
    color:#db0004;
    font-size:12px;
    position:absolute;
    top:44px;
    left:0
}
.textarea-height .field-validation-error{top:88px;}
.form-element.error .input, .input-validation-error{
    border:1px solid #db0004!important
}
.form-element.error .error-text{
    display:block
}
.fixed-form-r .form-info{
    padding:8px  20px;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    margin-top: 30px;
}
.popup-820{
    width:820px;
    background:#fff;
    font-size:14px;
    color:#30333a;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    margin:50px auto 0
}
.popup-820:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.left-popup-rv{
    width:410px;
    float:left;
    padding:80px 54px 80px 38px;
    min-height:500px
}
.adress-rv-pu{
    padding:5px 0 15px
}
.adress-rv-pu h4{
    display:inline-block;
    font-weight:400;
    color:#838383
}
.adress-rv-pu h4 a{
    color:#838383;
    font-weight:400
}
.info-rv-pu li{
    float:left;
    width:50%;
    line-height:30px;
    font-weight:400;
    color:rgba(68,76,89,.76)
}
.info-rv-pu li span{
    font-weight:500;
    color:#444c59
}
.thumb-pu{
    padding-bottom:10px
}
.thumb-pu img{
    width:100%
}
.right-popup-rv{
    float:right;
    width:410px;
    border-left:1px solid #dedede;
    position:relative;
    overflow:hidden
}
.content-pu-rv{
    padding:20px 45px 45px
}
.content-pu-rv .user-owner-list{
    background:#fff;
    padding:20px
}
.content-pu-rv .large-btn-red{
    width:100%;
    text-align:center
}
.center-text-small
{
    margin-top: 24px;
    padding-bottom: 20px;
}
.center-text-small > span{
    text-align:center;
    font-size:14px;
    opacity:.5;
    border-bottom: 1px solid #c5c5c5;
    line-height: .1em;
    width: 84%;
    margin: 0 auto;
    padding: 0;
    display: block;

}
.center-text-small > span > span{
    background: #fff;
    padding: 0 8px;
}
.center-text-request{
    text-align:center;display:block;padding-bottom:0;color:#e60a0a;font-weight:bold;font-style:italic;
}
 .btn-callnow {
    border-radius: 30px;
    max-width: 210px;
    font-family: roboto, arial,sans-serif;
    font-weight: 900;
    font-size: 22px;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: red;
     -webkit-background-clip: text;
    -webkit-animation: pcolor 1.5s infinite;
    -moz-animation: pcolor 1.5s infinite;
    -o-animation: pcolor 1.5s infinite;
    -ms-animation: pcolor 1.5s infinite;
    animation: pcolor 1.5s infinite;
}
 @-webkit-keyframes pcolor {
    0% {
        color: #ff0b0b;
    }

    50% {
        color: #d80101
    }

    100% {
        color: #c60404
    }
}
@keyframes colorchange {
    0% {
        background: #d60a0a;
    }
    40% {
        background: #d60a0a;
    }
    80% {
        background: #bc1c1c;
    }

    100% {
        background: #d60a0a;
    }
}

@-webkit-keyframes colorchange {
    0% {
        background: #d60a0a;
    }
    40% {
        background: #d60a0a;
    }
    80% {
        background: #bc1c1c;
    }

    100% {
        background: #d60a0a;
    }
}
.large-btn-border-black{
    padding: 12px 20px;
    color: #f2f2f2;
    background: #f07404;
    border-radius: 2px;
    font-size: 17px;
    letter-spacing: 0.5px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
    font-weight: 600;
}
.large-btn-border-black:hover{
    background:#cd6304;
    color:#fff
}
.close-popup-btn{
    position:absolute;
    top:-20px;
    right:-20px;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#fff;
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
    -moz-box-shadow:0 2px 2px rgba(0,0,0,.1);
    box-shadow:0 2px 2px rgba(0,0,0,.1);
    text-align:center;
    padding:7px 12px;
    border:0;
    cursor:pointer
}
.close-popup-btn:hover{
    color:#c72528
}
.info-form-up{
    position:absolute;
    top:0;
    bottom:0;
    right:-410px;
    background:#fff;
    opacity:0;
    visibility:hidden;
    width:410px
}
.title-w-back{
    background:#f3f4f7;
    height:80px;
    line-height:80px;
    text-align:center;
    position:relative;
    width:100%;
    font-size:20px
}
.back-btn-title{
    position:absolute;
    top:15px;
    left:20px;
    color:#838383;
    padding:15px
}
.content-popup-res{
    padding:45px 45px 10px
}
.content-popup-res input,textarea{
    width:100%;
    border-radius:2px;
    padding:15px 10px 5px;
    border:1px solid rgba(131,131,131,.3)
}
.content-popup-res input,textarea{
    width:100%;
    border-radius:2px;
    padding:17px 10px 5px;
    border:1px solid rgba(131,131,131,.3)
}
.content-popup-res .large-btn-red{
    width:100%;
    text-align:center
}
.date-icon-absolute{
    position:absolute;
    right:8px;
    top:8px;
    padding:5px;
    color:#444;
    z-index:99
}
.btn{
    cursor:pointer;
    border:0
}
.active-form-up{
    opacity:1;
    visibility:visible;
    left:0;
    transition:opacity .25s linear , visibility .25s linear , transform .25s;
    transform:translateX(0)
}

.content-document-de{
    max-height:125px;
    margin:10px 0;
    overflow:hidden
}
.title-mobile-contact{
    display:none
}
.meta-items:before,
.meta-items:after{
    display: table;
    content: "";
    clear:both;
}
.meta-items .meta-item .item-left,.project-meta-right>span:not(.txtprice){
    color:rgba(68,76,89,.76);
    font-weight:400;
    font-size:15px;
}
.product-meta .meta-items
{
    font-size: 14px;
    width: 100%;
    float: left;
    margin: 12px 0 18px;
    background: #efefef;
    padding: 4px 10px 2px;
    border-radius: 5px;
}
.bor-red-btn{
    background:none;
    border:1px solid #b8301e;
    border-radius:2px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#fff;
    padding:0 30px;
    cursor:pointer
}
.bor-red-btn:hover{
    background:#c72528
}
.bor-white-btn{
    background:none;
    border:1px solid #fff;
    border-radius:2px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#fff;
    padding:0 30px;
    cursor:pointer
}
.plr-20{
    padding:0 20px
}
.common-knowledge:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.common-knowledge li{
    float:left;
    width:16.66%;
    position:relative;
    vertical-align:bottom
}
.common-knowledge li:last-child{
    padding-right:0
}
.common-knowledge li .card-knowledge{
    position:absolute;
    top:0;
    left:0;
    bottom:8px;
    right:16px;
    text-align:center;
    transition:background-color 300ms linear
}
.common-knowledge li .card-knowledge h3{
    color:#fff;
    font-size:20px;
    line-height:30px;
    font-weight:400
}
.common-knowledge li .card-knowledge .table{
    display:table;
    width:100%;
    height:100%;
    padding:20px
}
.table{
    display:table
}
.table-cell{
    display:table-cell;
    vertical-align:middle
}
.common-knowledge li .card-knowledge .table .bor-white-btn{
    visibility:hidden;
    opacity:0;
    transition:visibility 0s , opacity .5s linear;
    position:absolute;
    top:40%;
    left:14%
}
.common-knowledge li:hover .card-knowledge .table .bor-white-btn{
    visibility:visible;
    opacity:1
}
.common-knowledge li:hover .card-knowledge{
    background:#c72528
}
.common-knowledge li:hover .card-knowledge h3{
    display:none
}
.header-w-close{
    position:relative;
    height:78px;
    background:#f3f4f7;
    text-align:center
}
.header-w-close h3{
    line-height:78px;
    font-weight:400;
    font-size:20px;
    max-width:70%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:0 auto
}
.list-filter .popup:not(.popup-visible){
    z-index:-1
}
.title-popup-da{
    background:#f3f4f7;
    height:80px;
    line-height:80px;
    text-align:center;
    position:relative;
    width:100%;
    font-size:20px;
    margin:-45px -45px
}
.project-header-inner .project-meta{
   /* width: calc(100% - 250px);
    border-right: 1px solid rgba(48,51,58,.2);
    padding-right: 20px;
    float: left;*/
    width: 100%;
}
.meta-tools{

}
.project-header-inner .project-meta-right{
    font-weight: 500;
    color: rgba(48,51,58,.86);
    line-height: 30px;
    float: left;
    padding-left: 20px;
    width: 250px;
    margin-top: 20px;
}
.style2 .project-header-inner .project-meta-right{
    display: flex;
    align-items: center;
    height: 176px;
}
.project-meta-right .txtprice, .btn-sticky-header .txtprice, .featured .txtprice{
    font-size:16px;
    color:#c72528;
    font-weight:600
}
.project-meta-right .txtprice
{
     font-size:24px;
}
.project-header-inner .project-meta .listing-tools{
    float: right;
    margin-top: 4px;
    margin-right: 8px;
}
.project-header-inner .project-meta .fb-like{display: block;float: left;margin-top: 2px;}
.project-header-inner .project-meta .btn-error{
    border: 1px solid #c72528;
    font-size: 13px;
    padding: 5px 11px;
    border-radius: 4px;
    cursor: pointer;
    color: #c72528;
    line-height: 30px;
    margin-left: 3px;
    font-weight: 600;
}
.project-header-inner .project-meta .btn-error:hover {
    opacity: .9;
}
.text-fill-left{
    color:rgba(68,76,89,.76);
    font-weight:400;
    display:inline-block;
    width:30%
}
.stickyTrigger .btn-sticky-header{
    width:35%!important;
    font-size:14px;
    font-weight:400
}
.fixed-form-r .content-pu-rv{
    padding:20px
}

.form-info .box-form .checkbox input+label:after{
    top:4px
}
.right-popup-rv .res-success{
    padding:10px
}
.right-popup-rv .or-direct-call{
    padding-top:10px
}
.right-popup-rv .or-direct-call p{
    font-size:14px
}


.body-fullscreen{
    overflow:hidden!important
}
.gmap-render{
    position:relative
}
.gmap-render.full-screen{
    position:fixed!important;
    width:100%!important;
    height:100%!important;
    top:0!important;
    left:0!important;
    margin:0!important;
    z-index:2999
}
.full-screen-act{
    position:absolute;
    top:0;
    right:0;
    z-index:200;
    width:43px;
    height:43px;
    background-image: url('/theme/img/map-open-icon.png');
    background-size: 100%;
    opacity:.4;
    transition:opacity linear .25s;
    -webkit-transition:opacity linear .25s;
    -moz-transition:opacity linear .25s
}
.full-screen-act.view3d{
    right:50px
}
.full-screen-act:hover{
    opacity:1
}
.full-screen-act.close {
    background-image: url('/theme/img/map-close-icon.png');
}
.full-screen-act.close:hover{
    opacity:1
}
.search-sidebar .highlight{
    position:absolute;
    z-index:10;
    width:100%;
    height:100%;
    overflow-y:auto;
    top:0;
    left:0;
    padding:0 30px 30px 0;
    background-color:#f7f7f7
}
.search-sidebar .highlight .title{
    margin:15px 0 0 0;
    height:39px;
    font-size:1.6em;
    line-height:39px
}
.no-overflow-y{
    overflow-y:hidden!important
}
.mdialog{
    display:none
}
@media screen and (min-width:801px){
    .mdialog.opened{
        display:flex;
        align-items:center;
        justify-content:center
    }
}
.hidden{
    display:none
}
.mdialog .close:before{
    position:absolute;
    top:0
}
.hidden{
    display:none
}
a.actmore-filter{
    white-space:nowrap
}
.hotline{
    color:#444c59!important
}
.hotline:hover{
    color:#c72528!important
}
footer .hotline{
    color:#dedede!important
}
footer .hotline:hover{
    opacity:.9;
    color:#dedede!important
}
.back-to-top{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    position: fixed;
    right: 20px;
    bottom: 46px;
    padding: 2px 14px 0;
    height: 30px;
    line-height: 37px;
    border-radius: 50%;
    background: #ef9e4b;
    text-align: center;
    z-index: 99;
    width: 44px;
    height: 44px;
    opacity: 0.8;
}
.popup-yt-video{
    width:100%
}
.popup-yt-video img{
    max-width:100%
}
.g-recaptcha{
    transform:scale(1.06);
    -webkit-transform:scale(1.06);
    transform-origin:0 0;
    margin-bottom:10px;
    -webkit-transform-origin:0 0
}
.bnt-redlh.text-center{
    text-align:center;
    padding:10px 0 30px 0;
    float:none;
    width:100%
}
.bnt-redlh.text-center .sms-button{
    float:none;
    text-align:center;
    margin:0 auto!important
}
.pro-descrip .left-descrip{
    float:left;
    width:60%;
    margin:0 4% 0 0;
    font-size:16px;
    line-height:22px;
    text-align:justify
}
.pro-descrip .left-descrip p{
    padding:10px 0 0 0
}
.pro-descrip .left-descrip p:first-child{
    padding:0
}
.pro-descrip .right-descrip{
    float:left;
    width:36%;
    margin:0 0 0 0
}
.pro-descrip .right-descrip img{
    max-width:100%
}
.bnt-redlh .sms-button{
    margin:0!important;
    font-size:16px;
    width:250px
}
.slash+.slash:before{
    content:' / '
}
.comma+.comma:before{
    content:','
}
div>img{
    max-width:100%
}
.border-top-ccc{
    border-top:1px solid #ccc
}
.box-form .hs-error-msgs label{
    color:#c72528!important;
    font-size:12px;
    margin-bottom:8px;
    display:block
}
.box-form .hbspt-form input.error{
    border-color:#c72528!important
}
.box-form .hs-form-required{
    color:#c72528!important;
    margin-left:5px
}
.box-form form .actions input[type="submit"]{
    background:#444c59;
    color:#fff;
    border:0;
    text-transform:uppercase;
    padding:12px 0 8px;
    text-decoration:none;
    border-radius:2px;
    text-align:center;
    font-weight:600;
    margin-top:10px
}
.box-form form .actions input[type="submit"]:hover{
    background-color:#c72528
}
.box-form .hs-form fieldset.form-columns-1 .input{
    margin:0
}
.box-form .hs-form fieldset.form-columns-1 .hs-input:not([type=checkbox]){
    width:100%
}
.box-form .hs-form fieldset.form-columns-1 .hs-input[type="checkbox"]{
    display:inline-block
}
.box-form li.hs-form-checkbox{
    display:inline-block;
    padding-right:20px
}
.box-form .hs-form fieldset.form-columns-1 .hs-input[type="checkbox"]+span{
    padding-left:5px
}
.box-form .hs-richtext{
    padding-bottom:20px
}
.hs-form-field label{
    display:block;
    font-weight:700
}
.hs-form-field .hs-form-checkbox label,.hs-form-field .hs-error-msgs label{
    font-weight:400;
    line-height:15px
}
.hs-form-field .hs-input:not([type=checkbox]){
    font-size:16px;
    line-height:24px;
    padding:8px;
    display:block;
    width:100%!important;
    border:1px solid #ccc
}
.contact-rever .hs-form{
    max-width:70%
}
.contact-rever .hs-button{
    text-transform:uppercase;
    min-width:160px;
    display:block;
    width:230px;
    background:#c72528;
    color:#fff;
    padding:10px 0 6px 0;
    clear:both;
    font-weight:500;
    text-align:center;
    font-size:16px;
    border-style:none;
    cursor:pointer;
    -webkit-transition:height 2s
}
.contact-rever .hs-button:hover{
    background:#444c59;
    color:#fff
}
.contact-rever .hs-form-field{
    float:left;
    width:100%;
    font-size:16px;
    line-height:24px;
    font-weight:500;
    padding:0 0 10px;
    position:relative
}
.contact-rever .hs_description_note{
    padding-bottom:30px
}
.gmnoprint img{
    max-width:none;
    max-height:none
}
.flex-disabled{
    opacity:.1;
    cursor:default
}
a:hover .flex-disabled{
    opacity:.1;
    cursor:default;
    color:#444c59
}
.post-share-btn-group{
    padding:5px;
    position:absolute;
    left:0;
    top:500px;
    z-index:1;
    border-radius:2px;
    background-color:#fff;
    box-shadow:0 2px 10px 0 #e4e4e4;
    border:solid 1px rgba(236,236,236,.5)
}
.btn-group,.btn-group-vertical{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.post-share-btn-group ul.post-share-buttons{
    list-style-type:none;
    padding:0
}
.post-share-btn-group ul.post-share-buttons li{
    text-align:center
}
.post-share-btn-group ul.post-share-buttons li .zmdi{
    padding-right:0
}
.post-share-btn-group ul.post-share-buttons li a{
    padding:4px 8px;
    margin:5px;
    border-bottom:1px solid rgba(131,131,131,.2);
    display:block
}
.twitter-color{
    color:#69b2ce
}
.facebook-color{
    color:#6e8ad3
}
.googleplus-color{
    color:#e17f70
}
.in-color{
    color:#5ea3cd
}
.post-share-btn-group ul.post-share-buttons li:last-child a{
    border:0
}
.box-row .content{
    padding-bottom:20px;
}
.post-share-btn-group ul.post-share-buttons li a img{
    vertical-align:middle
}
.sms-share{
    display:none
}
.btn-like{
    position:absolute;
    top:10px;
    right:10px;
    width:40px;
    height:40px;
    display:table;
    z-index:99;
    transition:opacity .5s ease-out
}
.btn-like a{
    display:table-cell;
    width:40px;
    height:40px;
    border-radius:2px;
    background-color:rgba(48,51,58,.2);
    color:#fff;
    vertical-align:middle;
    text-align:center
}
.btn-like a:hover{
    background:#00a6bd
}
.btn-like a.liked{
    background:#00a6bd
}
.btn-like a .zmdi{
    padding:0
}
.hot-label{
    position:absolute;
    top:10px;
    left:10px;
    background:#ea1e12;
    color:#fff;
    width:auto;
    padding:2px 10px 0;
    font-size:12px;
    font-weight:600;
    border-radius:2px;
    text-transform:uppercase
}
.btn-like{
    position:absolute;
    top:10px;
    right:10px;
    width:32px;
    height:32px;
    display:table;
    z-index:99;
    opacity:1;
    transition:opacity .5s ease-out
}
.btn-like a{
    display:table-cell;
    width:100%;
    height:100%;
    border-radius:2px;
    background-color:rgba(48,51,58,.2);
    color:#fff;
    vertical-align:middle;
    text-align:center
}
.social-content .follow-button{
    padding:6px 20px 2px 20px!important
}
.position-toast{
    bottom:10px;
    left:10px
}
#toast-container>div{
    width:330px;
    height:auto;
    min-height:50px;
    margin:10px 0 0 0!important;
    padding:0 15px 0 20px!important;
    background:#fff;
    color:#444c59!important;
    border-radius:0!important;
    box-shadow:0 4px 10px 0 rgba(0,0,0,.24)!important;
    align-items:center;
    display:flex;
    opacity:1!important
}
.toast-items.zmdi{
    font-size:20px
}
.zmdi.zmdi-check::before{
    color:#8cc156
}
.zmdi.zmdi-info-outline::before{
    color:#da5260
}
.zmdi.zmdi-close-circle{
    position:absolute;
    padding-right:20px;
    right:0;
    color:rgba(68,76,89,.3)
}
.toast-message{
    padding:0 10px;
    font-weight:400;
    font-size:16px;
    white-space:nowrap
}
.toast-message>a{
    color:#00a6bd;
}
.toast-message>a:hover{
    color:#c72528
}
@media only screen and (max-width:480px){
    .block-listing .col-3 {
        width: 100%;
    }
    .post-body-wrapper .main-body{padding:10px;}
    .breadcrums .breadcrumbs-item:last-child{display:none;}
   
   .detail-commodities li {font-size:16px;}
    ul.downloads li{width:100%!important;}
    #toast-container>div{
        max-width:100%
    }
    .box-row table {
        border-collapse: collapse;
        width: 100%;
        overflow: hidden;
        display: inline-block;
        overflow-x: scroll;
    }

}
.featured .overlay{
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.9));
    color:#fff;
    padding:15px
}
.featured .overlay .heading{
    display:block;
    
    font-size:18px;
    font-weight:500;
    color:#fff;
    padding:0;
    line-height:18px;
    height:18px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.featured .overlay .heading a{
    color:#fff
}
.featured .overlay .address{
    font-size:13.5px;
    font-weight:400;
    margin-top:8px;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.featured .overlay .address a{
    color:rgba(255,255,255,.86)
}
.featured .overlay .sale-price{
    display:block;
    overflow:hidden;
    color:rgba(255,255,255,.86);
    font-size:14px;
    line-height:1.29;
    margin-top:8px
}
.featured .overlay .sale-price span{
    display:block;
    float:left
}
.featured .overlay .sale-price span::after{
    content:'';
    width:1px;
    height:10px;
    background:rgba(255,255,255,.86);
    display:inline-block;
    margin:0 15px
}
.featured .overlay .sale-price span:last-child::after{
    display:none
}
.featured .overlay .sale-price span strong{
    color:#fff
}
@media (max-width:480px){
    .post-share-btn-group ul.post-share-buttons{
        display:flex;
        align-items:center;
        justify-content:center
    }
    .post-share-btn-group ul.post-share-buttons li a{
        width:40px;
        height:40px;
        display:flex;
        align-items:center;
        justify-content:center
    }
}
.full-screen-white{
    position:absolute;
    top:10px;
    right:10px;
    z-index:200;
    width:50px;
    height:50px;
    padding:5px;
    opacity:.8;
    transition:opacity linear .25s;
    -webkit-transition:opacity linear .25s;
    -moz-transition:opacity linear .25s;
    background:#fff;
    background-image:url(/images/svg/full-screen-white.svg)
}
.full-screen-white.close{
    background-image:url(/images/svg/close-white.svg)
}
.title.title-res{
    display:none
}
.full-screen-icon{
    width:15px;
    display:inline-block;
    vertical-align:text-bottom;
    margin-right:5px
}
.list-container{
    position:relative;
    display:inline-block;
    font-size:14px;
    width:100%
}
.list-container-fullscreen{
    display:block
}
.list-container .list-row{
    border-bottom:1px solid #e6e6e6;
    transition:background-color .1s;
    white-space:nowrap;
    width:100%;
    box-sizing:border-box;
    height:40px
}
.list-container .list-row:hover{
    background:#fff
}
.list-cell{
    white-space:nowrap;
    height:100%;
    box-sizing:border-box;
    text-overflow:ellipsis;
    overflow:hidden;
    float:left;
    padding-top:10px
}
.list-col-name{
    width:43%;
    padding-left:30px
}
.list-col-status{
    width:6%;
    text-align:center;
    padding-left:10px
}
.list-col-status span{
    font-size:12px;
    background-color:#edeef2;
    border:1px solid rgba(48,51,57,.19);
    display:block;
    max-width:40px
}
.list-col-id{
    width:9%;
    padding-left:10px
}
.list-col-room{
    width:9%;
    padding-top:2px;
    padding-left:10px
}
.list-col-area{
    width:9%;
    padding-top:2px;
    padding-left:10px
}
.list-col-price{
    width:9%;
    padding-left:10px
}
.list-col-action{
    width:15%;
    text-align:center;
    padding-left:10px;
    padding-right:30px
}
.list-col-action a{
    font-size:12px;
    border:1px solid rgba(48,51,57,.19);
    padding:5px 10px
}
.list-col-action a:hover{
    border:1px solid #c52728;
    color:#c52728
}
.max-width-946.contact{
    padding-top:60px;
    padding-bottom:60px;
    font-size:16px;
    line-height:26px
}
.max-width-946.contact .contact-detail .contact-info{
    width:60%;
    float:left;
    padding:60px 0 60px 60px
}
.max-width-946.contact .contact-detail .contact-info header{
    font-size:30px;
    font-weight:500;
    line-height:42px
}
.max-width-946.contact .contact-detail .contact-info p{
    padding:20px 20px 40px 0
}
.max-width-946.contact .contact-detail .contact-info .red-bnt{
    max-width:180px
}
.max-width-946.contact .contact-detail .contact-img{
    width:40%;
    float:left;
    display:block;
    position:relative;
    height:390px;
    overflow:hidden
}
.max-width-946.contact .contact-detail .contact-img img{
    position:absolute;
    display:block;
    max-width:100%;
    max-height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.project-slider{
    position:relative;
    border-bottom:1px solid #f3f3f3;
    overflow:hidden;
    height:350px
}
.list-img-srcoll{
    font-size:0;
    white-space:nowrap;
    background-position:top left
}
.listing-img{
    cursor:pointer;
    border-right:1px solid #f3f3f3;
    opacity:1;
    -webkit-transition:opacity .4s;
    -moz-transition:opacity .4s;
    -o-transition:opacity .4s;
    transition:opacity .4s;
    height:350px
}
.listing-img:hover{
    opacity:.9
}
.all-img{
    bottom:30px;
    pointer-events:auto;
    z-index:200;
    width:100%;
    position:absolute
}
.all-img-inner{
    max-width:1140px;
    margin:0 auto
}
.view-all-img{
    border:1px solid #fff;
    color:#fff;
    background-color:rgba(0,0,0,.6);
    display:inline-block;
    line-height:20px;
    text-align:center;
    cursor:pointer;
    transition:border-color , background , box-shadow , color , fill .1s ease;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    padding:5px 10px;
    font-size:14px;
    min-width:125px
}
.view-all-img:hover{
    color:#fff;
    box-shadow:0 1px 1px rgba(0,0,0,.1)
}
.list-all-img-project li{
    display:inline-block
}
.project-sumary .project-name{
    width:100%;
    padding:15px 0 15px;
    overflow:hidden;
    display:block;
    font-size:16px;
}
.main-content .view-more-gray.more{
    display:none
}

.map-gutter{
    padding-top:40px;
    overflow:hidden;
    display:table
}
.location-icon{
    display:none
}
.btn-map{
    width:18%;
    float:left;
    min-width:125px;
    margin-right:20px
}
.map-icon{
    border:1px solid #303339;
    color:#303339;
    background:#fff;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    padding:4px 18%;
    font-size:16px;
    font-weight:500;
    min-width:125px
}
.map-icon .font-icon{
    font-size:26px;
    margin-right:5px;
    vertical-align:text-bottom
}
.location-icon .title-res{
    font-size:14px;
    height:40px;
    overflow:hidden;
    display:table-cell;
    vertical-align:middle;
    color:#8e9399
}
.max-width-946.contact .contact-detail,.location-map{
    box-shadow:0 0 1px #a4a4a4;
    background-clip:padding-box;
    background-color:#fff;
    box-sizing:border-box;
    overflow:hidden
}
.location-map-content{
    position:relative;
    text-align:center;
    padding:25px;
    font-size:16px;
    line-height:28px
}
.location-map-content .map{
    position:relative;
    overflow:hidden;
    width:100%;
    height:430px
}
.location-map-content .address-wrap{
    display:inline-block;
    margin-top:20px
}
.location-map-content .address-wrap .address-title{
    font-weight:600;
    font-style:normal
}
.location-map-content .address-wrap .address-range{
    margin:0 15px 0 5px
}
.width1140 .contact-form{
    padding-bottom:60px
}
.width1140>h1{
    padding:60px 0 0;
    font-size:36px;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    line-height:46px;
    font-weight:400;
    text-align:center
}
.news-pro-detail{
    width:100%;
    overflow:auto;
    padding-bottom:60px
}
.news-pro-detail li{
    display:block;
    padding:7px 0;
    float:left;
    margin-right:4%;
    width:48%;
    font-size:16px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.news-pro-detail li:nth-child(2n+2){
    margin-right:0
}
section.bg-gray-e6 div.more-info-black{
    max-width:590px;
    padding:0 20px
}
.bg-neiberhood-overlay{
    background-color:rgba(0,0,0,.5);
    overflow:hidden;
    padding-bottom:60px
}
.favorite-white-icon:before{
    content:"\f190"
}
.share-icon:before{
    content:"\f203"
}
.project-title{
    padding-bottom:0
}
.tittle-neiberhood{
    font-size:38px;
    line-height:40px;
    color:#fff;
    padding:60px 0 40px;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    overflow:hidden
}
.project-title .width1140{
    padding:0 0 20px!important
}
.project-title .header{
    float:left;
    width:60%;
    height:40px;
    font-weight:500;
    line-height:40px;
    font-size:16px;
    margin-top:-8px
}
.project-title .header li:first-child{
    padding-left:0
}
.project-title .header li{
    display:inline-block;
    padding:8px 15px 0
}
.project-title .btn-info{
    width:40%;
    float:left;
    margin-top:-8px
}
.bg-neiberhood{
    position:relative;
    width:100%;
    background-image:url(../images/xbg-tuyendung.jpg.pagespeed.ic.a3Lt3ZgXIm.jpg);
    background-repeat:no-repeat;
    background-position:50%;
    -ms-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
    overflow:auto
}
.bg-neiberhood .sub-content{
    color:#fff;
    line-height:22px;
    font-size:16px;
    padding-bottom:20px;
    max-width:900px;
    max-height:145px;
    overflow:hidden
}
.btn-more{
    font-size:16px;
    font-weight:600
}
.bg-neiberhood .btn-more{
    padding-top:20px;
    font-size:16px;
    line-height:20px;
    text-decoration:underline
}
.bg-neiberhood .btn-more a{
    color:#fff!important
}
.btn-down-neiberhood{
    width:100%;
    padding-top:20px
}
.btn-down-neiberhood .red-bnt{
    max-width:480px;
    height:40px;
    text-transform:none;
    font-size:16px!important;
    position:relative
}
.btn-down-neiberhood .red-bnt img{
    width:50px;
    height:50px;
    position:absolute;
    left:10px;
    top:5px;
    display:block
}
.btn-black-border{
    padding-left:10px;
    padding-right:10px
}
.btn-black-border .btn-hotline{
    margin:0 auto!important;
    max-width:620px;
    font-weight:600;
    border:2px solid #000!important;
    position:relative
}
.btn-black-border .btn-hotline img{
    width:50px;
    height:50px;
    position:absolute;
    left:20px;
    top:-3px;
    display:none
}
.more-info .contact-now{
    color:#c52728
}
.more-info-black .black-button{
    width:100%;
    padding:10px 0 6px 0;
    font-weight:500
}
.more-info-black{
    width:100%;
    max-width:400px;
    margin:0 auto;
    margin-top:40px
}
.more-info-black .btn-hotline:hover,.btn-black-border .btn-hotline:hover{
    background:#000;
    color:#fff!important
}
.owner-img .btn-more{
    text-decoration:underline;
    padding-right:30px;
    cursor:pointer
}
.owner-img .more-info{
    color:#c72528;
    font-weight:500;
    font-size:16px
}
.btn-red-down{
    margin:0 auto;
    width:100%;
    margin-top:40px;
    max-width:350px;
    float:none!important;
    padding:15px 10px 10px!important
}
.styled-select{
    background-color:#404040;
    background:url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
    height:30px;
    overflow:hidden;
    width:130px;
    display:inline-block
}
.search-sub form{
    background-color:#fff;
    overflow:hidden
}
.search-sub .background-overlay{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,.5);
    z-index:-1
}
.opacity-background-black{
    visibility:hidden!important;
    opacity:0;
    position:fixed;
    top:0;
    background-color:rgba(0,0,0,.5);
    height:100%;
    width:100%;
    -webkit-transition:opacity .25s linear , visibility .25s linear;
    -moz-transition:opacity .25s linear , visibility .25s linear;
    -o-transition:opacity .25s linear , visibility .25s linear;
    transition:opacity .25s linear , visibility .25s linear;
    z-index:200
}
.opacity-background-black-visible{
    visibility:visible;
    opacity:1;
    background-color:rgba(0,0,0,.5);
    z-index:110
}
.proprety-form-contact .hbspt-form .form-columns-1 .hs-richtext>div{
    padding-bottom:20px
}
.contact-agency .btn-hotline-red{
    width:100%;
    margin:10px 0 20px;
    color:#fff;
    font-size:18px;
    padding:5px 0;
    border-radius:2px;
    float:right;
    background:#c52728;
    text-align:center;
    font-weight:600;
    display:block
}
.contact-form .hs-form fieldset.form-columns-1 .input{
    margin:0
}
.contact-form .hs-form fieldset.form-columns-1 .hs-input{
    width:100%
}
.contact-form .hs-form fieldset{
    border:0;
    padding:0;
    margin:0 auto;
    max-width:500px
}
.btn-sticky-header{
    width:180px!important
}
.btn-sticky-header a{
    width:100%
}
.project-title .btn-info .btn-chitiet,.stickyTrigger .width1140 .btn-chitiet{
    width:180px;
    float:right;
    padding-top:8px
}
.btn-chitiet .btn-hotline:hover{
    color:#c52728!important;
    border:1px solid #c52728!important
}
.btn-hotline{
    height:40px;
    text-align:center;
    line-height:40px;
    border:1px solid #000!important;
    margin:0 10px 0 0!important;
    border-radius:2px;
    padding:0 20px!important;
    font-size:16px!important;
    color:#000!important;
    display:block
}
.btn-chitiet .btn-hotline{
    height:40px;
    line-height:40px;
    float:none
}
.btn-red-boder{
    display:block;
    padding:6px 10px 4px;
    font-size:14px;
    border:1px solid #c52728;
    border-radius:2px;
    float:right;
    text-align:center;
    font-weight:600
}
.btn-red-boder a{
    color:#c52728
}
.btn-red-boder:hover{
    background:#c52728
}
.btn-red-boder:hover a{
    color:#fff
}
.popup-overlay{
    background:rgba(0,0,0,.8)!important;
    height:100vh!important;
    overflow:auto;
    position:relative
}
.popup-overlay .title span:first-child{
    display:block;
    width:10%;
    float:left
}
.popup-overlay .title .house-type{
    display:block;
    float:right;
    width:90%;
    max-height:45px;
    overflow:hidden;
    padding-top:5px
}
.popup-overlay .full-screen-act.close{
    position:fixed
}
.popup-lch{
    width:1000px;
    max-width:80%;
    margin:0 auto;
    overflow:hidden;
    background:#f4f5f9;
    transform:translate(-50%,-50%);
    top:50%;
    left:50%;
    position:absolute
}
.popup-lch-img{
    width:70%;
    margin:0;
    float:left;
    background:#fff;
    padding:20px;
    position:relative;
    min-height:540px;
    display:block;
    overflow:hidden;
    height:auto
}
.popup-lch-img img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    max-width:100%;
    max-height:100%;
    margin:auto
}
.popup-lch-detail{
    width:30%;
    float:left;
    padding:20px 10px 0;
    overflow:auto;
    height:auto;
    background-color:#f4f5f9
}
.popup-lch-detail div header{
    font-size:20px;
    line-height:28px;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    padding-bottom:20px
}
.popup-lch-detail div .detail{
    font-size:14px;
    line-height:20px;
    text-align:left;
    font-weight:400;
    border-bottom:1px solid #e1e1e1
}
.popup-lch-detail div .detail ul li{
    width:100%
}
.popup-lch-detail div .detail ul li:after{
    clear:both;
    width:100%;
    display:table;
    content:''
}
.popup-lch-detail div .detail ul li p.left{
    width:40%;
    font-weight:600;
    padding-bottom:10px
}
.popup-lch-detail div .detail ul li p.right{
    width:60%;
    padding-bottom:10px
}
.popup-lch-detail div .detail ul li:last-child p.left{
    padding-bottom:5px
}
.popup-lch-detail div .detail ul li:last-child p.right{
    width:100%;
    padding-left:9px
}
.pupop-close-icon{
    display:block;
    cursor:pointer;
    top:30px;
    right:10px;
    height:44px;
    width:44px;
    z-index:700;
    position:absolute;
    font-family:zmdi;
    font-size:25px;
    font-weight:700
}
.popup-lch .bg-e1e2e6 .red-bnt{
    max-width:100%
}
.popup-contact{
    max-width:440px;
    margin:0 auto;
    overflow:auto;
    transform:translate(-50%,-50%);
    position:absolute;
    top:50%;
    left:50%
}
.popup-contact .header{
    text-align:center;
    font-size:18px;
    font-weight:500;
    line-height:20px;
    background-color:#f2f2f2;
    width:100%
}
.popup-contact .actionIcon{
    top:0;
    height:60px;
    line-height:40px;
    background:transparent;
    color:#000;
    margin-right:20px
}
.popup-contact .contact{
    margin:20px 30px 30px
}
.popup-contact .btn{
    width:100%;
    padding-top:10px
}
.popup-contact .btn a{
    max-width:100%
}
.popup-contact .form-contact{
    width:100%;
    border:1px solid #bfbfbf;
    border-top:none;
    background:#fff;
    overflow:auto;
    font-size:16px;
    padding:0
}
.popup-contact .bg-e1e2e6.header{
    border:1px solid #bfbfbf;
    border-bottom:none;
    padding:20px 30px;
    text-align:left
}
.bg-e1e2e6{
    float:left;
    width:30%;
    height:auto;
    overflow:hidden;
    padding:12px
}
.bg-e1e2e6.popup-header{
    padding-top:15px;
    text-align:left;
    font-size:16px;
    font-weight:500;
    line-height:20px;
    background-color:#e1e2e6
}
.w100{
    width:100%
}
.actionIcon{
    top:15px;
    right:0;
    font-size:20px
}
.timeline{
    padding-top:70px
}
.timeline-list{
    width:46%;
    margin:0 2.75% 30px 0;
    float:left;
    display:inline-block;
    background:#fff
}
.timeline-cover{
    height:240px;
    border-top:2px solid #303339;
    position:relative;
    text-align:center
}
div.timeline-cover img{
    height:100%;
    min-width:100%
}
section.timeline ul li header{
    padding:30px 40px 60px 30px;
    height:auto;
    overflow:hidden
}
section.timeline ul li header div.news a{
    font-size:20px;
    line-height:30px
}
section.timeline ul li header p.description{
    display:block;
    font-size:16px;
    line-height:22px;
    padding-top:30px
}
.timeline-time{
    font-size:16px;
    line-height:30px
}
.timeline ul li{
    list-style-type:none;
    position:relative;
    width:2px;
    margin:0 auto;
    padding-top:50px;
    background:#e6e6e6
}
.timeline ul li::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:26px;
    height:26px;
    border-radius:50%;
    background:inherit
}
.timeline ul li div{
    position:relative;
    bottom:0;
    width:400px
}
.timeline ul li div::before{
    content:'';
    position:absolute;
    width:0;
    height:0
}
.timeline ul li:nth-child(odd) div{
    left:-439px
}
.timeline ul li:nth-child(odd) div::before{
    right:-15px;
    border-width:8px 0 8px 16px;
    border-color:transparent transparent transparent #f45b69
}
.timeline ul li:nth-child(even) div{
    left:45px
}
.timeline ul li:nth-child(even) div::before{
    left:-15px;
    border-width:8px 16px 8px 0;
    border-color:transparent #f45b69 transparent transparent
}
ul.detailroom li:last-child{
    width:30%;
    margin:0!important
}
ul.detailroom li:last-child>div{
    width:12px;
    height:12px;
    background:#999;
    border-radius:50%;
    color:#fff;
    display:inline-block
}
ul.detailroom li div span{
    text-align:center;
    font-size:12px;
    line-height:15px;
    display:block
}
.proprety-form-contact .hs-button{
    width:100%!important
}
.proprety-form-contact .hs-richtext>p{
    padding-bottom:20px
}
.proprety-form-contact .hs-form-field .input{
    margin-right:0!important
}
.popup-img{
    width:65%;
    float:left
}
.popup-content{
    width:35%;
    float:left
}
.contact-form div.hbspt-form div.submitted-message{
    font-size:16px;
    line-height:20px;
    margin:0 auto;
    max-width:100%;
    text-align:center
}
.contact-form .hs-button{
    max-width:500px
}
.contact-form .hs-button,.proprety-form-contact .hs-button{
    text-transform:uppercase;
    min-width:160px;
    display:block;
    width:100%;
    margin:0 auto;
    color:#30333a;
    padding:10px 0 6px;
    clear:both;
    font-weight:500;
    text-align:center;
    font-size:16px;
    border-style:none;
    cursor:pointer;
    -webkit-transition:height 2s;
    -webkit-appearance:none;
    border:1px solid #30333a;
    background:#fff
}
.contact-form .hs-button:hover,.proprety-form-contact .hs-button:hover{
    background:#303339;
    color:#fff
}
.contact-form .hs-form,.property-form-contact .hs-form{
    text-align:left;
    font-size:16px;
    line-height:24px;
    font-weight:600;
    max-width:100%;
    margin:0 auto;
    max-width:50%
}
.form-contact .hs-form{
    max-width:100%
}
.form-contact .hs-form-field:nth-child(3) input,.form-contact .hs-form-field:nth-child(3) label{
    margin:0 0 0 8px
}
.form-contact .hs-form-field .hs-input:not([type=checkbox]){
    background-color:#f4f5f9;
    letter-spacing:.5px;
    -webkit-transition:all .3s;
    transition:all .3s;
    padding:7px 15px;
    box-shadow:0 0 3px #dedede
}
.form-contact .form-columns-2 em span{
    color:#c52728!important
}
.form-contact .hs-form-field label span{
    font-size:14px;
    text-transform:uppercase;
    color:#000;
    font-weight:400;
    margin-right:5px
}
.form-contact .hs-form-field label span+span{
    color:#c52728
}
.form-contact .hs-button{
    display:block;
    margin:0 auto;
    background:#303339;
    color:#fff;
    padding:16px 0 12px 0;
    clear:both;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    font-size:16px
}
.form-contact .hs-button:hover{
    background:#c72528
}
.contact-form .hs-form-field,.proprety-form-contact .hs-form-field{
    float:left;
    width:100%;
    font-size:16px;
    line-height:24px;
    font-weight:500;
    padding:0 0 15px;
    position:relative
}
.proprety-form-contact .hs-form-field label{
    display:none
}
.proprety-form-contact .hs-richtext{
    padding-bottom:20px
}
.contact-form .hs-richtext>p{
    font-size:16px;
    line-height:22px;
    max-width:100%;
    margin:0 auto;
    font-weight:400;
    text-align:center;
    padding-bottom:20px
}
.contact-form .hs-input,.proprety-form-contact .hs-input{
    font-size:16px;
    line-height:24px;
    padding:8px;
    display:block;
    width:100%!important;
    border:1px solid #a9a9a9
}
.contact-form .hs-error-msgs,.proprety-form-contact .hs-error-msgs{
    font-size:12px;
    color:#c72528;
    font-weight:400;
    padding-top:10px
}
.max-w70{
    max-width:70%!important
}
.form-contact{
    width:50%;
    float:left;
    padding-right:30px
}
ul.max-w70 li:last-child{
    width:100%;
    padding-right:30px
}
.form-captcha{
    padding-top:10px;
    text-align:left;
    font-size:16px;
    line-height:24px;
    margin:0 auto
}
div.form-captcha div.captcha{
    width:50%;
    float:left;
    padding-right:30px
}
.form-contact-project{
    width:50%;
    float:left;
    padding:20px 30px 0 0
}
.btn-browse{
    font-size:16px;
    width:150px;
    margin:0 auto;
    background:#dadada;
    padding:15px 30px;
    clear:both;
    text-align:center
}
.btn-form-send{
    width:100%;
    border-radius:0;
    text-transform:uppercase;
    margin-bottom:10px
}
.compare-rever tr td{
    text-align:left;
    padding:20px 10px
}
.container-col-img-right{
    width:290px;
    margin-left:50px;
    position:relative
}
.detail-textbock{
    padding:0 30px 60px;
    font-size:14px;
    line-height:20px
}
.header-textbock{
    padding:40px 30px 30px;
    font-size:18px;
    line-height:26px
}
.container-textblock{
    display:block;
    background-color:#e6e7eb;
    margin:0 30px 0 175px
}
.container-col-img-left{
    width:460px;
    padding:0 20px 50px 0;
    position:relative
}
.container-col{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    width:50%;
    float:left;
    position:relative
}

.background-gray-dot{
    background-color:#f3f3f3;
    overflow:hidden;
    background-image:url();
    padding:40px 0;
    background-size:20px 10px
}
#ft-size18{
    font-size:18px
}
#ft-size22{
    font-size:22px
}
#ft-size28{
    font-size:28px
}
ul li.list-filter a.ward{
    padding:0!important
}
.btn-send{
    float:left;
    margin:0 auto;
    padding-top:30px
}
.checkbox_customize{
    display:inline-block;
    position:relative
}
.customer-icon:before{
    content:"\f206";
    font-size:60px;
    line-height:50px;
    color:#000;
    padding-right:20px
}
.honest-icon:before{
    content:"\f207";
    font-size:60px;
    line-height:50px;
    color:#000;
    padding-right:20px
}
.responsibility-icon:before{
    content:"\f208";
    font-size:60px;
    line-height:50px;
    color:#000;
    padding-right:20px
}
.kind-icon:before{
    content:"\f209";
    font-size:60px;
    line-height:50px;
    color:#000;
    padding-right:20px
}
.spirit-icon:before{
    content:"\f210";
    font-size:60px;
    line-height:50px;
    color:#000;
    padding-right:20px
}
.mota-duan{
    font-size:18px;
    color:#303339;
    display:block;
    line-height:30px;
    text-align:center;
    padding:40px 0 0;
    max-width:850px;
    margin:0 auto
}
.blocks{
    clear:both;
    color:#303339;
    padding:40px 0 0;
    display:block;
    font-weight:400;
    font-size:16px
}
.owner-img+.owner-img{
    padding-top:40px;
    border-top:1px dotted #dedede
}
div.width1140 div.owner-img div.left{
    width:35%;
    padding:0 30px 0 0
}
div.width1140 div.owner-img div.left img{
    width:100%;
    border:1px solid #ccc;
    background-color:#fff;
    padding:20px
}
div.width1140 div.owner-img div.right{
    width:65%;
    float:left
}
.owner-img .right p{
    float:right;
    width:100%;
    font-size:16px;
    text-align:justify;
    padding:0 0 20px 0
}
.owner-img .right ul li{
    font-size:16px;
    color:#303339;
    display:inline-block
}
.owner-img{
    padding-bottom:40px;
    float:left
}
.owner-img:last-child{
    padding-bottom:60px
}
.btn-chitiet a{
    border:1px solid #303339;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    height:35px;
    line-height:35px;
    display:block;
    padding:0 15px;
    background:#fff;
    float:left;
    cursor:pointer
}
.btn-chitiet:hover a{
    color:#fff
}
.bg-neiberhood .btn-chitiet a{
    font-size:16px;
    background:transparent;
    color:#fff;
    border:1px solid #fff
}
.ttct{
    background:#fff;
    padding:0 0 50px 0
}
.sdt{
    display:inline-block;
    padding:0;
    color:#c72528
}
.chat{
    display:inline-block;
    float:right;
    padding:0;
    color:#c72528
}
.name-duan{
    width:100%;
    background:#fff;
    border-bottom:0 solid #ccc;
    padding:30px 0 30px 0
}
.detail-info{
    border-top:1px solid #dedede;
    padding:30px 0;
    font-family:'harmonia',Arial,Helvetica,sans-serif;
    font-size:16px
}
.detail-info-col{
    float:left!important;
    width:100%;
    line-height:30px
}
.detail-info-col li{
    width:25%;
    float:left
}
ul.detail-info-col li p{
    color:#000;
    line-height:30px
}
ul.detail-info-col li p span.color{
    color:#000;
    font-weight:500
}
.title-detail{
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    font-weight:400;
    font-size:30px;
    width:65%;
    line-height:40.2px;
    padding:25px 0 40px 0
}
.btn-lienhe{
    display:inline-block!important;
    width:105px;
    height:35px;
    border:1px solid #303339;
    color:#fff;
    padding:8px 25px 0 0!important;
    clear:both;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    background:#fafafa;
    margin-right:15px
}
.btn-quantam{
    display:inline-block!important;
    width:105px;
    height:35px;
    border:1px solid #303339;
    color:#fff;
    padding:8px 15px 0 0!important;
    clear:both;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    background:#fafafa;
    margin-right:15px
}
.bgmota{
    background-color:#f4f5f9;
    padding-bottom:30px;
    font-size:16px
}
.lch-content{
    width:100%;
    overflow:hidden;
    display:flex;
    flex-wrap:wrap
}
.lch-content-detail{
    margin-right:30px
}
section.graybg section.lch-content article.lch-content-detail img{
    height:262px;
    width:262px
}
section.graybg section.lch-content article.lch-content-detail ul.header{
    font-size:20px;
    color:#000;
    line-height:23px;
    text-align:center;
    padding:30px
}
section div.width1140 div div.flex-viewport ul.slides li div.title{
    font-size:16px;
    color:#000;
    line-height:24px;
    text-align:center;
    padding:20px 0 60px 0
}
section.graybg section.lch-content article.lch-content-detail ul.header li.detail{
    font-weight:100;
    padding-top:5px;
    font-size:15px
}
section.graybg section.lch-content article.lch-content-detail ul.header li.s{
    color:#c72528;
    font-weight:100;
    padding-top:5px;
    font-size:15px
}
.news-bg{
    background-color:#2c3e50
}
section.news-bg div.width1140 header{
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    font-size:30px;
    line-height:24px;
    padding-bottom:45px
}
.btn-down{
    background:#c72528;
    color:#fff;
    padding:11px 0 8px;
    border-radius:2px;
    text-align:center;
    font-weight:500;
    text-transform:uppercase;
    display:block;
    font-size:16px;
    width:263px;
    margin-top:30px
}
.btn-down:hover{
    background:#303339;
    color:#fff
}
.hinhanh-content{
    width:100%;
    overflow:hidden;
    display:flex;
    flex-wrap:wrap
}
.hinhanh-content-detail{
    margin-right:29px
}
section div.width1140 article.hinhanh-content-detail img{
    width:263px;
    height:175px
}
section div.width1140 article.hinhanh-content-detail ul.header{
    text-align:center;
    font-size:16px;
    line-height:24px;
    margin-top:15px;
    margin-bottom:60px
}
section.background-gray div.width1140 div ul.icon{
    float:left;
    width:10%;
    line-height:24px;
    text-align:center
}
section.background-gray div.width1140 div ul.icon li img{
    height:56px;
    width:56px
}
section.background-gray div.width1140 div ul.icon li p{
    font-size:16px
}
.tienich-icon{
    padding:0 100px 0 100px
}
.list-and-map{
    height:calc(100% - 144px);
    display:flex;
    position:relative;
    z-index:0;
    background-color:#f4f5f9
}
.search-bg{
    width:100%;
    margin:0 auto;
    position:relative
}
.search-list-left{
    height:100%;
    width:640px;
    float:left
}
.search-res{
    background:#e1e2e6;
    padding:7px 30px;
    font-size:16px;
    line-height:24px
}
.search-list-map{
    width:calc(100% - 640px);
    float:left;
    position:fixed;
    top:0;
    bottom:0;
    z-index:10;
    right:0;
    height:100%
}
.search-list{
    background-color:#fff;
    font-size:16px;
    overflow:hidden
}
div.list-and-map div.search-list section div.detail{
    width:100%;
    margin:15px 0 0 0;
    padding-right:20px;
    padding-bottom:15px;
    border-bottom:1px solid #dedede
}
div.list-and-map div.search-list section div.detail ul li{
    display:inline-block
}
div.list-and-map div.search-list section div.detail ul li.name{
    width:65%;
    padding-right:50px;
    padding-left:30px
}
div.list-and-map div.search-list section div.detail ul li.bookmark{
    float:right
}
.sreach-bar{
    width:100%;
    background-color:#fff
}
.rent-drop{
    position:relative;
    font-size:14px;
    font-weight:500;
    display:block;
    line-height:60px;
    color:#303339
}
.iconrent{
    display:inline;
    position:absolute;
    line-height:0;
    top:30px;
    right:52px;
    font-family:zmdi
}
.rent-drop .iconrent{
    right:90px
}
.iconrent:before{
    content:"\f116";
    position:absolute;
    font-size:23px;
    font-weight:400
}
.search-left-filter{
    margin:0;
    font-size:15px;
    display:table-cell;
    vertical-align:middle;
    width:300px
}
.search-right-filter{
    margin:0 30px;
    display:table-cell;
    vertical-align:middle;
    width:190px
}
.why-detail{
    padding-bottom:30px
}
.our-dep-content{
    width:100%;
    overflow:hidden;
    padding-top:0
}
div.width1140 div.owner-img div.right .title{
    font-size:20px;
    font-weight:400;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    padding-bottom:20px
}
.project-header{
    width:100%;
    padding:0;
    overflow:hidden;
    display:block;
    background: #f8f8f8;
}
.project-header .imageContainer{
    max-width: 1903px;
    margin: 0 auto;
}
.project-header-inner{
        background: #fff;
}
.project-header-inner .width1140{
        padding-bottom: 0;
}
.project-header .stickyTrigger-shadow{
    border-bottom: 1px solid rgba(48,51,58,.1);
    border-top: 1px solid rgba(48,51,58,.1);
    background: #fff;
}
.project-header .project-name{
    width:100%;
    padding:20px 0 0;
    overflow:hidden;
    display:block;
    font-size:20px
}
.project-header .project-name .address h2{
    font-weight:400;
    padding-right:5px;
    font-size:14px
}
.project-header .project-name div.address{
    width:65%;
    float:left;
    font-size:14px;
    color:gray
}
.project-header .project-name h4.address {
    font-size: 16px;
    color: #404040;
    font-weight: 400;
    margin-top: 5px;
}
.project-header  .title-project{
    font-size:30px;
    font-weight:500;
    line-height:40px;
    width:100%;
    color:#303339;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
section.project-header div.project-name  h1.title-project{
    padding-bottom: 10px;
    font-size: 28px;
}
.project-name .detail{
    float:left;
    width:100%;
    display:block;
    overflow:hidden;
    font-size:16px;
    padding:30px 0 0 0;
    border-top:1px solid #dedede
}
.social-share{
    float:left;
    width:35%;
    height:60px;
    position:relative
}
.social-content{
    position:absolute;
    right:0;
    bottom:14px
}
.social-content .font-icon{
    font-size:30px;
    width:30px;
    margin-left:10px;
    vertical-align:middle
}
.social-content a img{
    margin-left:5px;
    display:inline-block;
    vertical-align:middle
}
.share{
    float:left;
    width:35%
}
.project-meta .meta-items{
    font-size:14px;
    width: 100%;
    margin: 12px 0 18px;
}
.meta-item{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:calc(100% * 1/7 - 10px);
    line-height:22px;
    float:left;
}
.meta-item{
    margin-bottom: 12px;
    margin-left:0;
    padding-right: 5px;
    margin-right: 10px;
    border-right: 1px solid #f6f6f6;
}
.meta-item:last-child
{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
.meta-item .item-left{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    color:rgba(48,51,58,.86);
    font-weight:600;
    font-size: 0.95em;
}
.meta-item .item-left{
    margin-left:0;
    line-height: 22px;
    font-style: italic;
    opacity: 0.9;
}
.meta-items .meta-item:last-child {
    margin-right: 0;
}
 .meta-item:nth-child(1) {
    width: calc(100% * 1/7);
}
.meta-item .item-right{
    margin-right:0;
    margin-left:auto;
    /*max-height:30px;*/
    overflow:hidden;
    color:rgba(48,51,58,.68);
    color:#444c59;
    font-weight:700;
    line-height: 17px;
}
.meta-item .item-right .price{
    color:red;
}
#price-area{
    color:#c52728
}
.project-house{
    display:table;
    height:90px;
    width:100%;
    font-size:14px
}
.project-house+.project-house{
    border-top:1px solid #ececec
}
.project-house div{
    display:table-cell;
    vertical-align:middle
}
.project-house .img{
    height:60px;
    width:10%;
    position:relative
}
.project-house .img .cover{
    display:block;
    height:60px;
    position:relative;
    overflow:hidden;
    margin-right:10px
}
.project-house .img .cover img{
    width:90px;
    border:1px solid #ccc;
    position:absolute;
    display:block;
    max-width:100%;
    max-height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.project-house .title{
    width:30%
}
.project-house .title h3{
    margin-right:20px;
    font-weight:500;
    font-size:14px
}
.project-house .room{
    width:16.67%
}
.project-house .room span,.project-house .area-m2 span,.project-house .price-m2 span{
    margin-right:5px
}
.project-house .area-m2{
    width:16.67%
}
.project-house .price-m2{
    width:16.67%
}
.project-house .btn{
    text-align:right;
    width:10%
}
.project-house .btn a{
    display:block;
    padding:9px 13px 5px;
    border:1px solid #000;
    border-radius:2px;
    float:right;
    height:36px;
    min-width:75px;
    font-weight:500
}
.project-house .btn a:hover{
    border:1px solid #c52728
}
.project-sumary .project-name .detail{
    float:left;
    width:100%;
    display:block;
    overflow:hidden;
    font-size:16px;
    padding:30px 0 0 0;
    border-top:1px solid #dedede
}
section.project-header div.project-name div.share ul li.share{
    width:100%;
    text-align:right;
    font-size:16px;
    margin-bottom:15px
}
section.project-header div.project-name div.share ul li.btn{
    font-family:'harmonia',Arial,Helvetica,sans-serif;
    font-size:16px;
    display:inline-block;
    padding:30px 0 0 0;
    float:right;
    margin-left:10px
}
.lhtv{
    width:40%!important
}
.menu-detail-under ul{
    width:60%
}
section.project-header div.project-name div.share ul li.btn-contact a{
    border:1px solid #303339;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    background:#000;
    height:40px;
    line-height:40px;
    display:block;
    width:160px
}
section.project-header div.project-name div.share ul li.btn-contact a:hover{
    background:#c52728;
    border:1px solid #c52728
}
section.project-header div.project-name div.share ul li.btn-contact a{
    color:#fff
}
section.project-header div.project-name div.share ul li.btn-care a{
    border:1px solid #303339;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    height:40px;
    line-height:40px;
    display:block;
    width:160px
}
section.project-header div.project-name div.share ul li.btn-care:hover a{
    color:#c72528;
    border:1px solid #c52728
}
.content .detail-more .left1{
    font-size:16px!important;
    line-height:24px;
    color:#8e9399
}
.content .detail-more .right1{
    font-size:16px!important;
    line-height:24px;
    color:#333!important
}
.content .detail-more  p{margin:0;}
.bg-contact{
    padding-bottom:40px
}
.test-content{
    float:left;
    width:50%;
    overflow:hidden
}
.test-content div.cover{
    float:left;
    height:165px;
    width:165px
}
.test-content div.cover img{
    width:100%;
    height:100%;
    border-radius:50%
}
.test-content div.detail{
    float:left;
    width:70%;
    padding:0 30px;
    font-size:16px;
    line-height:22px
}
.test-content div.detail ul li:first-child{
    font-weight:600;
    font-size:20px;
    text-transform:uppercase;
    padding-top:30px
}
.test-content div.detail ul li+li{
    font-weight:lighter;
    font-style:italic;
    padding-top:3px
}
.hsg-cta-gallery{
    text-align:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-width:100%;
    position:relative
}
.hsg-flex{
    -ms-flex-pack:justify;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-flex:1;
    -ms-flex:1;
    overflow:hidden
}
.hsg-cta-gallery .hsg-cta-gallery__column{
    margin:0 5px;
    width:33.33%
}
.hsg-cta-gallery .hsg-cta-gallery__item{
    line-height:0;
    color:#fff;
    display:block;
    position:relative;
    -webkit-transition:-webkit-transform 1s ease;
    transition:-webkit-transform 1s ease;
    transition:transform 1s ease;
    transition:transform 1s ease , -webkit-transform 1s ease;
    margin-bottom:11px
}
.hsg-cta-gallery .hsg-cta-gallery__item img{
    border:1px solid #fff;
    width:100%
}
.hsg-cta-gallery .hsg-cta-gallery__item .hsg-cta-gallery__item-headline,.hsg-cta-gallery .hsg-cta-gallery__item .hsg-cta-gallery__item-overlay{
    position:absolute;
    background:#c52728;
    width:calc(100% - 2px);
    bottom:0;
    left:1px;
    margin:0;
    padding:25px 0;
    -webkit-transition:opacity .75s ease;
    transition:opacity .75s ease;
    font-size:24px;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    font-weight:200
}
.hsg-cta-gallery .hsg-cta-gallery__item .hsg-cta-gallery__item-overlay{
    height:100%;
    width:100%;
    opacity:0;
    left:0;
    top:0;
    border:1px solid #fff
}
.hsg-cta-gallery .hsg-cta-gallery__item .hsg-cta-gallery__item-overlay h4{
    text-transform:uppercase;
    padding-top:6%;
    padding-bottom:6%;
    position:relative;
    font-size:1.28em
}
.hsg-cta-gallery .hsg-cta-gallery__item h5{
    font-weight:400;
    font-size:1.05em;
    line-height:1.4
}
.hsg-cta-gallery .hsg-cta-gallery__item:before{
    content:"";
    background:hsla(0,0%,100%,.58);
    width:100%;
    position:absolute;
    height:100%;
    -webkit-transition:opacity .75s ease;
    transition:opacity .75s ease;
    opacity:0;
    z-index:2
}
.hsg-cta-gallery .hsg-cta-gallery__item .hsg-cta-gallery__item-overlay h4:before{
    content:"";
    background:#fff;
    height:2px;
    width:40%;
    position:absolute;
    bottom:15%;
    left:0;
    right:0;
    margin:auto
}
.hsg-cta-gallery .hsg-cta-gallery__item:hover{
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    z-index:100
}
section.hsg-cta-gallery.hsg-flex div.col1 a:hover{
    transform-origin:0 50%
}
section.hsg-cta-gallery.hsg-flex div.col3 a:hover{
    transform-origin:50% 0
}

#carousel1 .flex-active-slide{
    border:2px solid #ff973a;
    box-sizing:border-box;
    overflow:hidden;
    height:61px
}
@media screen and (min-width:1920px){
    .project-slider,.listing-img{
        height:420px
    }
}
@media only screen and (max-width:1080px){
    .project-meta{
        width:100%
    }
    .popup-lch-img{
        width:60%
    }
    .popup-lch .popup-header,.popup-lch-detail,.popup-lch .bg-e1e2e6{
        width:40%
    }
    .all-img-inner{
        padding:0 15px
    }
  
    .info-sticky-header{
        overflow:hidden;
        border-left:0;
        padding-left:0;
        white-space:nowrap
    }
    .container{
        padding:0 10px
    }
    .row{
        margin-left: -10px;
        margin-right: -10px;
    }
    .row .col{
        padding-left: 10px;
        padding-right: 10px;
    }
    .test-content div.cover{
        margin:0 auto;
        float:none
    }
    .test-content{
        text-align:center
    }
    .test-content div.detail{
        width:100%;
        padding-top:10px
    }
    .btn-quyhoach{
        width:33%
    }
    section.background-gray div.width1140 div.owner-img div.left img{
        width:100%
    }
    .ower-more{
        display:block;
        clear:both;
        padding:0 0 0 345px
    }
    .hinhanh-content{
        width:100%
    }
    .lch-content{
        width:100%;
        padding:0 30px 0 30px
    }
    section div.width1140 article.hinhanh-content-detail img{
        width:460px!important;
        height:350px!important
    }
    section div section article.lch-content-detail a img{
        width:460px!important;
        height:350px!important
    }
}

.pp-relate{
    margin-top: 30px;
    margin-bottom: 30px;
}
.pp-relate h2{
    padding: 5px 0 10px;
    font-size: 20px;
    line-height: 24px;
}
.pp-relate .slick-list
{
    margin-left: -8px;
    margin-right: -8px;
}
    .pp-relate .slick-slide
{
    padding-left: 8px;
    padding-right: 8px;
}
.pp-relate .listingItem .info-container{height:128px}
@media only screen and (max-width:979px){
    section div header div div ul.detail-info-col li{
        display:inline-block
    }
    .pro-descrip .left-descrip{
        width:100%;
        margin-bottom:30px
    }
    .pro-descrip .right-descrip{
        width:100%
    }
    section.graybg section.lch-content article.lch-content-detail img{
        width:406px!important;
        height:70%!important
    }
    section div.width1140 article.hinhanh-content-detail img{
        width:405px!important;
        height:70%!important
    }
    .lch-content-detail{
        width:46%
    }
    .tienich-icon{
        padding:0 10px 0 10px
    }
    section.background-gray div.width1140 div ul.icon{
        margin-right:17px
    }
    .ower-more{
        padding:0 0 0 240px
    }
}
@media only screen and (max-width:800px){
    .popup-overlay .slider-buttons{
        display:none
    }
    .popup-contact{
        margin:150px auto
    }
    .popup-lch{
        margin:100px auto
    }
    .popup-lch-img{
        width:100%;
        min-height:400px
    }
    .location-icon{
        display:table;
        padding-bottom:20px;
        overflow:hidden
    }
    #location{
        display:none
    }
    .social-content a img{
        margin:0 10px 0 0
    }
    .project-house .img{
        vertical-align:bottom
    }
    .project-title .width1140{
        padding:0!important
    }
    .project-sumary .project-name .detail{
        padding:0;
        border:none
    }
    .project-title .header,.project-title .btn-info{
        display:none
    }
    .social-content{
        right:0
    }
    .relative-news .featured .time .date,.relative-news .featured .time .month{
        padding:5px 0 0
    }
    .listpro-content{
        padding:15px 15px 30px
    }
    .list-prop .article div.title{
        padding-left:10px
    }
    .property{
        position:fixed;
        right:0;
        left:0;
        visibility:visible;
        opacity:1;
        bottom:-60px;
        top:auto
    }
    .container-textblock{
        width:50%;
        margin:0 10px 0;
        float:left
    }
    .container-col{
        width:100%;
        flex-direction:inherit
    }
    .container-col-img-left{
        width:50%;
        padding:0 10px 0
    }
    .container-col+.container-col{
        visibility:hidden;
        width:0%
    }
    .hsg-cta-gallery .hsg-cta-gallery__column{
        width:50%;
        margin:0 auto
    }
    .hsg-flex{
        display:block
    }
    .detail-info-col li{
        width:50%;
        float:left
    }
    .title-detail{
        width:100%
    }
    .detail-info{
        padding:30px 0 0 0
    }
    section.graybg section.lch-content article.lch-content-detail img{
        width:742px!important
    }
    section div.width1140 article.hinhanh-content-detail img{
        width:742px!important
    }
    section.background-gray div.width1140 div ul.icon{
        width:45%;
        padding:0 10px 20px 0!important
    }
    .ower-more{
        padding:0
    }
    .btn-quyhoach{
        width:65%
    }
    .btn-down{
        width:235px
    }
    
    section.background-gray div.width1140 div.owner-img div.left img{
        height:100%;
        margin-right:0!important
    }
    .owner-img{
        padding-bottom:30px
    }
   
    .btn-sticky-header,.stickyTrigger .width1140 .btn-chitiet{
        width:50%!important;
        margin:0 auto
    }
    .red-bnt{
        max-width:100%
    }
    .lhtv{
        display:none
    }
    .menu-detail-under ul{
        width:100%
    }
    div.share{
        display:none
    }
    .project-header .project-name .address{
        width:100%
    }
    .stickyTrigger{
        position:fixed;
        right:0;
        left:0;
        visibility:visible!important;
        opacity:1!important
    }
    .CTA-img{
        display:none
    }
    .CTA-info{
        width:100%
    }
   
    .left-content{
        margin-right: 0;
    }
}
@media only screen and (max-width:720px){
    .all-img-inner{
        padding:0 10px
    }
    .max-width-946.contact .contact-detail .contact-info{
        width:100%;
        padding:60px
    }
    .max-width-946.contact .contact-detail .contact-img{
        display:none
    }
    .max-w70{
        max-width:100%!important
    }
    .btn-down{
        width:100%;
        margin-top:15px
    }
    section.project-header div.project-name div.share{
        width:100%;
        padding-bottom:20px
    }
    section.project-header div.project-name div.share ul li.share{
        text-align:left;
        width:14%;
        float:left
    }
    section.project-header div.project-name div.share ul li.btn{
        float:left;
        margin-top:-10px
    }
}
@media only screen and (max-width:600px){
    .project-house .img{
        vertical-align:top
    }
    .max-width-946.contact .contact-detail .contact-info header{
        font-size:26px
    }
    .main-content .view-more-gray.more{
        margin-top:10px;
        border:1px solid #ccc;
        background:transparent;
        display:block
    }
    .main-content .view-more-gray.more a{
        text-decoration:none
    }
    #cta-title{
        padding-top:20px
    }
    .project-house{
        padding-top:20px;
        padding-bottom:20px
    }
    .project-house .img{
        width:30%;
        height:auto
    }
    .project-house .img .cover{
        width:100%;
        min-height:100px;
        height:auto
    }
    .project-house .img .cover img{
        width:90%
    }
    .project-house .title,.project-house .room,.project-house .area-m2,.project-house .price-m2{
        width:100%;
        float:right;
        padding:0 0 0 10px
    }
    .project-house .title h3{
        margin-right:0
    }
    .project-house .btn{
        display:none
    }
    /*.meta-item{
        width:100%
    }*/
    .max-width-946.contact .contact-detail .contact-info{
        padding:30px
    }
    .max-width-946.contact{
        padding-top:30px;
        padding-bottom:30px
    }
    .max-width-946.contact .contact-detail .contact-info p{
        padding:20px 0
    }
    .relative-news .featured .time{
        font-size:16px;
        margin-right:5%
    }
    .owner-img:last-child{
        padding-bottom:30px
    }
    .width1140 .contact-form{
        padding-bottom:30px
    }
    .news-pro-detail{
        padding-bottom:30px
    }
    .bg-neiberhood-overlay{
        padding-bottom:30px
    }
    .tittle-neiberhood{
        font-size:26px;
        padding:30px 0 20px
    }
    .top-sell{
        padding:30px 0
    }
    .detail-more li{
        width:100%;
        margin-right:0
    }
    .owner-img+.owner-img{
        padding-top:30px
    }
    .content-detail{
        padding-bottom:30px
    }
    .news-pro-detail li{
        width:100%
    }
    .owner-img .title{
        padding-top:20px!important
    }
    .owner-img .left{
        width:100%!important;
        padding:0!important
    }
    .owner-img .right{
        width:100%!important
    }
    .right-content-sell-gray{
        width:100%;
        padding:20px 0
    }
    .right-content-sell{
        width:100%;
        padding:20px 0 0
    }
    .cover-left-sell{
        width:100%
    }
    .container-col{
        height:330px
    }
    .container-col-img-left{
        width:100%;
        text-align:center
    }
    .container-textblock{
        visibility:hidden;
        width:0%;
        height:0%
    }
    .test-content div.detail ul li:first-child{
        padding-top:10px
    }
    .test-content+.test-content{
        padding-top:40px
    }
    .test-content{
        width:100%
    }
    section.project-header div.project-name div.share ul li.btn{
        margin:0 10px 0 0
    }
    section.project-header div.project-name div.address h1.title-project{
        font-size:20px;
        line-height:36px;
        overflow:hidden
    }
    .btn-down{
        background:#c72528;
        color:#fff;
        padding:2px;
        border-radius:2px;
        text-align:center;
        font-weight:500;
        text-transform:uppercase;
        display:block;
        font-size:16px;
        width:170px;
        margin-top:10px
    }
    section.project-header div.project-name div.share ul li.share{
        width:90%
    }
}
/*stick*/
.sticky-header{
    visibility:hidden;
    position:absolute;
    top:-60px
}
.stickyTrigger{
    display:block;
    border:1px solid rgba(48,51,57,.15);
    height:53px;
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    overflow:hidden;
    opacity:0;
    transform:translateY(-100%);
    transition:opacity .5s ease-in-out , transform .5s ease-in-out;
    z-index:10;
    font-size:16px
}
.is-stuck{
    position:fixed;
    top:0;
    right:0;
    left:0;
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}
.title-sticky-header{
    float:left;
    max-width:15%;
    padding-right:25px
}
.title-sticky-header h3{
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:60px;
    
    font-size:20px;
    overflow:hidden;
    font-weight:400
}
.info-sticky-header{
    float:left;
    /*width:65%;*/
    font-weight:500
}
.info-sticky-header p.gray{
    font-weight:400;
    padding-bottom:2px;
    color:#8e9399
}
.info-sticky-header li{
    display:inline-block;
    padding:6px 10px 0
}
.info-sticky-header li:first-child{
    padding-left:0
}
.info-sticky-header li a{
    line-height:40px;
    font-weight:700;
    display:block;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.info-sticky-header li a.active{
    border-bottom:2px solid #f07404;
}
.btn-sticky-header{
    float:right;
    width:20%;
    padding-top:7px;
    text-align:right;
    line-height:50px;
    font-weight:500
}
.btn-sticky-header .black-button{
    height:40px;
    line-height:40px;
    text-transform:uppercase;
    width:160px;
    padding:0;
    margin:0;
    float:right
}

/*CUSTOM*/
#alert {margin-bottom:5px;}
#alert .error {
    background: #f9e5e6 url(/img/icon-box-error.png) no-repeat 10px 9px;
    border: 1px solid #f7c7c9;
    border-left-width: 4px;
    color: #b3696c;
}
#alert .success {
    background: #e3ebc6 url(/img/icon-box-success.png) no-repeat 12px 8px;
    border: 1px solid #c2d288;
    border-left-width: 4px;
    color: #8fa442;
}
#alert .error,#alert .success,#alert .info,#alert .notice {
    display: block;
    padding: 10px 20px 10px 44px;
}
.send-success {
    border: 1px solid #c2d288;
    padding: 20px 10px;
    background: #8ec780cc;
    color: #fff;
    text-align: center;
}
.send-success img{
    display: block;
    margin: 0 auto;
}
.mdialog-fullscreen-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    z-index: 1999 !important;
    background: #efefef !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mdialog-fullscreen-container .full-screen-act {
    position: fixed !important;
    top: 10px!important;
    right: 10px!important;
    z-index: 2002!important;
    padding: 0 !important;
    margin: 0 !important;
}

.mdialog-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 2000 !important;
    background: #efefef !important;
    padding: 0 !important;
    margin: 0 !important;
}
.style2 .bgbox-content .title{
    padding: 10px 0 15px;
    font-size: 24px;
    position: relative;
    line-height: 30px;
    width: 100%;
    text-align: left; 
    color: unset; 
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.style2 .title-project
{
    font-size: 24px;
    margin-bottom: 10px;
    line-height:32px;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.style2 h4.address {font-weight:500;}
.style2 .bgbox-content h3.title
{
    font-size: 22px;
    opacity:0.95;
}
/*.style2 .fixed-form-r{
    top: 30px!important;
    margin-top: 0!important;
}*/
ul.downloads {
    margin-bottom: 14px;
    list-style: none;
}
ul.downloads li {margin: 0 0 10px 0;border-top-left-radius: 6px;border-bottom-left-radius: 6px;display: flex;}
ul.downloads li::before{content:''!important;padding:0!important;margin:0!important;}
ul.downloads li a { 
    display: block;
    background: #F7F5F2 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAcCAYAAACQ0cTtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAcVJREFUSEvtVtFNxDAM7QiMwAiMwAiMwAhs4PZSic8bgRFuhI5wI3QERjjyYjuJrnaagoSExElRT4njZzvPLxmG/99vVIBofhrHcB6neYnjM46bfBfME4XnH8cBJwIA5zoAqKOaD+u3QSUTdjaGD6LTixU95rGeg4mZHsqybO6PNpV6ClcNrguQpjBylOFKRA9dm8QI9hVgO0OOjg/fA6LT/IqA8LXLWgCbZ6hkaBlVhFm8rIVYCNq2IXp/lKxcJ3DeAyZ2F/hDtTZB0TS/pUWnPLqhFyyxFP5iyTdgykBk2CKFBeadr1spdWIB1cy8B1MGOvtW89zaYKUVarCa6jYYK822jCxBN2eTyBKaVhqX7RMJGvugowYYC63JHpCm0sZaJ9N/i1ScdQrksmWjOAQrzWZ1AE22RQcaoOmvRBJWt1mzlMkNEAXYsy0C4bA709/JLjWrKnwDSHsMtm4bSXY41KiNRuer4DYaX/RVfLR7dshR7QDaIpyEPN3ke0qU99fs8whwDyZydwxInUiG8t4Iq/XWgLozSFzXq2lHW5tnKJepgOZ3yKbX+Omwc0Yt0a3XkKkAQzWSDKVLFPMHb/RezL9l9wWuQAy9JbrovAAAAABJRU5ErkJggg==) 1% center no-repeat;
    font-size: 18px;
    color: #333;
    padding: 8px 10px 6px 35px!important;
    text-decoration: none;
    font-weight: 700;
    margin: 0!important;
    text-align: left!important;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
}
ul.downloads li a:hover { background-color: #EFEFEF; }
ul.downloads .listyle-1 { border-left: 5px solid #F5876E; }
ul.downloads .listyle-2{ border-left: 5px solid #61A8DC; }
ul.downloads .listyle-3{ border-left: 5px solid #8EBD40; }
ul.downloads .listyle-4 { border-left: 5px solid #988CC3; }
ul.downloads .listyle-5 { border-left: 5px solid #D8C86E; }
/*custom*/
.box-intro{
        padding: 20px 15px;
        background-color: #fff1e4;
        border: 4px dashed #f07404;
    }
     .box-intro p{
       font-weight: bold;
        color: #34b200;
    }
 .hoptac-box{
    border: 1px solid #e5e5e5;
    padding: 7px 10px;
    background-color: #fff1e4;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
 .hoptac-box a{font-size: 15px;
    color: #d90909;}
 .box-warning{
    font-size: 13.5px;
    line-height: 18px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 7px 12px;
    background: #fde0bd;
    border: 1.5px solid #e68713;
    margin-bottom:10px;
}
.box-warning i.font-icon{
    font-size: 16px;
    color: #d86604;
    line-height: 16px;
}
.box-warning i {
    font-weight: bold;
    color: #d86604;
}
.hoptac-box a:hover{text-decoration:underline;}
.relate-projects{padding-bottom: 25px;}
.relate-projects h2,.relative-wrapper .relative-inner h3,
.relate-projects .heading,.relative-wrapper .relative-inner  .heading{
    padding: 40px 0 20px;
    font-size: 24px;
    position: relative;
    line-height: 30px;
    font-weight: 600;
    color: #444c59;
    display: block;
    text-align: center;
}
.relate-projects ul
{
    margin-right:-10px;
    margin-left: -10px;
}
.relate-projects ul::after
{
    content:'';
    display:inline-block;
    clear:both;
}
.relate-projects ul li{
    width: 33%;float:left;
    padding-right:10px;
    padding-left: 10px;
    padding-top: 4px;
    transition: all 400ms;
    margin-bottom:10px;
}
.relate-projects ul li .featured
{
    position: relative;
}
.relate-projects ul li .featured .cover img{
    width: 100%;
    display: block;
    height: auto;
    -moz-user-select: none;
    min-height: 100%;
}
.relate-projects ul li .featured .cover {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover!important;
    background-position: 50% top;
    cursor: pointer;
    height: 240px;
        
}
.relate-projects ul li:hover{
    opacity:0.9;
}
.relate-projects ul li .featured .overlay .heading a{
    font-weight: bold;
    text-align:left;
    display:block;
}
#uhchatboz,#uhchatmobile{z-index:10000!important;right:0!important;}
    .cover-image label.daxuatban,.cover-image label.luunhap,.cover-image label.dangchoduyet,.cover-image label.khongduocduyet,label.countview {
    background-color: #00a65a!important;
    border-color: #d6e9c6;
    text-align: center;
    font-size: 12px;
    padding: 4px 6px;
    line-height: .9;
    color: #fff!important;
    font-weight: 700;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    opacity: .92;
    position: absolute;
    bottom: 8px;
    margin: 0 auto;
    left: 4px;
    box-shadow: 0 1px 1px #656565;
}
.cover-image label.luunhap{
    background-color: #afada8!important;
    border: 1px solid #949493;
}
.cover-image label.dangchoduyet{
    background-color: #e8ac00!important;
    border: 1px solid #e0a704;
}
.cover-image label.khongduocduyet{
    background-color: #e82000!important;
    border-color: #c91206;
}
label.countview{
    top: 5px;
    bottom: unset;
    color: #222!important;
    border-radius: 3px;
    padding: 4px 5px;
    background-color: #b3b3b3!important;
    border-color: #545554;
}
/*bgtop*/
#bgtop{
    position: fixed;
    bottom: -100px;
    left: 0px;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-height: 80px;
    z-index: 99;
    transition: all 0.8s;
    display:none;
}
#bgtop.bgshow{
    bottom: 0;
}
#bgtop img{max-width:100%;}
#bgtop .icon-close  {
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 26px;
    height: 26px;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
/*popup news*/
#page-popup{
    display: none;
    width: 100%!important;
    height: 100%!important;
    overflow-x: hidden;
    overflow-y: auto;
    z-index:99999!important;
    cursor:pointer;
}
.b-modal{ z-index:99998!important;}
#page-popup .container-popup{
    width:1040px;
    margin: 20px auto;
    background: #fff;
    min-height: 600px;
    border-radius: 3px;
    padding: 18px;
    position:relative;
    cursor: default;
}

#page-popup .content .content-wrapper {padding: 0!important;}
#page-popup .content .main-body {
    border: 0;
    border-right: 1px solid #eaeaea;
    padding: 0;
    padding-right: 18px;
}
#page-popup .content .blog-content{ width: 70%;}
#page-popup .content .blog-sidebar{
    width: 28%;
    margin-left: 2%;
}

#page-popup  .b-close{
        background-color: #626365;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 100% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -13px;
    top: -10px;
    content: "x";
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 26px;
    border: 1px solid #fff;
    opacity:0.9;
}
#page-popup  .b-close:hover{
    opacity:0.9;
}
#page-popup .content .blog-sidebar{
        position: -webkit-sticky;
        position: sticky;
        top: 15px;
}
@media(max-width:1080px) {
    #page-popup .container-popup {width:992px;}
}
@media(max-width:992px) {
    #page-popup .container-popup {width:768px;}
        #page-popup .content .blog-content{ width: 100%;}
        #page-popup .content .main-body{
            padding-right: 0;
        border: 0;
        }
    #page-popup .content .blog-sidebar{
        display:none;
    }
}
@media(max-width:768px) {
    #page-popup .container-popup {width: 97%;}
    #page-popup .b-close{
        position: fixed;
        right: 18px;
        top: 15px;
    }
}
@media only screen and (max-width: 600px)
{
        #bgtop{display:block;}
}  
/*end popup news*/
/*brand*/
.brand{
    float: none;
    max-width: 1140px;
    margin: 0 auto;
}
.brand-body{
    padding: 30px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1.75rem;
}
.brand-item .brand-info h2 a{font-size:17px;}
.brand-item .brand-info h2 a:hover{color: #f3a534;}
.brand-item{
    float: left;
    width: 49%;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #e7e6e6;
    align-items: flex-start;
    position: relative;
    display: flex;
    padding: 12px;
}
.brand-item:nth-child(odd) {
    margin-right: 1%;
}
.brand-item:nth-child(even) {
    margin-left: 1%;
}
.brand-item .brand-img{
    flex: 0 0 160px;
    display: inline-table;
    margin-right: 15px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
    float: left;
}
.brand-item .brand-img img{
    width: 100%;
    height: 100%;
    border-style: none;
    max-width: 100%;
    width: 160px;
    display: block;
}
.brand-item .brand-info {
    flex: 1 1 auto;
    line-height: 24px;
}
.brand-item .brand-address {
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 5px;
}
.brand-info  div .left{
    width: 88px;
    float: left;
    font-weight: 500;
}

/*blog*/
/*layout*/
.row-fluid{
	width:100%;
	*zoom:1
}
.row-fluid:before,.row-fluid:after{
	display:table;
	content:""
}
.row-fluid:after{
	clear:both
}
.row-fluid [class*="span"]{
	display:block;
	float:left;
	width:100%;
	min-height:28px;
	margin-left:2%;
	*margin-left:2%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.row-fluid .span8.blog-content{
	margin-left:0
}
.row-fluid .span12{
	width:99.99999998999999%;
	*width:99.94680850063828%
}
.row-fluid .span11{
	width:91.489361693%;
	*width:91.4361702036383%
}
.row-fluid .span10{
	width:82.97872339599999%;
	*width:82.92553190663828%
}
.row-fluid .span9{
	width:74.468085099%;
	*width:74.4148936096383%
}
.row-fluid .span8{
	width:65.95744680199999%;
	*width:65.90425531263828%
}
.row-fluid .span7{
	width:57.446808505%;
	*width:57.3936170156383%
}
.row-fluid .span6{
	width:48.93617020799999%;
	*width:48.88297871863829%
}
.row-fluid .span5{
	width:40.425531911%;
	*width:40.3723404216383%
}
.row-fluid .span4{
	width:31.914893614%;
	*width:31.8617021246383%;
	margin-bottom:25px;
}
.row-fluid .span3{
	width:23.404255317%;
	*width:23.3510638276383%
}
.row-fluid .span2{
	width:14.89361702%;
	*width:14.8404255306383%
}
.row-fluid .span1{
	width:6.382978723%;
	*width:6.329787233638298%
}
.container-fluid{
	*zoom:1
}
.container-fluid:before,.container-fluid:after{
	display:table;
	content:""
}
.container-fluid:after{
	clear:both
}
@media(max-width:767px){
	.row-fluid{
		width:100%
}
	.row-fluid [class*="span"]{
		display:block;
		float:none;
		width:auto;
		margin-left:0
    }
}
@media(min-width:768px) and (max-width:1139px){
	.row-fluid{
		width:100%;
		*zoom:1
}
	.row-fluid:before,.row-fluid:after{
		display:table;
		content:""
}
	.row-fluid:after{
		clear:both
}
	.row-fluid [class*="span"]{
		display:block;
		float:left;
		width:100%;
		min-height:28px;
		margin-left:2.762430939%;
		*margin-left:2.709239449638298%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box
}
	.row-fluid [class*="span"]:first-child{
		margin-left:0
}
	.row-fluid .span12{
		width:99.999999993%;
		*width:99.9468085036383%
}
	.row-fluid .span11{
		width:91.436464082%;
		*width:91.38327259263829%
}
	.row-fluid .span10{
		width:82.87292817100001%;
		*width:82.8197366816383%
}
	.row-fluid .span9{
		width:74.30939226%;
		*width:74.25620077063829%
}
	.row-fluid .span8{
		width:65.74585634900001%;
		*width:65.6926648596383%
}
	.row-fluid .span7{
		width:57.182320438000005%;
		*width:57.129128948638304%
}
	.row-fluid .span6{
		width:48.618784527%;
		*width:48.5655930376383%
}
	.row-fluid .span5{
		width:40.055248616%;
		*width:40.0020571266383%
}
	.row-fluid .span4{
		width:31.491712705%;
		*width:31.4385212156383%
}
	.row-fluid .span3{
		width:22.928176794%;
		*width:22.874985304638297%
}
	.row-fluid .span2{
		width:14.364640883%;
		*width:14.311449393638298%
}
	.row-fluid .span1{
		width:5.801104972%;
		*width:5.747913482638298%
}
}
@media(min-width:1280px){
	.row-fluid{
		width:100%;
		*zoom:1
}
	.row-fluid:before,.row-fluid:after{
		display:table;
		content:""
}
	.row-fluid:after{
		clear:both
}
	.row-fluid [class*="span"]{
		display:block;
		float:left;
		width:100%;
		min-height:28px;
		margin-left:2%;
		*margin-left:2%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box
}
	
	.row-fluid .span12{
		width:100%;
		*width:99.94680851063829%
}
	.row-fluid .span11{
		width:91.45299145300001%;
		*width:91.3997999636383%
}
	.row-fluid .span10{
		width:82.905982906%;
		*width:82.8527914166383%
}
	.row-fluid .span9{
		width:74.358974359%;
		*width:74.30578286963829%
}
	.row-fluid .span8{
		width:65%;
		*width:65%
}
	.row-fluid .span7{
		width:57.264957265%;
		*width:57.2117657756383%
}
	.row-fluid .span6{
		width:48.717948718%;
		*width:48.6647572286383%
}
	.row-fluid .span5{
		width:40.170940171000005%;
		*width:40.117748681638304%
}
	.row-fluid .span4{
		width:33%;
		*width:33%
}
	.row-fluid .span3{
		width:23.076923077%;
		*width:23.0237315876383%
}
	.row-fluid .span2{
		width:14.529914530000001%;
		*width:14.4767230406383%
}
	.row-fluid .span1{
		width:5.982905983%;
		*width:5.929714493638298%
}
}
.clearfix{
	*zoom:1
}
.clearfix:before,.clearfix:after{
	display:table;
	content:""
}
.clearfix:after{
	clear:both
}
.hide{
	display:none
}
.show{
	display:block
}
.invisible{
	visibility:hidden
}
.hidden{
	display:none;
	visibility:hidden
}
.visible-phone{
	display:none !important
}
.visible-tablet{
	display:none !important
}
.hidden-desktop{
	display:none !important
}
@media(max-width:767px){
	.visible-phone{
		display:inherit !important
    }
	.hidden-phone{
		display:none !important
    }
	.hidden-desktop{
		display:inherit !important
    }
	.visible-desktop{
		display:none !important
    }
}
@media(min-width:768px) and (max-width:1139px){
	.visible-tablet{
		display:inherit !important
}
	.hidden-tablet{
		display:none !important
}
	.hidden-desktop{
		display:inherit !important
}
	.visible-desktop{
		display:none !important
}
}

/*end layout*/
img{
    max-width:100%;
    border:0;
    -ms-interpolation-mode:bicubic;
    vertical-align:bottom
}

video{
    max-width:100%;
    height:auto
}
.hs-responsive-embed{
    position:relative;
    height:auto;
    overflow:hidden;
    padding-top:0;
    padding-left:0;
    padding-right:0
}
.hs-responsive-embed iframe,.hs-responsive-embed object,.hs-responsive-embed embed{
    width:100%;
    height:100%;
    border:0
}
.hs-responsive-embed,.hs-responsive-embed.hs-responsive-embed-youtube,.hs-responsive-embed.hs-responsive-embed-wistia,.hs-responsive-embed.hs-responsive-embed-vimeo{
    padding-bottom:2%
}
.hs-responsive-embed.hs-responsive-embed-instagram{
    padding-bottom:116.01%
}
.hs-responsive-embed.hs-responsive-embed-pinterest{
    height:auto;
    overflow:visible;
    padding:0
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe{
    position:static;
    width:auto;
    height:auto
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"]{
    width:100%;
    max-width:100%
}
@media(max-width:568px){
    iframe{
        max-width:100%
    }
}

.hs-menu-wrapper ul{
    padding:0
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul{
    list-style:none;
    margin:0
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul{
    display:inline-block;
    margin-bottom:20px
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul:before{
    content:" ";
    display:table
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul:after{
    content:" ";
    display:table;
    clear:both
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{
    float:left
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
    display:inline-block;
    padding:10px 20px;
    white-space:nowrap;
    max-width:140px;
    overflow:hidden;
    text-overflow:ellipsis;
    text-decoration:none
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children{
    position:relative
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .4s;
    position:absolute;
    z-index:10;
    left:0
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
    display:block;
    white-space:nowrap;
    width:140px;
    overflow:hidden;
    text-overflow:ellipsis
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper{
    left:180px;
    top:0
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper{
    opacity:1;
    visibility:visible
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
    margin-bottom:0
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch{
    position:relative;
    margin-bottom:20px;
    min-height:7em
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul{
    margin-bottom:0
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children{
    position:static
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    display:none
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper{
    display:block;
    visibility:visible;
    opacity:1
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:before{
    content:" ";
    display:table
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:after{
    content:" ";
    display:table;
    clear:both
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li{
    float:left
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a{
    display:inline-block;
    padding:10px 20px;
    white-space:nowrap;
    max-width:140px;
    width:auto;
    overflow:hidden;
    text-overflow:ellipsis;
    text-decoration:none
}
.hs-menu-wrapper.hs-menu-flow-vertical{
    width:100%
}
.hs-menu-wrapper.hs-menu-flow-vertical ul{
    list-style:none;
    margin:0
}
.hs-menu-wrapper.hs-menu-flow-vertical li a{
    display:block;
    white-space:nowrap;
    width:140px;
    overflow:hidden;
    text-overflow:ellipsis
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul{
    margin-bottom:20px
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a{
    width:auto
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li a{
    padding:10px 20px;
    text-decoration:none
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children{
    position:relative
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .4s;
    position:absolute;
    z-index:10;
    top:0;
    left:180px
}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper{
    opacity:1;
    visibility:visible
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a{
    min-width:140px;
    width:auto
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul{
    max-width:100%;
    overflow:hidden
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    display:none
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper,.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li.hs-item-has-children>ul.hs-menu-children-wrapper{
    display:block;
    visibility:visible;
    opacity:1;
    position:static
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2>a{
    padding-left:4em
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3>a{
    padding-left:6em
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4>a{
    padding-left:8em
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5>a{
    padding-left:140px
}
.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul{
    box-shadow:0px 1px 3px rgba(0,0,0,0.18);
    -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.18);
    -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.18)
}
@media(max-width:568px){
    .hs-menu-wrapper,.hs-menu-wrapper *{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        display:block;
        width:100%
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul{
        list-style:none;
        margin:0;
        display:block
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
        display:block
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{
        float:none
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a{
        display:block;
        max-width:100%;
        width:100%
    }
}
.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper,.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    visibility:visible;
    opacity:1
}
.widget-type-space{
    visibility:hidden
}
.hs-author-listing-header{
    margin:0 0 .75em 0
}
.hs-author-social-links{
    display:inline-block
}
.hs-author-social-links a.hs-author-social-link{
    width:24px;
    height:24px;
    border-width:0px;
    border:0px;
    line-height:24px;
    background-size:24px 24px;
    background-repeat:no-repeat;
    display:inline-block;
    text-indent:-99999px
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook{
    background-image:url("/img/icons/social/facebook-24x24.png")
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin{
    background-image:url("/img/icons/social/linkedin-24x24.png")
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter{
    background-image:url("/img/icons/social/twitter-24x24.png")
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus{
    background-image:url("/img/icons/social/googleplus-24x24.png")
}
.hs_cos_flex-container a:active,.hs_cos_flex-slider a:active,.hs_cos_flex-container a:focus,.hs_cos_flex-slider a:focus{
    outline:0
}
.hs_cos_flex-slides,.hs_cos_flex-control-nav,.hs_cos_flex-direction-nav{
    margin:0;
    padding:0;
    list-style:none
}
.hs_cos_flex-slider{
    margin:0;
    padding:0
}
.hs_cos_flex-slider .hs_cos_flex-slides>li{
    display:none;
    -webkit-backface-visibility:hidden;
    position:relative
}
.hs_cos_flex-slider .hs_cos_flex-slides img{
    width:100%;
    display:block;
    border-radius:0px
}
.hs_cos_flex-pauseplay span{
    text-transform:capitalize
}
.hs_cos_flex-slides:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
html[xmlns] .hs_cos_flex-slides{
    display:block
}
* html .hs_cos_flex-slides{
    height:1%
}
.hs_cos_flex-slider{
    margin:0 0 60px;
    background:#fff;
    border:0;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    zoom:1
}
.hs_cos_flex-viewport{
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease
}
.loading .hs_cos_flex-viewport{
    max-height:300px
}
.hs_cos_flex-slider .hs_cos_flex-slides{
    zoom:1
}
.carousel li{
    margin-right:5px
}
.hs_cos_flex-direction-nav{
    *height:0
}
.hs_cos_flex-direction-nav a{
    width:30px;
    height:30px;
    margin:-20px 0 0;
    display:block;
    background:url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0;
    position:absolute;
    top:50%;
    z-index:10;
    cursor:pointer;
    text-indent:-9999px;
    opacity:0;
    -webkit-transition:all .3s ease
}
.hs_cos_flex-direction-nav .hs_cos_flex-next{
    background-position:100% 0;
    right:-36px
}
.hs_cos_flex-direction-nav .hs_cos_flex-prev{
    left:-36px
}
.hs_cos_flex-slider:hover .hs_cos_flex-next{
    opacity:.8;
    right:5px
}
.hs_cos_flex-slider:hover .hs_cos_flex-prev{
    opacity:.8;
    left:5px
}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover,.hs_cos_flex-slider:hover .hs_cos_flex-prev:hover{
    opacity:1
}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled{
    opacity:.3 !important;
    filter:alpha(opacity=30);
    cursor:default
}
.hs_cos_flex_thumbnavs-direction-nav{
    margin:0px;
    padding:0px;
    list-style:none
}
.hs_cos_flex_thumbnavs-direction-nav{
    *height:0
}
.hs_cos_flex_thumbnavs-direction-nav a{
    width:30px;
    height:140px;
    margin:-60px 0 0;
    display:block;
    background:url(/img/icons/bg_direction_nav.png) no-repeat 0 40%;
    position:absolute;
    top:50%;
    z-index:10;
    cursor:pointer;
    text-indent:-9999px;
    opacity:1;
    -webkit-transition:all .3s ease
}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next{
    background-position:100% 40%;
    right:0px
}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev{
    left:0px
}
.hs-cos-flex-slider-control-panel img{
    cursor:pointer
}
.hs-cos-flex-slider-control-panel img:hover{
    opacity:.8
}
.hs-cos-flex-slider-control-panel{
    margin-top:-30px
}
.hs_cos_flex-control-nav{
    width:100%;
    position:absolute;
    bottom:-40px;
    text-align:center
}
.hs_cos_flex-control-nav li{
    margin:0 6px;
    display:inline-block;
    zoom:1;
    *display:inline
}
.hs_cos_flex-control-paging li a{
    width:11px;
    height:11px;
    display:block;
    background:#666;
    background:rgba(0,0,0,0.5);
    cursor:pointer;
    text-indent:-9999px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
    box-shadow:inset 0 0 3px rgba(0,0,0,0.3)
}
.hs_cos_flex-control-paging li a:hover{
    background:#333;
    background:rgba(0,0,0,0.7)
}
.hs_cos_flex-control-paging li a.hs_cos_flex-active{
    background:#000;
    background:rgba(0,0,0,0.9);
    cursor:default
}
.hs_cos_flex-control-thumbs{
    margin:5px 0 0;
    position:static;
    overflow:hidden
}
.hs_cos_flex-control-thumbs li{
    width:25%;
    float:left;
    margin:0
}
.hs_cos_flex-control-thumbs img{
    width:100%;
    display:block;
    opacity:.7;
    cursor:pointer
}
.hs_cos_flex-control-thumbs img:hover{
    opacity:1
}
.hs_cos_flex-control-thumbs .hs_cos_flex-active{
    opacity:1;
    cursor:default
}
@media screen and (max-width:860px){
    .hs_cos_flex-direction-nav .hs_cos_flex-prev{
        opacity:1;
        left:0
    }
    .hs_cos_flex-direction-nav .hs_cos_flex-next{
        opacity:1;
        right:0
    }
}
.hs_cos_flex-slider .caption{
    background-color:rgba(0,0,0,0.5);
    position:absolute;
    font-size:2em;
    line-height:1.1em;
    color:white;
    padding:0px 5% 0px 5%;
    width:100%;
    bottom:0;
    text-align:center
}
.hs_cos_flex-slider .superimpose .caption{
    color:white;
    font-size:3em;
    line-height:1.1em;
    position:absolute;
    padding:0px 5% 0px 5%;
    width:90%;
    top:40%;
    text-align:center;
    background-color:transparent
}
@media all and (max-width:400px){
    .hs_cos_flex-slider .superimpose .caption{
        background-color:black;
        position:static;
        font-size:2em;
        line-height:1.1em;
        color:white;
        width:90%;
        padding:0px 5% 0px 5%;
        top:40%;
        text-align:center
    }
    #recaptcha_area table#recaptcha_table{
        width:300px !important
    }
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1{
        width:300px !important
    }
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4{
        width:67px !important
    }
    #recaptcha_area table#recaptcha_table #recaptcha_image{
        width:280px !important
    }
}
.hs_cos_flex-slider h1,.hs_cos_flex-slider h2,.hs_cos_flex-slider h3,.hs_cos_flex-slider h4,.hs_cos_flex-slider h5,.hs_cos_flex-slider h6,.hs_cos_flex-slider p{
    color:white
}
.hs-gallery-thumbnails li{
    display:inline-block;
    margin:0px;
    padding:0px;
    margin-right:-4px
}
.hs-gallery-thumbnails.fixed-height li img{
    max-height:150px;
    margin:0px;
    padding:0px;
    border-width:0px
}
pre{
    overflow-x:auto
}
table pre{
    white-space:pre-wrap
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
    display:block
}
audio,canvas,video{
    display:inline-block;
    *display:inline;
    *zoom:1
}
audio:not([controls]){
    display:none
}
.wp-float-left{
    float:left;
    margin:0 20px 20px 0
}
.wp-float-right{
    float:right;
    margin:0 0 20px 20px
}
#map_canvas img,.google-maps img{
    max-width:none
}
#recaptcha_table td{
    line-height:0
}
.recaptchatable #recaptcha_response_field{
    min-height:0;
    line-height:12px
}
/*body{
    margin:0 auto;
    -webkit-font-smoothing:antialiased
}
a{
    text-decoration:none;
    color:#444b59
}

input{
    
}
.hs-tools-menu.hs-collapsed{
    display:none !important
}

.font-14{
    font-size:14px
}*/
/*.stickyTrigger{
    display:block;
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    overflow:hidden;
    transform:translateY(-100%);
    transition:opacity .5s ease-in-out,transform .5s ease-in-out;
    z-index:800;
    margin-top:50px
}
.is-stuck{
    position:fixed;
    top:0;
    right:0;
    left:0;
    visibility:visible;
    transform:translateY(0);
    margin-top:0 !important
}*/
.advance-block{
    display:block;
    width:100%;
    max-width:100%;
    overflow:hidden;
    position:relative
}
.advance-block h3{
    font-size:20px;
    font-weight:500;
    padding-bottom:20px;
    display:block;
    overflow:hidden;
    ;
    margin:0
}
.advance-block .adv-wrapper{
    display:block;
    overflow:hidden;
    width:100%
}
.advance-block .adv-wrapper .item{
    display:block;
    width:48%;
    background:#f4f5f9;
    float:left;
    margin-right:4%
}
.advance-block .adv-wrapper .item:nth-child(2){
    margin:0
}
.advance-block .adv-wrapper .item .img{
    display:block;
    vertical-align:middle;
    padding-right:5%;
    width:25%;
    float:left;
    height:60px
}
.advance-block .adv-wrapper .item .img a img{
    width:100%;
    max-width:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
.advance-block .adv-wrapper .item .heading{
    display:block;
    width:70%;
    overflow:hidden;
    float:left
}
.advance-block .adv-wrapper .item .heading a{
    display:block;
    font-size:16px;
    line-height:22px;
    color:#30333a;
    font-weight:500;
    ;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-right:5%;
    padding-top:10px
}
.advance-block .adv-wrapper .item .heading p{
    margin:0;
    overflow:hidden;
    padding-top:5px;
    padding-right:5%;
    height:auto;
    font-size:14px;
    white-space:nowrap;
    text-overflow:ellipsis
}

.border-t{
    border-top:solid 1px rgba(48,51,58,.2)
}
.hs-responsive-embed{
    position:relative;
    height:0 !important;
    overflow:hidden;
    padding-top:0;
    padding-left:0;
    padding-right:0
}
.hs-responsive-embed iframe,.hs-responsive-embed object,.hs-responsive-embed embed{
    position:absolute !important;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.hs-responsive-embed,.hs-responsive-embed.hs-responsive-embed-youtube,.hs-responsive-embed.hs-responsive-embed-wistia,.hs-responsive-embed.hs-responsive-embed-vimeo{
    padding-bottom:56.25% !important
}
.bg-image-section{
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center !important;
    padding:30px 15px 50px;
    text-align:center;
    position:relative;
    height:auto;
    max-height:220px
}
.bg-image-section h1{
    position:relative;
    z-index:99;
    font-size:40px;
    color:#fff;
    margin:0;
    font-weight:500;
    padding:0 0 20px;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    line-height:45px;
    letter-spacing:1.7px
}
.bg-image-section p{
    position:relative;
    z-index:99;
    color:rgba(255,255,255,1);
    font-size:20px;
    margin:0;
    line-height:26px;
    font-weight:100;
    
}
.header-featued-wrapper{
    padding-bottom:30px;
    display:table;
    width:100%;
    overflow:hidden
}
.header-featued-wrapper .right h2{
    margin:0;
    font-size:24px;
    line-height:36px;
    color:#30333a;
    font-weight:500;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.header-featued-wrapper .left{
    display:table-cell;
    vertical-align:middle;
    width:50%;
    text-align:right
}
.header-featued-wrapper .left a{
    overflow:hidden;
    
    font-size:14px;
    color:#337588;
    cursor:pointer
}
.header-featued-wrapper a .fa{
    margin-left:5px
}
.offer-list{
    width:calc(100% + 2%);
    display:block;
    overflow:hidden
}
.offer-item{
    background:#fff;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);
    border:solid 1px rgba(131,131,131,0.2);
    display:block;
    padding:25px 20px;
    width:31.33%;
    margin-left:2%;
    float:left;
    box-sizing:border-box
}
.offer-item:nth-child(1){
    margin-left:0
}
.offer-item .img{
    width:32%;
    margin-right:8%;
    display:block;
    float:left;
    height:auto;
    max-height:145px
}
.offer-item .detail{
    width:60%;
    display:block;
    float:left
}
.offer-item .detail .heading{
    margin:0 0 6px;
    font-size:18px;
    color:#30333a;
    height:auto;
    max-height:48px;
    line-height:26px;
    text-overflow:ellipsis;
    overflow:hidden;
    display:block;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    font-weight:500
}
.offer-item .detail .sub p{
    font-size:14px;
    color:#4f4f4f;
    
    display:block;
    overflow:hidden;
    line-height:22px;
    margin-bottom:6px;
    height:auto;
    max-height:45px;
    margin-top:auto
}
.offer-item .btn-down-offer{
    display:block;
    background:#c52728;
    width:100%;
    max-width:130px;
    text-align:center;
    color:#fff;
    border-radius:2px;
    height:40px;
    line-height:40px;
    font-weight:400;
    
}
.container-fluid .row-fluid .page-center{
    float:none;
    max-width:1140px;
    margin:0 auto
}
.body-container .page-center{
    padding:30px 0 0
}
.body-post-inner{
    margin-top:60px;
    display:block;
    position:relative;
    float:none
}
.body-post-inner .left-title{
    font-size:24px;
    font-weight:500;
    color:#30333a;
    margin:0;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.blog-listing-wrapper .blog-listing .blog-item{
    margin: 30px 0 0;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}
.blog-listing-wrapper .blog-listing .blog-item:nth-child(1){
    margin-top:30px
}
.blog-sidebar img{max-width:100%;width:100%;}
.custom-image-featured{
    position:relative;
    width:31%;
    margin-right:3%;
    display:block;
    float:left
}
.custom-image-featured .hs-featured-image-wrapper{
    overflow:hidden;
    width:100%;
}
.custom-image-featured img{
    width:100%;
    max-width:100%;
    margin:auto;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.blog-item-header{
    display:block;
    overflow:hidden;
    width:66%;
    float:left
}
.blog-item-header h2{
    width: 100%;
    display: block;
    margin: 0;
    height: auto;
    max-height: 76px;
    letter-spacing: .3px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    overflow: hidden;
}
.blog-item-header .blog-summary{
    font-size: 15px;
    line-height: 22px;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
    color: #626875;
}
.blog-item-header .blog-summary p{
    margin:0
}
.blog-meta,.post-meta{
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-top:10px
}
.blog-meta a,.post-meta a{
    color:#9a9a9a;
    font-size:15px;
    font-weight:400;
    
}
.blog-meta a:hover,.post-meta a:hover{
    color:#f3a534;
}

.blog-meta span,.post-meta span{
    color: #838383 !important;
    padding-right: 10px;
    font-size: 14px;
}
.custom-rec-content .post-meta span{font-size:13px;}
/*.post-header .post-meta span:after
{
     content: "\2758";
     margin: 0 2px;
}*/
.blog-meta span:last-child:after,.post-meta span:last-child:after
{
    content:'';
}
.blog-meta span:before,.post-meta span:before{
    font: normal normal normal 13px/1 'fontawesome';
    padding-right: 3px;
    opacity: 0.8;
}
.blog-meta span.meta-date:before,.post-meta span.meta-date:before{
    content:'\f017';
}
.blog-meta span.meta-category:before,.post-meta span.meta-category:before{
    content:'\f115';
}
.blog-meta span.meta-comment:before,.post-meta span.meta-comment:before{
    content:'\f0e5';
}
.blog-meta span.meta-view:before,.post-meta span.meta-view:before{
    content:'\f06e';
}
/*.blog-pagination{
    display:block;
    margin:60px 0;
    text-align:center
}
.blog-pagination>div{
    display:inline-block
}
.blog-pagination-left{
    text-align:right
}
.blog-pagination-right{
    text-align:left
}
.blog-pagination a{
    min-width:36px;
    height:36px;
    line-height:41px;
    font-size:18px;
    color:#838383;
    vertical-align:top;
    display:inline-block;
    background:#fff;
    
    border-radius:2px
}
.blog-pagination .pagination__current,.blog-pagination a:hover,.blog-pagination a:focus{
    text-decoration:none;
    opacity:1;
    color:#fff;
    background:#30333a
}
.blog-pagination a.elipses{
    border:0
}
.blog-pagination a.active{
    color:#c72528;
    cursor:default;
    font-weight:500
}
.blog-pagination a.next-link,.blog-pagination a.prev-link{
    position:relative
}
.blog-pagination a.prev-link:after{
    content:'\f104';
    font-family:FontAwesome;
    text-rendering:auto;
    line-height:20px;
    font-size:25px;
    color:#337588;
    position:absolute;
    right:0;
    left:0;
    margin:0 auto !important;
    width:11px;
    text-align:center;
    line-height:36px;
    display:block
}
.blog-pagination a.prev-link:hover:after,.blog-pagination a.next-link:hover:after{
    color:#c72528;
    background:#fff;
    display:block;
    width:100%
}
.blog-pagination a.next-link:after{
    content:'\f105';
    font-family:FontAwesome;
    text-rendering:auto;
    line-height:20px;
    font-size:25px;
    color:#337588;
    position:absolute;
    right:0;
    left:0;
    margiN:0 auto !important;
    width:11px;
    text-align:center;
    line-height:36px
}*/
.blog-list-recent-post-wrapper{
    margin-bottom:30px
}
.blog-list-recent-heading{
    display:block;
    overflow:hidden;
    margin:10px 0 15px;
    height:auto;
    line-height:36px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.blog-list-recent-post-list-item{
    padding-top:30px;
    display:block;
    width:100%;
    overflow:hidden
}
.blog-list-recent-post-list-item:nth-child(1){
    padding-top:0
}
.custom-rec-image{
    width:30%;
    margin-right:5%;
    display:block;
    float:left
}
.custom-rec-image a{
    width:100%;
    height:auto;
    max-height:95px;
    display:block;
    overflow:hidden
}
.custom-rec-image a img{
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto
}
.custom-rec-content{
    display:block;
    width:65%;
    float:left;
    overflow:hidden
}
.custom-rec-content a{
    display: block;
    width: 100%;
    height: auto;
    max-height: 58px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    line-height: 18px;
}
/*.custom-rec-date{
    font-size:14px;
    color:rgba(79,79,79,.6);
    display:block;
    padding-top:10px
}*/
.sub-mail-siderbar{
    background:#f3f5f8;
    padding:40px 20px;
    text-align:center
}
.sub-mail-siderbar .img{
    margin:0
}
.sub-mail-siderbar .heading{
    margin:0;
    font-size:24px;
    line-height:32px;
    color:#30333a;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
    padding-top:20px
}
.sub-mail-siderbar .sub{
    margin:0;
    padding-top:20px;
    font-size:14px;
    color:#444b59;
    
}
.sub-mail-siderbar form .input .hs-input{
    width:100%;
    height:36px;
    line-height:36px;
    border-radius:2px;
    border:1px solid rgba(131,131,131,.5);
    outline:0;
    font-size:14px;
    margin-bottom:7px;
    -webkit-appearance:none
}
.sub-mail-siderbar form .hs_email label>span{
    display:none
}
.sub-mail-siderbar form .hs-error-msgs{
    display:block;
    padding:0;
    list-style:none;
    color:#c52728;
    font-size:14px;
    
}
.sub-mail-siderbar form .hs_submit .hs-button{
    margin-top:7px;
    width:100%;
    border-radius:2px;
    background:#c52728;
    border:0;
    outline:0;
    height:50px;
    line-height:50px;
    font-size:18px;
    color:#fff;
    font-weight:500;
    
    -webkit-appearance:none
}
.sub-mail-bottom-wrapper{
    display:block;
    background:#f4f5f9;
    padding:60px 0;
    width:100%;
    overflow:hidden
}
.body-container-wrapper .sub-mail-bottom-wrapper .sub-mail-bottom-inner{
    max-width:490px;
    width:100%;
    float:none;
    margin:0 auto;
    text-align:center
}
.sub-mail-bottom-inner form{
    position:relative
}
.sub-mail-bottom-inner .heading .title{
    margin:0;
    font-size:24px;
    line-height:32px;
    color:#30333a;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.sub-mail-bottom-inner .heading .sub{
    margin:0;
    padding-top:20px;
    font-size:14px;
    color:#444b59;
    
}
.sub-mail-bottom-inner form .input{
    width:100%;
    max-width:360px;
    display:block;
    float:left
}
.sub-mail-bottom-inner form .input .hs-input{
    height:55px;
    font-size:18px;
    padding:5px 20px;
    font-weight:100;
    outline:0;
    border:solid 1px rgba(48,51,58,0.31);
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    -webkit-border-top-left-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-top-right-radius:0;
    -webkit-border-bottom-right-radius:0;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:0;
    box-shadow:rgba(45,45,45,0.05) 0 0 0,rgba(49,49,49,0.05) 0 1px 1px,rgba(42,42,42,0.05) 0 2px 2px,rgba(32,32,32,0.05) 0 4px 4px,rgba(49,49,49,0.05) 0 8px 8px,rgba(35,35,35,0.1) 0 16px 16px;
    -webkit-appearance:none
}
.sub-mail-bottom-inner form .hs_submit .actions input{
    width:100%;
    max-width:125px;
    margin:0;
    border:0;
    height:55px;
    padding:0;
    line-height:55px;
    display:block;
    float:left;
    background:#c52728;
    color:#fff;
    font-size:18px;
    font-weight:500;
    text-align:center;
    outline:0;
    cursor:pointer;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomright:2px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    box-shadow:rgba(45,45,45,0.05) 0 0 0,rgba(49,49,49,0.05) 0 1px 1px,rgba(42,42,42,0.05) 0 2px 2px,rgba(32,32,32,0.05) 0 4px 4px,rgba(49,49,49,0.05) 0 8px 8px,rgba(35,35,35,0.1) 0 16px 16px;
    -webkit-appearance:none
}
.sub-mail-bottom-inner form .hs_email label>span{
    display:none
}
.sub-mail-bottom-wrapper .sub-mail-bottom-inner form .hs-error-msgs{
    margin:0;
    list-style:none;
    width:100%;
    position:absolute;
    max-width:360px;
    padding:0;
    left:0;
    bottom:-80px;
    font-size:12px;
    font-weight:100;
    color:#c52728;
    text-align:left;
    
}
@media screen and (min-width:768px) and (max-width:1920px) and (-webkit-min-device-pixel-ratio:1){
    .menu-nav .right-menu ul li:first-child a:hover{
        color:#c52728
    }
    .right-menu ul li a.rightmenu-linkblack:hover{
        border-bottom:2px solid #303339;
        color:rgba(119,118,118,0.96)
    }
    .right-menu ul li a.rightmenu-link:hover{
        border-bottom:2px solid #303339;
        color:rgba(119,118,118,0.96)
    }
    .blog-menu-inner .active,.blog-menu-inner .blog-menu ul li a:hover{
        border-bottom:2px solid #303339
    }
}
.header-container-wrapper .style-header-wrapper{
    display:block;
    overflow:hidden;
    width:100%
}
.header-container-wrapper .header-container{
    height:110px;
    overflow:hidden
}
.header-container-wrapper .style-header-wrapper.row2{
    height:50px
}
.header-container-wrapper .style-header-wrapper .style-header-content{
    max-width:1140px;
    width:100%;
    display:block;
    float:none;
    margin:0 auto;
    height:60px
}
.style-header-content .menu-nav .top-bar,.style-header-content .menu-nav .top-bar-sm{
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    height:60px
}
.header-container-wrapper .style-header-wrapper .style-header-content .menu-nav .right-menu{
    position:absolute;
    right:0;
    top:0;
    
}
.menu-nav .right-menu ul{
    float:left;
    position:relative;
    margin:0;
    padding:0;
    height:60px;
    line-height:60px
}
.menu-nav .right-menu ul li{
    display:inline-block;
    position:relative;
    vertical-align:middle;
    text-align:center
}
.right-menu ul li a.rightmenu-linkblack{
    width:100%;
    margin:2px 14px 0 15px;
    border-bottom:2px solid transparent;
    color:#303339;
    font-weight:400;
    font-size:14px;
    line-height:56px
}
.header1506-link{
    display:block;
    font-size:16px;
    color:#303339;
    cursor:pointer;
    -webkit-transition:color .25s linear,border-bottom .25s linear;
    -moz-transition:color .25s linear,border-bottom .25s linear;
    -o-transition:color .25s linear,border-bottom .25s linear
}
.header-logo{
    width:44px !important;
    padding-top:7px;
    display:block;
    float:left;
    margin:0
}
.space-icon{
    vertical-align:middle;
    padding-right:5px
}
.header-logo-inner{
    width:44px !important;
    float:left !important;
    margin:0
}
.style-header-content .main-nav{
    float:right;
    display:block;
    overflow:hidden;
    height:60px;
    width:calc(100% - 44px);
    margin:0
}
.border-navgroup-gray .border-navgroup a{
    font-weight:500 !important
}
.border-navgroup-gray:before{
    border-left:1px solid rgba(48,51,58,.2);
    content:'';
    position:absolute;
    left:15px;
    top:21px;
    height:16px
}
.blog-menu-inner .blog-menu ul{
    margin:0;
    padding:0;
    list-style:none;
    height:50px;
    line-height:50px;
    
}
.blog-menu-inner .blog-menu ul li{
    display:inline-block;
    width:auto;
    margin-right:30px;
    height:50px;
    line-height:45px
}
.blog-menu-inner .blog-menu ul li a{
    padding:0;
    font-size:14px;
    margin-top:2px;
    display:block;
    line-height:42px
}
.sb-search{
    position:relative;
    width:0;
    min-width:40px;
    height:50px;
    float:right;
    overflow:hidden;
    -webkit-transition:width .3s;
    -moz-transition:width .3s;
    transition:width .3s;
    -webkit-backface-visibility:hidden
}
.sb-search-input{
    position:absolute;
    top:0;
    right:0px;
    border:0;
    outline:0;
    background:#fff;
    width:100%;
    height:40px;
    margin:5px 0;
    z-index:10;
    font-size:16px;
    padding:0 10px !important;
    -webkit-appearance:none;
    border:1px solid #c52728;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}
.sb-icon-search,.sb-search-submit{
    width:40px;
    height:40px;
    display:block;
    position:absolute;
    right:0;
    top:5px;
    padding:0;
    margin:0;
    line-height:40px;
    text-align:center;
    cursor:pointer
}
.sb-search-submit{
    background:#fff;
    -ms-filter:"alpha(opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    color:transparent;
    color:red;
    border:0;
    outline:0;
    z-index:-1
}
.sb-icon-search{
    color:#fff;
    background:#c52728;
    z-index:90;
    font-size:18px;
    font-family:FontAwesome;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    border-radius:2px
}
.sb-icon-search:before{
    content:""
}
.sb-search.sb-search-open{
    width:100%
}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search{
    background:#c52728;
    color:#fff;
    z-index:11
}
.blog-search-body-wrapper{
    display:block;
    overflow:hidden;
    max-width:750px;
    float:none;
    margin:0 auto
}
.input-search{
    background:#fff;
    display:block;
    position:relative;
    height:50px;
    float:left;
    width:calc(100% - 155px)
}
.input-search input{
    height:100%;
    width:100%;
    font-size:18px;
    outline:0;
    border:solid 1px rgba(48,51,58,.2);
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    -webkit-border-top-left-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-top-right-radius:0;
    -webkit-border-bottom-right-radius:0;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:0;
    -webkit-appearance:none;
    padding-left:50px
}
.icon-s-h{
    font-size:28px;
    color:#c9d6dd;
    vertical-align:middle;
    font-weight:200;
    position:absolute;
    top:15px;
    left:15px
}
.searchicon:before{
    content:'\F102'
}
.btn-search{
    float:left;
    width:155px;
    height:50px
}
.btn-search button{
    color:#fff;
    background:#c72528;
    border:0;
    font-size:18px;
    line-height:50px;
    width:100%;
    text-align:center;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomright:2px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    -webkit-appearance:none;
    padding:0;
    cursor:pointer;
    font-weight:500
}
.blog-results .gsc-control-cse{
    padding:0 !important
}
.blog-results .gcsc-branding{
    display:none
}
.blog-results .gsc-above-wrapper-area{
    padding:0 0 10px 0
}
.blog-results .gsc-result-info{
    padding-left:0
}
.blog-results .gsc-results .gsc-cursor-box{
    margin:40px 0;
    text-align:center
}
.blog-results .gsc-cursor-page{
    margin-right:4px !important;
    min-width:36px;
    height:36px;
    line-height:41px;
    font-size:18px;
    color:#838383 !important;
    vertical-align:top;
    display:inline-block !important;
    background:#fff;
    
    border-radius:2px
}
.blog-results .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,.blog-results .gsc-cursor-current-page{
    text-decoration:none !important;
    color:#fff !important;
    background:#30333a !important;
    outline:0
}
.search-sm{
    height:60px;
    display:block;
    line-height:60px;
    overflow:hidden
}
.search-sm:before{
    content:"\f002";
    font-family:FontAwesome;
    font-size:13px;
    color:rgba(48,51,58,.5);
    position:absolute;
    left:40px
}
.search-sm form{
    display:block;
    width:calc(100% - 90px);
    overflow:hidden;
    float:left;
    margin:0 30px
}
.search-sm form input{
    width:100%;
    border:1px solid rgba(48,51,58,.2);
    height:36px;
    line-height:36px;
    border-radius:2px;
    padding:0 10px 0 30px;
    -webkit-appearance:none;
    outline:0;
    font-size:14px;
    vertical-align:middle
}
.search-sm .font-icon{
    font-size:30px;
    vertical-align:middle;
    display:block;
    width:30px;
    height:60px;
    line-height:60px;
    float:right;
    overflow:hidden
}
.post-body img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto!important;
    margin-bottom: 15px;
}
.post-body figure img{margin-bottom:0px;}
.post-body figure {
    outline: solid 1px #fefefe;
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    display: block!important;
}
.post-body .cke_image_resizer_wrapper {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.post-body figure > figcaption {
    text-align: center;
    display: block;
    padding: 8px 0;
    font-style: italic;
    font-weight: 400;
    font-size: 14.5px;
    color: #0f0f0f;
    opacity: 0.9;
}
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6, .post-body .font-title{
    margin-bottom: 10px;
    margin-top: 18px;
}
.post-body h1{
    font-size: 26px;
    line-height: 34px;
}
.post-body h2{
    font-size: 23px;
    line-height: 32px;
    margin-top: 27px;
}
.post-body h3{
    font-size: 20px;
    line-height: 26px;
}
.post-body h4{
    font-size: 18px;
    line-height: 22px;
}
.post-body h5{
    font-size: 14px;
    line-height: 20px;
}
.post-body h6{
    font-size: 12px;
    line-height: 16px;
}
.post-body blockquote
{
	font-style: italic;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #da6a05;
	border-width: 0;
    position:relative;
    margin: 20px 30px;
    display:block;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 4px;
    background:#fafafa;
}
.post-body blockquote p{
    margin: 2px 10px;
    line-height: 26px;
}

/*.post-body-wrapper .main-body .post-body blockquote:before{
    content:'\f10d ';
    font-family:FontAwesome;
    position:absolute;
    top:0;
    left:-50px;
    z-index:100;
    font-size:30px;
    color:#444b59
}*/
/*.post-body-wrapper .main-body .post-body blockquote p{
    margin:0;
    display:block;
    font-size:20px;
    line-height:1.25
}*/
#gallery1 {
        background: #f0f0f0;
    padding-top: 20px;    border-radius: 10px;
        -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.16), 0 3px 5px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.16), 0 3px 5px rgba(0, 0, 0, 0.23);
}
#gallery1 .slick-prev,#gallery1  .slick-next{
    top:48%;
        display: block;
    background-color: #8e8e8e;
    border-radius: 6px;
    height: 60px;
    width: 42px;
    opacity: 0.9;
}
#gallery1 .slick-list{
    margin-left: 0;
    margin-right: 0;
}
#gallery1 .slick-slide{
    padding-left: 10px;
    padding-right: 10px;
}

#gallery1 .slick-slide img{
    margin-bottom:10px;
}
#gallery1 .slick-prev:before,#gallery1 .slick-next:before {
    font-size: 22px;
    opacity: 0.9;
    color: white;
}

#table-contents {
    background: #f9f9f9;
    border: 1px solid #e5e5e5c2;
    padding: 10px;
    margin-bottom: 1em;
    margin-top: 1em;
    line-height: 27px;
    width: auto;
    display: table;
    font-size: 95%;
    min-width: 344px;
    max-width: 554px;
    border-radius: 5px;
    opacity: 0.9;
    box-shadow: 3px 3px 2px -2px rgb(90 90 90 / 56%);
}
#table-contents p.title-toc {
    font-weight: 700;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 7px;
}
#table-contents p.title-toc .toggle-toc{
    float:right;
}
#table-contents ul,#table-contents ol {
    background: 0 0;
    margin: 0;
    padding: 0;
    margin-top: 1em;
    display: block;
}
#table-contents ul li,#table-contents ol li{
    margin-top: 6px;
    display: block;
    line-height: 22px;
    font-size: 16px;
}
#table-contents ul.no_bullets ,#table-contents ol.no_bullets 
{
    list-style-type: none;
    list-style: none;
}
#table-contents .list-toc a {
    color: #165bde;
    text-decoration:none;font-weight: 400;
}
#table-contents .list-toc .toc-l1 a {font-weight: 500;}
#table-contents .list-toc a:visited,#table-contents .list-toc a:hover {
    color: #f07404;
    text-decoration:underline;
}
#table-contents .list-toc{overflow: hidden;font-size:15.5px;}
#table-contents .list-toc.toc-hidden
{
    height:0;
}
.post-body table {
  border-collapse: collapse;
  width: 100%;
}

.post-body table td,table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.post-body table.tcolor tr:nth-child(even){background-color: #f2f2f2;}

.post-body table.thover tr:hover {background-color: #ddd;}

.post-body table th, .post-body table.theader tr:first-child, .post-body table th, .post-body table.theader tr:first-child td {
  padding-top: 10px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #da6a05;
  color: white;
  font-weight:bold;
}
.post-body table.tlheader tr td:first-child{
 background-color: #ccc;
 font-weight:bold;
}

.post-body ul:not(.list-toc),.post-body ol:not(.list-toc){
    opacity: 0.92;
    font-size: 1em;
    margin-left: 6px;
    margin-top: 10px;
    width: 100%;
    overflow: auto;
    padding: 0!important;
    margin-bottom: 12px;
}
.post-body ul:not(.list-toc) li, .post-body ol:not(.list-toc) li{
    line-height: 24px;
    display: block;
    padding: 4px 0;
    padding-right: 10px;
}
.post-body ul li {
    list-style: none;
}
.post-body ul:not(.list-toc) li::before{
    content: "\2022";
    padding-right: 6px;
    color: #444c59;
}

.post-body ol {
   list-style: none;
   counter-reset: item;
 }
.post-body ol:not(.list-toc) li{
   counter-increment: item;
 }
.post-body ol:not(.list-toc) li::before{
    margin-right: 8px;
    content: counter(item)!important;
    background: #444c59;
    border-radius: 100%;
    color: white;
    width: 14px!important;
    text-align: center;
    display: inline-block;
    font-size: 10px!important;
    height: 14px!important;
    line-height: 16px!important
 }
/*.post-body-wrapper .main-body .post-body ul li,.post-body-wrapper .main-body .post-body ol li{
    line-height:1.67;
    color:#444b59
}*/
.post-body ~ a{
    color:#4990e2
}
.post-body ~ a:hover{
    color:#c52728;
}
.post-body p,.post-body >div{
    line-height: 1.6;
    color: #444b59;
    margin-bottom: 12px;
    margin-top: 10px;
}

.post-body a{
    color: #444c59;
}
.post-body a[target="_blank"] {
    color: #287eb7;
}
.post-body a:hover{
    color:#da6a05;
}

.post-body-wrapper .post-header{
    overflow:hidden;
    padding:20px 0 30px;
    color:#30333a;
    width:100%;
}
.post-body-wrapper .post-header h1{
    font-size: 24px;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.full-title{
    max-width: 1090px;
    margin: 0 auto;
}
.full-title h1{font-size: 32px;
    margin-bottom: 14px;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
}
.full-title .cate{
    text-transform: uppercase;
    margin-bottom: 13px;
    display: block;
    font-weight: 500;
    color: #cf702aa1;
    letter-spacing: 0.2px;
}
.post-body-wrapper .post-body{
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    font-size: 17px;
    line-height:1.65em;
}
 .post-body .post-source, .post-body .post-author {
    text-align: right;
    margin: 15px 0;
    font-weight: bold;
    padding: 0 10px;
}
.post-body .post-share {
      padding: 10px 0;
}
.post-body .post-relate-link a, ul.post-relate-link li::before{
    color: #0086e3!important;
}

.post-body .post-relate-link a:hover, ul.post-relate-link li:hover::before{
    color: #da6a05;
}
/*.post-body-wrapper .post-heading-left,.post-body-wrapper .post-heading-right{
    width:50%;
    display:table-cell;
    overflow:hidden;
    vertical-align:middle
}
.post-body-wrapper .post-heading-left .avatar-agent{
    display:inline-block;
    vertical-align:sub
}
.post-body-wrapper .post-heading-left .avatar-agent img{
    width:40px;
    height:40px !important;
    border-radius:50%;
    margin-right:10px
}
.post-body-wrapper .post-heading-left .name{
    display:inline-block;
    vertical-align:middle
}
.post-body-wrapper .post-heading-left .name a{
    font-size:16px;
    height:40px;
    line-height:40px
}
.post-body-wrapper .post-heading-left .name p,.post-body-wrapper .post-heading-right .date-post{
    font-size:14px;
    color:#838383;
    margin:0
}
.post-body-wrapper .post-heading-right .date-type{
    text-align:right
}*/
/*.post-body-wrapper .main-body .post-body h2, .post-body h3, .post-body h4, .post-body h5,.post-body h6{
    color:#444b59;
}
.post-body-wrapper .main-body .post-body h2{
    font-size:26px;
    line-height:42px;
    font-weight:500
}
.post-body-wrapper .main-body .post-body h3{
    font-size:22px;
    line-height:34px;
    font-weight:400
}
.post-body-wrapper .main-body .post-body h4{
    font-size:20px;
    line-height:32px;
    font-weight:400
}*/

.post-body-wrapper .main-body .hs-featured-image-wrapper{
    margin-bottom:20px
}
.post-body-wrapper .main-body .hs-featured-image-wrapper img{
    width:100%;
    max-width:100%;
}
.cta_button,.hs-cta-img{
    box-shadow:rgba(45,45,45,0.05) 0 0 0,rgba(49,49,49,0.05) 0 1px 1px,rgba(42,42,42,0.05) 0 2px 2px,rgba(32,32,32,0.05) 0 4px 4px,rgba(49,49,49,0.05) 0 8px 8px,rgba(35,35,35,0.1) 0 16px 16px
}

.post-body-wrapper .mail-sub .heading{
    display:block;
    width:100%;
    max-width:490px;
    overflow:hidden
}
.post-body-wrapper .mail-sub .heading img{
    display:inline-block;
    width:70px;
    padding-top:8px;
    float:left;
    margin-right:30px
}
.post-body-wrapper .mail-sub .heading p{
    display:inline-block;
    margin:0;
    overflow:hidden;
    font-size:24px;
    line-height:36px;
    font-weight:400;
    text-align:left;
    float:left;
    width:calc(100% - 102px);
    color:#30333a
}
.post-body-wrapper .mail-sub .heading .sub{
    font-size:14px;
    line-height:1.57;
    text-align:left;
    color:#838383;
    
    padding-top:10px
}
.post-body-wrapper .mail-sub{
    background:#f3f4f7;
    padding:50px 0;
    display:block
}
.post-body-wrapper .mail-sub .hs-form-field label span{
    display:none
}
.post-body-wrapper .mail-sub .cell-wrapper>span{
    display:block;
    margin:0 auto;
    max-width:490px;
    width:100%;
    position:relative;
    font-size:20px;
    text-align:center;
    color:#337588
}
.post-body-wrapper .mail-sub form{
    width:100%;
    max-width:490px;
    display:block;
    margin:0 auto;
    overflow:inherit;
    position:relative
}
.post-body-wrapper .mail-sub form .input{
    width:100%;
    max-width:360px;
    display:block;
    float:left
}
.post-body-wrapper .mail-sub form .input input{
    height:55px;
    font-size:18px;
    padding:5px 20px;
    font-weight:100;
    outline:0;
    border:solid 1px rgba(48,51,58,0.31);
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
    box-shadow:rgba(45,45,45,0.05) 0 0 0,rgba(49,49,49,0.05) 0 1px 1px,rgba(42,42,42,0.05) 0 2px 2px,rgba(32,32,32,0.05) 0 4px 4px,rgba(49,49,49,0.05) 0 8px 8px,rgba(35,35,35,0.1) 0 16px 16px
}
.post-body-wrapper .mail-sub form .hs_submit .actions input{
    width:100%;
    max-width:125px;
    margin:0;
    border:0;
    height:55px;
    padding:0;
    line-height:55px;
    display:block;
    float:left;
    background:#c52728;
    color:#fff;
    font-size:18px;
    font-weight:100;
    text-align:center;
    outline:0;
    cursor:pointer;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    -webkit-appearance:none;
    box-shadow:rgba(45,45,45,0.05) 0 0 0,rgba(49,49,49,0.05) 0 1px 1px,rgba(42,42,42,0.05) 0 2px 2px,rgba(32,32,32,0.05) 0 4px 4px,rgba(49,49,49,0.05) 0 8px 8px,rgba(35,35,35,0.1) 0 16px 16px
}
.post-body-wrapper .mail-sub form .hs-form-field .hs-error-msgs{
    margin:0;
    list-style:none;
    width:100%;
    position:absolute;
    max-width:360px;
    padding:0;
    left:0;
    bottom:-80px;
    font-size:12px;
    font-weight:100;
    color:#c52728;
    text-align:left
}
.post-body-wrapper .post-items .post-detail{
    width: 47%;
    display: block;
    float: left;
}
.post-body-wrapper .post-items .post-detail:nth-child(2){
    margin-right:0;
    text-align:right;
    float:right
}
.post-body-wrapper .post-items .post-detail span{
    font-size:12px;
    color:rgba(79,79,79,.6)
}
.post-body-wrapper .post-items .post-detail .title{
    margin: 0;
    line-height: 22px;
    max-height: 45px;
    width: 100%;
    z-index: 99;
    position: absolute;
    bottom: 0;
    font-size: 14px;
    transition: all 200ms;
    padding: 0 8px;
}


.post-detail .post-detail-img {
        max-height: 120px;
    height: 100%;
    background-color: white;
    position: relative;
}
.post-detail .post-detail-img >a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 100px;
}
.post-detail .post-detail-img a img{
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.post-detail .post-detail-img a .dark-overlay {
    position: absolute;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.5));
    background: -o-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.5));
    background: linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.5));
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}
.post-detail .post-detail-img:hover  a .dark-overlay
{
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.3)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.3));
    background: -o-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.3));
    background: linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.3));
}

.post-detail .post-detail-img .title a{
    color: #fff;
}
.post-detail .post-detail-img:hover .title{
       margin-bottom: 4px;
}
.post-body-wrapper .relative-post-list .btn-nav .btn{
    font-family:FontAwesome;
    font-size:20px;
    padding:10px 5px;
    position:absolute;
    top:45%;
    cursor:pointer;
    color:#337588
}
.post-body-wrapper .relative-post-list{
    position:relative
}
.post-body-wrapper .relative-post-list  .info-container{
    min-height: 170px;
}
.post-body-wrapper .relative-post-list .post-items{
    padding:20px 0;
    display:block;
    overflow:hidden;
    width:100%;
    float:left
}
.post-body-wrapper .relative-post-list .listView:first-child{
    padding-top:0!important;
}
.post-body-wrapper .relative-post-list .listView:last-child{border-bottom: none!important;margin-bottom: 0px;}
.post-body-wrapper .relative-post-list .btn-nav .btn.pre{
    left:-40px;
    transition:all .5s
}
.post-body-wrapper .relative-post-list .btn-nav .btn.pre:before{
    content:"\f104"
}
.post-body-wrapper .relative-post-list .btn-nav .btn.next{
    float:right;
    right:-40px;
    transition:all .5s
}
.post-body-wrapper .relative-post-list .btn-nav .btn.next:before{
    content:"\f105"
}
.relative-wrapper{
    width:100%;
    display:block;
    background:#fff;
    margin:0 auto;
    float:none;
    padding:45px 0
}
.relative-wrapper .row-fluid{
    width:100%;
    max-width:1140px;
    margin:0 auto
}
.relative-wrapper .row-fluid .relative-inner h3{
    font-size:23px;
    line-height:36px;
    color:#555;
    text-align:center;
    font-weight:600;
    margin:0;
    padding-bottom:30px;
    font-family:'Noto Serif','Helvetica Neue',Arial,sans-serif
}
#owl-demo .item{
    padding:0;
    margin-right:3%;
    display:block;
    overflow:hidden;
    width:31.33%;
    float:left
}
#owl-demo .item:nth-child(3n){
    margin-right:0
}
.related-image a{
    height:200px;
    width:100%
}
.related-image a{
    /*height:200px;
    width:100%;
    overflow:hidden;
    display:block;
    position:relative*/
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 67.67%;
    position:relative;
}
.related-image a img{
    /*width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    right:0*/
        position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%!important;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.related-title .heading-post{
    display: block;
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.3;
    color: #30333a;
    font-weight: 700;
    letter-spacing: .2px;
    /*max-height: 45px;*/
    overflow: hidden;
    white-space: normal;
}
.related-title .categories{
    margin:0;
    text-align:left;
    margin-bottom:10px
}
.related-title .categories a{
    font-size:14px;
    font-weight:500;
}
.related-title .sumary{
    margin:0;
    font-size:14px;
    line-height:1.71;
    text-align:left;
    color:#444b59;
    
    height:43px;
    overflow:hidden;
    margin-bottom:10px
}
.related-title .sumary p{
    margin:0
}
.related-title .author-n-date{
    font-size:14px;
    line-height:1.43;
    color:rgba(79,79,79,.6);
    
}
.relative-intags,.relative-incate{
    padding: 20px 0;
}
.relative-intags .item {
    padding: 0;
    display: block;
    overflow: hidden;
    width: 31.33%;
    float: left;
    margin-bottom: 25px;
    margin-right: 2.3%;display: inline-block;float: none;vertical-align: top;
}
.relative-incate .blog-item{
        margin: 10px 0 0;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.relative-incate .blog-item:last-child{border-bottom:none;}
.relative-incate .blog-item-header h2{font-size:18px;}
.post-trend a{
    position: relative;
    font-family: 'Times New Roman';
    font-weight: bold;
    font-style: normal;
    font-size: 21px;
    color: #0c72a9;
    padding-left: 0px;
    margin-bottom: 2%;
    text-align: left;
    line-height: 26px;
}
.post-trend{margin: 24px 0;}
.post-trend a:hover{text-decoration:underline;color: #da6a05;}
.post-trend a:hover:before{color: #da6a05;}
.post-trend:before{
    content: "\f0a4";
    font-family:FontAwesome;
    font-size:20px;
    margin-right:5px;
    color: #0c72a9;
}
.samecat{
    position: relative;
    font-family: 'Noto Serif' ;
    font-weight: bold;
    margin:20px 0;
}
.samecat span{
    font-weight: 500;
    line-height: 22px;
    font-size: 19px;
    text-transform: none;
	display: inline-block;
    background: #fff;
    color: #1a1a1a;
    padding: 4px 17px 4px 21px;
    position:relative;
    z-index:2;
}
.samecat span:before{
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 14px solid rgba(0,0,0,.06);
    top: 50%;
    margin-top: -10px;
    border-right-color: #2e2b2a!important;
}
.samecat:after{
    position: absolute;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjQ4NUVFODNGNzc1MTFFN0I4NTdCMTRBMzQ3RTIwNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjQ4NUVFODRGNzc1MTFFN0I4NTdCMTRBMzQ3RTIwNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNDg1RUU4MUY3NzUxMUU3Qjg1N0IxNEEzNDdFMjA1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNDg1RUU4MkY3NzUxMUU3Qjg1N0IxNEEzNDdFMjA1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk86A7EAAAASSURBVHjaYmBgYLBgIAgAAgwAB88AOccVbLsAAAAASUVORK5CYII=");
    opacity: 1;
    height: 10px;
    margin-top: -6px;
    background-color: transparent!important;
    top: 50%;
    left: 0;
    width: 100%;
    content: '';
    display: inline-block;
    -webkit-transition: .35s cubic-bezier(.39,.58,.57,1) 0s;
    -moz-transition: .35s cubic-bezier(.39,.58,.57,1) 0s;
    -o-transition: .35s cubic-bezier(.39,.58,.57,1) 0s;
    transition: .35s cubic-bezier(.39,.58,.57,1) 0s;
    z-index:1;
}

@media(max-width:1139px) and (min-width:320px){
    .relative-wrapper{
        padding:60px 20px
    }
}
@media(max-width:1080px){
    .header-container-wrapper .style-header-wrapper{
        padding:0 20px
    }
    .blog-menu-inner .blog-menu ul{
        padding:0
    }
    .body-container .page-center{
        padding:10px;
    }
}
@media(max-width:768px){
    .breadcrumbs-wraper .breadcrums{padding:15px 12px!important;}
    .post-body-wrapper .post-header h1{font-size: 22px;}
    .full-title{
    max-width: 1090px;
    margin: 0 auto;
        padding: 0 12px;
    line-height: 32px;
}
.full-title h1{font-size: 24px;
    margin-bottom: 5px;

}
     .body-container .container{
         padding:0;
     }
    .body-container .page-center {
        padding: 0;
    }
    .blog-item-header h2{font-size:17.5px;line-height:24px;}
    .blog-item-header .blog-summary {
        font-size: 14px;
        height: 68px;
        overflow: hidden;
        padding-top: 5px;
    }
    .blog-item .blog-item-header{margin-top:-2px;}
    .blog-item .blog-meta {padding-top: 5px;}
    img{
        max-width:100%;
        border:0;
        -ms-interpolation-mode:bicubic;
        vertical-align:bottom
    }
    .post-body h1{
        font-size: 23px;
        line-height: 30px;
    }
    .post-body h2{
        font-size: 20px;
        line-height: 28px;
    }
    .post-body h3{
        font-size: 18px;
        line-height: 26px;
    }
    .post-body h4{
        font-size: 16px;
        line-height: 24px;
    }
    .post-body h5{
        font-size: 12px;
        line-height: 22px;
    }
    .post-body h6{
        font-size: 11px;
        line-height: 18px;
    }
    .post-body blockquote {
        margin: 15px 10px;
        padding-left: 15px;
        padding-right: 0px;
    }
    .post-body blockquote:before,.post-body blockquote:after {
        content: '\201C';
        display: inline-block;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #444c59;
        font-size: 40px;
        margin: 0 auto;
        line-height: 0px;
    }

    .post-body blockquote:before {
	      margin-left: -10px;
        position: absolute;
        top: 21px;
    }

    .post-body blockquote:after {
        margin-right: -20px;
        float: right;
        margin-bottom: 5px;
        content: '\201D';
        margin-top: 10px;
        position: absolute;
        bottom: 0;
        right: 30px;
    }
    /*.post-body-wrapper{
        padding:0 20px
    }*/
    .post-body-wrapper .row-fluid{
        max-width:100%
    }
    .post-body-wrapper .post-body {
        display:block;
    }
    
    #owl-demo .item{
        width:48%;
        margin-right:4%;
        display:block;
        float:left
    }
    #owl-demo .item:nth-child(2){
        margin-right:0
    }
    #owl-demo .item:nth-child(3){
        display:none
    }
    .style-footer-content .row1{
        padding:60px 0 15px
    }
    .footer-row .items{
        padding-bottom:10px
    }
    .footer-nav{
        padding-bottom:0
    }
    .footer-row .last-items{
        text-align:left
    }
    .blog-sidebar .big-image{padding:0 15px!important; margin:0 auto!important; max-width:480px!important;}
}
@media(max-width:480px){
    .full-title h1{font-size:22px}
    .post-body figure, .bgbox figure{margin-left:-12px;margin-right:-12px;}
    .post-body figure>figcaption, .bgbox figure>figcaption{padding-left: 12px;padding-right: 12px;}
    .post-body > img,.post-body > div > img,.post-body > p > img,
    .bgbox .box-row > img, .bgbox .box-row .content > img,
    .bgbox > div > img, .bgbox .box-row .content > div > img,
    .bgbox > p > img, .bgbox .box-row .content > p > img{margin-left: -12px;margin-right: -12px;max-width: calc(100% + 24px);}
    .comment .avatar{display:none;}
    .comment .comment-body, .comment .comment-meta {
        padding-left: 5px;
        width: 100%!important;
    }
    .comment .date {margin-top:0!important;}   
    .comment .children{padding-left:30px!important;} 
    .post-body div[data-oembed-url],.bgbox div[data-oembed-url],#render-map{margin-left: -12px;margin-right: -12px;max-width: calc(100% + 24px);width: calc(100% + 24px);} 
    
    .post-body-wrapper .main-body{padding:10px!important;}
    .post-body-wrapper .main-body .post-body h2, .post-body-wrapper .main-body .post-body h3, .post-body-wrapper .main-body .post-body h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .listView .cover-image{width:100%!important;margin-right:0!important;margin-bottom:15px;}
    .respond-box{padding:0!important;}
    .relative-wrapper .owl-carousel{
        padding:0 20px
    }
    .right-ft li div{
        display:none
    }
    .post-body-wrapper .mail-sub{
        padding-right:20px;
        padding-left:20px
    }
    .post-body-wrapper .mail-sub .heading .img{
        display:block;
        width:100%;
        overflow:hidden;
        margin-bottom:20px
    }
    .post-body-wrapper .mail-sub .heading img{
        margin:0 auto;
        padding:0;
        float:none
    }
    .post-body-wrapper .mail-sub .heading .sub{
        display:none
    }
    .post-body-wrapper .mail-sub .heading p{
        width:100%;
        text-align:center
    }
    .post-body-wrapper .mail-sub form .input,.post-body-wrapper .mail-sub form .hs_submit .actions input{
        max-width:100%;
        border-radius:0
    }
    .post-body-wrapper .mail-sub form .input input{
        margin-bottom:30px;
        box-shadow:unset
    }
    .style-header-content .menu-nav .top-bar{
        display:none
    }
    .blog-menu-inner .blog-menu ul{
        overflow-x:scroll;
        white-space:nowrap
    }
    .blog-menu-inner .blog-menu ul li{
        margin-right:20px;
        display:inline-block
    }
   
    .relative-wrapper{
        padding:30px 0
    }
    .relative-wrapper .row-fluid .relative-inner h3{
        padding-bottom:30px
    }
    #owl-demo .item{
        width:100%;
        margin:0;
        padding-bottom:20px
    }
    #owl-demo .item:nth-child(3){
        display:block;
        padding-bottom:0
    }
    /*.related-post-item .related-image{
        display:block;
        float:left;
        width:25%;
        margin-right:20px
    }*/
    .related-post-item .related-image a{
        height:auto
    }
    /*.related-post-item .related-title{
        width:calc(75% - 20px);
        display:block;
        float:left;
        overflow:hidden
    }*/
    .related-post-item .related-title .heading-post{
        margin-top:4px;
        font-size: 15px;
    }
    .advance-block .adv-wrapper .item{
        width:100%;
        margin:0 0 10px
    }
    .bg-image-section h1{
        font-size:32px;
        padding:0 0 20px;
        line-height:40px
    }
    .bg-image-section p{
        font-size:16px;
        line-height:22px
    }
    .offer-list{
        width:100%
    }
    .offer-item{
        width:100%;
        margin:0 0 20px
    }
    .body-post-inner{
        margin-top:30px
    }
    .blog-listing-wrapper .blog-listing .blog-item{
        margin:30px 0 0
    }
    .custom-image-featured{
        width:100%;
        margin-right:0
    }
    .custom-image-featured .hs-featured-image-wrapper{
        height:auto
    }
    .blog-item-header{
        padding-top:20px;
        width:100%
    }
    .blog-item-header .blog-meta,.blog-item-header .post-meta,.blog-item-header .blog-summary{
        padding-top:5px
    }
    .sub-mail-bottom-wrapper{
        margin-top:30px;
        padding:30px 20px 60px
    }
    .sub-mail-bottom-inner form .input{
        max-width:65%
    }
    .sub-mail-bottom-inner form .hs_submit .actions input{
        max-width:35%
    }
}
.full-article-footer{
    border-top:1px solid #e0dfdb
}
.style-category{
    margin-top:85px;
    border:1px solid rgba(0,0,0,.2)
}
.style-category h2{
    margin:0;
    text-align:center;
    background:#1871c9;
    color:#fff;
    padding:10px;
    
}
.blog-content
{
    width:70%;
    float:left;
}
.blog-sidebar
{
    margin-left:1.5%;
    width:28.5%;
    float:left;
}
.blog-content,.blog-sidebar .blog-sidebar-box, .post-body-wrapper .main-body, .post-body-wrapper .post-body-box
{
    background:#fff;
    /*padding: 15px;*/
    margin-top:30px;
    margin-bottom: 30px;
    /*border: 1px solid rgba(100,100,100,.1);*/
}
.blog-content{ margin-top:25px;}
.post-body-wrapper .main-body{ margin-top:25px;}
.blog-sidebar .blog-sidebar-box{padding:12px;}

/*listview*/
.listView {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(48,51,58,.1) !important;
    max-width: 100%;
    border: 0;
    box-shadow: unset;
}

@media (min-width:768px) {
    .listView:hover {
        transform: translate(0,0);
    }
    .relative-intags .item:nth-child(3n) {
        margin-right: 0;
    }
}
@media (max-width:767px){
    .block-resident>div .projectCard{
        width:calc(50% - 15px);
        max-width:inherit
    }
    .block-resident>div .projectCard:nth-child(3n){
        margin-right:30px!important
    }
    .block-resident>div .projectCard:nth-child(2n){
        margin-right:0!important
    }
    .relative-intags .item {
        width: 48%;
        margin-right: 4%;
        display: block;
        float: left;
    }
    .relative-intags .item:nth-child(2n) {
        margin-right: 0;
    }
    .relative-incate .blog-item-header h2{
        font-size: 16px;
        line-height: 20px;
    }
    .relative-intags .item:nth-child(9) {display:none;}
}
.listView .cover-image {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 0px;
}
.relative-post-list .listView .cover-image{float:left;}
.listView .info-container {
    padding: 0;
    position: relative;
    /*width: 66%;*/
}

.listView .info-container .listing-price {
top: 0;
right: 0;
}

.listView .info-container .label-group {
    position: absolute;
    display: block;
    top: 30px;
    right: 0;
    width: 130px;
}

.listView .info-container .label-group .label-primary {
margin-bottom: 5px;
float: right;
}

.listView .info-container .label-group .label-primary:last-child {
margin-bottom: 0;
}

/*.listView .info-container .action-group {

flex-flow: row wrap;
justify-content: space-between;
align-items: center;
padding-left: 240px;
}*/
.listView .info-container h4{font-size: 14px;font-weight: 500;}

.listView .info-container .action-group .agent {
display: flex;
flex-flow: row nowrap;
align-items: center;
}

.listView .info-container .action-group .agent .avatar {
height: 40px;
width: 40px;
border-radius: 50%;
overflow: hidden;
margin: 0 8px;
}

.listView .info-container .action-group .agent .avatar a {
display: block;
overflow: hidden;
height: 0;
padding-top: 100%;
background-repeat: no-repeat;
background-position: 50% 15%;
background-size: cover;
border-radius: 50%;
}

.listView .info-container .action-group .agent .detail {
display: flex;
flex-flow: column wrap;
justify-content: space-around;
}

.listView .info-container .action-group .agent .detail h5 a {
font-size: 14px;
color: #30333a;
line-height: 22px;
}

.listing-name {
    display: block;
    font-size: 19px;
    color: #3a3d43;
    font-weight: 700;
    line-height: 22px;
    white-space: normal;
    vertical-align: top;
}
/*.listing-address {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    margin-top: 0;
    color: #838383;
    line-height: 1.29;
}*/
.listing-address {
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.listing-address h4 {
    display: inline-block;
    font-size: 14px;
}
.listing-left{
    font-size: 14px;
    margin: 10px 0;
    display:inline-block;
}
.listing-left > div{line-height: 22px;}
.listing-left .left{
    width: 120px;
    float: left;
font-weight: 500;
}
.listing-price {
font-size: 18px;
font-weight: 600;
color: #d2251e;
padding: 2px  0;
top:0;
right:0
}
/*search*/
.bg-image-section .row-fluid {
    position: relative;
    /*width: 1140px;*/
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
form#suggest-form {
    width: 100%;
    max-width: 810px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
form .search-container {
    position: relative;
    -webkit-box-shadow: 1px 3px 6px 0px rgb(0 0 0 / 40%);
    box-shadow: 1px 3px 6px 0px rgb(0 0 0 / 40%);
    clear: both
}

form .search-container>a {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    height: 50px
}

@media (max-width: 480px) {
    form .search-container>a {
        display:block
    }
}

form .search-container .fa {
    position: absolute;
    left: 0;
    top: 0;
    color: #c9d6dd;
    font-size: 30px;
    padding: 12px 0 0 20px
}

@media (max-width: 640px) {
    form .search-container .fa {
        display:none
    }
}

form .search-container .search-input {
    font-size: 18px;
    height: 55px;
    width: calc(100% - 118px);
    background: #fff;
    border: 0!important;
    outline: none;
    padding: 0 20px 0 60px;
    float: left;
    -webkit-appearance: none
}

@media (max-width: 640px) {
    form .search-container .search-input {
        padding:0 20px
    }
}

form .search-container .btn-search {
    border: 0;
    max-width: 155px;
    min-width: inherit;
    float: left;
    font-size: 18px!important
}
form .search-container .btn-search:hover {
    background: #da6a05;
}

form .search-container .btn-search {
    color: #fff;
    background: #f07404;
    border: 0;
    cursor: pointer;
    font-weight: 700;
}
form .search-container .btn-search {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    min-width: -moz-available;
    max-width: -moz-available;
    text-align: center;
    border-radius: 2px;
    padding: 0 20px;
    white-space: nowrap;
}
form .search-container .btn-search {
    height: 55px!important;
    line-height: 55px!important;
    width: 118px;
}
form .search-container .btn-search:focus {
    border: 0;
    outline: none
}

form .search-container .btn-search .fa {
    position: relative;
    padding: 0;
    color: #fff;
    display: none
}

form .search-container .recent-search {
    position: absolute;
    background: #fff;
    top: 55px;
    left: 0;
    width: 100%;
    max-width: calc(100% - 155px);
    z-index: 10;
    border: 1px solid rgba(131,131,131,.2);
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
}
.showOnMb{display:none;}
@media (max-width: 768px) {
    form .search-container .recent-search {
        top:50px
    }
    .fix {
        margin-top: 15px;
        overflow-x: auto;
    }
    .fix table {
        min-width: 700px;
        margin-bottom: 0;
    }
    .showOnMb{display:block;}
}

@media (max-width: 640px) {
    form .search-container .recent-search {
        max-width:calc(100% - 62px)
    }
}

@media (max-width: 480px) {
    form .search-container .recent-search {
        display:none!important
    }
}

form .search-container .recent-search li {
    height: auto;
    min-height: 40px
}

form .search-container .recent-search li:hover {
    background: #f3f4f7
}

form .search-container .recent-search li a {
    width: 100%;
    display: block;
    padding: 10px 15px;
    color: #30333a
}

form .search-container .recent-search li a span {
    display: block;
    line-height: 20px
}

form .search-container .recent-search li a span i {
    color: #838383
}

.hidden {
    display: none
}



@media only screen and (max-width: 768px) {
    .heading-01 {
        font-size:28px;
        line-height: 1.36;
        text-align: center
    }

    form .tab-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: inherit;
        margin-bottom: 20px
    }

    form .search-container .search-input {
        height: 50px
    }

    form .search-container .btn-search {
        height: 50px!important;
        line-height: 50px!important
    }
}

@media only screen and (max-width: 640px) {
    form .search-container .search-input {
        width:calc(100% - 62px)
    }

    form .search-container .btn-search {
        max-width: -webkit-fit-content;
        max-width: fit-content;
        max-width: -moz-fit-content
    }

    form .search-container .btn-search .zmdi {
        display: block
    }

    form .search-container .btn-search span {
        display: none
    }

    .heading-01 {
        font-size: 22px;
        line-height: 1.16
    }
}
/*end search*
/*detail*/
.container-fluid {
    margin: 0 auto
}
.container-fluid:before {
    display: table;
    content: " "
}
.table-row {
    padding: 0 20px;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ececec;
    border-collapse: collapse;
    align-self: center;
    min-height: 100px;
    overflow: hidden;
    background: #fff
}

.column {
    flex-grow: 0;
    -webkit-flex-grow: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0
}

.index {
    margin-right: 20px;
    width: 15px;
    align-self: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    font-family: 'harmonia',Arial,Helvetica,sans-serif
}

.wrapper {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row
}

.attributes,.title-comment-module-reporter,.title-comment {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    align-self: center
}

.wrapper .img {
    width: 120px;
    height: 60px;
    padding-right: 20px;
    overflow: hidden
}

.wrapper .img img {
    max-width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.table-row .title {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Noto Serif','Helvetica Neue',Arial,sans-serif;
    max-width: 380px
}

.table-row .title p {
    font-family: 'harmonia',Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: gray;
    font-weight: 400
}

.status-owner-severity,.table-row .details {
    align-self: center;
    flex-grow: 1;
    align-items: center;
    width: 100%
}

.table-row .status {
    width: 80px;
    color: #c52728;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.table-row .detail {
    width: 25%;
    text-align: left;
    font-size: 16px;
    padding-left: 10px
}

.table-row .wrap-listing {
    display: flex;
    width: 100%
}

@media (max-width: 1080px) {
    .title-comment {
        flex-direction:column;
        -webkit-flex-direction: column;
        width: 220px;
        padding-right: 20px
    }
}

@media (max-width: 979px) {
    .index,.table-row .title p {
        display:none
    }

    .table-row .wrap-listing {
        flex-wrap: wrap
    }

    .table-row .detail {
        text-align: left
    }
    .blog-content
    {
        width:100%;
        float:unset;
        padding: 12px 0;
		margin-top: 0;
    }
    .blog-sidebar
    {
       display:none;
    }
    .products .content{width:100%;}
}

@media (max-width: 480px) {
    .table-row {
        padding:20px
    }

    .table-row .details,.table-row .status-owner-severity {
        flex-wrap: wrap
    }

    .table-row .status {
        width: 100%;
        padding: 0 0 10px;
        text-align: left
    }

    .table-row .detail {
        width: 50%;
        padding: 0 0 10px
    }

    .table-row .detail:nth-child(n+3) {
        padding-bottom: 0
    }

    .table-row .wrapper .img {
        display: none
    }

    .table-row .title-comment {
        padding: 0 0 10px
    }

    .table-row .title {
        overflow: inherit;
        white-space: inherit;
        text-overflow: inherit;
        max-width: 100%
    }
}

.btn-primary {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    max-width: fit-content;
    min-width: 200px;
    text-align: center;
    border-radius: 2px;
    padding: 0 20px
}

.btn-primary .zmdi {
    font-size: 20px
}

.btn-red {
    background: #c52728;
    color: #fff
}

.btn-red:hover {
    background: #cf373a;
    color: #fff
}

.btn-transparent {
    background: transparent;
    color: #30333a;
    border: 1px solid rgba(48,51,58,.2)
}

.btn-transparent:hover {
    background: #30333a;
    color: #fff
}

.btn-contact {
    display: inline-block!important;
    border: 1px solid rgba(51,117,136,.5);
    border-radius: 2px;
    width: 100%;
    min-width: fit-content;
    max-width: 150px;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    color: #337588
}

.btn-contact:hover {
    background: #337588;
    color: #fff
}

.btn-contact .zmdi {
    display: block;
    padding: 0;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    font-size: 18px
}

.btn-contact span {
    font-size: 14px;
    font-weight: 500
}

@media only screen and (min-width: 320px) and (max-width:480px) {
    .btn-contact {
        padding:0 10px
    }

    .btn-contact .zmdi {
        margin: 0
    }

    .btn-contact span {
        display: none
    }
}

.contact-block-form {
    height: auto;
    border: solid 1px #ccc;
    margin-bottom: 20px;
    margin-top: -1px;
    margin-right: 1px;
    box-sizing: border-box
}

.contact-block-form .contact-block-form-inner {
    padding: 20px 25px
}

.contact-block-form .contact-block-form-inner form button {
    width: 100%;
    max-width: 100%;
    margin-bottom: 13px;
    display: block;
    text-align: center
}

.contact-block-form .contact-block-form-inner form .btn-red {
    border: 0;
    margin-bottom: 0
}

.contact-block-form .contact-block-form-inner form>span {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: rgba(68,76,89,.86);
    font-size: 12px;
    text-align: center
}

.height-100-percent .btn-like {
    visibility: hidden;
    opacity: 0
}

@media only screen and (min-width: 320px) and (max-width:800px) {
    .height-100-percent .btn-like {
        visibility:visible;
        opacity: 1;
        right: 15px
    }
}

@media only screen and (max-width: 800px) {
    .right-content #agent-fix {
        display:none
    }
}
/*end detail*/
/*PAGING*/
.paginator-section{
    margin:25px 0;
    display:block;
    clear:both;
    width:100%;
}
.paginator{
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    /*webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;*/
    margin:0;
    padding:0;
    width:100%;
    background: #ececec;
    padding: 4px;
    border-radius:2px;
}
.paginator li{
    width:100%;
    max-width:33px;
    line-height: 30px;
    font-size: 16px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-align:center;
    margin-right: 10px;
    font-weight: 500;
}
/*.paginator li:first-child{
    margin-right:15px
}
.paginator li:last-child{
    margin-left:15px
}*/
.paginator li a .zmdi{
    font-size:30px;
    padding:0;
    color:#337588
}
.paginator li a:hover{
    display:block;
    background: rgb(195, 195, 195);
}
.paginator li a,.paginator li span
{
    height: 35px;
    width: 35px;
    border-radius: 1px;
    transition: all 500ms;
}
.paginator li a,.paginator li span.disabled{
    display:block;
    padding-top:3px;
    background: rgb(218, 218, 218);
}
.paginator li span.disabled
{
    background: rgb(217, 217, 217);
    opacity: 0.8;
}
/*.paginator li:first-child a,.paginator li:last-child a{
    padding-top:0
}*/
.paginator li a.active,.paginator li span.active{
    color:#fff;
    display:block;
    background:#f07404;
    padding-top:3px
}
.paginator li .btnPre:hover,.paginator li .btnNext:hover{
    background:transparent
}
.paginator li i.fa{ 
    font-size: 15px;}
/*.paginator li:hover i.fa{ color: #fff;}*/

.paginator li.info{
    max-width: unset;
    display: block;
    width: unset;
}
.paginator li.info span{
    display: block;
    width: unset;
    padding: 2px 4px;
    color: #807c7c;
    font-weight: normal;
    cursor: default;
}
 @media only screen and (max-width: 500px)
{
    .paginator li.btnPre,.paginator li.btnNext, .paginator li.info{display:none;}
    .paginator li{width:32px;margin-right: 8px;}
    .paginator li a, .paginator li span{width:32px;}
}  

/*Menu*/
.sticky-header{
    visibility:hidden;
    position:absolute;
    top:-60px
}
.stickyTrigger{
    display:block;
    border:1px solid rgba(48,51,57,.15);
    height:50px;
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    overflow:hidden;
    opacity:0;
    transform:translateY(-100%);
    transition:opacity .5s ease-in-out , transform .5s ease-in-out;
    z-index:10;
    font-size:16px
}
.is-stuck{
    position:fixed;
    top:0;
    right:0;
    left:0;
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}
.title-sticky-header{
    float:left;
    max-width:15%;
    padding-right:25px
}
.title-sticky-header h3{
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:60px;
    
    font-size:20px;
    overflow:hidden;
    font-weight:400
}
.info-sticky-header{
    float:left;
    width:100%;
    font-weight:500
}
.info-sticky-header p.gray{
    font-weight:400;
    padding-bottom:2px;
    color:#8e9399
}
.info-sticky-header li{
    display:inline-block;
    padding:0px 10px;
}
.info-sticky-header li:first-child{
    padding-left:0
}
.info-sticky-header li a{
    line-height:46px;
    font-weight:600;
    display:block;
    transition:all 0.2s;
        font-size: 15px;
    letter-spacing: 0.5px;
}
.info-sticky-header li a.active{
    font-weight:600;
    border-bottom:2px solid #f07404;
    color:#f07404;
}
.info-sticky-header li a:hover{
    color:#f07404;
}

.btn-sticky-header{
    float:right;
    width:20%;
    padding-top:7px;
    text-align:right;
    line-height:50px;
    font-weight:500
}
.btn-sticky-header .black-button{
    height:40px;
    line-height:40px;
    text-transform:uppercase;
    width:160px;
    padding:0;
    margin:0;
    float:right
}
/**/
.s-menu{
    position:absolute;
    top:54px;
    height:50px;
    width:100%;
    z-index:10;
    background:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.1)
}
.s-menu-wrapper{
    padding:0 40px 0;
    height:50px;
    line-height:48px;
    background:#fff;
    overflow: hidden;
}
.s-menu-wrapper .s-menu-items{
    border-bottom:2px solid transparent;
    display:inline-block;
    font-size:14px;
    font-weight:500;
    margin-right:30px;
    transition:ease all .5s;
    cursor:pointer;
    height:50px
}
.s-menu-wrapper .s-menu-items a{
    display:block
}
.s-menu-wrapper .s-menu-items.active,.s-menu-wrapper .s-menu-items:hover{
    border-bottom:3px solid #f07404;
}
.menu-center{text-align:center;}
.sticky-sMenu{
    height:50px;
    border:0
}
.s-btn-contact{
    float:right;
    width:100%;
    max-width:150px
}
.s-btn-contact>a{
    display:block;
    width:100%;
    background:#c52728;
    text-align:center;
    height:32px;
    line-height:32px;
    margin-top:8px;
    border-radius:2px;
    color:#fff;
    font-weight:600
}
.s-btn-contact>a:hover{
    background:#cf373a
}
.cta-bottom-wrapper{
    background:#fff;
    width:100%;
    height:46px;
    position:fixed;
    bottom:0;
    z-index:10001;
    border:1px solid rgba(48,51,57,.15);
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    overflow:hidden;
    transition:opacity .5s ease-in-out , transform .5s ease-in-out;
    font-size:16px;
    display:none
}
.cta-bottom-inner{
    width:100%;
    border-spacing: 15px 4px;
    margin:0 auto;
    position:relative;
    clear:both;
    display:table;
    height:100%
}
.cta-bottom-inner div{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:50%
}

.cta-bottom-inner a{transition: all 300ms;}
.cta-hotline,.cta-post{
    display: block;
    background: #f07404;
    border-radius: 2px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-weight: 500;
    border: 1px solid #e26e06;
    font-size:110%;
}
.cta-hotline:focus,.cta-hotline:hover,
.cta-post:focus,.cta-post:hover{
    color:#fff!important;
    background:#da6a05;
}

.cta-form {
display: block;
    background: #fff;
    color: #30333a;
    border-radius: 2px;
    width: 100%;
    height: 38px;
    border: 1px solid #30333a;
    line-height: 38px;
    font-weight: 500;
}
.cta-form:hover, .cta-form:focus {
    color: #f07404;
    border: 1px solid #f07404;
}
.cta-hotline:before,.cta-form:before,.cta-post:before
{
    font-family:fontawesome;
    content: '\f095';
    margin-right: 4px;
    font-size: 18px;
}
.cta-post:before
{
    content: '\f040';
}
.cta-form:before
{
    content: '\f0a4';
}
.cta-baogia {
    background: none;
    border: none;
    bottom: 25px;
    left: 0px;
    position: fixed;
    z-index: 9;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    display:none;
}
@media only screen and (min-width: 1380px)
{
    .cta-baogia{display:block;}
}  
.large-btn-red{
    padding:13px 40px;
    color:#fff;
    background:#c72528;
    border-radius:2px;
    font-size:16px;
    border:0;
    cursor:pointer
}
.large-btn-red:hover{
    background:rgba(199,37,40,.9)
}
.large-btn-black{
    padding:13px 40px;
    color:#fff;
    background:#30333a;
    border-radius:2px;
    font-size:16px;
    border:0;
    cursor:pointer
}
.large-btn-black:hover{
    background:rgba(48,51,58,.9)
}
@media only screen and (max-width:1080px){
    .s-menu-wrapper{
        padding:0 30px 0
    }
    .s-menu-wrapper ul{
        /*overflow-x:scroll;*/
        /*overflow-y:hidden;*/
        white-space:nowrap;
        height:50px;
        line-height:50px
    }
    .s-menu-wrapper{
        padding:0 10px 0;
        width:100%;
        display:block
    }
}
@media only screen and (max-width:768px){
    .cta-bottom-wrapper{
        display:block
    }
}
@media only screen and (max-width: 550px) {
   .s-menu-wrapper {
        overflow-x: scroll;
    }
}
/*landing*/
.landpage .header {height:80px;line-height:80px;}
.landpage.project-header .stickyTrigger-shadow{border:none;box-shadow: none;}
.landpage .info-sticky-header li a{border: none!important;}
.landpage .header .col-left{display:contents;}
.landpage .header .col-left .main-nav-menu ul li a{height:46px;}
.landpage .header .col-left .logo>a {
    width: 140px;
    background: none;
    padding: 0;
    vertical-align: middle;display: inline-block;
}
.landpage .header .col-left button.zmdi {
    margin-top: 15px;
    color: #555;
}
.landpage.header .col-left .main-nav-menu {top:80px;}
.landpage .header .col-left .logo>a img{
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
}
.form-request{
        background: url(/images/bgfooter.jpg) #30333a;
        box-shadow: 0 3px 4px rgba(127,127,127,0.3);
        -webkit-box-shadow: 0 3px 4px rgba(127,127,127,0.3);
        background-repeat: no-repeat;
        background-size: 100%;
        position: relative;
        padding: 5px 15px 3px;
        border-radius: 3px;
        margin-bottom: 20px;
        background-position: right;
        background-size: cover;
        display: none;
    }
    .form-request:before{
            content: "";
            display: inline-block;
            background-image: url(/images/img/riptop.png);
            background-repeat: no-repeat;
            position:absolute;
            bottom:0;
            right:0;
            width:54px;
            height:54px;
    }
    .form-request input[type=submit]::before {
    content: "\f1d8";
    display: inline-block;
    width: 100%;
    font-weight: 700;
    font: 14px/1 'fontawesome';
    font-weight: 700;
}
.form-request .large-btn-bg {
        padding: 9px 15px!important;
    width: 100%;
    border-radius: 20px;
    font-size: 17px;
    text-align:center!important;
}
    .form-request form{
        max-width:560px;
        margin:0 auto;
    }
    .form-request h3{
        text-align: center;
        color: #fdfdfd;
    }
    .form-request .form-element{height:40px;margin-top: 8px;margin-bottom: 8px;}
    .form-request .form-element input{
            padding: 11px 20px 8px!important;
            border-radius: 20px!important;
    }
    .form-request .input .placeholder{
        left: 25px!important;
    }
    .form-request p.noti{color: #fff;font-style:italic;}
    .form-element .placeholder{line-height:40px}
    .form-request .loader{
        background: rgba(127,127,127,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    }
    .form-request .loader img{
position: absolute;
    top: 56%;
    left: 48%;
    }
        .form-request .form-element-c-row {
    margin-left: -5px;
    margin-right: -5px;
}
.form-request .form-element.input {
    width: 50%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
.form-alert p.success{
    border: 1px dashed #99ff29;
    padding: 0 10px;
    background: #95e474;
    border-radius: 3px;
    opacity: 0.9;
}
.form-alert p.error{
    border: 1px dashed #da0707;
    padding: 0 10px;
    background: #ff5413;
    border-radius: 3px;
    opacity: 0.9;
}
    .input-message {width:calc(100% - 130px)!important;}
    .input-button {width:130px!important;text-align:center!important;}
    .last-section {margin-bottom: 0px;display:block;}
    .last-section .row{
        max-width: 1170px;
        display: block;
        margin: 0 auto;
    }
    .last-section .row:after,.last-section .row:before{
        display: table;
        content: " ";
        clear: both;
    }
    .last-section .left, .last-section .right{width:50%;padding: 15px;}
    .last-section .left{
        color:#fefefe;
        font-size:16px;
         padding-top: 25px;
        padding-bottom: 20px;
    }
    .last-section .left h2, .last-section .left h3, .last-section .left h4, .last-section .left h5, .last-section .left h6{
        font-weight:bold;
        text-transform:uppercase;
        margin-bottom:12px;    padding-top: 10px;
        text-align:left;
    }
    .last-section .left h2,.last-section .left h3
    {
        font-size:20px;margin-bottom:28px;
        line-height: 24px;
        font-weight: 600;
    }
    .last-section .left p, .last-section .left a{color:#fefefe;}
     .last-section .left p{margin-bottom:12px; font-size:17px;}
     .last-section .left strong, .last-section .left b{font-weight: 500;}
    .last-section .right {
        padding-bottom:45px;padding-left: 60px;
    }
    .form-request.last-section:before{content:none;}
@media only screen and (max-width: 768px)
{
    .form-request{display:block;}
    .form-request .form-element.input
    {
        width:100%;
    }
    .input-message {width:calc(100% - 110px)!important;}
    .input-button {width:110px!important;}
    .form-request h3 {font-size:19px;}
    .last-section .left, .last-section .right{width:100%;}
     .last-section .right{padding-left: 15px;}
     .last-section .left,.last-section .left h2, .last-section .left h3, .last-section .left h4, .last-section .left h5, .last-section .left h6{text-align: center;}
     .form-request{
            background: url(/images/bgfooter2.jpg) #30333a;
            background-repeat: no-repeat;
            background-size: 100%;
            position: relative;
            padding: 5px 15px 3px;
            border-radius: 3px;
            margin-bottom: 20px;
            background-position: center;
            background-size: cover;
        }
}
/*end landing*/
/*update*/
.tag-locals:before,.tag-locals:after,.hot-projects:before,.hot-projects:after,
.utils-search:before, .utils-search:after
{
    display:table;
	content:"";
    clear:both;
}
#footer .inner .row .info-container .address img.logo{
    max-width: fit-content;
    margin-bottom: 20px;
    height: unset;
}
#footer .inner .row .info-container .address p {
    font-size: 16px;
}
#footer .inner .row .info-container .address .slogan{
     font-size: 15px;
}
.form-footer{
    width: 100%;
}
#footer .inner .row .info-container>li, #footer .inner .row .info-container .item
{
    width:30%;
}
#footer .inner .row .info-container .address{
    padding-left: 0;
    width:40%;
}
#footer .inner .row .info-container>li ul li a{
    display:inline;
}

#footer .inner .row .info-container .form-element{
    height:35px;margin-bottom: 12px;
}
#footer .inner .row .info-container .form-element input{
    border-radius: 20px;    padding: 6px 15px;
}
#footer .inner .row .info-container .form-element .placeholder {
    font-size: 13.5px;
    left: 16px;
    line-height: 36px;
}
#footer .inner .row .info-container .form-element.input-button {
    width: 100%!important;
    display: block;
}
#footer .inner .row .info-container .form-element.input-button {
    width: 100%!important;
    display: block;
}
#footer .inner .row .info-container .form-element.input-button button{
    padding: 10px 40px;
    font-size: 16px;
    text-align:center;
    width: 100%;
    border-radius: 20px;
}
#footer .inner .row .info-container .fform {    max-width: 300px;}
#footer .inner .row .info-container .fform .link-01 {text-align:center;}
/*
    tags
*/
.block-tags{
    background: #fcfcfc;
    padding: 25px 0;
    font-size: 15px;
}
.block-tags h2{
    font-size: 18px;
    margin-bottom: 16px;
}
.block-tags .col-12 {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;*/
    display:block;
}
.block-tags .col-12 ul {
    width: 20%;
    float: left;
    opacity:0.8;
}
.block-tags .col-12 ul li {
    height: 26px;
    line-height: 26px;
    padding-right: 20px;
    width:100%;
}
.block-tags .col-12 ul li:first-child a{
    font-size:16px;
}
.block-tags .col-12 ul li a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
/*project page*/
.mastitle{
    padding: 40px 0 0;
}
h1.tieude{
    font-weight: 700;
    /*text-transform: uppercase;*/
    padding: 10px 0 0;
        font-size: 32px;
}
h3.sub{
    font-weight: normal;
    text-transform: uppercase;
    text-align:center;
    line-height: 24px;
    font-size: 18px;
}
.mota-duan{
    padding: 25px 0 0;
}
.project-listing{margin-top: 0px;}
.project-listing .inner{padding:50px 0 25px;}
.project-listing  .main{
    width: 68%;
    float: left;
    margin-right: 2%;
}
.utils-search
{
    margin-bottom:15px;
}
.utils-search .chosen-container-single .chosen-single,
.utils-search input,
.utils-search button
{
    height:32px;
}
.utils-search .chosen-container-single .chosen-single div{top:4px;}
.utils-search .chosen-container-single .chosen-single span{line-height: 28px;}
.utils-search .form-select{width:160px;float:left;}
.utils-search .form-input{width:calc(100% - 400px);float:left;}
.utils-search .form-input input{border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;    border: 1px solid #ccc;}
.utils-search .form-button{width:80px;float:left;}
.utils-search button{
    padding: 8px 8px;
    font-size: 13px;
    text-align: center;
    width: 100%;
    border: 0;
    cursor: pointer;
    font-weight: 700;
    color: #fff;
    background: #f07404;
    border-radius: 0 5px 5px 0;
}
.utils-search button:hover
{
    background: #da6a05;
    color: #fff;
}
.utils-footer{
    display: block;
    background: #f5f5f5;
    border-radius: 3px;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 13.5px;
    line-height: 20px;
    opacity: 0.9;
}
.utils-oes{
    border-top: 1px solid rgba(131,131,131,.2);
    padding: 20px 0;
    margin: 20px 0;
    font-size: 15px;
    line-height: 24px;
}
.utils-oes2{display:none;}
.utils-oes p,.utils-oes div{
    margin-bottom:10px;
}
.project-listing .sidebar{
    width:30%;
    float:left;
}
.project-listing .listview .listingItem
{
    width:100%;
    background: #fff;
}

.project-listing .listview .listingItem .cover-image {
    width: 300px;
    float: left;
}
.project-listing .listview .listingItem .cover-image img{
    display:block;
}
.project-listing .listview .listingItem .txtprice{
    color: #dd0b0e;
    font-weight: 700;
    font-size: 16px;
    float:right;
}
.project-listing .listview .listingItem .info-container {
    width: calc(100% - 300px);
    padding: 10px 10px 10px 18px;
    background: #fff;
    height: 200px;
    display: inline-block;
}
.project-listing .listview .listingItem .info-container .metatop{
    font-size: 15px;
    margin-bottom: 10px;
    color: #9fa8b1;
}
.listing-meta{
    font-size: 14px;
    line-height: 20px;
    color: #404040;
}
.listing-meta span.left{width:90px;}
.listing-meta span:last-child{
    font-weight: 500;
    color: #636363
}
.project-listing .listview .listingItem .info-container  .fabs{
    position: absolute;
    bottom: 8px;    width: calc(100% - 330px);
}
.info-container  .fabs .sbg{
    text-align: center;
    font-size: 11px;
    padding: 2px 6px;
    line-height: .9;
    color: #fff!important;
    font-weight: 700;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    opacity: .92;
}
.info-container  .fabs .sbg-1{
    background-color: #7cba13;
}
.info-container  .fabs .sbg-2{
    background-color: #f07404;
}
.info-container  .fabs .sbg-3{
    background-color: #137eba;
}
.info-container  .fabs .sbg-4{
    background-color: #878787;
}
.block-listing.listview .nosearch{
    background: #ececec;
    display: block;
    text-align: center;
    padding: 13px;
    font-size: 17px;
    margin-top: 13px;
    border-radius: 2px;
}
.project-listing .main .has-search{
    margin-bottom: 12px;
    font-weight: 600;
    font-style: italic;
    color: #e80d0d;
    font-size: 13.5px;
    opacity: 0.85;
}
.project-listing .block-project .block-listing.listview{
    margin-left:0;
    margin-right:0;
    width: 100%;
}
.project-listing .listview .listingItem .info-container .listing-name{
    font-size:21px;
    margin-bottom:12px;
}
.project-listing .listview .listingItem .info-container .listing-address h4 a
{
    font-size:14px;
}
/*tags*/
.tag {
    float: left;
    width: 100%;
    background: #FFF;
    position: relative;
}
.list-title {
    background: #f07404;
    padding: 7px 15px 8px 12px;
    color: #FFF;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.tag-locals {
    width: 100%;
    background: #ffffff;
    margin: 0 0 25px;
    border: 1px solid rgba(127,127,127,.16);
    box-shadow: 0 1px 4px rgba(127,127,127,.11);
    -webkit-box-shadow: 0 1px 4px rgba(127,127,127,.11);
    padding: 10px;
}
.tag-locals .title{
    margin-bottom:10px;
    display:block;
    font-weight:bold;
}
.tag-locals .tags li {
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-left:0;
}
.tag-locals .tags li:nth-child(2n)
{
    margin-right: 0;
    margin-left:1%;
}
.tag-locals a {
    font-size: 14px;
    font-weight: 400;
    color: #0a68b9;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.tag-locals a:hover{
    color: #0c5b9e;
    font-weight: 500;
}
.tag-locals a span{
    font-size: 11px;
    font-weight: 500;
    color: #444;
}
/*.tag-category{
    padding: 2%;
}*/
.tag-category .tags li {
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-left:0;
}
.tag-category .tags li:nth-child(2n)
{
    margin-right: 0;
    margin-left:1%;
}
.tag-category a
{
    font-size: 15px;
    line-height: 28px;
    font-weight:500;
}
.tag-category a:before{
    content:"\f101";
    font-family: "FontAwesome";
    font-size:14px;
    margin-right:5px;
}
/*.tag-name li:nth-of-type(1) a, .tag-name li:nth-of-type(3) a, .tag-name li:nth-of-type(6) a, .tag-name li:nth-of-type(9) a, .tag-name li:nth-of-type(14) a, .tag-name li:nth-of-type(19) a, .tag-name li:nth-of-type(22) a, .tag-name li:nth-of-type(26) a, .tag-name li:nth-of-type(27) a, .tag-name li:nth-of-type(28) a, .tag-name li:nth-of-type(16) a {
    font-weight: 700!important;
    color: #c0392b!important;
}*/

.hot-projects{
    width: 100%;
    margin: 0 0 25px;
}
.hot-projects .title{
    border-radius: 2px;
    margin-bottom: 10px;
    background-color: #f07404;
    font-weight: 500;
}
.hot-projects{padding-bottom: 0px;}
.hot-projects h2,.relative-wrapper .relative-inner h3{
    padding: 40px 0 20px;
    font-size: 24px;
    position: relative;
    line-height: 30px;
    font-weight: 600;
    color: #444c59;
    display: block;
    text-align: center;
}
/*.hot-projects ul
{
    margin-right:-10px;
    margin-left: -10px;
}*/
.hot-projects ul.tags::after
{
    content:'';
    display:inline-block;
    clear:both;
}
.hot-projects ul.tags > li{
    width: 100%;
    /*padding-right:10px;
    padding-left: 10px;*/
    padding-top: 4px;
    transition: all 400ms;
    margin-bottom: 20px;
}
.hot-projects ul.tags li .featured
{
    position: relative;
}
.hot-projects ul.tags li .featured .cover img{
    width: 100%;
    display: block;
    height: auto;
    -moz-user-select: none;
    min-height: 100%;
}
.hot-projects ul.tags li .featured .cover {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover!important;
    background-position: 50% top;
    cursor: pointer;
        
}
.hot-projects ul.tags li .cover img
{
    transition: all 0.3s;
}
.hot-projects ul.tags li:hover .cover img{
    transform: scale(1.05);
}
.hot-projects ul.tags li .featured .overlay .heading a{
    font-weight: bold;
}
.hot-projects .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 18px;
    height: 18px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #e6e6e6cc;
    border-radius: 50%;
}
.hot-projects .slick-dots li.slick-active button  {
    background:#f5b361;
}
.hot-projects .slick-dots {
    bottom: 25px;
    z-index: 9;
    opacity: 0.8;
}
.breadcrumbs-wraper{
    border-top:1px solid rgba(48,51,58,.1);
    background-color: #fcfcfc;
    border-bottom:1px solid rgba(48,51,58,.1);
}
.breadcrumbs-wraper .breadcrums{
    margin: 0px auto;
    padding: 15px 0;
    font-size: 14.5px;
}
.breadcrums {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 1140px;
}

.breadcrums .breadcrumbs-item{
    position: relative;
    padding-left: 12px;
    margin-right: 10px;
}
.breadcrums .breadcrumbs-item:first-child{padding-left:0px;}
.breadcrums a {
    color: #555;
    text-decoration: none;
}
.breadcrums a:hover{
    color: #f07404;
}
.breadcrums .breadcrumbs-item.active span {
    color: rgba(48,51,58,.5);
}
.breadcrums .breadcrumbs-item a:after,
.breadcrums .breadcrumbs-item > span:after {
    font-family: 'fontawesome';
    content: '\f105';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight:normal;
    opacity:0.6;
}
.breadcrums .breadcrumbs-item:first-child a:after {
    content: none;
}
.breadcrums a i.fa,.breadcrums a i.fa{color: #666;}

/*input*/
textarea,input[type="text"],input[type="url"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],select{
    padding:6px;
    display:inline-block;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.form-element{
    position:relative;
    width:100%;
    height:44px;
    margin-bottom:15px;
    float:left
}
.form-info .form-element.textarea{height:72px!important;}
.form-element:before{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.form-element .placeholder{
    pointer-events:none;
    color:rgba(68,76,89,.7);
    position:absolute;
    top:0;
    max-width:100%;
    z-index:1;
    transition:.3s;
    transform-origin:0 0;
    font-size:14px;
    left:6px;
    line-height:46px;
    font-weight:400
}
.form-element .input{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    outline:0!important;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size:14px
}
.form-element.textarea{
    height: 110px;
}
.form-element textarea{
    font-size:14px;
    max-width:100%;
    resize:none
}
.form-element.focused .placeholder{
    transform:scale(.72)!important;
    line-height:20px!important;
    margin-top: 1px;
}
.textarea-height{
    height:88px!important;
}


.status-open {
    background: #1AB394;
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
}
.button.disabled, input[type="submit"].disabled, input[type="reset"].disabled {
    cursor: not-allowed;
    opacity: .85;
    filter: alpha(opacity=85);
}
#contact-form .loader,#comments-form .loader {
    position: absolute;
    top: 30%;
    left: 48%;
}
.contact-form-body {position:relative;}
.contact-form-body .form-element{margin-bottom:13px;}
/*COMMENT*/
.comment-box {
    background: #fff;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(100,100,100,.1);
}
.comment{
    margin:10px 0 10px 0
}
children {padding-left:40px}
 #comments {
    padding-top: 0;
    margin-top: 0;
}

#comments .section-title,#respond .section-title {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px
}

.comments-list {
    border-bottom: 1px dotted #ced8df;
    margin: 27px 0 45px;
    padding: 0 0 30px;
    overflow: hidden
}

.comment {
    border-top: 1px dotted #ced8df;
    list-style: none;
    margin: 25px 0 0;
    padding: 25px 0 0
}

.comment:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.comment > article {
    margin: 0;
    overflow: hidden
}

.comment .avatar {
    background: #fff;
    float: left;
    margin: 2px 0 5px;
    position: relative;
    width: 64px;
    z-index: 1
}

.comment .comment-body,.comment .comment-meta {
    float: right;
    margin: 0 0 -20px 15px;
    width: calc(100% - 80px);
}

.comment .comment-body {
    margin: 2px;
    font-size: 17px
}

.comment .comment-meta {
    margin-bottom: 0
}

.comment .author,.comment .author a {
    color: #54555a;
    margin: 0
}

.comment .author .author-name {
    font-weight: 700;
    font-size: 20px;
    font-family: 'Alegreya',serif
}

.comment .author .comment-reply-link {
    font-size: 12px;
    float: right;
    font-weight: 700;
    color: #f15a23
}

.comment .author .comment-reply-link:hover {
    color: #111
}
.comment .date,.comment .date a {
    color: #adb3b8;
    font-style: italic;
    margin: -5px 0 2px;
    font-size: 13px
}
.date a.link {
    font-size: 14px;
    font-weight: 600;
    color: #f15a23
}
.date a.link:hover {
    color: #111
}
.comment .author a:hover,.comment .date a:hover {
    color: #f15a23
}
.comment .children {
    margin: 0;
    padding: 12px  0 0 70px;
    position: relative
}
.comment .children .comment {
    border-top: 1px dotted #ced8df;
    margin: 30px 0 0;
    padding: 20px  0 0;
    position: relative
}
.comment .children .comment:first-child {
    margin-top: 0
}
/*.comment .children .comment-body,.comment .children .comment-meta {
    width: 541px
}*/
.comments-form {
    margin: 20px -20px 0 0;
    display: contents;
    position: relative;
}

.comments-form input {
    width: 191px
}

.comments-form textarea {
    height: 120px;
    width: 657px
}
#comments .heading-03
{
    background: #f2f2f2;
    padding: 10px;
    font-size: 18px;
}
#respond{
    background: #fafafa;
    padding: 15px;
}
#respond .heading-03 {padding: 5px 0 20px;font-size: 18px;}
#respond .form-element.input,#respond-box .form-element.input
{
    width:50%;
    float:left;
    padding-left:5px;padding-right:5px;
   
}
#respond .form-element-c-row,#respond-box .form-element-c-row{margin-left:-5px;margin-right:-5px;}
#respond .large-btn-bg,#respond-box .large-btn-bg{padding: 10px 30px; text-align: center;}
#respond input,#respond textarea,#respond-box input,#respond-box textarea {
    width: 100%;
    border-radius: 2px;
    padding: 18px 10px 5px;
    border: 1px solid rgba(131,131,131,.3);
     position:unset;
}
#respond .input .placeholder,#respond-box .input .placeholder{left:15px;}
#respond .textarea .placeholder,#respond-box .textarea .placeholder{left:10px;}
#respond-box .large-btn-bg {opacity: 0.9;}
#respond #respond-box .large-btn-bg {width:100%;}
#respond-box a.cancel{  
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: red;
    font-weight: bold;
}
/*page*/
.form-contact .contact form .hs-richtext>h5{
    padding-bottom:20px
}
#contact-now-form .mdialog-body{
    margin:auto;
    height:auto;
    max-height:inherit
}
.bg-opa{
    background:rgba(0,0,0,.32);
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    margin:auto;
    height:100%;
    font-size:14px
}
.display-table{
    display:table;
    width:100%;
    height:100%
}
.display-table a{
    color:#fff
}
.bg-opa a{
    display:table-cell;
    vertical-align:middle
}
.sticky-footer{
    position:fixed;
    background:#fff;
    width:100%;
    bottom:0;
    left:0;
    right:0;
    padding:10px 20px;
    display:none;
    justify-content:space-between;
    border-top:1px solid #f4f5f9;
    z-index:1000
}
.page {
    margin: 30px auto;
    padding-top: 35px;
}
.pagewmenu {margin-top: 90px;}
.pagewidth {
    max-width: 900px;
    position: relative;
    clear: both;
    padding-bottom: 20px;
}
.sticky-footer div{
    width:50%;
    padding:0 10px
}
.bg-overlay-wrapper{
    background:rgba(0,0,0,.9);
    height:100vh;
    overflow:auto;
    position:relative
}
.s-form-wrapper{
    width:100%;
    max-width:645px;
    margin:0 auto;
    background:#fff;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.s-form-close-btn{
    display:block;
    height:36px;
    width:36px;
    position:absolute;
    background:#fff;
    top:-15px;
    right:-13px;
    border-radius:50%;
    box-shadow:rgba(45,45,45,.05) 0 0 0,rgba(49,49,49,.05) 0 1px 1px,rgba(42,42,42,.05) 0 2px 2px,rgba(32,32,32,.05) 0 4px 4px
}
.s-form-close-btn::before{
    content:"\f136";
    font-family:'zmdi';
    text-align:center;
    height:36px;
    width:36px;
    display:block;
    line-height:36px;
    box-sizing:border-box;
    font-size:22px
}
.s-form-back-btn{
    display:none;
    height:20px;
    width:20px;
    position:absolute;
    left:15px
}
.s-form-back-btn::before{
    content:"\f2ea";
    font-family:'zmdi';
    text-align:center;
    font-size:22px;
    color:#838383
}
.s-form-heading{
    width:100%;
    background:#f3f4f7;
    overflow:hidden
}
.s-heading-inner{
    padding:30px 0 20px;
    text-align:center;
    position:relative
}
.s-heading-inner h2{
    font-size:20px;
    font-weight:500
}
.s-form-body{
    font-size:14px;
    color:rgba(68,76,89,.5)
}
.s-body-inner{
    padding:50px 45px
}
.s-body-inner .row{
    display:block;
    width:100%;
    margin-bottom:20px;
    overflow:hidden
}
.s-body-inner .row:last-child{
    margin-bottom:0
}
.s-body-inner .row>.s-form-col2:nth-child(2){
    margin-right:0
}
.s-body-inner .row ul,.s-body-inner .row ul li{
    display:inline-block
}
.s-body-inner .row ul li{
    margin-left:30px
}
.s-input-form{
    width:100%;
    height:36px;
    line-height:36px;
    border:1px solid rgba(48,51,58,.5)!important;
    border-radius:2px;
    padding:8px 10px 5px;
    font-size:14px
}
.s-form-checkbox{
    position:absolute;
    opacity:0
}
.s-form-checkbox+label{
    position:relative;
    cursor:pointer;
    padding:0
}
.s-form-checkbox+label:before{
    content:'';
    margin-right:10px;
    display:inline-block;
    vertical-align:bottom;
    width:18px;
    height:18px;
    background:#fff;
    border:1px solid #30333a;
    border-radius:2px;
    object-fit:contain
}
.s-form-checkbox:checked+label::before{
    background:#337588
}
.s-form-checkbox:checked+label:after{
    content:'';
    position:absolute;
    left:5px;
    top:6px;
    background:#fff;
    width:2px;
    height:2px;
    box-shadow:2px 0 0 white,4px 0 0 white,4px -2px 0 white,4px -4px 0 white,4px -6px 0 white,4px -8px 0 white;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.s-form-col{
    width:100%
}
.s-form-col2{
    width:49%;
    margin-right:2%;
    float:left
}
.s-form-col2>input:last-child{
    margin-right:0
}
.s-form-btn{
    display:block;
    overflow:hidden;
    margin:40px auto 0;
    width:100%;
    max-width:320px
}
.bg-black{
    width:100%;
    background:#303339
}
.s-content p{
    max-width:460px
}
.s-content p>a{
    color:#fff;
    font-weight:600
}
.s-col{
    position:relative;
    display:block;
    width:50%;
    margin:0;
    padding:0
}
.s-col .img-wrapper{
    display:table;
    position:relative;
    width:100%;
    line-height:0
}
.s-col .img-wrapper a img{
    width:100%
}
.s-col .bg-opa .zmdi::before{
    content:'\f3a8';
    font-family:'zmdi';
    font-size:2em;
    font-style:normal
}
.s-content{
    width:100%;
    max-width:490px;
    z-index:3;
    margin:0 auto;
    font-size:16px;
    line-height:1.67
}
.s-feature-heading{
    font-size:36px;
    font-weight:500;
    line-height:1.4;
    margin-bottom:20px
}
.s-heading{
    width:100%;
    font-size:30px;
    line-height:1.4;
    font-weight:500;
    padding-bottom:50px;
    text-align:center
}
.s-text-w{
    color:#fff!important
}
.s-heading-policy{
    width:100%;
    font-size:18px;
    line-height:1.5;
    font-weight:500;
    padding-bottom:30px
}
.s-content ul li{
    padding-left:30px;
    padding-top:10px;
    position:relative;
    display:block
}
.s-content ul li:before{
    content:"";
    background-image:url(/images/check-icon.svg);
    display:block;
    position:absolute;
    left:0;
    top:16px;
    background-repeat:no-repeat;
    width:14px;
    height:14px
}
.s-content .s-btn-inner{
    display:block;
    float:left;
    overflow:hidden;
    width:100%;
    margin-top:30px
}
.s-content .s-btn-inner .s-btn-red{
    float:left
}
.s-content .s-btn-inner .s-btn-red:nth-child(2){
    margin-left:10px
}
.s-btn-black{
    display:block;
    width:100%;
    float:left;
    height:50px;
    line-height:50px;
    margin:0 auto;
    background:#fff;
    border:1px solid #30333a;
    color:#30333a;
    padding:0 10px;
    cursor:pointer;
    clear:both;
    font-weight:600;
    text-align:center;
    border-radius:2px;
    font-size:18px
}
.s-btn-red{
    display:inline-block;
    width:100%;
    height:50px;
    line-height:50px;
    margin:0 auto;
    background:#c52728;
    color:#fff;
    padding:0 20px;
    cursor:pointer;
    font-weight:600;
    text-align:center;
    border-radius:2px;
    font-size:18px;
    max-width:fit-content;
    min-width:192px
}
.s-btn-red:hover{
    background:#cf373a;
    color:#fff
}
.s-col-2{
    width:46%;
    margin-right:7%;
    display:block;
    float:left
}
.s-benifit-bg{
    background-position:0 50%;
    background-size:cover
}
.s-benifit-inner{
    position:relative;
    display:block;
    width:100%;
    max-width:945px;
    margin:auto;
    background:#fff;
    box-shadow:rgba(45,45,45,.05) 0 0 0,rgba(49,49,49,.05) 0 1px 1px,rgba(42,42,42,.05) 0 2px 2px,rgba(32,32,32,.05) 0 4px 4px,rgba(49,49,49,.05) 0 8px 8px,rgba(35,35,35,.1) 0 16px 16px;
    overflow:hidden;
    -webkit-appearance:none
}
.s-benifit-inner .table{
    width:70%;
    display:block;
    float:left;
    overflow:hidden;
    border:1px solid rgba(131,131,131,.2);
    border-right:0
}
.s-benifit-inner .table table{
    width:100%;
    padding:40px 35px;
    font-size:18px;
    color:#444c59;
    border-spacing:0
}
.s-benifit-inner .table table thead th{
    vertical-align:middle;
    font-size:1em
}
.s-benifit-inner .table table tbody .row{
    text-align:center;
    height:50px;
    line-height:50px
}
.s-benifit-inner .table table tbody .row td{
    font-size:1em;
    border-bottom:1px solid rgba(48,51,58,.1)
}
.s-benifit-inner .table table tbody .row:last-child td{
    border:0
}
.s-benifit-inner .table table tbody .total{
    font-weight:500
}
.s-benifit-inner .table table tbody .row .name{
    text-align:left
}
.s-benifit-inner .table table tbody .row .free{
    color:#79a14b;
    position:relative
}
.s-benifit-inner .adv{
    width:30%;
    display:block;
    float:left;
    overflow:hidden;
    background-color:#30333a;
    position:absolute;
    top:0;
    right:0;
    bottom:0
}
.s-benifit-inner .adv .adv-inner{
    color:#fff;
    height:100%;
    padding:60px 50px;
    text-align:center;
    position:relative
}
@media only screen and (min-width:320px){
    .spacer{
        position:relative;
        padding-top:100%
    }
    .circle{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        border-radius:50%;
        box-sizing:border-box;
        text-align:center;
        display:block;
        background:linear-gradient(45deg,#00c9ff,#55dbff)
    }
    .circle:before{
        content:'';
        display:inline-block;
        height:100%;
        vertical-align:middle
    }
    .circle .wrapcontent{
        display:inline-block;
        vertical-align:middle;
    }
    .circle .wrapcontent>h2{
        font-size:80px;
        line-height:1
    }
    .circle .wrapcontent p{
        font-size:20px!important;
        margin:0!important
    }
}
.s-benifit-inner .adv .adv-inner p{
    font-size:18px;
    margin-top:30px;
    line-height:28px
}
.s-customer-rating{
    position:relative;
    margin:auto;
    max-width:945px;
    color:#444c59;
    text-align:center
}
.s-customer-rating .s-customer-rating-btn .btn-next{
    position:absolute;
    top:60%;
    right:0;
    font-size:50px;
    padding:5px;
    z-index:999;
    color:#838383
}
.s-customer-rating .s-customer-rating-btn .btn-next:before{
    content:"\f119"
}
.s-customer-rating .s-customer-rating-btn .btn-pre{
    position:absolute;
    top:60%;
    left:0;
    font-size:50px;
    padding:5px;
    z-index:999;
    color:#838383
}
.s-customer-rating .s-customer-rating-btn .btn-pre:before{
    content:"\f118"
}
.s-customer-rating .description{
    max-width:730px;
    margin:auto;
    font-size:16px;
    line-height:1.72
}
.s-customer-rating .customer{
    margin-top:40px
}
.s-customer-rating .customer .info{
    margin-top:20px;
    color:#444c59;
    font-size:16px
}
.s-customer-rating .customer .info .name{
    font-size:16px;
    font-weight:600;
    line-height:28px;
    color:#30333a
}
.s-customer-rating .avatar{
    display:inline-block;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:80px;
    height:80px;
    background:#fff;
    position:relative;
    overflow:hidden
}
.s-customer-rating .avatar img{
    width:100%;
    position:absolute;
    display:block;
    max-width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    border-radius:50%
}
.s-bg-price{
    content:"";
    background-size:cover;
    display:block
}
.number{
    float:left;
    width:45px;
    font-size:80px;
    height:auto;
    line-height:78px;
    vertical-align:middle;
    text-align:center;
    box-sizing:border-box;
    color:rgba(113,113,113,.2)
}
.btn-contact{
    max-width:192px;
    margin:auto;
    font-size:14px;
    color:rgba(255,255,255,.86);
    line-height:1
}
.btn-contact .s-btn-red{
    margin-bottom:15px
}
.s-faq-wrapper{
    width:100%;
    max-width:750px;
    margin:auto
}
.s-faq{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    border-bottom:1px solid rgba(48,51,58,.1)
}
.s-faq:last-child{
    border-bottom:0
}
.s-faq-heading{
    padding:20px 0;
    margin-bottom:0
}
.s-faq-heading h4{
    position:relative;
    display:block
}
.s-faq-heading h4 a{
    color:#444c59;
    font-size:20px;
    font-weight:400
}
.s-faq-heading h4 .zmdi{
    font-size:20px;
    color:#337588;
    position:absolute;
    right:0;
    top:0;
    padding:0
}
.policy-heading{
    background:#f4f5f9;
    padding:100px 0 50px!important
}
.policy-heading>.heading-wrapper{
    top:50%
}
.policy-heading .heading-wrapper .heading-inner h1{
    color:#303339
}
.bg-about{
    width:100%;
    height:auto;
    position:relative;
    z-index:1;
    padding:120px 0 70px
}
.bg-about:before{
    background-color:rgba(48,51,58,.4);
    height:100%;
    width:100%;
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.none-bg-overlay::before{
    background:transparent!important
}
.heading-wrapper{
    height:100%;
    z-index:1;
    position:relative;
    width:100%;
    top:0;
    left:0;
    max-width:1140px;
    margin:auto
}
.heading-wrapper .heading-inner{
    max-width:950px;
    padding-bottom: 40px;
    margin:auto
}
.heading-wrapper .heading-inner h1{
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.7;
}
.heading-wrapper .heading-inner .sumary{
    font-size:20px;
    color:rgba(255,255,255,.8);
    line-height:1.5;
    display:block;
    padding:20px 0 20px;
    text-align:center
}
.page-content{
    font-size:17px;
    max-width:880px;
    margin:auto;
    color:#444c59;
    line-height:1.67;
    padding-bottom: 20px;
    padding: 0 15px;
}
.page-content img{max-width:100%;margin:0 auto;}
.s-description{
    font-size:16px;
    text-align:center;
    max-width:750px;
    margin:auto;
    color:#444c59;
    line-height:1.67
}
.branch-map{
    display:block;
    width:100%;
    position:relative;
    overflow:hidden
}
.branch-map img{
    display:block;
    max-width:750px;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto
}
.s-grid{
    max-width:1140px;
    margin:0 auto;
    display:flex;
    flex-flow:row;
    flex-wrap:wrap;
    text-align:center
}
.s-gutters{
    margin-left:-1em
}
.s-column-2>.s-cell,.s-column-4>.s-cell{
    flex:1
}
.s-column-2>.s-cell{
    min-width:50%
}
.s-column-4>.s-cell{
    min-width:25%
}
.s-gutters .s-cell{
    padding-left:1em
}
.s-gutters .s-cell>a{
    background:#fff;
    display:block;
    padding:20px;
    font-size:16px;
    border:solid 1px rgba(131,131,131,.2);
}
.s-cell-content{
    margin-top:50px;
    overflow:hidden
}
.s-column{
    margin:10px;
    flex-grow:1;
    flex-shrink:1;
    flex-basis:0%
}
.s-column{
    padding:20px;
    text-align:center;
    font-size:16px
}
.about-avatar{
    display:block;
    width:30%;
    margin-right:5%;
    float:left;
    overflow:hidden
}
.staff-info{
    display:block;
    width:65%;
    float:left;
    text-align:left;
    color:#838383
}
.staff-info .name{
    color:#30333a;
    font-size:20px;
    font-weight:600;
    margin-bottom:10px;
    line-height:1.4
}
.staff-info .roll{
    color:#337588;
    margin-bottom:10px;
    font-size:14px
}
.staff-info .des{
    line-height:1.7;
    font-size:14px;
    max-width:340px;
    width:100%
}
.staff-avatar{
    border-radius:50%;
    height:100%;
    max-height:125px;
    width:100%;
    max-width:125px;
    margin:auto;
    position:relative;
    overflow:hidden
}
.staff-name{
    margin-top:20px;
    font-weight:600;
    color:#30333a;
    font-size:14px
}
.staff-roll{
    margin-top:5px;
    color:#337588;
    font-size:14px
}
.sub-title{
    color:#444c59;
    font-size:20px;
    display:block;
    overflow:hidden;
    line-height:1.67;
    text-align:center;
    padding-bottom:30px
}
.line-header{
    display:block;
    background:#c52728;
    height:2px;
    max-width:60px;
    margin-bottom:25px
}
#rv-photo{
    display:flex;
    flex-flow:row wrap
}
.photo-detail-wrapper .title{
    color:#30333a;
    font-size:2em;
    font-weight:600;
    display:block;
    overflow:hidden;
    line-height:1.4;
    max-width:74%;
    margin-bottom:15px
}
.photo-detail-wrapper .content{
    font-size:1.6em;
    color:#838383;
    overflow:hidden;
    line-height:1.6;
    max-width:82%
}
.photo-detail-wrapper .content>a{
    font-weight:500;
    color:#838383
}
#rv-photo li:nth-child(n+4){
    margin-top:40px
}
.photo-category{
    margin:0;
    padding:0;
    width:calc(100% + 30px);
    float:left
}
.category-wrapper{
    width:31.33%;
    float:left;
    margin-right:2%;
    padding:0;
    overflow:hidden
}
.photo-category .category-wrapper:nth-child(3){
    margin-right:0
}
.category-wrapper a{
    background-color:#fff;
    border:1px solid #f2f2f2;
    display:block;
    -webkit-transition:all .25s ease-in;
    transition:all .25s ease-in;
    text-align:center;
    padding:15px 15px 0
}
.category-wrapper a img{
    display:block;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.category-wrapper a:hover img{
    opacity:.8;
    -webkit-transform:scale(1.03);
    -ms-transform:scale(1.03);
    transform:scale(1.03)
}
.category-wrapper .view-zoom>div{
    overflow:hidden
}
.category-wrapper a h5{
    font-size:2em!important;
    padding:20px 0 10px!important;
    line-height:2;
    color:#30333a;
    display:block;
    overflow:hidden;
    text-transform:unset!important
}
.mgr-l-0{
    margin-left:0
}
.mgr-t-60{
    margin-top:60px
}
.pd-t-100{
    padding-top:100px
}
.pd-bt-20{
    padding-bottom:20px
}
.pd-bt-30{
    padding-bottom:30px
}
.pd-0{
    padding:0
}
.s-dropdown{
    padding:3px 10px 0
}
.s-dropdown:after{
    content:"\f2f9";
    font-family:'zmdi';
    position:absolute;
    right:10px;
    top:0;
    font-size:1.2em
}
.s-dropdown.active{
    border-radius:2px 2px 0 0;
    background:#fff;
    box-shadow:none;
    border-bottom:none
}
.s-dropdown-content{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#fff;
    border-radius:0 0 2px 2px;
    border-top:none;
    border-bottom:none;
    list-style:none;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    max-height:0;
    box-shadow:0 0 10px 0 rgba(0,0,0,.1);
    overflow:hidden;
    z-index:1
}
.s-dropdown-content li{
    padding:0 10px;
    height:40px;
    line-height:40px
}
.s-dropdown-content li:hover a{
    color:#c52728;
    height:40px;
    line-height:40px
}
.s-dropdown.active .s-dropdown-content{
    border-top:1px solid #838383;
    max-height:170px;
    overflow-y:scroll;
    padding:10px 0
}
.flex-viewport{
    display:-moz-inline-box;
    display:inline-block;
    zoom:1;
    padding:0;
    overflow:hidden;
    vertical-align:middle;
    width:100%
}
.flex-viewport ul li{
    display:inline-block;
    width:100%
}
.flex-viewport .section-container{
    display:block;
    float:left;
    width:100%;
    box-sizing:border-box;
    position:relative;
    max-height:500px
}
.flex-viewport .section-container .img{
    display:block;
    width:100%
}
.flex-viewport .section-container .section-content{
    position:absolute;
    right:0;
    bottom:20px;
    background:#fff;
    padding:50px 30px;
    width:100%;
    max-width:420px;
    box-shadow:0 2px 10px 0 rgba(0,0,0,.06)
}
.flex-viewport .section-container .section-content .line-header{
    background:#c52728;
    height:2px;
    width:100%;
    margin:0 0 20px;
    max-width:60px
}
.flex-viewport .section-container .section-content .section-heading{
    font-size:3em;
    color:#30333a;
    font-weight:500;
    line-height:1.3;
    margin-bottom:10px
}
.flex-viewport .section-container .section-content p{
    font-size:1.6em;
    color:#838383;
    line-height:1.62;
    max-width:85%
}
#s-rv-buy .suggest-result{
    top:55px
}
.contact-warpper{
    display:block;
    width:100%;
    padding:0 75px;
}
.contact-left{
    width:50%;
    max-width:500px;
    float:left;
    font-size:16px;
    line-height:1.63;
    color:#444c59
}
.contact-left img{
    padding-bottom:15px
}
.contact-left>p{
    font-size:18px;
    color:#30333a;
    font-weight:500
}
.contact-left .address{
    padding-top:13px
}
.contact-left .address .address-content{
    display:block;
    width:100%;
    overflow:hidden;
    font-style: italic;
}
.contact-left .address .address-content .left{
    display:inline-block;
    width:fit-content;
    min-width:60px;
    float:none
}
.contact-left .address .address-content .right{
    display:inline-block;
    width:calc(100% - 60px);
    float:none;
    font-weight:600
}
.contact-right{
    width:50%;
    max-width:415px;
    float:right;
    background:#fff;
    border:1px solid rgba(131,131,131,.2);
    padding:40px;
    -webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.05);
    box-shadow:0 2px 20px 0 rgba(0,0,0,.05)
}
.contact-right div[data-fr="success-box"]{
    display:table;
    height:100%;
    min-height:400px
}
.contact-right div[data-fr="success-box"]>p{
    text-align:center!important;
    padding-top:0!important;
    height:auto;
    display:table-cell;
    vertical-align:middle
}
.contact-btn-items{
    background:#fff;
    border:1px solid rgba(131,131,131,.2);
    padding:25px;
    display:flex;
    margin-top:30px;
    box-shadow:0 2px 20px 0 rgba(0,0,0,.05);
    transition:box-shadow .3s ease-out,transform .3s ease-out,opacity .2s ease-out,background .2s ease-out;
    transition-delay:.1s;
    cursor:pointer
}
@media screen and (min-width:320px){
    .contact-btn-items{
        flex:100%
    }
}
@media screen and (min-width:630px){
    .contact-btn-items{
        flex:0 1 calc(50% - 2%)
    }
}
@media screen and (min-width:979px){
    .contact-btn-items{
        flex:0 1 calc(33.33% - 2%)
    }
}
.contact-btn-list{
    max-width:1140px;
    margin:0 auto;
    display:flex;
    flex-flow:row;
    flex-wrap:wrap;
    text-align:center;
    justify-content:space-between
}
.contact-btn-list .contact-btn-items:nth-child(1),.contact-btn-list .contact-btn-items:nth-child(2),.contact-btn-list .contact-btn-items:nth-child(3){
    margin-top:0
}
.contact-btn-items:hover{
    opacity:1!important;
    box-shadow:rgba(45,45,45,.05) 0 0 0,rgba(49,49,49,.05) 0 1px 1px,rgba(42,42,42,.05) 0 2px 2px,rgba(32,32,32,.05) 0 4px 4px,rgba(49,49,49,.05) 0 8px 8px,rgba(35,35,35,.1) 0 16px 16px;
    transform:translate(0,-2px)
}
.contact-btn-icon.zmdi{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:40px;
    padding-right:25px;
    line-height:1.2;
    color:#30333a
}
.contact-btn-link{
    display:table-cell;
    vertical-align:middle;
    text-align:left
}
.contact-btn-link .heading{
    font-size:20px;
    font-weight:600;
    margin-bottom:5px;
    line-height:1.5;
    color:#30333a
}
.contact-btn-link .content{
    color:rgba(0,166,189,.86);
    font-size:16px;
    font-weight:600
}
.about-branch-heading{
    font-size:24px;
    line-height:1.6;
    font-weight:500;
    color:#30333a;
    margin-bottom:30px
}
.about-office-list{
    display:flex;
    flex-wrap:wrap;
    width:calc(100% + 30px)
}
.about-office-item{
    display:flex;
    margin:0 30px 30px 0
}
@media screen and (min-width:480px){
    .about-office-item{
        width:calc(100% * 1 / 2 - 30px)
    }
}
@media screen and (min-width:630px){
    .about-office-item{
        width:calc(100% * 1 / 3 - 30px)
    }
}
.office-cover{
    margin-bottom:20px
}
.office-detail .name{
    color:#30333a;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:5px
}
.office-detail .address{
    color:#444c59;
    font-size:14px
}
.investor-list{
    width:100%;
    max-width:750px;
    margin:auto
}
.investor-list li{
    margin-top:40px;
    border-bottom:1px solid rgba(48,51,58,.1)
}
.investor-list li:first-child{
    margin-top:0
}
.investor-list li:last-child{
    border:0
}
.investor-item{
    width:100%;
    display:block;
    overflow:hidden
}
.investor-item .left{
    display:block;
    float:left;
    overflow:hidden;
    width:194px;
    margin-right:30px
}
.investor-item .left>img{
    display:block;
    margin:auto;
    width:100%;
    max-width:194px;
    border:1px solid rgba(131,131,131,.2)
}
.investor-item .right{
    display:block;
    float:left;
    overflow:hidden;
    width:calc(100% - 224px);
    font-size:16px
}
.investor-item .right .name{
    font-size:24px;
    color:#30333a;
    letter-spacing:.3px;
    line-height:1.33;
    font-weight:500;
    margin-bottom:10px
}
.investor-item .right .roll{
    color:#337588;
    line-height:1.25;
    margin-bottom:20px
}
.investor-item .right .content{
    color:#444c59;
    line-height:1.5
}
.investor-item .right .content p{
    margin-bottom:10px
}
.investor-item .right .investor-btn-more{
    margin-bottom:40px
}
.investor-item .right .investor-btn-more>a{
    font-size:14px;
    color:#337588;
    font-weight:600
}
.investor-item .right .investor-btn-more>a .zmdi{
    margin-left:10px;
    font-size:18px;
    padding:0
}
.s-cell-content .staff-avatar img{
    min-height:125px
}
/*content*/
.page-content ul:not(.list-toc),.page-content ol:not(.list-toc){
    opacity: 0.92;
    margin-left: 8px;
    padding-top: 10px;
    width: 100%;
    overflow: auto;
    padding: 0!important;
    margin-bottom: 12px;
}
.page-content ul:not(.list-toc) li, .page-content ol:not(.list-toc) li{
    line-height: 20px;
    display: block;
    padding: 4px 0;
    padding-right: 10px;
}
.page-content ul li {
    list-style: none;
}
.page-content ul:not(.list-toc) li::before{
    content: "\2022";
    padding-right: 8px;
    color: rgb(218, 106, 5);
}
.page-content ol {
   list-style: none;
   counter-reset: item;
 }
.page-content ol:not(.list-toc) li{
   counter-increment: item;
 }
.page-content ol:not(.list-toc) li::before{
    margin-right: 8px;
    content: counter(item);
    background: #da6a05;
    border-radius: 100%;
    color: white;
    width: 12px;
    text-align: center;
    display: inline-block;
    font-size: 10px;
    height: 12px;
    line-height: 12px;
 }

/*end page*/
/*feature*/
.notebox-sm {
    padding: 7px 12px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: justify;
	overflow-wrap: break-word;
}

.notebox {
    background: #eee;
    border-radius: 5px;
    color: #333;
    padding: 20px;
    margin: 18px 0;
    position: relative;
}
.notebox:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-top-left-radius: 5px;
    border-color: #d8d8d8 #fff transparent transparent;
}
.notebox-red
{
    padding: 7px 12px;
	border: 2px dashed #da0802;
	text-align: justify;
	overflow-wrap: break-word;
}
.notebox-red2
{
    padding: 7px 12px;
	border: 2px dashed #da0802;
	text-align: justify;
	overflow-wrap: break-word;
    background: #ffff9a;
    border-radius: 3px;
}
.notebox, .notebox-sm, .notebox-red, .notebox-red2{line-height:30px!important;}

span.marker
{
	background-color: Yellow;
}
span.mark {
  display: inline-block;
  line-height: 0em;
  padding: 0 0 0.4em;
  background-color: yellow;
}
._btn
{
    line-height: 1.5;
	display: table;
    font-weight: 400;
    text-align: center;
    
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
    color: #323840!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    padding: 14px 25px;           
	border: none;
	cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    margin: auto;
    border-collapse: initial;
}
._btn a{color: unset!important;
    text-decoration: none;}
.btn-01
{
     background-image: linear-gradient(180deg,#F8D12F 0%,#F0B90B 100%);
}
.btn-01:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#FFE251 0%,#EDC423 100%);
}
.btn-02
{
    background-image: linear-gradient(180deg,#ef5252 0%,#ca2d2d 100%);color: #f3f3f3!important;
}
.btn-02:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#ef4848 0%,#b92121 100%);
    color: #f3f3f3!important;
}
.btn-03
{
   background-image: linear-gradient(180deg,#ff9740 0%,#f3691b 100%);color: #f3f3f3!important;
}
.btn-03:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#f3862a 0%,#d2670b 100%);
    color: #f3f3f3!important;
}
.btn-04
{
    background-image: linear-gradient(180deg,#488bef 0%,#2c6ac5 100%);color: #f3f3f3!important;
}
.btn-04:hover:not(:disabled):not(:active):not(.inactive) {
    box-shadow: none;
    background-image: linear-gradient(180deg,#3a82ef 0%,#2162c1 100%);
    color: #f3f3f3!important;
}
/*end feature*/
@media only screen and (max-width: 768px)
{
    #footer .inner .row .info-container .address {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        order: 0;
        border:none;
        padding-top:0;
    }
    #footer .inner .row .info-container .address img.logo{
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .project-listing .main{width:100%;margin-right:0;}
    .project-listing .sidebar{width:100%;}

    .project-listing .listview .listingItem .cover-image{width:40%;}
    .project-listing .listview .listingItem .info-container {width:60%;padding: 8px  10px 8px  10px;height:unset;}
    .project-listing .listview .listingItem .info-container .fabs {width: calc(60% - 18px);bottom: 5px;}
    .project-listing .listview .listingItem .info-container .listing-name {font-size: 18px!important;margin-bottom: 8px;}
    .project-listing .listview .listingItem .info-container .metatop {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .project-listing .listview .listingItem .listing-meta {
        font-size: 13.5px;
        line-height: 18px;
        color: #404040;
        height: 55px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .project-listing .listview .listingItem .txtprice {font-size:15px;}
    .utils-oes{display:none;}
    .utils-oes2{display:block;}
    .sidebar .hot-projects ul li:last-child {margin-bottom:0px}
    .project-listing .inner{padding-bottom:0;}

    .hot-projects ul.tags .slick-slide > div > li,.hot-projects ul.tags li .featured .cover img{
        height: 200px;
    }
    .hot-projects ul.tags .slick-slide > div > li .featured{
        height: 100%;
    }
    .block-tags .col-12 ul {width:50%}
    .block-tags .col-12 ul.hidesm,.block-tags .col-12 ul {display:none;}
    .block-tags .col-12 ul:first-child,.block-tags .col-12 ul:nth-child(2) {display:block;}
}
@media only screen and (max-width: 500px) and (min-width: 500px){

}
@media only screen and (max-width: 640px){
    .project-listing .listview .listingItem .cover-image img {
        height: 145px;
    }
    .utils-search .form-select{width:50%;margin-bottom: 10px;}
    .utils-search .form-input {
            width: calc(100% - 100px);
        }
    .utils-search .form-button{
        width: 100px;
    }
    #footer .inner .row .info-container .address{width:100%;}
    #footer .inner .row .info-container>li {
        width: 100%;
    }
    #footer .inner .row .info-container .fform{margin:0 auto;display:none;}
/*    #footer .inner .row .info-container .links{    border-bottom: 1px solid rgba(255,255,255,.12);}*/
    #footer .inner .row .info-container .links .link-01{display:none;}
    #footer .inner .row .info-container .links ul{display: block;width:225px;}
    #footer .inner .row .info-container .links ul li{display: inline-block;width:unset;float:left;margin-right:10px;}
    #footer .inner .row .info-container .links ul li:after{display: inline-block;content:"⁄";color: rgba(255,255,255,.5);margin-left: 5px;}
    #footer .inner .row .info-container .links ul li:last-child:after{display:none;}
    #footer .inner .row .info-container>li ul li a {font-size:14px;}
}
@media only screen and (max-width: 500px){
    .project-listing .listview .listingItem .info-container .listing-name {font-size: 16.5px!important;margin-bottom: 8px;}
    .hot-projects ul.tags .slick-slide > div > li, .hot-projects ul.tags li .featured .cover img {
        height: 270px;
    }
}
/*2020*/
#section-featured {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    margin-top: 40px;
}
#section-featured .section-content {
    position: relative;
    width: 100%;
    float: left;
}
#section-featured div[data-content=newsfeatured] {
    width: 70%;
    float: right;
    position: relative;
}
   

.article-item {
    float: left;
    position: relative;
    width: 100%;
    font-family: 'Roboto', Ubuntu, sans-serif;
    line-height: 1.4;
}
.article-list .article-item {
    margin-bottom: 15px;
    font-size: 1.2rem;
}
.article-list.listing-layout .article-item {
    margin-bottom: 10px;
}
.article-item .article-thumbnail img, .article-item .article-thumbnail video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.article-item .article-thumbnail {
    overflow: hidden;
    margin-bottom: 8px;
    position: relative;
}
.article-list.listing-layout .article-item .article-thumbnail {
    width: 120px;
    float: left;
    margin-right: 8px;
    margin-bottom: 0;
}
#section-featured div[data-content=newstrending] .article-item .article-thumbnail {
    margin-right: 12px;
    font-size: .7em;
}
    #section-featured div[data-content=newstrending] {
    width: 30%;
    float: left;
    padding-right: 20px;
}
#section-featured div[data-content=newstrending] .article-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
}
.article-item .article-thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 66.67%;
}

.article-item .article-title {
    font-weight: bold;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
#section-featured div[data-content=newsfeatured] .article-item .article-title {
    font-size: 1rem;
}
.article-list.listing-layout:not(.responsive) .article-item .article-title {
    font-size: 0.7em;
    line-height: 1.3;
    max-height: 6.5em;
    overflow: hidden;
}
#section-featured div[data-content=newstrending] .article-item .article-title {
    line-height: 1.4;
    font-size: .9rem;
}
.article-item .article-title a {
    color: #333;
}

#section-featured div[data-content=newsfeatured] .article-item {
    float: left;
    width: 33.5%;
}
#section-featured div[data-content=newsfeatured] .article-item:last-child {
margin-bottom: 0;
}
#section-featured div[data-content=newsfeatured] .article-item {
    float: left;
    width: 33.5%;
}
#section-featured div[data-content=newsfeatured] .article-item:first-child {
    width: calc(66.5% - 20px);
    margin-bottom: 0;
    margin-right: 20px;
}
#section-featured div[data-content=newsfeatured] .article-item:first-child .article-thumbnail {
    margin-bottom: 0;
}
#section-featured div[data-content=newsfeatured] .article-item:first-child .article-title {
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: -1.5px;
    font-weight: bold;
    margin-bottom: 8px;
}
#section-featured div[data-content=newsfeatured] .article-item:first-child .article-summary {
    display: block;
    font-size: 0.875rem;
    color: #444;
    line-height: 1.7;
}
#section-featured div[data-content=newstrending] .article-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}
#section-featured div[data-content=newsfeatured] .article-item:first-child header {
    padding: 10px 0 0;
}
.blog-content .samecat span{
    font-size: 22px;
    text-transform: uppercase;
    padding: 3px 17px 4px 27px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}
.blog-content .samecat span:before{
    border-right-color: #1a1a1a!important;
    border-top: 16px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 17px solid rgba(0,0,0,.06);
}
.article-item .article-thumbnail:hover+header .article-title a,.article-title:hover a,.article-related a:hover {
    color: #c15505;
}
#section-featured div[data-content=newsfeatured] .article-item:nth-child(2) {
    margin-bottom: 25px;
}
#section-featured div[data-content=newsfeatured] .article-item:first-child .article-related {
    margin-top: 10px;
    position: relative;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 0;
    padding: 0;
}
#section-featured div[data-content=newsfeatured] .article-item:first-child .article-related li {
    font-weight: bold;
    font-size: .9rem;
}
#section-featured div[data-content=newsfeatured] .article-item:first-child .article-related li::before {
    content: '•';
    font-size: inherit;
    display: inline-block;
    margin-right: 5px;
    color: #333;
}
/*ads bottom*/
.sticky_bottom {
    left: 0;
    position: fixed;
    bottom: -1px;
    width: 100%;
    max-width: 1024px;
    z-index: 999;
    padding: 5px 0 0;
    box-sizing: border-box;
    background: #f2f2f2;
    text-align: center;
    display:none;
}
.btn-sticky-bottom {
    position: absolute;
    top: -20px;
    padding: 5px 10px 10px;
    border-radius: 100%;
    z-index: 888;
    left: 50%;
    margin-left: -15px;
    background: #f2f2f2;
    text-align: center;
}
.ads-sticky-bottom {
    position: relative;
    z-index: 999;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    display: inline-block;
}
@media (min-width: 1360px)
{
    #section-featured div[data-content=newstrending] .article-item .article-thumbnail {
        width: 120px;
    }
}

@media (min-width: 1024px)
{
    #section-featured [data-content=newsfeatured] {
        min-height: 530px;
    }
}
@media (max-width: 1023px) {
    #section-featured div[data-content=newstrending] {
        padding: 0 0;
        position: relative;
        width: 41%;
        float: right
    }

    #section-featured div[data-content=newstrending] .article-item {
        margin-bottom: 15px
    }

    #section-featured div[data-content=newstrending] .article-item .article-thumbnail {
        width: 120px
    }

    #section-featured div[data-content=newsfeatured] {
        margin-bottom: 30px;
        width: 56%;
        float: left
    }

    #section-featured div[data-content=newsfeatured] .article-item {
        width: 100% !important;
        margin-right: 0 !important;
        float: left;
        padding-right: 0;
        margin-right: 0 !important;
        position: relative !important
    }

    #section-featured div[data-content=newsfeatured] .article-item .article-related,#section-featured div[data-content=newsfeatured] .article-item .article-summary {
        display: none !important
    }

    #section-featured div[data-content=newsfeatured] .article-item:first-child .article-title {
        font-size: 23px;
        line-height: 1.3;
        margin-bottom: 10px
    }

    #section-featured div[data-content=newsfeatured] .article-item:nth-child(2) {
        margin-bottom: 10px
    }

    #section-featured div[data-content=newsfeatured] .article-item:nth-child(2),#section-featured div[data-content=newsfeatured] .article-item:nth-child(3) {
        border-top: 1px solid #eee;
        padding-top: 10px
    }

    #section-featured div[data-content=newsfeatured] .article-item:nth-child(2) .article-title,#section-featured div[data-content=newsfeatured] .article-item:nth-child(3) .article-title {
        font-size: 18px;
        letter-spacing: -1px
    }

    #section-featured div[data-content=newsfeatured] .article-item:nth-child(2) .article-thumbnail,#section-featured div[data-content=newsfeatured] .article-item:nth-child(3) .article-thumbnail {
        display: none
    }
}
@media (max-width: 719px) {
    #section-featured div[data-content=newsfeatured] {
        width:100%
    }

    #section-featured div[data-content=newstrending] {
        width: 100%;
        border-top: 5px solid #888;
        padding-top: 30px
    }
    #section-featured div[data-content=newstrending] .article-item .article-title {
        line-height: 1.4;
        font-size: 1rem;
    }
    .sticky_bottom{display:block;}
}
#flyer {
    visibility: hidden;  
    opacity: 0;             
    transition: opacity 0.7s ease; 
    position: fixed;
    right: 12px;
    top: 50%;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1000;
    border-radius: 10px;
}
#flyer.show {
    visibility: visible;
    opacity: 1;     
}
#flyer a{
    position: relative;
    z-index: 1;
}
.close-btn {
    position: absolute;
    right: -3px;
    top: -3px;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    border: 2px solid rgb(239, 239, 239);
    background-color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.close-btn svg {
    width: 10px;
    height: 10px;
    fill: black;
}
@keyframes ring {
  0%   { transform: rotate(0); }
  1%   { transform: rotate(15deg); }
  3%   { transform: rotate(-13deg); }
  5%   { transform: rotate(16deg); }
  7%   { transform: rotate(-15deg); }
  9%   { transform: rotate(15deg); }
  11%  { transform: rotate(-13deg); }
  13%  { transform: rotate(13deg); }
  15%  { transform: rotate(-11deg); }
  17%  { transform: rotate(10deg); }
  19%  { transform: rotate(-10deg); }
  21%  { transform: rotate(8deg); }
  23%  { transform: rotate(-8deg); }
  25%  { transform: rotate(6deg); }
  27%  { transform: rotate(-6deg); }
  29%  { transform: rotate(5deg); }
  31%  { transform: rotate(-4deg); }
  33%  { transform: rotate(3deg); }
  35%  { transform: rotate(-2deg); }
  37%  { transform: rotate(1.5deg); }
  39%  { transform: rotate(-1deg); }
  41%  { transform: rotate(0.7deg); }
  43%  { transform: rotate(0); }
  100% { transform: rotate(0); }
}
.sp-animate {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
}

.product-grid {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
  gap: 10px;
  padding: 10px 0;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.product-item {
  overflow: hidden;
  max-width: 259px;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-item:hover {
  transform: translateY(-5px); 
  box-shadow: 0 10px 20px rgba(0,0,0,0.25); 
  z-index: 1;
}
.image-box img {
  width: 100%;
  height: auto;
  display: block;
}

.info-box {
  background-color: #4a4a4a; 
  color: #ffffff;
  padding: 10px 8px;
  text-align: center;
  flex-grow: 1; 
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 76px;
}

.info-box p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.4;
    font-weight: 400;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}
.price-box{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background-color: #4a4a4a;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.price-box .price-sale{
    color: #ff6445;
    font-weight: bold;
    display: block;
}
.price-box .price-original{
    text-decoration: line-through;
    display: block;
    font-size: 13px;
}
@media (max-width: 768px) {
   
  .product-grid .product-item:nth-child(3)
  {
      display:none;
  }
  .info-box p {
      font-size: 13px;
    }
}
@media (max-width: 520px) {
  .product-item {
      max-width: 49%;
    }
  .product-grid {
    gap: 2%;
  }
}
.spbar .product-item{
    width: 100%;
    max-width: 300px;
}