@font-face {
    font-family: 'UTM-Avo-Bold';
    src: url(/fonts/font-avo/utm-avobold.eot);
    src: url(/fonts/font-avo/utm-avobold.woff) format('woff'),url(/fonts/font-avo/utm-avobold.ttf) format('truetype'),url(/fonts/font-avo/utm-avobold.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
a:active, a:focus {
  outline: 0;
  /*border: none;*/
  -moz-outline-style: none;
}
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
}

h1, h2, h3, h4, h5, h6, .font-title{
    font-weight: 700;
}
.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
}
.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:#000000a6;
    font-size:14px
}
input:-moz-placeholder{
    color:#000000a6;
    font-size:14px
}
input::-moz-placeholder{
    color:#000000a6;
    font-size:14px
}
input:-ms-input-placeholder{
    color:#000000a6;
    font-size:14px
}
::-webkit-input-placeholder{
    color:#000000a6;
    font-size:14px
}
::-moz-placeholder{
    color:#000000a6;
    font-size:14px
}
:-ms-input-placeholder{
    color:#000000a6;
    font-size:14px
}
:-moz-placeholder{
    color:#000000a6;
    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);
}
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 #0d96ff!important*/
    border:1px solid #f68122!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: Roboto,Arial, sans-serif;
    font-size: 15.5px;
    font-weight:400;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    color:#444c59;
    background:#fff;
}

body.overflow{
    overflow:hidden;
}
/*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
}
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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    -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
}
a:hover{
    color:rgba(48,51,48,.86)
}
.clear {clear:both;}
.container{
    max-width:1176px;
    margin:auto;
    padding:0 18px
}
.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.66%
}
.col-3{
    width:25%
}
.col-4{
    width:33.33%
}
.col-6{
    width:50%
}
.col-8{
    width:66.66%
}
.col-10{
    width:83.33%
}
.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;
}
@media only screen and (max-width:1024px){
    .pd-top-bottom-block{
        padding-top:40px;
        padding-bottom:40px
    }
     .home-line{height: 330px;}
}

.text-center-index{
    text-align:center
}
.text-upper{text-transform:uppercase;}
.heading-fw{
    text-align:center; margin-bottom: 30px;
}
.heading-fw h2,.heading-left h2{
    position: relative;        
    font-size: 25px;
    font-weight: 500;
    text-shadow: 1px 0px 1px #e8e8e8;
}
.heading-fw h2
{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #474e58;
}
.heading-fw h2 a,.heading-left h2 a{
   color:#444c59;    text-transform: uppercase; 
}
.heading-fw h2 a:hover,.heading-left h2 a:hover{
    color:#323a46;
}
.heading-left h2:after{
    content: "";
    width: 60px;
    border-bottom: 2px solid #008f4d;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.4s;
}
.heading-fw h2:after
{
    content: "";
    width: 200px;
    height: 2.5px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.4s;
    background-color:transparent;
}
.heading-fw h2:hover:after,.heading-left h2:hover:after
{
    width: 100px;
}
.heading-fw h2:hover:after
{
    width: 80px;
    background-color:#8e8e8e;
}
.heading-left h2:before {
    content: "";
    width: 287px;
    border-bottom: 1px solid #d5b196;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    margin-left: auto;
    margin-right: auto;
}
.heading-left h2:after,.heading-left h2:before{right:unset;}
.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;
    margin-bottom: 30px;
    margin-top: 18px;
    max-width: 900px;
    margin: 0 auto;
}
.heading-line {
    border-top: 3px solid #b81a00;
    display: inline-block;
    margin-bottom: 50px;
    width: 130px;
}
.heading-fw .heading-03 a{transition: all 0.2s;}
.heading-fw .heading-03 a:hover{color:#008f4d}
.hasbg{
    background: #f6f6f6;
}
.block-browser{
    border-top:solid 1px rgba(131,131,131,.2);
    padding:40px 0
}
.block-browser .heading-03{
    margin-bottom:25px;
    display:block;
    float:left;
    width:100%
}
.block-browser .detail-block{
    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-browser .detail-block .col-link{
    width:20%
}
.block-browser .detail-block .col-link li{
    height:30px;
    line-height:30px;
    padding-right:20px
}
.block-browser .detail-block .col-link li a{
    font-size:12px;
    display:inline-block;
    width:100%;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    color:#337588
}
@media only screen and (max-width:1024px){
    .block-browser{
        margin:0 18px
    }
}
@media only screen and (max-width:768px){
    .block-browser{
        display:none!important
    }
}
.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
}
@media (min-width:768px){
    .btn-facebook:hover{
        color:#fff;
        background:rgba(60,88,156,.86)
    }
}
.btn-primary{
    display:inline-block;
    width:100%;
    margin:0 auto;
    cursor:pointer;
    font-weight:500;
    font-size:16px;
    text-align:center;
    border-radius:2px;
    padding:0 20px;
    white-space:nowrap
}
.btn-primary:focus{
    outline:none
}
.btn-red{
    color:#fff;
    background:#c72528
}
@media (min-width:768px){
    .btn-red:hover{
        color:#fff;
        background:rgba(199,37,40,.86)
    }
}
.btn-red-outline{
    color:#c72528;
    border:1px solid #c72528;
    background:transparent
}
@media (min-width:768px){
    .btn-red-outline:hover{
        color:#fff;
        background:#c72528
    }
}
.btn-black{
    color:#fff;
    background:#30333a
}
@media (min-width:768px){
    .btn-black:hover{
        color:#fff;
        background:rgba(48,51,58,.86)
    }
}
.btn-black-outline{
    color:#30333a;
    border:1px solid #30333a;
    background:transparent
}
@media (min-width:768px){
    .btn-black-outline:hover{
        color:#fff;
        background:#30333a
    }
}
.btn-blue{
    color:#fff;
    background:#00a6bd
}
@media (min-width:768px){
    .btn-blue:hover{
        color:#fff;
        background:rgba(0,166,189,.86)
    }
}
.btn-blue-outline{
    color:#337588;
    border:1px solid #337588;
    background:transparent
}
@media (min-width:768px){
    .btn-blue-outline:hover{
        color:#fff;
        background:#337588
    }
}
.btn-favorite{
    position:absolute;
    top:10px;
    right:10px;
    height:32px;
    width:32px;
    padding:0;
    margin:auto;
    text-align:center;
    font-size:24px;
    outline:none;
    border:0;
    border-radius:2px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    color:#fff;
    background:rgba(48,51,58,.3);
    z-index:9;
    display:none
}
@media (max-width:768px){
    .btn-favorite{
        display:block!important
    }
}
.btn-favorite.active{
    background:#00a6bd
}
.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;
}
.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%;
    max-width: 370px;
    position: relative;
    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;
}
.listingItem .cover-image{
    position:relative;z-index: 0;
}
.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:auto;
    -o-object-fit:cover;
    object-fit:cover;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.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:15px 15px 10px;
    background:#fff;
    min-height: 140px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    position:relative;
}
.listingItem .cover-image: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: 2;
    height: 20px;
}
.listingItem .info-container .info-text{
    height: 70px;
    overflow: hidden;
}
.block-listing .info-container .listing-title{min-height:91px;}
.listingItem .info-container .listing-name{
    display: block;
    font-size: 18px;
    color: #30333a;
    line-height: 1.6;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.listingItem .info-container .listing-address{
    margin-top: 8px;
    display: block;
    color: #6d6c6c;
}

.listingItem .info-container .description p{
    font-size: 13.5px;
    line-height: 18px;
    font-weight: 300;
}
.listingItem .info-container .description p span:first-child{
    width: 82px;
    display: inline-block;
}
.listingItem .info-container .listing-address h4{
    display:inline-block;
    font-size:16px;
    font-weight:400
}

.listingItem .info-container .listing-info{
    margin-top:0px;
    height:25px;
}
.listingItem .info-container .listing-info .txtprice{
    color: #e80c10;
    font-weight: 700;
    font-size: 16px;
}.listingItem .info-container .listing-info .txtprice.txtprice-updated {
    font-size: 15.5px;
    color: #6f6f6f;
    font-weight: 500;
    font-style: italic;
}
.listingItem .info-container .listing-info li{
    display:inline-block;
    width:auto;
    font-size:14px;
    color:#838383;
    /*width: 50%;*/
}
.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 .info-container label,.listingItem .cover-image label{
    background-color: #ed1e24 !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.82;
}
._1line
{
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
._2line{
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
._3line{
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}
@media (min-width:768px){
    
    /*.block-news .detail-block .item:hover,.block-project>div .listingItem:hover{
        -webkit-box-shadow:0 0 6px rgba(0,0,0,.15);
        box-shadow:0 0 6px rgba(0,0,0,.15)
    }*/
    .listingItem:hover{
       opacity:0.9;
    }
    .listingItem:hover .btn-favorite{
        display:block
    }
    .btn-favorite.active{
        display:block
    }
}
.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
}
@media (min-width:768px){
    .listView:hover{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.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{
    width:calc(100% - 160px);
    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
}
.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
    }
}

.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)
}

.projectCard{
    width:100%;
    max-width:360px;
    position:relative;
    float:left;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    overflow:hidden
}
.projectCard .cover-image{
    position:relative
}
.projectCard .cover-image a{
    width:100%;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:66.67%
}
.projectCard .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
}
.projectCard .cover-image a .dark-overlay{
    position:absolute;
    background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));
    background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.8));
    background:-o-linear-gradient(top,transparent,rgba(0,0,0,.8));
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));
    width:100%;
    height:100%;
    bottom:0;
    left:0
}
.projectCard .info-container{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:20px;
    z-index:2
}
.projectCard .info-container .project-name{
    display:block;
    font-size:16px;
    font-weight:500;
    color:#fff;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.projectCard .info-container .project-address{
    margin-top:12px;
    display:block;
    color:rgba(255,255,255,.86);
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden
}
.projectCard .info-container .project-address h4{
    display:inline-block
}
.projectCard .info-container .project-address h4 a{
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,.86)
}
.projectCard .info-container .price{
    margin-top:12px;
    font-size:14px;
    display:block;
    overflow:inherit
}
.projectCard .info-container .price span{
    display:block;
    float:left;
    color:rgba(255,255,255,.86)
}
.projectCard .info-container .price span strong{
    color:#fff
}
.projectCard .info-container .price span strong:after{
    content:'';
    width:1px;
    height:10px;
    background:rgba(255,255,255,.86);
    display:inline-block;
    margin:0 15px
}
.projectCard .info-container .price span:last-child strong:after{
    display:none
}
@media (min-width:768px){
    .projectCard:hover{
        -webkit-transform:translate(0,-2px);
        -ms-transform:translate(0,-2px);
        transform:translate(0,-2px)
    }
    .projectCard:hover .btn-favorite{
        display:block
    }
}
.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)
    }
}
.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
}
.banner-top-bg{
    background:50% 50% / cover no-repeat;
    width:100%;
    height:500px;
    position:relative;
    z-index:1
}
@media (max-width:768px){
    .banner-top-bg{
        height:400px!important
    }
}

@media (max-width:640px){
    .banner-top-bg{
        height:350px!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 .zmdi{
    position:absolute;
    left:0;
    top:0;
    color:#c9d6dd;
    font-size:30px;
    padding:12px 0 0 20px
}
@media (max-width:640px){
    .banner-cover-inner form .search-container .zmdi{
        display:none
    }
}
.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
}
@media (max-width:640px){
    .banner-cover-inner form .search-container .search-input{
        padding:0 20px
    }
}
.banner-cover-inner form .search-container .btn-search{
    border:0;
    max-width:155px;
    min-width:inherit;
    float:left;
    font-size:18px!important
}
.banner-cover-inner form .search-container .btn-search:focus{
    border:0;
    outline:none
}
.banner-cover-inner form .search-container .btn-search .zmdi{
    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% - 155px);
    z-index:10;
    border:1px solid rgba(131,131,131,.2);
    padding:5px 0;
    font-size:14px
}
@media (max-width:768px){
    .banner-cover-inner form .search-container .recent-search{
        top:50px
    }
    .listingItem .info-container .listing-info li:nth-child(2){display:none;}
}
@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;
        margin-bottom:0 25px 40px;
        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 .zmdi{
        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:40px
}
.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
}
.block-introduce .btn{
    max-width:200px
}
@media (max-width:480px){
    .block-introduce .btn{
        max-width:100%
    }
}
.block-project .block-listing
{
    margin-right: -10px;
    margin-left: -10px;
}
.block-project .heading-left{
    margin-bottom:20px;
    display:block;
    float:left;
    width:100%;
    line-height:1.92
}
/*.block-project>div{
    width:100%
}*/
.block-project>div .projectCard,.block-project>div .listingItem{
    margin-bottom: 20px;
    border-radius: 1px;
     /*border: 1px solid rgba(131,131,131,.2);*/
}
/*.block-project>div .projectCard:nth-child(3n),.block-project>div .listingItem:nth-child(3n){
    margin-right:0
}*/
.block-project>div .projectCard:nth-child(3n),.block-project>div .listingItem:last-child{
    margin-right:0
}
.block-project>div .item .listingItem:nth-child(3n){
    margin-right:0
}
.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-partner .heading-03{
    display:block;
    float:left;
    margin-bottom:15px;
    width:100%;
    line-height:32px
}
.block-partner .desc-home{
    margin-bottom:5px;
    color:#838383;
    font-size:16px;
    line-height:24px;
    font-weight:400
}
.block-partner .partner-inner{
    width:calc(100% + 30px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 -15px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (max-width:480px){
    .block-partner .partner-inner{
        width:calc(100% + 10px);
        margin:0 -5px
    }
}
.block-partner .partner-inner .item{
    padding:15px;
    -webkit-box-flex:0;
    -ms-flex:0 0 16.6667%;
    flex:0 0 16.6667%;
    max-width:16.667%
}
@media (max-width:960px){
    .block-partner .partner-inner .item{
        -webkit-box-flex:0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    }
}
@media (max-width:480px){
    .block-partner .partner-inner .item{
        padding:5px;
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33%;
        flex:0 0 33.33%;
        max-width:33.33%
    }
    .block-partner .partner-inner .item:nth-child(n+7){
        display:none
    }
}
.block-partner .partner-inner .item .card{
    padding:10px;
    background:#fff;
    border:1px solid rgba(131,131,131,.1);
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.block-partner .partner-inner .item .card a{
    position:relative;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:100%
}
.block-partner .partner-inner .item .card img{
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    margin:auto;
    -o-object-fit:contain;
    object-fit:contain
}
@media (min-width:768px){
    .block-partner .partner-inner .item .card:hover{
        -webkit-transform:translate(0,-2px);
        -ms-transform:translate(0,-2px);
        transform:translate(0,-2px)
    }
}
.block-partner .more{
    font-size:18px;
    font-weight:600;
    display:block;
    float:left;
    clear:both;
    margin-top:15px;
    color:#337588;
    font-weight:400
}
.block-partner .more .zmdi{
    padding:0 0 0 5px;
    vertical-align:bottom
}
/*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% - 32px);
    display: inline-block;
    padding: 12px;
    color: #3d4d65;
  
}
.row-listing .rowItem .rinfo .rcontent{
    min-height: 112px;
    overflow: hidden;
    max-height: 112px;
}
.row-listing .rowItem .rinfo .rtitle h3{
    color: #f47925;
    font-weight: 400;
    font-size: 18px;
    margin-bottom:12px;
}
.row-listing .rowItem .rinfo .rdescription {font-size:14px;opacity:0.95;line-height:17px;}
.row-listing .rowItem .rinfo .raddress {font-size:13px;font-weight: 600;padding-top:12px;color: #06478d;padding-bottom: 1px;}
.row-listing .rowItem .rfooter{
    border-top: 1px solid #e8e8e8;
    margin-top: 0;
    display: table;
    width: 100%;
    padding: 8px 0 0;
}
.row-listing .rowItem  .rfooter .col{
    display: table-cell;
    vertical-align: middle;
}
.row-listing .rowItem  .rfooter .rprice{
    font-size: 17px;
    color: #e80c10;
    font-weight: bold;
}
.area:before {
    content: '\f395';
    padding-right: 3px;
    font-family: zmdi;
}
.row-listing .rowItem  .rfooter .date{
    text-align:right;
        font-size: 14px;
    opacity: 0.8;
}
.heading-left {
    padding-top:25px;
}
/*.heading-left h2 {margin-bottom:12px;}
.heading-left h2 a{
    margin-bottom: 4px!important;
    text-transform: uppercase;
    color: #b81a00;
}*/
.heading-left h2 a span{border-bottom: 2px solid #b81a00;}
.heading-left h2 a:hover span{ color: #018647!important;}
.heading-left h2 a:hover span { border-bottom: 2px solid #018647;}
.heading-left .heading-line {margin-bottom:20px;}
.home-right {margin-left:20px}
.home-right img {margin-bottom:20px;max-width:100%}
/*end row listing*/
/*.block-news .heading-03{
    margin-bottom:10px;
    display:block;
    float:left;
    width:100%;
    font-size:24px;
    line-height:32px
}*/

.block-news .desc-home{
    margin-bottom:19px;
    color:#838383;
    font-size:16px;
    line-height:24px;
    font-weight:400
}
.block-news .detail-block{
    margin:auto
}
.block-news .detail-block .item{background: #fff;}
.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 .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{
    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;
    border-radius: 3px;
}
.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 .detail-block .article-featured .item
{
    padding: 0;
}
.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;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.block-news .detail-block  .item .cover-image a img:hover{
    opacity:0.95
}
.block-news .detail-block .item .info-container{
        padding: 10px 0;
}
.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: 16px;
    line-height: 1.25;
    margin-bottom: 9px;
    display: block;
    color: #292b29;
}
.block-news .detail-block  .item .info-container p{
    font-size: 15px;
    line-height: 22px;
}
.block-news .detail-block .article-featured .item .info-container .title a {font-size:19px;line-height:1.4;font-weight:600;}
.block-news .detail-block .item .info-container .title a:hover{
    color:#444;
}
.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:5px;
    padding-top: 4px;
    padding-bottom: 5px;
}
.block-news .detail-block .right .item .info-container .title a{
font-size: 15px;
    color: #30333a;
    font-weight: 600;
    line-height: 1.5;
    padding: 5px 0;
}
.block-news .info-container .article-meta{
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-top: 5px;
    padding-bottom: 10px;
}
.block-news .info-container .article-meta
{
    font-size: 15px;
    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,.post-meta a,
.blogrow .blogcol .blog-item .detail .blog-meta a{
    padding: 2px 6px;
    line-height: .9;
    color: #036197!important;
    font-weight: 500;
    opacity: 0.92;
}
.block-news .article-meta .meta-date, .block-news .article-meta .meta-cate {
    color: #7e7e7e;font-size: 14px;
}
.block-news .detail-block .item .cover-image:hover+.info-container .title a,
.block-news .detail-block .item .info-container .title a:hover,
.listingItem .cover-image:hover+.info-container .listing-name,
.listingItem .info-container .listing-name:hover
{
    color: #b81a00;
}
/*.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
}*/
.block-news .button-option {
    padding: 5px 0;
    width: 100%;
    float: left;
}
.block-news .readmore{
margin-top: 0;
    float: left;
    clear: none;
    font-size: 14px;
    color: #5d5d5d;
    display: inline-block;
    padding: 0px 12px;
    transition: all 0.3s;
    background: #e8e6e6;
    border-radius: 16px;
}
.block-news .readmore:hover{
    /*background: #038e4c;*/
    margin-left:3px;
}
.more{
    font-size:18px;
    font-weight:600;
    display:block;
    clear:both;
    font-weight:400;
    margin-top:30px
}
.block-news .more .zmdi{
    padding:0 0 0 5px;
    vertical-align:bottom
}
.block-browser .heading{
    margin-bottom:25px;
    display:block;
    float:left;
    width:100%;
    font-weight:500
}
.clearfix:before, .clearfix:after {
    display: block;
    content: "";
    clear: both;
}
/*.block-news .title{
    height:60px;
}*/
@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 .projectCard,.block-project>div .listingItem{
        width:calc(50% - 15px);
        max-width:inherit
    }*/
    /*.block-listing   .col-3 {
        width: 33.333%;
    }
    .block-listing   .col-3:nth-child(4){display:none;}*/
    .block-project>div .projectCard:nth-child(2n),.block-project>div .listingItem:nth-child(2n){
        margin-right:0!important
    }
    .block-project>div .projectCard:nth-child(3n),.block-project>div .listingItem:nth-child(3n){
        margin-right:30px
    }
}

.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: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
    }
}
@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-transform:all .3s;
    -ms-transform:all .3s;
    transform:all .3s;
    -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:hover .btn-favorite{
    display:block
}
.block-recently .listingItem-slide .btn-favorite.active{
    display:block
}
.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%
}
.block-recently .btn-favorite{
    display:none
}
@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
}

.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
}
a.more{
    display:block;
    text-align: center;
}
a.more span{
    font-size: 15px;
    font-weight: 500;
    color: #7d7b78;
    padding-bottom: 4px;
    font-style: italic;
    transition: all 0.5s;
}
a.more span::after
{
    content: "\f101";
    font-family:fontawesome;
    display: inline-block;
    font-style: normal;
}
a.more span:hover{padding-left:8px;}
.home-intro ul{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    text-align: left;
}
.home-intro ul li:before{
    font-family: Fontawesome;
    font-size: 20px;
    color: #222;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    border-radius: 50%;
    /* background-color: red; */
    content: "\f0a4";
}
.home-line{
    display: block;
    opacity: 0.95;
}
.home-line .row{padding: 15px 0;}
.home-line .row:after
{
    content: '';
    display: block;
    clear: both;
}
.home-line .col--1  img{max-width: 170px;}
.home-line .col--3{padding: 15px 0px 10px;}
.home-line .col--3  b{color:#b81a00;font-weight:bold;}
.home-line .col--3  i.fa{color:#f47925;}
.home-line .col--3  span{
        margin-top: 10px;
    color: #f47925;
    display: block;
}
.home-line .col--3  .hotline{color:#f47925;font-weight:bold;font-size:20px;}
.home-line .col--2{
    padding: 20px 10px 5px;
}
.home-line .col--2 p.name{
    color: #b81a00;
    font-size: 4em;
    font-weight: 900;line-height: 60px;
}
.home-line .col--2 p.slogan{
    color: #f47925;
    font-size: 20px;
    font-weight: 500;
    font-style:italic;
}
.home-line .col--2 p.address{margin-top: 15px;
    font-weight: 500;
    color: #575757;}


.introduce-company .row--1 h2{
    text-align: center;
    font-size: 2.063rem;
    font-weight: 500;
    line-height: 2.588rem;
    margin: 0 0 1rem;
    color: #b81a00;
    text-transform: uppercase;
    padding-top: 38px;
}
.introduce-company .row--1 p{
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 26px;
    font-weight: bold;
    color: #f47925;
}
.introduce-company .row--2 .icon{
        display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 60px;
    padding: 10px;
    margin-right: 15px;
    text-align: center;
    background-color: #eee;
    vertical-align: top;
    border-radius: 50%;
}
.introduce-company .row--2 .col-6{margin-bottom: 15px;}
.introduce-company .row--2 .col-icon{float:left;height: 108px;}
.introduce-company .row--2 h3{
    text-transform: uppercase;
    margin-bottom: 4px;
    color:#f47925;
    font-size: 16px;
}

.introduce-company .row--2  p{
    font-size: 15px;
    line-height: 20px;
}
/* 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: 140px;
    padding: 4px 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: 0.9;
    font-size: 14px;
}

/* 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: 10px;
}
.ribbon-top-right::after {
    bottom: 9px;
    right: 0;
}
.ribbon-top-right span {
    left: -10px;
    top: 25px;
    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;
}

.label-counter {
    font-size: 11px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(/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;
}
/*end main*/
.search-result{
    height:100%
}
.radiobox:hover{
    background:rgba(48,51,58,.07)
}
.search-result .result{
    margin-bottom:30px
}
a{
    text-decoration:none;
    color:#444c59
}
a:hover{
    color:#b81a00;
}
.detail-content-news img,.thumb-duan,.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
}
.topsearch-bg{
    width:100%;
    height:600px;
    position:relative;
    z-index:1;
    background:url(../images/home-rever01.jpg) 50% 50% / cover no-repeat
}

.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
}

.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
}

.location:before{
    content:'\f103'
}

.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
}

.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
}
#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-presmall,.icon-nextsmall
{
    font-family: FontAwesome;
    text-rendering: auto;
    line-height: 20px;
    font-size: 18px;
    font-style: normal;
}

.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
}

.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: 790px;
    margin-right: 25px;
    font-size:17px;
    line-height:1.5em;
    margin-top: 10px;
}
.left-content .more{
    padding-top:20px
}
.left-content .view-more-gray.more{
    padding-top:10px
}
.left-content .content .list-advantage:first-child{
    padding-top:0
}
.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% - 815px);
}
.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 .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;
    padding: 10px 30px 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 6px;
    box-shadow: 0 0 5px 0 rgb(231 231 231 / 80%);
}

.project-content .content--more img,.project-content .product-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 .product-description iframe,.project-content .project-content iframe{
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.project-content #doi-tac .content
{
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.07);
    background: #f8f8f8;
    padding: 6px;
}
.project-content ul{
    opacity: 0.92;
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 12px;
    list-style: disc;
    padding-left: 20px;
}
.project-content ul li{line-height:20px;margin-bottom:6px;}

.project__info {
    padding: 7px 10px 0px 0;
    margin-bottom: 5px;
    border-radius: 10px;color: #3d4d65;    font-size: 14.5px;
}
.project__info p strong{
    color: #ffffff;
}
.project__info .col-info{
    float: left;
    max-width: 250px;
    margin-right: 5px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.project__info .col-info:before {
    content: "▪";
    padding-right: 10px;
    margin-left: 15px;
}
.project__info .col-info:first-child:before{display:none;}
.project__info .col-info > span strong{margin-left: 5px;font-weight: 500;}
.project__info .col-info > span, .stick_info > div, .stick_info > div p {
    line-height: 22px;
   /* white-space: nowrap;*/
    overflow: hidden;color: #fbfbfb;
}

.project__info p strong, .stick_info > div {
    font-size: 15px;
    font-style: normal;
}

.project__info ul {
    font-weight: 700;
    margin: 10px 0;
    display: inline-block;
    padding-left: 0
}

.project__info li {
    display: inline-block;
    padding-left: 5px
}

.project__header--fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    right: 0;
    z-index: 999;
    background: rgba(0,0,0,.37);
    text-align: center;
    padding: 5px 0
}
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 {
    padding-bottom: 25px;
    background:none!important;
}
.project-description {
    padding-bottom: 25px;
    background:none!important;
}
.project-description table{
    width: 100%;
    font-size: 14.5px;
    line-height: 1.6!important;
}
.project-description table,
.project-description table tr,
.project-description table tr th,.project-description table tr td
{
	border:none!important;
	line-height: 1.65!important;
}

.project-description table tr td
{
	border-bottom: 1px solid #ececec!important;
	padding-left: 0;
}
.project-description table td, .project-description table th {
    padding: 4px 8px;
}
.project-description table tr td p{
    margin-bottom: 5px;
    margin-top: 5px;
}
.project-description table tr td:first-child{min-width:120px;}

.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{*/

.left-content .bgbox h3, .left-content .bgbox h4, .left-content .bgbox h5, .left-content .bgbox h6 {margin-bottom: 10px;margin-top: 15px;}
.box-row ol {
   list-style: none;
   counter-reset: item;
 }
.box-row ol:not(.list-toc) li{
   counter-increment: item!important;
   padding-bottom: 6px;
 }
.box-row ol:not(.list-toc) li::before{
    margin-right: 8px;
    content: counter(item)!important;
    background: #555555;
    border-radius: 100%;
    color: white;
    width: 16px!important;
    text-align: center;
    display: inline-block;
    font-size: 13px!important;
    height: 16px!important;
    line-height: 16px!important;
    font-weight: bold;
 }
.box-row a[download] { 
    margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 356px;
    font-size: 18px;
    padding: 10px 15px;
}
.product-description {margin-top:20px;}
.box-row table,.box-row table,.product-description table,.post-body table {
  border-collapse: collapse;
  width: 100%;
  overflow: hidden;
}

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

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

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

.box-row table th, .box-row table.theader tr:first-child, .box-row table th, .box-row table.theader tr:first-child td,
.product-description table th, .product-description table.theader tr:first-child, .product-description table th, .product-description table.theader tr:first-child td 
.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: 8px;
  padding-bottom: 10px;
  text-align: left;
    background-color: #dedddd!important;
    color: #444b59;
  font-weight:bold;
  vertical-align: middle;
    border-color: #ccc;
}
.box-row table.tlheader tr td:first-child, .product-description table.tlheader tr td:first-child,
.post-body table.tlheader tr td:first-child {
 font-weight:bold;
    background-color: #dedddd!important;
color: #444b59;
}

.box-row .content h2 {margin: 10px 0;}

.left-recruitment{
    float:left;
    width:50%;
    margin-right:10%;
    font-size:16px;
    line-height:22px
}
.left-recruitment h3{
    
    font-size:40px;
    font-weight:400;
    padding:30px 0
}
.left-recruitment p{
    padding:10px 0 0 0
}
.right-recruitment{
    float:left;
    width:35%;
    font-size:16px;
    line-height:22px
}
.right-recruitment h3{
    
    font-size:40px;
    font-weight:400;
    padding:30px 0;
    line-height:1.2em
}
.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 solid;
    height:50px;
    line-height:50px;
    text-align:center;
    width:260px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    position:relative
}
.right-recruitment a.recruit{
    font-size:24px;
    color:#c72528;
    font-weight:500;
    margin-top:30px;
    display:block
}
.right-recruitment .whr-item{
    float:left;
    width:100%
}
.right-recruitment .whr-item .whr-title{
    padding:0;
    width:100%
}
.right-recruitment .whr-item .whr-title a{
    font-size:20px;
    color:#c72528;
    font-weight:500;
    margin-top:30px;
    display:block;
    clear:both;
    line-height:20px
}
.right-recruitment .whr-item .whr-title a:hover{
    opacity:.8
}
.right-recruitment .whr-item:first-child .whr-title a{
    float:left;
    width:100%;
    margin:10px 0 0
}
.right-recruitment .whr-item .whr-info{
    float:left;
    margin:6px 0 0
}
.right-recruitment .whr-item .whr-info li{
    float:left
}
.right-recruitment .whr-item .whr-date{
    display:none
}
.right-recruitment .whr-item .whr-dept{
    font-weight:400
}
.right-recruitment .whr-item .whr-dept span{
    display:none
}
.right-recruitment .whr-item .whr-location span{
    display:none
}
.right-recruitment .whr-item .whr-dept:after{
    content:'\2022';
    padding-left:5px;
    padding-right:10px;
    font-weight:300;
    color:#333
}
.max-width900{
    max-width:900px;
    margin:0 auto;
    width:100%
}
.more{
    clear:both
}
.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:zmdi;*/
    font-family: Fontawesome;
    text-rendering:auto;
    line-height:20px;
    font-size:18px;
    font-style:normal;
    vertical-align:middle
}
.faicon:before{font-family: Fontawesome;}
.but-pfeimg{
    position:absolute;
    top:50%
}
.but-nextdetail{
    position: absolute;
    top: 45%;
    margin-top: -20px;
    right: 20px;
    font-family: fontawesome;
    font-size: 4em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 15px 25px;
    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: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:100;
    transition:opacity .2s linear
}
.but-nextdetail-top-news:before{
    content:'\f2fb'
}
.but-predetail-top-news:before{
    content:'\f2fa'
}

.but-nextdetail:before{
    content:'\f105'
}
.but-predetail{
    position:absolute;
    top:45%;
    margin-top:-20px;
    left:20px;
    font-family:fontawesome;
    font-size:4em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 15px 25px;
    z-index:90;
    opacity:.6;
    transition:opacity .2s linear;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.22);
    color:#fff;
}
.but-nextdetail:hover, .but-predetail:hover{
    opacity:1;
    color: #fff;
}
.but-predetail:before{
    content:'\f104'
}

.left-list-filter ul li.list-filter{
    font-size:15px
}


.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:'Roboto',Arial,Helvetica,sans-serif
}
.fone-info{
    color:#c72528;
    padding:5px 0;
    font-size:1em;
    font-family:'Roboto',Arial,Helvetica,sans-serif
}
.email{
    color:#999;
    padding:5px 0 0
}
.fone{
    padding:5px 0
}
.email:before{
    content:'\f114';
    font-size:1em;
    color:#999
}
.email-icon-pro:before{
    content:'\f114'
}
.google-plus:before{
    content:'\f111'
}
.fone:before{
    content:'\f2be'
}
.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'
}

.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
}
.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
}
.founder{
    background:#fff;
    margin:50px auto 0 auto;
    width:100%;
    padding:60px;
    max-width:1140px;
    font-size:16px!important;
    line-height:22px;
    position:relative
}
.founder:after{
    clear:both;
    content:'';
    display:table
}
.founder .avatar{
    float:left;
    width:25%;
    margin-right:50px
}
.founder .avatar img{
    width:100%
}
.founder .info{
    float:left;
    width:40%;
    margin-right:50px
}
.founder .info h3{
    
    font-size:34px;
    color:#444c59;
    font-weight:500;
    line-height:40px
}
.founder .info .title{
    font-size:20px;
    padding:10px 0;
    font-weight:500
}
.founder .info p{
    padding:5px 0;
    line-height:28px
}
.founder .skill{
    float:left;
    margin-top:50px;
    width:25%
}
.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
}
.bor-deco{
    height:6px;
    width:55px;
    background:#444c59;
    padding:0!important;
    margin:25px 0 10px
}
.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
}
.news-box{
    width:100%;
    max-width:1140px;
    margin:0 auto
}
.news-box section.news-content{
    width:100%;
    width:100%;
    overflow:auto;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.news-box section.news-content:after{
    clear:both;
    display:table;
    content:''
}
.news-box section.news-content article.featured .cover:hover{
    opacity:.9
}
.news-box section.news-content article.featured header h2 a:hover{
    color:#3a3a3a
}
.news-box .more-button-box{
    padding-top:40px
}
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
}
.project-header .width1140{padding-bottom: 0;}

.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
}
.state{
    position:absolute;
    bottom:0;
    left:0;
    height:30px;
    background:#c72528;
    line-height:28px;
    color:#fff;
    padding:0 15px;
    font-size:14px;
    text-transform:uppercase;
    padding-top:2px
}
.project-thesame{
    background:#ebebeb;
    width:100%;
    padding-top:20px
}
.rvid:after{
    content:' • '
}
.rvdot:after{
    content:','
}
.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
}
.area:before{
    content: '\f395';
    padding-right: 3px;
    font-family: zmdi;
}
.apartment-icon:before{
    content:'\f133';
    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:'\f00d';
    color:gray;
    font-size:.8em
}
.check{
    margin-top:0
}
.check:before{
    content:'\f00c';
    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
}

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:before{
    content:'\f110';
    padding-right:5px
}
.facebook-bg:before{
    content:'\f155';
    padding-right:5px
}
.twitter:before{
    content:'\f113';
    padding-right:5px
}
.message:before{
    content:'\f158';
    padding-right:5px
}
.gplus:before{
    content:'\f161';
    padding-right:5px
}
.youtube:before{
    content:'\f194';
    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'
}

.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%
}
.cover-nearby{
    width:405px;
    position:absolute;
    top:30px;
    left:0;
    transition:transform .25s linear;
    bottom:30px
}
.nearby{
    background:#fff;
    border:1px solid #ebebeb;
    -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);
    overflow-y:auto;
    float:left;
    top:60px;
    width:350px;
    height:100%
}
.save-favorite-box{
    margin:30px 8% 20px 8%
}
.cover-nearby-off{
    transform:translateX(-350px)
}
.icon-left-nearby{
    width:40px;
    background:#f7f7f7;
    margin-top:20px;
    float:left;
    font-family:zmdi;
    -webkit-box-shadow:3px 2px 2px rgba(0,0,0,.17);
    -moz-box-shadow:3px 2px 2px rgba(0,0,0,.17);
    box-shadow:3px 2px 2px rgba(0,0,0,.17);
    font-size:25px;
    color:#444c59;
    transition:background .25s linear
}
.icon-left-nearby a:hover{
    background:#c72528;
    color:#fff
}
.icon-left-nearby a{
    display:block;
    clear:both;
    padding:10px
}
.icon-slide:before{
    content:'\f149'
}
.icon-slide-back:before{
    content:'\f2fa'!important
}
.nearby .parent-content{
    padding:20px
}
.nearby .parent-content form input{
    color:#444c59;
    font-size:1.5em;
    font-weight:400;
    line-height:1.5em;
    border:1px solid #ebebeb;
    width:100%;
    padding:10px 15px 8px
}
.nearby .type{
    border:1px solid #f2f2f2
}
.nearby .type li:hover{
    background-color:transparent
}
.nearby .type li .icondropdown{
    right:35px;
    top:25px
}
.nearby .type li .iconup{
    right:35px;
    top:22px
}
.nearby .type .sub-content{
    padding-left:35px
}
.nearby .type .sub-content li{
    -webkit-transition:padding-left .25s linear;
    -moz-transition:padding .25s linear , border .25s linear;
    -o-transition:padding .25s linear , border .25s linear;
    overflow:hidden;
    height:30px;
    white-space:nowrap;
    text-overflow:ellipsis
}
.nearby .type .sub-content li b{
    font-size:1.2em;
    font-weight:400
}
.nearby .type .sub-content li:hover{
    background-color:#f7f7f7;
    padding-left:10px;
    border-left:2px solid #c72528
}
.nearby .type label{
    font-size:14px;
    padding-left:10px
}
.nearby .type li{
    padding:5px;
    position:relative;
    width:100%;
    overflow:auto;
    border-top:1px solid #ebebeb;
    border-bottom:0
}
.nearby ul.content{
    border:1px solid #ebebeb;
    border-bottom:0
}
.nearby ul.content li{
    border-bottom:1px solid #ebebeb;
    padding:15px 25px 15px 15px;
    width:100%;
    overflow:auto;
    font-size:1.3em;
    line-height:1.8em;
    color:#999;
    position:relative
}
.nearby ul.content li a .iconremove{
    opacity:0;
    visibility:hidden
}
.nearby ul.content li:hover>a .iconremove{
    opacity:1;
    visibility:visible
}
.nearby ul.content li .left{
    float:left;
    display:block;
    clear:both
}
.nearby ul.content li .left:first-child{
    font-size:14px;
    color:#444c59
}
.nearby ul.content li .right{
    float:right;
    display:block
}
.nearby ul.content li .right:nth-child(2){
    font-size:14px;
    color:#444c59
}
.nearby .title{
    font-size:16px;
    padding:12px 15px 8px 15px;
    background:#f2f2f2;
    position:relative;
    margin-top:20px
}
.nearby ul li{
    border-bottom:1px solid #ebebeb;
    padding:10px;
    border-left:2px solid rgba(0,0,0,0)
}
.nearby ul li:hover{
    background-color:#f7f7f7
}
.nearby ul li.active{
    border-left:2px solid #c72528
}
.nearby ul.type .gray-content{
    display:block;
    clear:both;
    color:#999;
    font-weight:400
}
.nearby ul.checkbox input+label:after{
    left:15px;
    top:15px
}
.nearby .type li input[type="checkbox"]{
    margin:5px;
    float:left
}
.nearby .type li input[type="checkbox"]+label{
    float:left;
    margin-left:30px;
    line-height:40px
}
.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 0px;
    display:block;
    overflow:hidden
}
.tags-group span:first-child{
    padding-left:0;
}
.tags-group span{
    display: block;
    /*background: #f3f4f7;*/
    width: auto;
    float: left;
    padding: 0;
    color: #838383;
    border-radius: 3px;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 26px;
    height: 15px;
    font-weight: normal;
    box-sizing: border-box;
}
.tags-group span:before {
    font-family: fontawesome;
    content: "\f292";
    font-size: 10px;
    font-weight: normal;
    color: #9e9e9e;
}
.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
}
.right-box .tag-news{
    padding:0
}
.right-box .tag-news .dark{
    background:#d9d9d9
}
.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
}
.right-content-news{
    float:left;
    width:270px;
    margin-top:50px;
    font-size:15px
}
.right-content-news .social .font-icon{
    font-size:3em;
    padding-right:10px
}
.right-content-news .social .font-icon:last-child{
    padding-right:0
}
.right-box{
    padding:0 0 30px
}
.right-box h2{
    font-size:20px;
    line-height:30px;
    text-transform:uppercase;
    border-bottom:1px solid #444c59;
    margin-bottom:20px;
    width:100%;
    font-weight:500
}
.right-box .category li{
    line-height:25px;
    font-size:17px
}
.right-box .category li a{
    padding:5px 0 5px 5px;
    display:inline-block;
    -webkit-transition:padding-left .25s linear;
    -moz-transition:padding .25s linear , border .25s linear;
    -o-transition:padding .25s linear , border .25s linear
}
.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
}
.left-content-news{
    float:left;
    width:calc(100% - 270px);
    margin-top:50px
}
.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);
    /*display:block;*/
    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:o 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
}
footer{
    width:100%;
    background:#111
}
footer .grey-footer{
    background:#333;
    padding:20px 10px
}
.title-search-footer{
    width:100%;
    clear:both;
    font-size:2.4em;
    color:#fff;
    line-height:3em;
    text-align:center;
    
    font-weight:200
}


.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
}
.lang-select{
    height:30px;
    overflow:hidden;
    width:130px;
    position:relative;
    top:6px;
    margin-left:5px
}
.lang-select select{
    background:transparent;
    border:none;
    font-size:14px;
    height:30px;
    padding:5px;
    width:130px
}
.lang-select-bg{
    background-color:#404040;
    display:inline-block
}
.lang-select-bg select{
    color:#fff
}
footer .copyright{
    padding-bottom:10px!important
}
footer .copyright p{
    line-height:30px
}
.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
}
.responsive-filter{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    background:#fff;
    overflow-y:auto;
    white-space:normal;
    z-index:1000;
    font-size:14px;
    top:0;
    display:none;
    padding:40px 0 65px;
    height:auto
}
.responsive-filter form{
    float:left
}
.active-on{
    display:block!important
}
.header-filter a{
    color:#838383;
    font-size:14px;
    display:block;
    padding:5px
}
.header-filter a i{
    vertical-align:text-bottom
}
.header-filter{
    position:fixed;
    top:0;
    left:0;
    right:0;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.05);
    background:#fff;
    height:40px;
    z-index:1100
}
.header-filter h4{
    text-align:center;
    line-height:40px;
    font-size:14px;
    text-transform:uppercase;
    font-weight:400
}
.close-pop{
    position:absolute;
    top:6px;
    left:10px;
    z-index:1111
}
.reset-but{
    position:absolute;
    top:6px;
    right:10px;
    z-index:1111
}
.responsive-filter h3{
    padding:20px 0 0 15px;
    font-weight:600;
    font-size:14px
}
.responsive-filter .popup{
    position:relative;
    visibility:visible;
    opacity:1;
    box-shadow:none;
    border:0;
    border-bottom:1px solid #eee;
    margin:0;
    top:auto
}
.responsive-filter .popup:after{
    clear:both;
    width:100%;
    display:table;
    content:''
}
.responsive-filter .popup h3{
    padding:0
}
.responsive-filter .different{
    width:100%
}
.responsive-filter .different li{
    padding:15px!important
}
.responsive-filter .different li ul.input-roll li{
    padding:0!important
}
.responsive-filter ul li{
    float:left;
    width:50%
}
.responsive-filter ul li.radiobox input+label:after{
    left:5px
}
.responsive-filter ul li input[type="radio"]+label{
    padding:20px 8px
}
.but-fix-bot{
    width:100%;
    padding:10px 0;
    text-align:center;
    background:#c72528;
    color:#fff;
    font-weight:400;
    border:0;
    border-radius:2px
}
.box-fix-bot{
    padding:15px;
    position:fixed;
    bottom:0;
    z-index:99;
    left:0;
    right:0;
    background:#fff;
    border-top:1px solid rgba(48,51,58,.1)
}
.language{
    float:right;
    width:30%;
    font-size:16px;
    margin:-5px 8px 0 0
}
.language-picker{
    float:right;
    margin-right:2%;
    width:49%;
    font-family:zmdi;
    position:relative
}
.language-picker:before{
    content:'\f116';
    position:absolute;
    font-size:22px;
    font-weight:400;
    pointer-events:none;
    z-index:10;
    top:6px;
    right:6px;
    color:#999
}
.language select{
    color:#fff;
    position:relative;
    float:left;
    background:#333;
    padding:8px 10px;
    color:#fff;
    border:0;
    width:100%;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    display:block
}
.currency-picker{
    width:49%;
    float:left;
    font-family:zmdi;
    position:relative
}
.currency-picker:before{
    content:'\f116';
    position:absolute;
    font-size:22px;
    font-weight:400;
    pointer-events:none;
    z-index:10;
    top:6px;
    right:6px;
    color:#999
}
.main-content{
    padding-bottom:60px
}
.main-content>.more-button-box{
    padding-top:40px
}
.listpro-content{
    padding:60px 30px 30px
}
.allproject-list{
    background:#fff;
    margin:0 auto 30px;
    width:100%;
    max-width:1140px;
    font-size:16px;
    line-height:22px;
    position:relative;
    border-top:3px solid #444c59;
    max-height:400px;
    overflow:hidden
}
.allproject-list:after{
    clear:both;
    display:table;
    content:''
}
.thumb-duan{
    float:left;
    width:600px;
    height:400px;
    overflow:hidden;
    line-height:0
}
.thumb-duan:hover{
    opacity:.9
}
.thumb-duan img{
    width:100%;
    height:100%
}
.thumb-duan a img:hover{
    opacity:.8
}
.info-duan{
    float:left;
    width:calc(100% - 600px);
    padding:30px 40px;
    height:400px;
    position:relative
}
.info-duan h4{
    font-size:16px;
    font-weight:200;
    color:#444c59
}
.info-duan h2,.info-duan h3{
    max-height:75px;
    overflow:hidden;
    font-size:30px;
    font-weight:400;
    line-height:40px;
    margin-bottom:10px;
    color:#444c59;
    max-width:100%
}
.info-duan .content{
    padding-top:15px;
    line-height:25px;
    height:190px;
    overflow:hidden
}
.info-duan .btn-more{
    text-decoration:underline;
    position:relative;
    background-color:#fff;
    display:block;
    left:0;
    right:0;
    bottom:25px;
    padding:20px 0 30px
}
.info-duan ul li{
    display:inline-block;
    margin-right:20px
}
.info-duan .more{
    position:absolute;
    bottom:42px
}
.info-duan .more a{
    padding:0
}
.info-duan .adress{
    padding-bottom:10px
}
.info-duan .adress h4{
    display:inline-block
}
.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
}
.list-advantage{
    width:100%;
    padding:20px 0;
    border-bottom:1px dotted #e2e2e2
}
.advantage-name{
    float:left;
    width:23%
}
.advantage-name p{
    text-transform:uppercase;
    font-weight:600;
    font-size:14px
}
.advandate-content{
    float:left;
    width:72%;
    margin-left:5%;
    font-size:16px
}
.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
}
.info-sketch{
    float:left;
    width:65%;
    margin-left:3%;
    height:190px;
    overflow-y:auto
}
.info-sketch table{
    width:100%
}
.info-sketch table td{
    padding:3px
}
.sketch-img{
    float:left;
    width:32%;
    border:1px solid #e2e2e2;
    padding:8px;
    text-align:center
}
.sketch-img img{
    max-width:100%;
    max-height:100%
}

.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
}

.unit-type{
    font-size:16px;
    font-weight:400
}
.no-result{
    float:left;
    width:100%;
    font-size:20px;
    font-weight:400;
    margin-top:40px
}
/*footer{
    padding-bottom:50px
}*/
.apartment{
    border-top:2px solid #444c59;
    margin-top:20px;
    padding-top:0!important
}
section.apartment article.featured{
    width:100%;
    border:1px solid #ececec;
    border-top:0;
    margin:0!important
}
section.apartment article.featured header h2{
    font-size:1.2em
}
section.apartment article.featured header ul{
    padding-top:0
}
.state-ap{
    font-size:16px;
    font-weight:400;
    position:absolute;
    bottom:35px;
    right:20px;
    color:#c72528;
    text-transform:uppercase
}
section.apartment article.featured header ul li{
    font-size:16px
}
.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
}
.nearby{
    background:#fff
}
.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
}
.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
}
.fullscreen-slide .full-screen-act.close,
.fullscreen-slide .but-nextdetail,
.fullscreen-slide .but-predetail
{
    display:none;
    transition: all 200ms;
}
.fullscreen-slide:hover .full-screen-act.close,
.fullscreen-slide:hover .but-nextdetail,
.fullscreen-slide:hover .but-predetail
{
    display:block!important;
}
#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
}
.nearby .type .sub-content li{
    display:none
}
.nearby .type .sub-content li{
    overflow:hidden;
    height:30px;
    white-space:nowrap;
    text-overflow:ellipsis
}
.nearby .type .sub-content.open li{
    display:block
}
#right-content{
    overflow:hidden
}
.nearby-property{
    padding-top:30px
}
.gmap-label{
    color:#444c59!important;
    font-weight:500!important;
    font-family:'Roboto',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:'Roboto',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 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:'Roboto',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
}
.price-apartment{
    font-size:20px;
    font-weight:200
}
.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 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:zmdi;
    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
}
.hot-FAQ-box{
    padding:30px 0
}
.hot-FAQ{
    float:left;
    width:50%;
    height:240px;
    position:relative
}
.hot-FAQ .cover{
    height:240px;
    position:relative
}
.hot-FAQ a{
    position:absolute;
    background:rgba(0,0,0,.68);
    color:#fff;
    padding:20px;
    bottom:0;
    left:0;
    right:0
}
.hot-FAQ2{
    float:left;
    width:50%;
    padding-left:50px
}
.hot-FAQ2 li{
    list-style:disc;
    padding:10px 0;
    font-weight:500
}
.FAQ-table-view{
    padding:20px 0;
    width:100%
}
.FAQ-list-table{
    display:table;
    width:32%;
    float:left;
    margin-right:2%
}
.FAQ-list-table:last-child{
    margin-right:0
}
.FAQ-list-table-ct{
    display:table-cell;
    vertical-align:middle;
    height:150px;
    text-align:center;
    padding:0 30px
}
.FAQ-list-table-ct a{
    color:#fff
}
.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
}
.popup-sketup{
    overflow:hidden;
    width:100%;
    max-height:530px;
    max-width:1096px;
    height:100%;
    position:relative;
    margin:0;
    background:#f8f8f8;
    z-index:1003;
    font-size:14px
}
.popup-sketup .image-sketch{
    display:block;
    max-width:710px;
    width:100%;
    height:100%;
    float:left;
    position:relative
}
.popup-sketup .image-sketch .slides-sketch li{
    text-align:center;
    background-color:#fff;
    position:relative
}
.popup-sketup .image-sketch img{
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.popup-sketup .popup-detail-sketch{
    max-width:386px;
    width:100%;
    float:right;
    height:100%
}
.popup-detail-sketch .popup-detail-sketch-title{
    border-bottom:1px solid #eee;
    padding:0 40px 0 20px;
    font-size:24px;
    line-height:70px;
    height:70px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.popup-detail-sketch .info-sketch{
    float:left;
    padding:3%;
    margin:0;
    overflow-y:auto;
    width:100%;
    height:calc(100% - 70px)
}
.popup-sketup .actionIcon{
    top:0;
    right:0;
    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
}
.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;
    display:-webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row;
    flex-wrap:no-wrap;
    -webkit-flex-wrap:no-wrap;
    width:100%;
    border-collapse:collapse;
    padding:10px 20px;
    margin-top:10px;
    border-bottom:1px solid #dedede;
    font-size:12px
}
.wrapper{
    display:flex;
    display:-webkit-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%
}
.left-tabmenu-search{
    float:left;
    font-size:13px;
    padding-left:30px
}
.left-tabmenu-search li{
    display:inline-block;
    padding:4px 10px 0 0
}
.left-tabmenu-search li a{
    display:block;
    line-height:56px;
    text-transform:uppercase;
    color:#484848;
    margin-right:20px;
    font-size:16px
}
.left-tabmenu-search li a:hover{
    border-bottom:2px solid #484848
}
.left-tabmenu-search li a.active{
    font-weight:500;
    border-bottom:2px solid #484848
}
.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%
}
.title-sum{
    position:relative;
    top:20px;
    padding:6px 0
}
.title-sum:after{
    content:'';
    display:table;
    width:100%
}
.kdc-new .overlay{
    background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.9))!important
}
section.project article.featured{
    width:calc(50% - 30px);
    margin:30px 30px 0 0
}
.bgw{
    background:#fff;
    border-top:1px solid #d6d6d6;
    font-size:16px;
    line-height:24px;
    margin-top:50px
}
.bgw .bgw-wp{
    padding:0 30px;
    font-size:14px
}
.bgw-wp h3{
    padding:30px 0 5px;
    font-size:18px
}
.bgw-wp .klc:after{
    content:'';
    width:100%;
    display:table
}
.bgw-wp .klc li{
    width:24%;
    float:left;
    margin:10px 8px 0 0
}
.bgw-wp .klc li a{
    display:block;
    width:100%;
    line-height:30px;
    background:#f3f4f7;
    padding:0 10px;
    font-size:14px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    text-align:center
}
.bgw-wp p{
    padding-bottom:20px;
    color:#444
}
.search-sidebar_content:after{
    content:'';
    width:100%;
    display:table
}
.bgw-wbt{
    border-top:1px solid #e2e2e2;
    padding:15px 30px;
    margin-top:30px
}
.bgw-wbt a{
    padding:0 5px;
    font-weight:500;
    font-size:14px;
    color:#30333a
}
.bgw-wbt a.disable{
    color:rgba(48,51,58,.3)
}
.bgw-wbt a:first-child{
    padding-left:0
}
.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
}
.info-bs-price{
    position:absolute;
    right:0;
    top:25px
}
.info-bs-price .price-list{
    font-size:18px;
    font-weight:600;
    color:#30333a
}
.info-bs{
    position:absolute;
    right:30px;
    top:50px
}
.info-bs div{
    float:right;
    clear:both;
    margin-bottom:8px
}
.info-bs .lable-sold{
    padding:3px 10px 1px!important;
    background:#838383;
    color:#fff;
    border-radius:2px;
    font-size:14px
}
.info-bs .lable-monopoly{
    padding:3px 10px 1px!important;
    background:rgba(243,3,6,.7);
    color:#fff;
    border-radius:2px;
    font-size:14px
}
.info-bs .lable-free-m{
    padding:3px 10px 1px!important;
    background:rgba(83,158,0,.7);
    color:#fff;
    border-radius:2px;
    font-size:14px
}

.save-search-box{
    float:right;
    margin:10px 30px 0 0
}
.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
}
.list-view .title-sum{
    padding-left:30px
}
.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 rgb(0 0 0 / 2%);
    font-size: 15px;
    margin-top: 10px;
    background: #fff;
}
.stickyTrigger-shadow{
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    background: #fff;
}
.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 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:12px;margin-top:12px;}
.bgbox-content iframe{padding-bottom:12px;padding-top:12px;}
.bgbox-content figure img{margin-bottom:0px;}
.bgbox-content figure {
    outline: solid 1px #f4f4f4;
	background: rgba(0,0,0,0.05);
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    display: block;
    max-width: 100%!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: 4px 0 8px 0;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4em;
}
.post-body blockquote,.bgbox-content blockquote{
    position: relative;
    font-size: 15px;
    font-family: "Times New Roman",  Arial, sans-serif;
    display: block;
    text-align: center;
    font-style: italic;
    color: #444;
    padding: 15px 35px;
    margin: 15px 20px;
    box-shadow: 0 1px 4px rgba(127,127,127,.15);
    -webkit-box-shadow: 0 1px 4px rgba(127,127,127,.15);
}
/*.post-body blockquote:after,.bgbox-content blockquote:before,
.post-body blockquote:before,.bgbox-content blockquote:after{
    content: "\f10d";
    position: absolute;
    top: 14px;
    left: 20px;
    font-size: 14px;
    font-family: FontAwesome;
    display: block;
    text-align: center;
    font-style: italic;
    color: #444;
}
.post-body blockquote:after,.bgbox-content blockquote:after{
    content: '\f10e';
    position: absolute;
    bottom: 10px;
    right: 20px;
    top: unset;
    left: unset;
}*/
.post-body blockquote p,.bgbox-content blockquote p{
    margin-top:0;
    margin-bottom: 0;
    font-size: 17px;
}
.bgbox-content p {
    margin:12px 0;
}
.bgbox-content .title{
    padding: 0;
    font-size: 23px;
    position: relative;
    line-height: 20px;
    width: 100%;
    color: #333;
    text-transform: uppercase;
    font-weight: 900;
    background: url(/img/stripe.png) 0 10px repeat-x;
    background-position: center;
    margin: 0 0 15px;
    width: 100%;
    display: inline-block;
}
.bgbox-content .title span{    background: #fff;
    padding-right: 11px;}
/*.bgbox-content .title:after{
    background-image: url(/img/line.png);
    content: "";
    display: block;
    height: 19px;
    width: 192px;
    background-repeat: no-repeat;
    margin: 0 auto;
    opacity: 0.8;
    background-size: 70%;
    background-position: center;
}*/
/*.bgbox-content .title span{
    font-size: 14px;
    color: #999;
    line-height: 28px;
    font-weight: normal;
     text-transform: none;
}*/
.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
}
.p-doc-relative-wrapper{
    display:block;
    overflow:hidden;
    width:100%
}
.p-doc-relative-wrapper .img{
    width:22%;
    float:left;
    margin-right:5%
}
.p-doc-relative-wrapper .img img{
    max-width:100%;
    min-width:100%;
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin:auto
}
.p-doc-relative-wrapper .img div{
    height:230px
}
.p-doc-relative-wrapper .info{
    display:block;
    overflow:hidden;
    width:73%;
    float:left;
    font-size:14px
}
.p-doc-relative-wrapper .info ul li{
    padding:0;
    margin:0;
    list-style:inside
}
.p-doc-relative-wrapper .info ul{
    list-style-type:disc;
    list-style-position:inherit
}
.box-row{
    padding: 10px 0;
    margin-bottom: 15px;
}
.bgbox-content >  div.box-row:last-child{margin-bottom: 0;}
.box-row#hinh-anh {border-bottom:0; margin-bottom:30px;}
.box-no-bg{
    background: none!important;
}
.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: 22px;
    padding: 15px 0 25px;
}
.owner-project
{
    width: 49%;
    float: left;
}
.owner-project .owner-project-title{
    padding-bottom: 5px;
    padding: 3px 0 8px;
    font-size: 18px;
    position: relative;
    line-height: 28px;
    width: 100%;
    color: #da6a05;
}
.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;
} 
.owner-seller .info-owner-project .owner-project-title{
    color: #38c220;
}
.owner-seller img{
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.project-news .title
{
    padding: 20px 0 20px;
    font-size: 24px;
    position: relative;
    line-height: 30px;
}
.project-news h2.title{padding: 0px 0 15px;}
.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% - 172px);
    padding-left:25px;
    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:8px;
    line-height:24px;
    margin-top:0!important;
    margin-bottom: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)
}*/
.or-call{
    padding:20px 0
}
.small{
    font-size:12px;
    color:#444;
    opacity:.86
}
.large-btn-bg{
    padding:13px 40px;
    color:#fff;
    background:#fd9326;
    border-radius:2px;
    font-size:20px;
    border:0;
    cursor:pointer;
    font-weight:bold;
}
.large-font{
    font-size: 40px;
    font-weight: 700;
}
.large-btn-bg:hover{
    background:#ef7a16;
    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%;
    background-color: #fff;
    font-size: 14px;
    margin-top: -100px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
        background-image: linear-gradient(149deg, #fefefe 0%, #fff 64%, #fafafa 100%);
}
.box-info {
    border-radius: 4px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.large-btn-contact{
    padding: 10px 28px;
    border-radius: 2px;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
    font-weight: 600;
    background: #fd9326;
    color: #363333;
    border: none;
    background-image: linear-gradient(#fdfdfd, #fffcfc);
    border: 2px solid #dadada;

}
.large-btn-contact:hover{opacity:1;}
.form-header{
    padding: 18px 18px 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #313131;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.user-owner-list{
        background: #fefefe;
    padding-bottom: 0px;
    margin-bottom: 10px;
    padding: 15px 28px 5px;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
}
.user-owner-list:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.user-owner-list p{
    color: #515151;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-owner-list .ava-user{
    float: left;
    width: 57px;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: -5px;
}
.name-us{
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
    color: #222222;
}
.phone-icon{
    padding-left: 75px;
    background: url(/img/ico-hotline-foo.png) no-repeat 10px center;
   
    font-size: 20px;
    border-bottom: 1px solid #d55701;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: all 0.3s;
}
.phone-icon:hover {padding-left: 78px;}
.phone-icon b{
    display: block;
    display: block;
    font-size: 22px;
    color: #fff;
    font-family: utmere;
    font-weight: normal;
}
.phone-icon i{
    color: white;
    font-size: 14px;
}
.phone-icon span {
    padding-left: 75px;
    background: url(/img/ico-hotline-foo.png) no-repeat 10px center;
   
    font-size: 20px;
    border-bottom: 1px solid #d55701;
    padding-top: 5px;
    padding-bottom: 5px;
}
.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;
    font-size: 15px;
    margin-bottom: 18px;
    line-height: 25px;
    color: #c6b676;
}
.form-info .action >a {
width: 50%;
    margin: 0 auto;
    display: block;
    float: left;
    text-align: center;}
.form-info .action >a.btncall{
    position: relative;
    padding: 5px 8px;
    text-align: center;
    width: 48%;
    box-sizing: border-box;
    float: left;color: #fff;
    border-radius: 30px;
    color: #0e657e;
    border-radius: 30px;
    font-weight: bold;
    background: linear-gradient(135deg,#efd769 10%,#eb6a24 100%);
}
.form-info .action >a.btnchat{
    background: #fff;
    border: 1px solid #338bc5;
    color: #338bc5;
    padding: 4px;
    width: 46%;
    float: right;
    box-sizing: border-box;border-radius: 30px;
}
.form-info .action button.large-btn-bg,
.form-info .action .btn.large-btn-bg{
    padding:12px 0;
    width:100%;
    text-align:center;
    text-transform: uppercase;
}
.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{opacity:0.85;}
.meta-tools > div{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.meta-tools .meta-tools-left{
        margin: 0 auto;
}
.meta-tools button{ padding:6px 12px 3px;}
.fb-share{
    margin: 0 auto;
    text-align: center;
}
.fb_iframe_widget > span,
.fb_iframe_widget > span > iframe{
    height: 50px!important;
    margin: 0;
}
.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
}
.weonline247{
    box-shadow:0 2px 4px 0 rgba(0,0,0,.35);
    background:#00779a;
    color:#fff;
    border-radius:6px;
    font-size:14px;
    padding:15px;
    margin-bottom:-30px;
    margin-top:20px;
    position:relative
}
.weonline247: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 #00779a;
    z-index:2;
    position:relative;
    bottom:-55px;
    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
}
section.browsing article.featured{
    width:calc(50% - 30px);
    margin:30px 30px 0 0;
    float:left;
    display:inline-block;
    background:#fff
}
.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%
}
.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
}
.bgw-wp h2{
    font-size:24px;
    padding:40px 0 10px
}
.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:#c72528;
    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 #c72528!important
}
.form-element.error .error-text{
    display:block
}
.fixed-form-r .form-info{
    padding: 0 30px 7px 30px;
}
.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%
}

.center-text-small
{
    margin-top: 20px;
    padding-bottom: 15px;
}
.center-text-small > span{
    text-align:center;
    font-size:12px;
    opacity:.5;
    border-bottom: 1px solid #d1d1d2;
    line-height: .1em;
    width: 50%;
    margin: 0 auto;
    padding: 0;
    display: block;
}
.center-text-small > span > span{
    background: #fff;
    padding: 0 8px;
}
.large-btn-border-black{
    padding:12px 40px;
    color:#30333a;
    background:#fff;
    border-radius:2px;
    font-size:18px;
    border:1px solid #30333a50;
    cursor:pointer;
    width:100%;
    text-align:center;
    margin-bottom:12px;
    font-weight:600
}
.large-btn-border-black:hover{
    background:#30333a;
    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
}
.meta-items .meta-item .item-left,.project-meta-right>span:not(.txtprice){
    color:rgba(68,76,89,.76);
    font-weight:400;
    font-size:15px;
}
.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: 100%;
    padding-bottom: 5px;
    float: left;
    position: relative;
    padding-top: 20px;
    margin: 12px auto;
    text-align: left;
    max-width: 815px;
}
.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: 30px;
}
.style2 .project-header-inner .project-meta-right{
    display: flex;
    align-items: center;
    height: 176px;
}
.project-meta-right .txtprice, .featured .txtprice{
    font-size:20px;
    color:#e80c10;
    font-weight:700
}
.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: 0px;}
.project-header-inner .project-meta .btn-error{
    border: 1px solid #cd6163;
    background-color: #e15e60;
    font-size: 13px;
    padding: 1px 6px 2px;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    line-height: 27px;
    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%
}
.fixed-form-r .content-pu-rv{
    padding:20px
}

.form-info .box-form .checkbox input+label:after{
    top:4px
}
.pdt-30{
    padding-top:30px!important
}
.pdt-40{
    padding-top:40px!important
}
.pdt-50{
    padding-top:50px!important
}
.pdt-20{
    padding-top:20px!important
}
.pdt-10{
    padding-top:10px!important
}
.pdt-15{
    padding-top:15px!important
}
.pdt-5{
    padding-top:5px!important
}
.pdb-50{
    padding-bottom:50px!important
}
.pdb-40{
    padding-bottom:40px!important
}
.pdb-30{
    padding-bottom:30px!important
}
.pdb-20{
    padding-bottom:20px!important
}
.pdb-10{
    padding-bottom:10px!important
}
.pdb-0{
    padding-bottom:0!important
}
.pdr-10{
    padding-right:10px!important
}
.pdr-30{
    padding-right:30px!important
}
.pdr-50{
    padding-right:50px!important
}
.pdl-10{
    padding-left:10px!important
}
.pdl-25{
    padding-left:25px!important
}
.mgt-30{
    margin-top:30px!important
}
.mgt-20{
    margin-top:20px!important
}
.mgt-50{
    margin-top:50px!important
}
.mgt-60{
    margin-top:60px!important
}
.mgt-0{
    margin-top:0!important
}
.mgt-10{
    margin-top:10px!important
}
.mgt-8{
    margin-top:8px!important
}
.mgt-15{
    margin-top:15px!important
}
.mgb-15{
    margin-bottom:15px!important
}
.mgb-0{
    margin-bottom:0!important
}
.mgb-40{
    margin-bottom:40px!important
}
.mgr-10{
    margin-right:10px!important
}
.mgr-30{
    margin-right:30px!important
}
/*index*/
.grid-item {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.grid-wrap *, .grid-wrap :after, .grid-wrap :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-item a {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: 0;
}

.effect-hover {
    margin-bottom: 0;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 30px;
    padding: 0;
    overflow: hidden;
    background: #000;
    text-align: center;
    cursor: pointer;
    height: 244px;
}

    .effect-hover img {
        position: relative;
        display: block;
        max-width: 100%;
        z-index: 1;
        width: 100%;
        height: auto;
        opacity: .95;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1);
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        min-height: 200px;
        height: 100%;
        max-height: 100%;
    }

    .effect-hover figcaption {
        padding: 1em;
        backface-visibility: hidden;
        color: #fff;
        font-size: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

        .effect-hover figcaption::before {
            transition: transform .6s;
            transition: transform .6s,-webkit-transform .6s;
            -webkit-transform: scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
            transform: scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,.5);
            content: '';
            -webkit-transition: -webkit-transform .6s;
            transition: transform .6s;
        }

    .effect-hover h4 {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
        opacity: 0;
        -webkit-transition: opacity .35s,color .35s;
        transition: opacity .35s,color .35s;
    }

    .effect-hover:hover h4 {
        opacity: 1;
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
    }

    .effect-hover p {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 3em;
        padding: 0 12px;
        max-width: 150px;
        border-right: 4px solid #fff;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity .35s,color .35s;
        transition: opacity .35s,color .35s;
        border-right-width: 3px;
        margin: 1.5em;
        max-width: 200px;
        font-size: 18px;
    }

        .effect-hover p.description span {
            display: block;
        }


    .effect-hover h2 span {
        padding: 0 15px;
        background: #fff;
        color: #333;
        transition: all 0.5s;
        text-transform: uppercase;
    }

    .effect-hover:hover h2 span {
        background: unset;
        color: unset;
    }

    .effect-hover:hover p {
        opacity: 1;
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
    }

    .effect-hover:hover img {
        opacity: .5;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    .effect-hover:hover figcaption::before {
        -webkit-transform: scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
        transform: scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    }

    .hot-news{width:100%;}
    .tab-wrapper{
    margin: 15px  auto;display: block;
}
.tab-wrapper ul{
    overflow: hidden;
    margin: 0px auto;
    padding: 0px;
    display: block;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.tab-wrapper ul li{
    float: left;
    list-style: none;
    padding: 8px 15px;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #EBEBEB;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    display: inline-table;
    border-radius: 100px;
}

.tab-wrapper ul li a{
    border: none;
    margin: 0;
    padding: 0px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #333333;
    display: block;
}
.tab-wrapper ul li.active{
}
.tab-wrapper ul li.active,.tab-wrapper ul li:hover{
    background: #ED1C25;
}
.tab-wrapper ul li.active a,.tab-wrapper ul li:hover a{color: #fff;}

.tab-item{
  display: block;
  height: 0;
  overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}
.tab-item.active
{ 
    height:auto;
}
.hot-news .tab-item .col-4{padding-left:10px;padding-right:10px;}
.hot-news .tab-content{
    padding-top: 40px;
    position:relative;
}
.hot-news .tab-content .slick-slider{position:unset;}
.hot-news .tab-content .slick-next{
    top: 5px;
    right: 0px;
}
.hot-news .tab-content .slick-prev{
    top: 5px;
    right: 60px;
    left: unset;
}
.hot-news .tab-content .slick-prev, .hot-news .tab-content .slick-next {
    width: 54px;
    height: 28px;
    transition: all 0.3s;
    display:none!important;
}
.hot-news .tab-content .slick-prev:hover, .hot-news .tab-content .slick-next:hover{
    background:#ED1C25;
}
.hot-news .tab-content .slick-prev:before, .hot-news .tab-content .slick-next:before {
    font-size: 25px;
    font-weight: bold;
    line-height: 12px;
}
.hot-news .tab-content .tab-item.active button{
    display:block!important;
}
/*
    video
*/
.block-video {
    background-image: url(/images/Slide-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.block-video .vides{margin-top:40px;}
.video-col {
    background: #fff;
    box-shadow: 0px 1px 9px rgb(222, 213, 213);
    -webkit-transition: all, 0.5s;
    -khtml-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    margin-bottom: 15px;
}
.video-col figure .video-img {
    display: block;
    width: 100%;
    position:relative;
    background: #000;
}
.video-col figure .video-img img {
    width: 100%;
    opacity: 0.85;
    transition: all 0.3s;
}
 .video-col figure .video-img .ico-play {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    background-image: url(/img/ico-play.png);
    background-size: 100% 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
    opacity: .8;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px!important;
    transition: all 0.3s;
}
 .video-col figure .video-img:hover img{
         opacity: 0.7;

 }
  .video-col figure .video-img:hover .ico-play
  {
      opacity: 1;
       width: 76px;
        height: 76px;
        margin: -38px 0 0 -38px!important;
  }
.video-col figure figcaption .video-name {
text-align: center;
    color: #3B3B3B;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    position: relative;
    padding: 0 8px;
    margin: 0;
    overflow: hidden;
    font-weight: 500;
}
.video .slick-prev, .video .slick-next
{
    top:30%;
    opacity: 0.7;
}
.video .slick-prev:hover, .video .slick-next:hover
{
    opacity: 1;
}
.block-video .heading-fw h2 {
    color:#fff;
    font-size: 32px;
}
.block-video .heading-fw h2:after{content:none;}
.main-heading{
    position: relative;
    font-weight: 700;
    text-shadow: 1px 0 1px #e8e8e8;
    font-size: 30px;
    padding: 20px 0 20px;
    line-height: 34px;
    text-transform: uppercase;
}
.slides {width:100%;line-height: 0;}
.slides .slick-slide{padding:0!important;}
.slides .slick-list{margin:0!important;width: 100%;}
.slides .slick-slide img {
    width: 100%;
    max-width: 100%;
}
.slides button{
    width: 61px !important;
    height: 62px !important;
    background-color: unset!important;
    opacity:0.8;
    background-repeat: no-repeat;
    top: 46%;
}
.slides button:hover{opacity:1;}
.slides .slick-next:before,.slides .slick-prev:before{content:none;}
.slides .slick-next {
    right: 10px;
    background-image: url('/lib/slick/b_right.png');
}
.slides .slick-prev {
    left: 10px;
      background-image: url('/lib/slick/b_left.png');
}
/*end index*/
@media only screen and (max-width:2120px){
    .full-width>div>section.project article.featured{
        width:calc(20% - 30px);
        margin:30px 30px 0 0
    }
    
    section.project article.featured{
        width:calc(33.3% - 30px)
    }
   
    section.browsing article.featured{
        width:calc(50% - 30px);
        margin:30px 30px 0 0;
        float:left;
        display:inline-block;
        background:#fff
    }
}
@media only screen and (max-width:1600px){
    .full-width>div>section.project article.featured .cover{
        height:240px
    }
    .full-width>div>section.project article.featured{
        width:calc(25% - 30px);
        margin:30px 30px 0 0
    }
}
@media only screen and (max-width:1440px){
    .topsearch-bg{
        background:url(../images/home-rever02.jpg) 50% 50% / cover no-repeat
    }
    
    section.project article.featured{
        width:calc(50% - 30px)
    }
  
    .full-width>div>section.project article.featured{
        width:calc(25% - 30px)!important;
        margin:30px 30px 0 0!important
    }
    .full-width>div>section.project article.featured header h4.price-on-project{
        position:initial
    }
    .full-width>div>section .lable-property div{
        float:left;
        margin:5px 0 0;
        display:block;
        clear:both
    }
    .full-width>div>section .h-3d{
        float:left!important
    }
}
@media only screen and (max-width:1280px){
    .full-width>div>section.project article.featured .cover{
        height:188px
    }
   
}
@media only screen and (max-width:1139px){
    .collection-box{
        padding-top:0
    }
    .width1140{
        width:100%;
        padding-left:10px!important;
        padding-right:10px!important;
        margin:0 auto;
        position:relative;
        clear:both
    }
    .project-content{
         width:100%;
        padding-left:10px!important;
        padding-right:10px!important;
    }
    #slider3{
        width:82%;
        margin:0 auto
    }
    #slider4{
        width:82%;
        margin:0 auto
    }
    .fixed-menu-detail{
        padding:0 10px
    }
    .left-filter2>.fix-search-top{
        width:30%
    }
    .bg-white-sell{
        padding:30px 15px
    }
    .background-gray-sell{
        padding:30px 15px
    }
    .founder .info{
        width:60%
    }
    .founder .skill{
        width:30%
    }
    .founder{
        padding:50px
    }
    .top-team h3{
        font-size:35px
    }
    .top-team p{
        font-size:22px
    }
    .time-horizontal{
        right:30px
    }
    .max-width-1140{
        padding-left:15px!important;
        padding-right:15px!important
    }
    .but-nextdetail-news{
        right:5px;
        font-size:40px;
        background:rgba(255,255,255,.66);
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        padding:10px 5px
    }
    .but-predetail-news{
        left:5px;
        font-size:40px;
        background:rgba(255,255,255,.66);
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        padding:10px 5px
    }
    section.project article.featured .cover{
        height:220px
    }
    section.project article.featured:nth-child(2n){
        margin-right:2%
    }
    .full-width>div>.left-list-filter{
        margin-top:0
    }
    .full-width>div>section.project article.featured{
        width:calc(33.3% - 30px)!important;
        margin:30px 30px 0 0!important
    }
}
@media only screen and (max-width:1080px){
   
   
    .search-sidebar{
        width:100%
    }
    .search-sum{
        width:100%
    }
    .fix-btn-map-filter{
        display:block
    }
    .form-refine .price-form input{
        width:100%
    }
    .form-refine .price-form span{
        display:block;
        margin:8px 0 0
    }
    .formElement{
        width:calc(99.9% * 1 / 2 - 8px)
    }
    .info-duan h2,.info-duan h3{
        margin-bottom:8px;
        max-height:65px;
        font-size:26px;
        line-height:33px
    }
    .title-sticky-header{
        display:none
    }
    .width-1600 .menuiconblack{
        display:block;
        top:20px
    }
    .width-1600 .menuicon{
        top:20px;
        left:0
    }
    .width-1600 hgroup{
        padding-left:30px!important
    }
    .width-1600 .menuicon{
        display:block;
        right:35px;
        left:auto
    }
    .width-1600 .right-menu{
        display:none
    }
    .news-box{
        padding:0 15px!important
    }
   
    .left-content{
        max-width: 800px;
        margin-right: 20px;
        margin: 0 auto;
        display: block;
        float: unset;
    }
    .project-content .bgbox{padding: 14px;}
    .right-content{
        width: calc(100% - 800px);
        display: none;
    }
    .slideimg{
        width:60%
    }
    ul.slidemap li a.img{
        height:150px
    }
    ul.slidemap>a{
        padding-top:60px
    }
    ul.slidemap li{
        width:24%
    }
    .icon-presmall-gray{
        top:60px
    }
    .icon-nextsmall-gray{
        top:60px
    }
    #slider3{
        margin:0 auto
    }
    #slider4{
        margin:0 auto
    }
    .agent-info .cover{
        height:218px
    }
    .box-border-top{
        padding:10px 15px;
        border:0
    }
    .bank-form .left-form .list-bank-no{
        width:45%;
        margin:7px!important
    }
    .about-agent{
        padding:40px 15px
    }
    .left-content-agent .cover img{
        width:80%;
        height:80%;
        margin-top:10px
    }
    #carousel{
        width:90%
    }
    section.apartment article.featured{
        width:100%;
        margin-right:0%
    }
    .thumb-duan img{
        margin:0 0 10px 0
    }
    .info-duan{
        float:left;
        width:calc(100% - 600px);
        padding:30px;
        height:400px;
        position:relative
    }
    section.project{
        webkit-justify-content:flex-start;
        -ms-flex-pack:flex-start;
        justify-content:flex-start
    }
    section.project article.featured .cover{
        height:310px
    }
    .padding-0-15{
        padding-left:15px!important;
        padding-right:15px!important
    }

    .project-header .project-name h1.title-project {
       
        text-align: center;
    }
    .project-header .project-name p.address{
        text-align:center;
    }
    .project-meta .breadcrumbs-wraper .breadcrums {
        justify-content: center;
    }
    .project__info{
        margin: 12px auto 5px;
        float: unset;
        text-align: left;
        display: block!important;
        width: 400px;
    }
    .project__info .col-info{max-width:100%;}
    .project__info .col-info span span{
        width: 80px;
        display: inline-block;
    }
    .project__info .col-info:before{display:none;}
}
@media only screen and (max-width:979px){
    .selisting-title h1{
        font-size:30px;
        line-height:35px;
        padding-bottom:20px
    }
    .selisting-title{
        padding:40px 0
    }
    .selisting-main{
        width:calc(100% * 3 / 5 - 30px)
    }
    .selisting-sidebar{
        width:calc(100% * 2 / 5 + 10px)
    }
    .max-width-946{
        padding-left:15px;
        padding-right:15px
    }
    .smarter-from{
        padding:70px 0 0
    }
    .position-left{
        left:190px!important
    }
   
   
    .search-map{
        width:calc(100% - 360px)
    }
    .right-list-filter{
        clear:both;
        float:left;
        width:100%;
        margin-top:15px
    }
    .left-list-filter ul li.list-filter{
        width:100%
    }
    .search-filter{
        float:left
    }
    #slider3{
        width:85%;
        margin:0 auto
    }
    #slider4{
        width:85%;
        margin:0 auto
    }
    ul.slidemap li a.img{
        height:170px
    }
    .left-content{
        /*width:69%;*/
        width: 100%;
    }
    .right-content{
       /* width:28%;*/
        display:none;
    }
    .left-list-filter ul li.list-filter a{
        width:100%
    }
    .left-filter2>.fix-search-top{
        display:none
    }
    .founder .info{
        float:right;
        margin-right:0;
        width:60%!important
    }
    .founder .avatar{
        width:30%
    }
    .box-name-neighborhood{
        width:90%
    }
    .thumb-duan{
        float:left;
        width:400px;
        height:320px;
        min-height:0;
        overflow:hidden
    }
    .info-duan{
        float:left;
        width:calc(100% - 400px);
        padding:16px 32px;
        height:260px
    }
    .info-duan h2,.info-duan h3{
        margin-bottom:10px
    }
    .info-duan .content{
        height:140px
    }
    .info-duan .more{
        display:none
    }
    .left-content-news{
        width:100%
    }
    .right-content-news{
        display:block;
        width:100%
    }
    .right-content-news .popular-post article.featured .cover{
        width:135px
    }
    .right-content-news .popular-post article.featured .cover img{
        width:100%
    }
    .right-content-news .popular-post article.featured header{
        width:calc(100% - 155px)
    }
    .right-content-news .popular-post article.featured header a{
        font-size:22px;
        line-height:26px
    }
    .title-comment-module-reporter{
        flex-direction:column;
        -webkit-flex-direction:column;
        width:220px
    }
    .title-comment-module-reporter>div{
        width:100%;
        justify-content:center
    }
    .title-comment-module-reporter div{
        flex-grow:0;
        -webkit-flex-grow:0
    }
    .module{
        width:25%
    }
    .container-fluid{
        width:100%
    }
    .left-list-filter{
        padding-right:30px
    }
    .bgw-wp .klc li{
        width:48%
    }
    section.project article.featured .cover{
        height:200px
    }
    .full-width>div>div>.left-list-filter{
        margin-top:0
    }
    .detail-building li{
        width:calc(50% - 20px)
    }
    .detail-building li:nth-child(3n+3){
        margin:20px 20px 0 0
    }
}

.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('/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('/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
}
.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
}

.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
}
.allproject-list .info-duan .btn-more{
    padding: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
}

.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)
}


.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: 17px;
    font-weight: 500;
    color: #fff;
    padding: 0;
    line-height: 20px;
    height: 22px;
    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:5px;
    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:15px;
    line-height:1.29;
    margin-top:6px;
}
.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:#e41b1c;
}*/
.featured .overlay .sale-price span.txtprice-updated strong{
    color:#fff;
    font-style:italic;
}
.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
}
.relative-news{
    width:100%;
    overflow:auto;
    display:flex;
    flex-wrap:wrap
}
.relative-news .relative-news-left{
    float:left;
    width:48%;
    margin-right:4%
}
.relative-news .relative-news-left .featured header{
    padding:20px 0 0;
    height:auto;
    overflow:hidden
}
.relative-news .relative-news-left .featured a .cover{
    position:relative;
    height:310px
}
.relative-news .relative-news-left .featured a .cover img{
    height:100%;
    width:100%;
    object-fit:cover
}
.relative-news .relative-news-left .featured a .date{
    position:absolute;
    font-size:14px;
    bottom:30px;
    left:0;
    background-color:rgba(0,0,0,.5);
    color:#fff;
    padding:5px 20px;
    line-height:14px
}
.relative-news .relative-news-left .featured header .sumary{
    padding-top:10px;
    max-height:56px;
    display:block;
    font-size:14px;
    line-height:22px;
    color:#8e9399
}
.relative-news .relative-news-left .featured .time{
    display:none
}
.relative-news .relative-news-right{
    float:left;
    width:48%
}
.relative-news .relative-news-right .featured{
    padding:20px 0;
    border-bottom:1px dotted #ccc;
    overflow:hidden
}
.relative-news .relative-news-right .featured:first-child{
    padding-top:0
}
.relative-news .featured .time{
    float:left;
    width:10%;
    margin-right:2%;
    position:relative;
    font-size:22px;
    line-height:22px;
    color:#464646;
    text-align:center
}
.relative-news .featured .time .date{
    padding:10px 0 6px;
    max-width:45px;
    margin-bottom:1px
}
.relative-news .featured .time .bg-e1{
    background:#e1e1e1;
    border-top-right-radius:5px;
    border-top-left-radius:5px
}
.relative-news .featured .time .bg-eb{
    background:#ebebeb;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px
}
.relative-news .featured header .title{
    font-size:18px;
    line-height:26px;
    font-weight:500;
    max-height:50px;
    overflow:hidden;
    font-family:Tiempos,Verdana,Geneva,sans-serif
}
.relative-news .relative-news-right .featured header .sumary{
    padding-top:10px;
    font-size:14px;
    max-height:50px;
    overflow:hidden;
    color:#8e9399
}
.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-family:Tiempos,Verdana,Geneva,sans-serif;
    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;
    background-color:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.9));
    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;
    /*border-bottom:1px solid rgba(48,51,58,.2)*/
}
.main-content .view-more-gray.more{
    display:none
}
.CTA-block{
    width:100%;
    padding-top:40px;
    overflow:hidden;
    display:table
}
.CTA-img{
    width:52%;
    display:table-cell;
    padding-right:30px;
    vertical-align:middle
}
#CTA-img-right{
    padding-right:0;
    padding-left:4%
}
.CTA-info{
    width:48%;
    display:table-cell;
    font-size:16px;
    line-height:26px;
    text-align:left;
    vertical-align:middle
}
.CTA-info .cta-title{
    font-family:Tiempos,Verdana,Geneva,sans-serif;
    font-size:24px;
    font-weight:500;
    margin-top:0;
    line-height:30px;
    padding-bottom:20px
}
.CTA-info .cta-content li{
    list-style-type:initial;
    margin-left:20px
}
.CTA-info .red-bnt{
    font-size:16px!important;
    max-width:190px;
    padding:8px 0 6px!important
}
.CTA-info .cta-action{
    display:block;
    overflow:hidden;
    padding:25px 0 20px
}
.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:'Tiempos',Arial,Helvetica,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:'Tiempos',Verdana,Geneva,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
}
.career-form input[type="file"]::-webkit-file-upload-button,.career-form input::-webkit-file-upload-button{
    visibility:hidden
}
.career-form input[type="file"]:before{
    content:attr(value);
    line-height:1
}
.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
}
.sub-career{
    font-size:16px;
    line-height:24px;
    max-width:46%;
    margin:0 auto;
    font-weight:400;
    text-align:center
}
.career-form{
    text-align:left;
    font-size:16px;
    line-height:24px;
    font-weight:600;
    max-width:50%;
    margin:0 auto;
    padding-top:40px
}
.career-form input[type="text"],.career-form input[type="email"],.career-form input[type="tel"]{
    font-size:16px;
    line-height:24px;
    padding:8px;
    display:block;
    border:none;
    border:1px solid #999;
    width:100%;
    margin:10px 0 20px
}
.career-form .hs_upload_cv input[type="file"]{
    display:none;
    font-size:16px;
    width:150px;
    height:40px;
    margin:0 auto;
    background:#dadada;
    padding:10px 0;
    clear:both;
    cursor:pointer;
    box-sizing:border-box;
    transform-origin:50% 50% 0
}
.career-form .hs_upload_cv .hs-field-desc{
    font-size:16px;
    min-width:150px;
    height:40px;
    background:#dadada;
    padding:10px 20px;
    font-weight:400;
    clear:both;
    cursor:pointer;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    transform-origin:50% 50% 0;
    -webkit-appearance:initial
}
.career-form .hs_upload_cv .hs-field-desc:hover{
    color:#c52728
}
.career-form .hs-button{
    display:block;
    width:100%;
    margin:0 auto;
    background:#303339;
    color:#fff;
    padding:10px 0 6px 0;
    clear:both;
    font-weight:500;
    text-align:center;
    border:none;
    font-size:16px;
    -webkit-transition:height 2s
}
.career-form .hs-button:hover{
    background:#c72528;
    color:#fff
}
.career-form .hs-form-field:nth-child(5){
    padding-bottom:20px
}
.post-news-form{
    border-top:1px solid #000;
    font-size:16px;
    text-align:left;
    line-height:20px;
    padding-bottom:70px;
    overflow:hidden
}
.post-news-form .hs-form-field{
    width:100%;
    display:block;
    padding-bottom:25px;
    border-bottom:1px solid #dedede;
    height:60px;
    line-height:60px;
    overflow:hidden
}
.post-news-form .hs-form-field label{
    width:23%;
    float:left;
    display:block;
    overflow:hidden
}
.post-news-form .hs-form-field .input{
    width:77%;
    float:left;
    display:block;
    overflow:hidden
}
.post-news-form input[type="text"],.post-news-form input[type="tel"],.post-news-form input[type="email"],.post-news-form input[type="number"]{
    width:100%;
    font-weight:400;
    color:#999;
    font-size:16px;
    border:none;
    line-height:56px
}
.post-news-form input[type="text"]:focus,.post-news-form input[type="tel"]:focus,.post-news-form input[type="email"]:focus,.post-news-form input[type="number"]:focus{
    border:none!important
}
.post-news-form select.hs-input{
    width:100%;
    font-weight:400;
    font-size:16px;
    border:none;
    line-height:60px;
    background-color:#fff
}
.post-news-form .hs_submit{
    padding-top:20px
}
.post-news-form .hs-form-checkbox span{
    padding-left:10px
}
.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
}
.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
}
.fone-b:before{
    content:'\f2be';
    font-size:1em
}
.fone-b{
    vertical-align:middle
}
.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:Tiempos,Verdana,Geneva,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;
    padding-top:-1px;
    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,.post-news-form .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,.post-news-form .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
}
div.title-career-line>p{
    font-size:16px;
    line-height:24px;
    max-width:46%;
    margin:0 auto;
    font-weight:400
}
.form-career-detail{
    text-align:left;
    font-size:16px;
    line-height:24px;
    font-weight:600;
    max-width:50%;
    margin:0 auto;
    padding-top:40px
}
.form-career-content{
    font-size:16px;
    line-height:24px;
    padding:8px;
    display:block;
    border:none;
    border-bottom:1px solid #999;
    width:100%
}
ul.form-career-detail li:last-child{
    display:inline-block!important
}
.btn-browse{
    font-size:16px;
    width:150px;
    margin:0 auto;
    background:#dadada;
    padding:15px 30px;
    clear:both;
    text-align:center
}
ul.form-career-detail li span.btn{
    margin-left:30px
}
.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
}
.container{
    position:relative;
    max-width:1176px;
    margin:0 auto;
    padding: 0 18px;
}
.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
}
.popup-ward{
    right:-40px;
    text-align:left
}
ul li.list-filter:hover .popup-ward-visible{
    display:block
}
.ward-down-icon{
    right:-20px;
    top:0
}
.popup-ward-visible{
    display:none
}
ul li.list-filter a.ward{
    padding:0!important
}
.btn-send{
    float:left;
    margin:0 auto;
    padding-top:30px
}
.post-news{
    padding-top:50px
}
.post-news-left{
    float:left;
    width:75%;
    padding-right:30px
}
.post-news-left h2{
    font-size:18px;
    font-weight:600;
    line-height:20px;
    padding-bottom:20px
}
.checkbox_customize{
    display:inline-block;
    position:relative
}
.post-news-right{
    float:left;
    background-color:#f4f5f9;
    width:25%;
    padding-bottom:30px;
    font-family:'Tiempos',Verdana,Geneva,sans-serif
}
.post-news-right div.list{
    width:100%;
    height:125px;
    overflow:hidden
}
.post-news-right header>h4{
    text-align:center;
    font-size:22px;
    line-height:24px;
    font-weight:400;
    padding:30px 0 40px
}
.post-news-right div div.list-number{
    width:33%;
    float:left;
    text-align:center;
    padding-left:20px
}
.post-news-right div div.list-number div{
    width:55px;
    height:55px;
    background:#000;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    color:#fff;
    font-size:30px;
    text-align:center;
    padding-top:18px
}
.post-news-right div div.list-step{
    float:left;
    width:67%
}
.post-news-right div div.list-step ul li{
    padding-right:40px
}
.post-news-right div div.list-step ul li:first-child{
    font-size:18px;
    line-height:24px;
    padding-bottom:10px
}
.post-news-right div div.list-step ul li+li{
    font-size:14px;
    line-height:18px;
    color:#9f9fa0;
    font-family:'Roboto',Arial,Helvetica,sans-serif;
    padding-right:40px
}
.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
}
.title_duan{
    font-family:'Tiempos',Verdana,Geneva,sans-serif;
    font-size:30px!important;
    color:#303339;
    display:block;
    font-weight:400;
    padding:60px 0 40px 0;
    text-align:center;
    line-height:36px!important
}
.khudancu{
    padding:0 0 30px 0
}
.khudancu-right{
    display:table-cell;
    vertical-align:middle;
    width:48%;
    font-size:16px;
    line-height:22px;
    text-align:justify
}
.khudancu-right ul{
    padding:20px 0
}
.khudancu-right ul li{
    display:inline-block
}
.khudancu-left{
    display:table-cell;
    vertical-align:middle;
    width:52%;
    padding:0 4% 0 0
}
.khudancu-img img{
    width:100%;
    height:250px
}
.khudancu-right .title{
    font-size:20px;
    font-weight:400;
    font-family:'Tiempos',Verdana,Geneva,sans-serif;
    padding-bottom:20px
}
.khudancu-right .content{
    padding-bottom:20px
}
.khudancu-right .black-button{
    float:left;
    max-width:160px
}
.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:'Roboto',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:'Tiempos',Arial,Helvetica,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
}
.news-left{
    float:left;
    width:50%;
    color:#fff;
    padding:60px 0 60px 10px;
    font-family:'Roboto',Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:34px
}
.news-right{
    float:left;
    width:50%;
    color:#fff;
    padding:60px 0 60px 20px
}
section.news-bg div.width1140 header{
    font-family:'Tiempos',Arial,Helvetica,sans-serif;
    font-size:30px;
    line-height:24px;
    padding-bottom:45px
}
section.news-bg div.width1140 div.news-left ul li{
    border-bottom:.5px solid #646466
}
section.news-bg div.width1140 div.news-left p a{
    display:block;
    width:100px;
    color:#fff;
    padding:40px 0;
    text-decoration:underline;
    line-height:10px;
    font-size:20px
}
section.news-bg div.width1140 div.news-left p a:hover{
    opacity:.5
}
section.news-bg div.width1140 div.news-right div.bg{
    width:100%;
    height:260px;
    border-radius:10px;
    background:#edf3f6;
    padding:30px;
    display:block;
    overflow:hidden
}
section.news-bg div.width1140 div.news-right div.bg div.img{
    float:left;
    width:35%;
    text-align:right;
    padding-right:20px
}
section.news-bg div.width1140 div.news-right div.bg div.img img{
    width:170px
}
section.news-bg div.width1140 div.news-right div.bg div.text{
    float:left;
    width:65%;
    padding:0 0 0 20px;
    font-size:16px;
    line-height:30px;
    color:#000
}
.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
}
.title-career{
    font-family:Tiempos,Verdana,Geneva,sans-serif;
    text-align:center;
    font-size:33px;
    padding:60px 0 30px 0;
    line-height:40px
}
.title-career-line{
    width:100%;
    text-align:center
}
.title-career-line div.line{
    width:13%;
    border-top:1px solid #000;
    margin:0 auto;
    padding-bottom:30px
}
.why-detail{
    padding-bottom:30px
}
.our-dep-content{
    width:100%;
    overflow:hidden;
    padding-top:0
}

.ben-content{
    width:100%;
    overflow:hidden;
    padding-top:20px
}
div.width1140 div.owner-img div.right .title{
    font-size:20px;
    font-weight:400;
    font-family:'Tiempos',Verdana,Geneva,sans-serif;
    padding-bottom:20px
}
.project-header{
    width:100%;
    padding:0;
    overflow:hidden;
    display:block;
    background: #fff;
}
.project-header-inner{
    background: #134d72;
    /*background-image: linear-gradient(134deg, #fff 0%, #fff 44%, #fafafa 100%);*/
}
.project-header .project-bg{
    width:100%;
    max-width:100%;
    opacity:0.94;
    display: block;
}
.project-header .project-bg{opacity:1;}
.project-header-inner .width1140{
        padding-bottom: 0;
}

.project-header .project-name{
    width:100%;
    padding: 12px 0 0 0;
    overflow:hidden;
    display:block;
    font-size:18px
}
.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 p.address {
    font-size: 15px;
    color: #d9d9d9;
    font-weight: 500;
    padding-bottom: 4px;
    line-height: 18px;
}
.project-header .address .title-project{
    font-size:30px;
    font-weight:400;
    line-height:40px;
    width:100%;
    color:#303339
}
.project-header .project-name  h1.title-project{
    padding-bottom: 10px;
    font-size: 28px;
    line-height: 30px;
    color: #fafafa;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.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,.product-meta .meta-items{
    font-size:14px;
    width: 100%;
    float:left;
    margin: 12px 0 18px;
    background: #f0f0f0;
    padding: 4px 10px 2px;
    border-radius: 2px;
}
.project-meta .meta-items
{    margin: 12px 0 5px;}
.meta-item{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:calc(100% * 1/6 - 10px);
    line-height:22px;
    float:left;
}
.meta-item{
    margin-bottom: 5px;
    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: 20px;
    font-style: italic;
}
.meta-item:nth-child(6) {
    margin-right: 0;
}
 .meta-item:nth-child(1) {
    width: calc(100% * 1/6);
}
.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;
}
#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:'Roboto',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
}
section.news-bg div.width1140 div.news-left p a{
    font-size:16px;
    font-weight:500
}
.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
}
.career-img ul li{
    float:left;
    overflow:hidden;
    width:25%;
    padding:0 4px 0
}
.career-img ul li a img{
    width:100%
}
.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:'Tiempos',Arial,Helvetica,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
}
li.whr-item{
    padding:20px 0;
    line-height:22px;
    font-size:16px;
    color:#222;
    border-bottom:1px solid #dedede;
    position:relative
}
li.whr-item:after{
    display:table;
    width:100%;
    clear:both;
    content:''
}
.whr-title{
    float:left;
    width:40%;
    line-height:22px;
    margin-bottom:0
}
.whr-title a{
    color:#333;
    font-weight:500;
    font-size:16px
}
.whr-title a:hover{
    color:#c72528
}
li.whr-item .whr-info{
    float:left;
    width:60%;
    padding-left:30px;
    line-height:22px;
    padding:8px 30px 5px 0
}
li.whr-item .whr-info li{
    float:left;
    width:50%;
    text-align:right
}
li.whr-item .whr-info li span{
    display:none
}
li.whr-item .whr-info li.whr-date{
    display:none
}

.cta-hotline{
    display:block;
    background:#fd9326;
    border-radius:2px;
    width:100%;
    height:40px;
    line-height:40px;
    color:#fff;
    font-weight:500;
}
.cta-hotline:focus,.cta-hotline:hover{
    color:#fff!important;
    /*background:#da6a05;*/
    opacity:0.9;
}
.cta-form{
    display: block;
    background: #fff;
    color: #da6a05;
    border-radius: 2px;
    width: 100%;
    height: 40px;
    border: 1px solid #da6a05;
    line-height: 40px;
    font-weight: 700;
}
.cta-form:hover,.cta-form:focus{
    color: #30333a;
}

#carousel1 .flex-active-slide{
    border:2px solid #f90808;
    box-sizing:border-box;
    overflow:hidden;
    height:61px
}


/*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;
    width:100%;
}
#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;
}
.contact-form-body .send-message{text-align:center;}
.send-success {
    padding: 12px 10px;
    color: #fff;
    text-align: center;
    max-width: 120px;
    margin: 0 auto;
}
.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: 15px 0;
    font-size: 24px;
    position: relative;
    line-height: 30px;
    width: 100%;
    text-align: left; 
    color: unset; 
}
.style2 .title-project
{
    font-size: 26px;
    margin-bottom: 10px;
    line-height: 30px;
}
.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: inline-block;}
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{
    background-color: #ffffff;
    border-top: 5px solid #b81a00;
    border-bottom: 8px solid #b81a00;
    border-radius: 7px;
    }
.box-intro h3{
    margin-bottom: 10px;
    text-transform: uppercase;
    background: #b81a00;
    color: #fff;
    padding: 2px 15px;
}
.box-intro .intro-body
{
    padding: 12px 15px;
}
.box-intro .intro-line span{
    color: #474747;
    display: block;
    line-height: 12px;
}
.box-intro .intro-line p{
    color:#f47925;
    font-weight:bold;
    font-size:20px;
}
     .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: 13px;
    line-height: 22px;
    color: #666;
}
 .hoptac-box a{font-size: 15px;
    color: #d90909;}
  .hoptac-box a:hover{text-decoration:underline;}
    .relate-projects{padding-bottom: 25px;}
.relate-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;
}
.relate-projects ul
{
    margin-right:-10px;
    margin-left: -10px;    list-style: none;
}
.relate-projects ul::after
{
    content:'';
    display:inline-block;
    clear:both;
}
.relate-projects ul li{
    width: 32.5%;
    float: left;
    padding-right: 1%;
    padding-left: 0;
    padding-top: 4px;
    transition: all 400ms;
    margin-bottom: 10px;
}
.relate-projects ul li:last-child{padding-right: 0;}
.relate-projects ul li .featured
{
    position: relative;
}
.relate-projects ul li .featured .cover img{
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: optimize-contrast;
    image-rendering: -webkit-optimize-contrast;
    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{
        padding-top: 0px;
}
.relate-projects ul li .featured .overlay .heading a{
    font-weight: bold;
}
.project-sidebar {
    /*float: right;
    width: calc(100% - 815px);
    background: #fff;
    margin-top: 30px;*/
    border-radius: 5px;
}
.project-sidebar .heading{
    font-size: 22px;
    background: #b81a00;
    font-weight: 600;
    padding: 15px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    /* margin: -15px -15px 15px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    overflow: hidden;
    margin: 0 -1px 10px;
    height: auto;
    line-height: 20px;
}
.project-sidebar .list-body{
    margin-bottom: 30px;    padding: 10px;
}.project-sidebar .list-body .list-item{
        padding-top: 30px;
    display: block;
    width: 100%;
    overflow: hidden;
}
 .project-sidebar .list-body .list-item:nth-child(1){
         padding-top: 0;
}
 .project-sidebar .list-body .custom-rec-image {
    width: 30%;
    margin-right: 5%;
    display: block;
    float: left;
}
 .project-sidebar .list-body .custom-rec-image a {
    width: 100%;
    height: auto;
    max-height: 95px;
    display: block;
    overflow: hidden;
}
 .project-sidebar .list-body .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;
}
 .project-sidebar .list-body .custom-rec-content {
    display: block;
    width: 65%;
    float: left;
    overflow: hidden;
}
 .project-sidebar .list-body .custom-rec-content a {
    /*display: block;*/
    width: 100%;
    height: auto;
    max-height: 58px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    line-height: 18px;
    font-family: Lora, Arial, sans-serif;
}
 .project-sidebar .list-body .post-meta {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 10px;
}
.product-name h4.address {font-weight:normal;}
.project-hot .listingItem .info-container .listing-name{
        text-transform: uppercase;
}
 @media screen and (min-width:1920px){
    .project-slider,.listing-img{
        height:420px
    }
}
@media only screen and (max-width:1080px){
    .project-meta{
        width:100%;
        padding-top: 5px!important;
    }
    .popup-lch-img{
        width:60%
    }
    .popup-lch .popup-header,.popup-lch-detail,.popup-lch .bg-e1e2e6{
        width:40%
    }
    .all-img-inner{
        padding:0 15px
    }
    .popup-sketup .image-sketch{
        width:65%
    }
    .info-sticky-header{
        overflow:hidden;
        border-left:0;
        padding-left:0;
        white-space:nowrap
    }
    .container{
        padding:0 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.news-bg div.width1140 div.news-right div.bg{
        height:490px
    }
    section.news-bg div.width1140 div.news-right div.bg div.img{
        width:100%;
        text-align:center
    }
    section.news-bg div.width1140 div.news-right div.bg div.text{
        width:100%;
        padding:0 0 0 60px
    }
    section div section article.lch-content-detail a img{
        width:460px!important;
        height:350px!important
    }
}
@media only screen and (max-width:979px){
    .relative-news .relative-news-right .featured header .sumary{
        display:none
    }
    
    .post-news-right div div.list-step ul li+li{
        padding:10px 10px
    }
    .post-news-right div div.list-step ul li:first-child{
        padding:10px 0
    }
    .post-news-right div div.list-step{
        width:100%;
        text-align:center
    }
    .post-news-right div div.list-number div{
        margin:0 auto
    }
    .post-news-right div div.list-number{
        width:100%;
        padding:0
    }
    .post-news-right div.list{
        height:160px
    }
    section div header div div ul.detail-info-col li{
        display:inline-block
    }
  
    section.graybg section.lch-content article.lch-content-detail img{
        width:406px!important;
        height:70%!important
    }
    section.news-bg div.width1140 div.news-left header{
        line-height:40px
    }
    section.news-bg div.width1140 div.news-right div.bg div.text{
        padding:0
    }
    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
    }
    .khudancu-left{
        width:100%;
        padding:0
    }
    .khudancu-right{
        width:100%
    }
    .khudancu-img{
        width:100%
    }
    .btn-quyhoach{
        width:38%
    }
    .khudancu-right{
        padding-top:20px
    }
}
@media only screen and (max-width:800px){
    .video .slick-prev, .video .slick-next {display:none!important;}
    .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 .relative-news-right .featured .time{
        font-size:16px
    }
    .relative-news .featured .time .date,.relative-news .featured .time .month{
        padding:5px 0 0
    }
    .listpro-content{
        padding:15px 15px 30px
    }
    .allproject-list{
        margin:0 auto 15px
    }
    .list-prop .article div.title{
        padding-left:10px
    }
    .sub-career{
        max-width:90%
    }
    .career-form{
        max-width:80%;
        padding:40px 0
    }
    .popup-sketup{
        max-height:none;
        overflow:auto
    }
    .popup-sketup .image-sketch{
        height:auto;
        max-width:none
    }
    .slides-sketch li{
        height:auto
    }
    .popup-sketup .image-sketch img{
        top:auto;
        left:auto;
        transform:none;
        height:auto;
        position:static
    }
    .popup-lch-detail{
        width:100%
    }
    .bg-e1e2e6{
        width:100%!important
    }
    .popup-sketup .image-sketch{
        width:100%
    }
    .property{
        position:fixed;
        right:0;
        left:0;
        visibility:visible;
        opacity:1;
        bottom:-60px;
        top:auto
    }
    div.title-career-line>p{
        max-width:80%
    }
    .form-career-detail{
        max-width:80%;
        padding-bottom:30px
    }
    
    .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%
    }
    .post-news-right div.list{
        float:left;
        width:50%
    }
    .post-news-right{
        width:100%;
        overflow:hidden;
        padding:0
    }
    .post-news-left{
        width:100%;
        padding:0 0 20px
    }
    .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
    }
    .news-left{
        width:50%;
        padding-bottom:0
    }
    .news-right{
        width:50%;
        padding:60px 30px 60px 30px
    }
    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
    }
    .khudancu-left{
        width:100%;
        display:block
    }
    .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%
    }
    
    .CTA-img{
        display:none
    }
    .CTA-info{
        width:100%
    }
    .left-content{
        margin-right: 0;width:100%;
    }
    .right-content{display:none;}
    .project-content {
        padding-left: 5px!important;
        padding-right: 5px!important;
    }.project-content .bgbox {
    padding: 10px;
}
}
@media (min-width:768px){
    .btn-facebook:hover{
        color:#fff;
        background:rgba(60,88,156,.86)
    }
  
}

@media only screen and (max-width:768px){
    .left-content,.post-body-wrapper .post-body{font-size:16px!important;}
    /*.project-meta .meta-items{display:none;}*/
      .home-line{height: 250px;}
    .home-product .col-8{width:100%;}
    .home-product .col-4{display:none!important;}
    .introduce-company .col-6{width:100%;}
    .introduce-company .row--2 .col-icon {width:100%;margin-bottom: 10px;height:unset!important}
    .introduce-company .row--2 .icon{
        margin: 0 auto;
        display: block;
        width:85px;
        height:85px;
    }
    .introduce-company .row--2 h3{font-size:18px;}
    .introduce-company .row--2 .col-text{text-align:center;}
    .block-news .col-3, .block-listing .col-3
    {width:50%;}
    .block-news .col-3:nth-child(3) {
        clear: both;
    }
    .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
    }
    .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
    }
    .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;overflow: hidden;}
    .row-listing .rowItem .rinfo .rcontent {min-height:unset;}
    /*.row-listing .rowItem .rinfo .rdescription,*/
    .row-listing .rowItem .rfooter .date{display:none;}
    .row-listing .rowItem .rinfo .raddress{
        line-height: 15px;padding-top:0;
        vertical-align: bottom;
        display: table-cell;
        height: 29px;
    }
    .row-listing .rowItem .rfooter {padding: 4px 0 0;}
    .row-listing .rowItem .rfooter .area{padding-right:4px;text-align:right;}
    .heading-left h2, .heading-left .heading-desc{text-align:center;}
    .heading-left h2:after,.heading-left h2:before{right:0;}
    .block-news .item .info-container .title a {font-size:17px;}
    .block-news .info-container .article-meta {font-size:17px;line-height:20px;}
    .block-news .title {height:unset!important;}
    .listingItem .info-container .listing-name {
        font-size: 17px;
            line-height: 1.7;
    }
    .listingItem .info-container .listing-address h4 a {
        /*color: #444;*/
        line-height: 19px;
        display: block;
    }
    .listingItem .info-container .listing-address {
        margin-top: 4px;
    }
    .listingItem .info-container .listing-info .txtprice {font-size:17px;}
    .product-page .col-4{display:none;}
    .product-page .col-8{width:100%}
    .owl-carousel .owl-nav{
        display:block
    }
    .owl-theme .owl-nav [class*="owl-"]{
        opacity:.8
    }
      .main-heading{
        font-size: 26px;
        line-height: 28px;
    }
    .video-col figure figcaption .video-name {
            font-size: 16px;
            line-height: 46px;
            height: 46px;
            padding: 0 4px;
        }
    .hot-news .tab-content .slick-prev{top: 5px;right: unset;left: 0;}
    .project-hot .col-4{width:50%;}
    .project-hot .col-4:nth-child(3){display:none;}
    .relate-projects ul li{width:50%!important;}.relate-projects ul li:last-child{display:none;}
    .darates{position:relative!important;float: none!important;text-align:center!important;margin-top:10px;}
    .project-content {padding-left:0!important;padding-right:0!important;}
    .project-content .bgbox{padding:10px;}
   
    .heading-fw h2, .heading-left h2 {
        font-size: 28px;
    }
     .project-header-inner .project-meta{
        width:100%;
        padding-right: 0;
        border: 0;
    }
    .project-meta-right{
        margin: 0 auto;
        display: block;
        padding: 0;
        text-align: center!important;
        width: 100%!important;
    }
    .project-meta-right .txtprice{font-size:22px;}
    .imageScroller li:first-child {
        width: 100%!important;
    }
    .imageScroller ul {
        overflow: unset!important;
    }
    .imageScroller img {
        height: 100%!important;
        max-height: 140px;
    }
    .imageScroller li:first-child img
    {
        max-height: 420px!important;
    }
    .meta-tools .meta-tools-right {
        float: left;
    }
    .meta-item .item-left{font-size:0.85em;}
    .meta-item .item-right{font-size:13px;}
   section.project-header div div.project-name h1.title-project{font-size:24px;padding-bottom: 8px;}
   .project-header .project-name h4.address 
   { 
       font-size: 14px;

   }
   .bgbox-content blockquote,.post-body blockquote {
        padding: 40px 25px 15px;
    }
    .bgbox-content blockquote:before,.post-body blockquote:before {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        font-size: 20px;
        line-height: 82px;
    }
    .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
    }
    .post-news-form .hs-form-field label{
        width:30%
    }
    .post-news-form .hs-form-field .input{
        width:70%
    }
    .max-w70{
        max-width:100%!important
    }
    .ward-down-icon{
        left:130px
    }
    .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
    }
    .breadcrums .breadcrumbs-item:nth-child(4),.breadcrums .breadcrumbs-item:nth-child(5){display:none;}
    label.status-open{right: -15px!important;}
}
@media only screen and (max-width:640px) {

    .tab-wrapper ul li a {
        font-size: 13.5px;
    }
    .tab-wrapper ul li {
            padding: 7px 11px;
    margin-right: 12px;
    }
    .tab-wrapper ul {margin-left:12px;}
    .row-listing .rowItem {height:140px;}
   .row-listing .rowItem .rinfo .rdescription{display:none;}
   .row-listing .rowItem .rinfo .rcontent{min-height:70px;}
    .block-space .col-8{
        width:100%
    }
    .block-project>div .projectCard,.block-project>div .listingItem{
        width:100%;
        margin-bottom:40px;
        max-width:unset;
    }
    /*.block-project>div .projectCard:nth-child(n+4),.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
    }
    .block-project>div .more,.block-partner .more, .more{
        font-size:14px;
        width:100%;
        height:40px;
        line-height:40px;
        border-radius:2px;
        text-align:center;
        margin-top: 15px;
        transition:all 0.4s;
    }
    a.more span{border:none;transition:all 0.4s;}
    .more:hover span{color: #de750a!important;}
    .block-project>div .more .zmdi,.block-partner .more .zmdi,.block-news .more .zmdi{
        display:none
    }
    /**/
    .block-news .detail-block > .col-6
    {
        width:100%;
    }
     .hot-news .tab-item {
        margin-left: -5px;
        margin-right: -5px;
    }
    .hot-news .tab-item .col-4{width:50%;    padding-left: 5px;
    padding-right: 5px;}
    .hot-news .tab-item .col-4:nth-child(3){display:none;}
    .listingItem .info-container{padding:15px 10px;}
}
@media only screen and (max-width:600px){
    
    .project-hot .col-4{width:100%;}
    .project-hot .col-4:nth-child(3){display:block;}
    .project-hot .effect-hover{height:344px}
    .slides .slick-slide img{height:250px;}
    .slides button{background-size:80%;width: 40px !important; height: 40px !important;}
    .home-line{height: 200px;}
    .project-house .img{
        vertical-align:top
    }
    .heading-fw h2, .heading-left h2 {
        font-size: 26px;
    }
    .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 .relative-news-left{
        display:block;
        width:100%;
        margin:0
    }
    .relative-news .relative-news-right{
        width:100%;
        margin-right:0
    }
    .relative-news .relative-news-right .featured:first-child{
        padding-top:20px;
        border-top:1px dotted #ccc
    }
    .relative-news .featured .time{
        font-size:16px;
        margin-right:5%
    }
    .CTA-block{
        padding-top:30px
    }
    .CTA-img{
        width:100%;
        padding:0 0 20px
    }
    .CTA-img .img{
        padding:0
    }
    #CTA-img-right{
        padding:20px 0 0
    }
    .CTA-info{
        width:100%
    }
    .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
    }
    .contact-form .hs-form,.sub-career,.career-form{
        max-width:100%
    }
    div.title-career-line>p{
        max-width:100%
    }
    .form-career-detail{
        max-width:100%
    }
    .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%
    }
    .hsg-cta-gallery .hsg-cta-gallery__column{
        width:100%!important
    }
    .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
    }
    .title_duan{
        padding:30px 0 20px!important;
        font-size:26px!important
    }
    .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
    }
    .news-left{
        width:100%;
        padding-bottom:0
    }
    .news-right{
        width:100%;
        padding:0 10px 30px 10px
    }
    section.news-bg div.width1140 div.news-right div.bg{
        height:100%;
        padding:10px 10px 30px 10px
    }
    section.project-header div.project-name div.share ul li.share{
        width:90%
    }
}
@media only screen and (max-width:480px){
    .project-hot .effect-hover{height:280px}
    .project-news ul li div p.description{display:none;}
    .relate-projects ul li{width:100%!important;}.relate-projects ul li:last-child{display:block;}
    .relate-projects ul li .featured .cover{height: 260px;}
    .block-news .col-3, .block-listing .col-3 {
        width: 100%;
    }
    .heading-fw h2, .heading-left h2 {
        font-size: 22px;
    }
    .post-body-wrapper .main-body{padding:10px;}
    .breadcrums .breadcrumbs-item:nth-child(3){display:none;}
   
   .detail-commodities li {font-size:16px;}
    ul.downloads li{width:100%!important;}
  
    .box-row table, .post-body table{
        border-collapse: collapse;
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
    }

    .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
    }
}

/*stick*/
.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{
    width: 100%;
    font-weight: 500;
    margin: 0 auto;
    position: relative;
    clear: both;
    margin: 0!important;
    display: flex;
}
.info-sticky-header p.gray{
    font-weight:400;
    padding-bottom:2px;
    color:#8e9399
}
.info-sticky-header li{
    display:inline-block;
    padding:6px 10px 0;
    position:relative;
    display: inline-block;
    padding: 0;
    margin-bottom: 0!important;
}
.info-sticky-header li:first-child{
    padding-left:0
}
.info-sticky-header li a{
    line-height: 36px;
    font-weight: 700;
    display: block;
    padding: 5px 15px;
}

/*.info-sticky-header li a.active
,*/
.info-sticky-header li a:hover
{
     background: #e1e1e1;
    color: #000;
}

.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
}
@media only screen and (max-width:630px){
    .whr-title{
        width:100%
    }
    li.whr-item .whr-info{
        width:100%;
        padding:0
    }
    li.whr-item .whr-info li{
        float:left;
        width:50%;
        text-align:left
    }
    .btn-down{
        width:100%!important;
        margin-top:10px!important
    }
}
@media only screen and (max-width:530px){
    .meta-item,.meta-item:nth-child(1){
        width:calc(100% * 1/4 - 8px)
    }
    .meta-item:nth-child(3){border-right:none;}
    .btn-down-neiberhood{
        padding-top:10px
    }
    .btn-down-neiberhood .red-bnt{
        height:60px
    }
    .btn-black-border .btn-hotline{
        border:none!important;
        line-height:24px;
        text-decoration:underline;
        cursor:pointer;
        text-align:left;
        padding-left:90px!important
    }
    .btn-black-border .btn-hotline img{
        display:block
    }
    .contact-form .hs-richtext>p{
        max-width:100%
    }
    section.news-bg div.width1140 div.news-right div.bg div.img img{
        width:80%;
        height:80%
    }
    .btn-down{
        width:100%!important
    }
}
@media only screen and (max-width:480px){
    section.project-header div.project-name div.address{
        width:80%
    }
    .social-share{
        width:20%;
        display:block
    }
    .project-header .project-header .project-name{
        padding:10px!important
    }
    .relative-news .featured header .title{
        font-weight:300
    }
    .all-img{
        bottom:20px
    }
    .relative-news .relative-news-left .featured .time{
        display:block
    }
    .relative-news .relative-news-left .featured a .cover,.relative-news .featured header .sumary{
        display:none!important
    }
    .relative-news .featured header .title{
        font-size:18px!important
    }
    .relative-news .relative-news-left{
        padding:0 0 20px
    }
    .relative-news .relative-news-left .featured header{
        padding:0
    }
    .popup-lch .bg-e1e2e6.popup-header{
        display:none
    }
    .form-contact .hs-form-field:nth-child(3) label{
        margin:0
    }
    .popup-contact{
        max-width:100%;
        position:initial;
        transform:translate(0,0);
        margin:0;
        height:100%
    }
    .popup-contact .form-contact{
        border:none;
        min-height:100%
    }
    .popup-contact .form-contact .contact{
        padding-top:50px;
        height:100%
    }
    .popup-contact .header{
        display:none
    }
    #slider8 .slides .title{
        width:100%;
        bottom:25%;
        top:inherit
    }
    #slider8 .slides .title .name-img{
        width:100%;
        text-align:center
    }
    #slider8 .slides .title .number{
        display:none
    }
    .title.title-res{
        display:block;
        position:fixed;
        padding:15px;
        background:#f2f2f2;
        font-size:18px;
        width:100%;
        z-index:100;
        font-weight:500;
        overflow:hidden;
        top:0
    }
    .popup-lch{
        max-width:100%;
        transform:translate(0%,7%);
        position:initial;
        margin:0!important;
        min-height:100%
    }
    .popup-overlay .full-screen-act.close{
        display:none
    }
    .project-slider,.listing-img{
        height:300px
    }
    .max-width-946.contact .contact-detail .contact-info header{
        font-size:22px;
        line-height:32px
    }
    .contentpx .title-career{
        padding:30px 0
    }
    .contentpx .title-career,.title_duan,.tittle-neiberhood{
        font-size:22px!important;
        line-height:26px
    }
    .width1140>h3,.width1140>h2,.max-width-946 .title-28{
        font-size:22px!important
    }
    .project-header .project-name .address .title-project{
        padding-bottom:0!important
    }
    .project-header .project-name .detail{
        display:none!important
    }
    .owner-img .more-info{
        display:block;
        padding-top:20px
    }
    .list-prop .article div.title h3{
        padding:0
    }
    .list-prop .article div.action a{
        margin:0 10px 0 0
    }
    .hs-form fieldset.form-columns-2 .hs-form-field{
        width:100%!important
    }
    .hs-form fieldset.form-columns-2 .input{
        margin:0
    }
    .contact-form .hs-form-field:nth-child(3) input,.contact-form .hs-form-field:nth-child(3) label span,.hs-error-msgs{
        margin:0
    }
    .contact-form .hs-form-field div.input{
        padding:5px 0 5px
    }
    .container-col{
        height:220px
    }
    .post-news-right div.list{
        width:100%
    }
    .popup-ward-visible{
        display:none!important
    }
    .whr-title{
        width:100%;
        float:left
    }
    li.whr-item .whr-info{
        float:left;
        width:100%;
        padding:0
    }
    li.whr-item .whr-info li{
        float:left;
        width:50%;
        text-align:left;
        padding-top:10px
    }
    section.project-header div.project-name div.share ul li.btn{
        padding-top:10px
    }
    .lch-content{
        width:100%
    }
    section.graybg section.lch-content article.lch-content-detail img{
        width:384px!important;
        height:320px!important
    }
    .news-left{
        width:100%;
        padding-bottom:0
    }
    .news-right{
        width:100%;
        padding:60px 30px 60px 30px
    }
    section div.width1140 article.hinhanh-content-detail img{
        width:384px!important;
        height:320px!important
    }
    .btn-lienhe{
        width:205px;
        padding-right:75px!important;
        margin-bottom:10px!important
    }
    .btn-quantam{
        width:205px;
        padding-right:75px!important
    }
    .width1140 .owner-img .left{
        width:100%;
        padding-bottom:20px
    }
    .width1140 .owner-img .right{
        width:100%;
        padding-top:0
    }
    .btn-quyhoach{
        width:60%
    }
  
    
    .CTA-info .cta-title{
        font-size:22px
    }
}
@media only screen and (max-width:375px){
     .project-hot .effect-hover{height:250px}
    .right-content-sell{
        padding:20px 0 0
    }
    .btn-black-border{
        padding:30px 10px 60px
    }
    form.hs-form .form-columns-2 .hs-form-field .hs-input,form.hs-form .form-columns-3 .hs-form-field .hs-input{
        width:100%
    }
    .contact-form .hs-form-field div.input{
        margin:0
    }
    .contact-form .hs-form-field:nth-child(3) input,.contact-form .hs-form-field:nth-child(3) label span,.hs-error-msgs{
        margin:0
    }
    .form-contact{
        width:100%;
        padding:0
    }
    ul.max-w70 li:last-child{
        padding:0
    }
    div.form-captcha div.captcha,.form-contact-project{
        width:100%;
        padding:0
    }
    li.whr-item .whr-info li{
        width:100%
    }
    .btn-chitiet .btn-hotline{
        font-size:14px!important;
        text-align:center
    }
    .btn-chitiet .btn-hotline .fone-b{
        display:none
    }
    .btn-sticky-header .red-bnt{
        font-size:13px!important
    }
    .detail-info-col li{
        width:100%
    }
    .btn-lienhe{
        width:90px;
        padding:8px 18px 0 0!important
    }
    .btn-down{
        width:240px;
        margin-top:10px
    }
    section.background-gray div.width1140 div ul.icon{
        width:44%;
        padding:0 0 20px 0
    }
    .khudancu-img{
        width:100%
    }
    .btn-quyhoach{
        width:64%
    }
}
@media only screen and (max-width:360px){
    .btn-quantam{
        width:95px;
        padding:8px 9px 0 0!important
    }
    .btn-down{
        width:215px
    }
    section.project-header div.project-name div.share ul li.btn-contact{
        padding:5px 10px 5px 10px
    }
    section.project-header div.project-name div.share ul li.btn-care{
        padding:5px 10px 5px 10px
    }
    .khudancu-left{
        width:100%;
        padding:0
    }
}
@media only screen and (max-width:320px){
    .project-slider,.listing-img{
        height:250px
    }
    .btn-sticky-header .red-bnt{
        min-width:145px;
        font-size:12px!important
    }
    .container-col{
        height:185px
    }
   
    .btn-lienhe{
        width:120px;
        padding-right:30px!important
    }
    .btn-quantam{
        width:120px;
        padding-right:22px!important
    }
    .detail-info-col{
        width:100%;
        font-size:16px;
        line-height:30px
    }
    section.graybg section.lch-content article.lch-content-detail img{
        width:290px!important;
        padding-top:30px
    }
    section.graybg section.lch-content article.lch-content-detail ul.header{
        margin-top:10px;
        margin-bottom:10px
    }
    .news-left{
        padding:30px 10px 30px 10px
    }
    .news-right{
        padding:30px 10px 30px 10px
    }
    .btn-down{
        width:100%
    }
    section div.width1140 article.hinhanh-content-detail img{
        width:290px!important;
        height:320px!important
    }
    section div.width1140 article.hinhanh-content-detail ul.header{
        text-align:center!important;
        margin-top:10px
    }
    .hinhanh-content-detail{
        width:290px!important
    }
    section.background-gray div.width1140 div ul.icon{
        width:43%
    }
    .khudancu-img{
        width:100%
    }
    section.project-header div.project-name div.share ul li.btn{
        margin-left:0
    }
    section.project-header div.project-name div.share ul li.btn-contact{
        padding:5px 0
    }
    section.project-header div.project-name div.share ul li.btn-care{
        padding:5px 0
    }
}
#uhchatboz{z-index:10000!important;}


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
}

.font-icon{
    font-family:'web-icon',Verdana,Geneva,sans-serif;
    text-rendering:auto;
    line-height:20px;
    font-size:18px;
    font-style:normal
}
input{
    
}
.hs-tools-menu.hs-collapsed{
    display:none !important
}

.font-14{
    font-size:14px
}

.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:Tiempos,Arial,Helvetica,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:Tiempos,Arial,Helvetica,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
}

.container-fluid .row-fluid .page-center{
    float:none;
    max-width:1140px;
    margin:0 auto
}
.body-container .page-center{
    padding:20px 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:Tiempos,Arial,Helvetica,sans-serif
}
.blog-listing-wrapper .blog-listing .blog-item{
    margin: 22px 0 0;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 22px;
}
.blog-listing-wrapper .blog-listing .blog-item:nth-child(1){
    margin-top: 10px;
}
.blog-sidebar img{max-width:100%;width:100%;}
.custom-image-featured{
    position:relative;
    width:34%;
    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;
    border:1px solid rgba(0,0,0,.2)
}

.blog-item-header{
    display:block;
    overflow:hidden;
    width:63%;
    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: 14px;
    line-height: 20px;
    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{
    font-size: 13px;
}
.blog-meta a:hover,.post-meta a:hover{
    color:#038e4c;
}

.blog-meta span,.post-meta span{
    color: #838383 !important;
    padding-right: 5px;
    font-size: 14px;
    padding-left: 5px;
}
.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;
}
.post-meta span.meta-date:before{
    content:'\f133';
}
/*.blog-meta span.meta-category:before,.post-meta span.meta-category:before{
    content:'\f224';
}*/
/*.blog-meta span.meta-comment:before,.post-meta span.meta-comment:before{
    content:'\f261';
}*/
.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;
}
.blog-list-recent-heading{
    font-size: 19px;
    background: #e2e2e2;
    font-weight: 600;
    padding: 8px 12px;

    color: #545353;
}
.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: inline-block;
    width: 100%;
    height: auto;
    max-height: 58px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    line-height: 19px;
}
/*.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:Tiempos,Arial,Helvetica,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:Tiempos,Arial,Helvetica,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;
    
}

.last-row .right{
    text-align:right
}
.ft-active{
    display:block !important
}
.web-icon-r:before{
    content:"\f193"
}
.facebook:before{
    content:"\f110"
}
.twitter:before{
    content:"\f113"
}
.gplus:before{
    content:"\f161"
}
.youtube:before{
    content:"\f194"
}
.fone:before{
    content:"\f115"
}
.email-icon-pro:before{
    content:"\f114"
}
@media screen and (min-device-width:768px) and (max-device-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 #f5f5f5;
    background: rgba(0,0,0,0.01);
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    display: block!important;
}.post-body figure p {margin:0!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 8px 0;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4em;
    background: rgba(0,0,0,0.05);
}
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6, .post-body .font-title{
    margin-bottom: 15px;
    margin-top: 18px;
}
.post-body h1{
    font-size: 26px;
    line-height: 34px;
}
.post-body h2{
    font-size: 22px;
    line-height: 30px;
    margin-top: 30px;
}
.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;
}
#table-contents {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    margin-top: 1em;
    width: auto;
    display: table;
    font-size: 95%;
    min-width: 340px;
    font-family: Lora,  Arial, sans-serif;
}
#table-contents p.title-toc {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
#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 ul.list-toc a {
    color: #165bde;
    text-decoration:none;
}
#table-contents ul.list-toc a:visited,#table-contents ul.list-toc a:hover {
    color: #f07404;
    text-decoration:underline;
}
#table-contents ul.list-toc{overflow: hidden;}
#table-contents ul.list-toc.toc-hidden
{
    height:0;
}
.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;
    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;
    font-size: 22px;
}

.post-body ol {
   list-style: none;
   counter-reset: item;
 }
.post-body ol li p, .post-body ul li p {display:inline;}
.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: #555555;
    border-radius: 100%;
    color: white;
    width: 16px!important;
    text-align: center;
    display: inline-block;
    font-size: 13px!important;
    height: 16px!important;
    line-height: 16px!important;
    font-weight: bold;
 }
.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;
    font-size: 17px;
}
table td p, table th p {margin:0!important;}
.post-body a{
    color: #444c59;
}
.post-body a:hover{
    color:#da6a05;
}
.post-body-wrapper .post-header{
    overflow:hidden;
    padding:12px 0 15px;
    color:#30333a;
    width:100%;
}
.post-body-wrapper .post-header h1{
    font-size: 27px;
    line-height: 36px;
}
.post-body-wrapper .post-body{
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    font-size: 17px;
    line-height:1.6em;
    font-family: tahoma;
    overflow: hidden;
}
 .post-body .post-source, .post-body .post-author {
    text-align: right;
    margin: 25px 0 15px 0;
    font-weight: bold;
    padding: 0 10px;
}
.post-body .post-share {
      padding: 10px 0;
}
.post-body .post-relate-link{
    padding: 4px 8px!important;
    background: #eaeaea;
    margin-left: 0!important;
}
.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-header .post-info {
    font-size: 16px;
    color: #8b8b8b;
    bottom: 26%;
    margin-bottom: 15px;
    background: #f5f5f5;
    padding: 6px 10px;
    border-radius: 4px;}
.post-header .post-info .post-publish {    margin-right: 35px;}

.post-header .post-info .post-cate ul {    padding: 0 0;    margin: 0 0;    list-style: none;    display: inline-block;    margin-right: 35px;}
.post-header .post-info .post-cate ul li a{ color: #8b8b8b;}
.post-header .post-info {     bottom: 10%;    margin: 15px 0 0; font-size: 14px;}
.post-header .post-info .post-publish {margin-right: 25px;}

@media (max-width: 767px) {

.post-header .post-info {     bottom: 10%;    margin: 10px 0;  font-size: 14px;}
.post-header .post-info .post-publish {margin-right: 25px;}
/*.post-header .post-info {      padding: 30px 10px 15px;  }*/
.post-header .post-info .post-view {display:none;}
}
.post-body .panel{
    margin-top: 20px;
	max-width: 360px;
    font-size: 15.5px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-color: #dddddd;
}
.post-body .panel-heading{
    font-weight:bold;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}
.post-body .panel-heading p{display: inline;}
.post-body .panel-heading .pull-right i.fa{
    margin-top: -5px;
    color: #999999;
    cursor: pointer;
}
.post-body  .panel-body{
	padding: 0 10px;
}
.panel-body .content-category{
    padding: 5px 0px;
}
.post-body  .panel-body p{
	cursor:pointer;line-height: 1.4;
}.post-content .panel-body p:hover{text-decoration:underline;}
.post-body .panel .panel-body .toc-l2{    padding-left: 10px;font-size:14.5px;}

.panel-body .content-category.collapse {
    display: none;
}
.panel-body .content-category.collapse.in {
    display: block;
}

.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 .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:'Tiempos',Arial,Helvetica,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;
    font-family: Lora, Arial, sans-serif;
}
.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);
    
}
@media(max-width:1139px) and (min-width:320px){
    .relative-wrapper{
        padding:60px 20px
    }
   
}


@media(max-width:768px){
    .post-body-wrapper .post-header h1{font-size: 22px;}
    .body-container .page-center {
        padding: 0;
    }
    .post-body-wrapper .post-body
    {
        font-size:16.5px;
    }
    .blog-item-header .blog-summary {display:none;}
    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 {
        padding: 15px 25px 15px;
    }
    .post-body blockquote:before {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        font-size: 20px;
        line-height: 82px;
    }

  
    /*.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
    }
    
    .blog-sidebar .big-image{padding:0 15px!important; margin:0 auto!important; max-width:480px!important;}
}
@media(max-width:480px){
    .ftitle h1{font-size:22px}
    .post-body figure, .bgbox figure{
        margin-left: -10px;
        margin-right: -10px;
        max-width: calc(100% + 20px)!important;
    }
    .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: -10px;
        margin-right: -10px;
        max-width: calc(100% + 20px);
    }
    .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: -10px;
        margin-right: -10px;
        max-width: calc(100% + 20px);
        width: calc(100% + 20px);
    } 
    .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;padding-top: 10px;
    }
    #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:0
    }
    .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
    }
 
    .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%
    }
    .hot-projects .listingItem {max-width:480px;display:none;margin-bottom:20px;}
    .hot-projects .listingItem:nth-child(1),
    .hot-projects .listingItem:nth-child(2),
    .hot-projects .listingItem:nth-child(3){display:block;}
    .hot-projects .listingItem .info-container {
        min-height: 125px;
    }
}
.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,.blog-sidebar .blog-sidebar-box, .post-body-wrapper .main-body, .post-body-wrapper .post-body-box
{
    background: #fff;
    margin-bottom: 30px;
    max-width: 750px;
}
.blog-content, .post-body-wrapper .main-body{ margin-top:0;}
 .post-body-wrapper .main-body{float:left;    margin-right: 30px;}
  .post-body-wrapper .blog-sidebar{
     float: left;
    width: calc(100% - 780px);
 }
.add-img{margin-bottom:20px;max-width:100%;}
/*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);
}
}

.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 {
/*position: absolute;
left: 0;
bottom: 0px;*/
/*display: flex;*/
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
padding-left: 240px;
}
.listView .info-container h4{font-size: 14px;}

.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: 900;
    line-height: 22px;
    white-space: normal;
    padding: 0 0 5px;
    vertical-align: top;
    margin-top: -5px;
}
/*.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;
}
.listing-left .left{
    width: 100px;
    float: left;
    font-weight: bold;
}
.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: 8px 60px 45px 7px rgba(0,0,0,.4);
    box-shadow: 8px 60px 45px 7px rgba(0,0,0,.4);
    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 .zmdi {
    position: absolute;
    left: 0;
    top: 0;
    color: #c9d6dd;
    font-size: 30px;
    padding: 12px 0 0 20px
}

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

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
}

@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;
    text-align: center;
    border-radius: 2px;
    padding: 0 20px;
    white-space: nowrap;
}
form .search-container .btn-search {
    height: 55px!important;
    line-height: 55px!important;
}
form .search-container .btn-search:focus {
    border: 0;
    outline: none
}

form .search-container .btn-search .zmdi {
    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;
}
.blogrow {
        margin-left: -15px;
    margin-right: -15px;
}
.blogrow:before, .blogrow:after{
    content: " ";
    display: table
}
.blogrow .blogcol{
    width: 33.33333%;
    float:left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.blogrow .blogcol .blog-item {
    margin-bottom: 30px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -moz-transition: box-shadow .4s linear;
    -o-transition: box-shadow .4s linear;
    -webkit-transition: box-shadow .4s linear;
    -ms-transition: box-shadow .4s linear;
    transition: box-shadow .4s linear;
    float: left;
    width: 100%;
}
.blogrow .blogcol .blog-item .img {
    height: 240px;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.blogrow .blogcol .blog-item .img img{
    height: 100%!important;
    width: 100%;
}
.blogrow .blogcol .blog-item .detail {
    float: left;
    padding: 15px;
    height: 222px;
    overflow: hidden;
}
.blogrow .blogcol .blog-item .detail h2 {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    border-bottom: 0;
    font-size: 20px;
    height: 50px;
    line-height:25px;
    overflow: hidden;
}
.blogrow .blogcol .blog-item .detail h2 a{color: #232323;}
.blogrow .blogcol .blog-item .detail h2 a:hover{color: #e4720e;}
.blogrow .blogcol .blog-item .detail .blog-meta{margin-bottom:10px;color: #f96e08;}
.blogrow .blogcol .blog-item .detail .blog-meta a{color: #4c4c4c!important;}
.blogrow .blogcol .blog-item .detail .blog-summary{
    overflow: hidden;
    text-align: justify;
    line-height: 20px;
}
.blogrow .blogcol .blog-item  .button-option {
    padding: 0 15px 10px 15px;
    width: 100%;
    float: left;
}
.blogrow .blogcol .blog-item .bt-readnews {
    margin-top: 0;
    float: right;
    clear: none;
    font-size: 15px;
    color: #036197!important;
    display: inline-block;
}
@media (max-width: 768px) {
    form .search-container .recent-search {
        top: 50px;
    }
    .blogrow{
        margin: 25px 0;
    }
     .blogrow .blogcol {width:50%;padding-left: 12px;padding-right: 12px;}
     .header > .btn-top-hotline {display:none!important;}
}

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

@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
}
.btn-callnow
{
    padding: 10px 0;
    background:unset;
    width: 100%;
    margin-bottom: 18px;
    line-height: 25px;
    color: #f1c40f;
}
.btn-callnow span{
     color: #f70b0a;
     font-size:105%;
}
.btn-callnow:hover{
   opacity:0.9;
}

@media only screen and (max-width: 768px) {
    .heading-01 {
        font-size:28px;
        line-height: 1.36;
        margin-bottom: 0 25px 40px;
        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
    }
    .blog-list-recent-heading {background:#fff;color:#222;}
}

@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*/
/*header*/

header{border-bottom: 1px solid #e06705;}

.header{
    width:100%;
    height: 80px;
    line-height: 40px;
    font-size: 16px;
    color: #444c59;
    max-width: 1176px;
    margin: 0 auto;
    display:-webkit-box;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    z-index:100;
    position: relative;
    padding: 0px 18px;
    transition:all 0.3s;
}
.header:after,header:after
{
    content: "";
    display: block;
    clear: both;
}
.header *{
    margin:0;
    padding:0;
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
.header *::after,.header *::before{
    margin:0;
    padding:0;
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
.header *{
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale
}
.menu-top{
    background: #8B4513;
    color: #222;
    height: 44px;
    align-items: center;
    display: block;
    border-bottom: 1px solid #e2e2e2;
    font-weight: bold;
    z-index: 101;
    position: fixed;
    width: 100%;
    top: 0;
    float: left;
}
.menu-top p{padding: 10px;}
.menu-top .social-group{float:right;}
.menu-top .social-group a{cursor:pointer;opacity: 0.8;}
.menu-top .social-group a.icon:before {
font-family: Fontawesome;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    width: 33px;
    height: 43px;
    line-height: 43px;
    text-align: center;
}
.menu-top .social-group a:hover{opacity:1;}
.menu-top .social-group a.ifacebook:before {
    content: "\f09a";
    /*background-color: #0066b3;*/
}
.menu-top .social-group a.iyoutube:before {
    /*background-color: #e6d7d7;*/
    content: "\f16a";
    color: #e2e2e2;
}
.menu-top span b{color: #3366ff;}
.menu-top a{color: #f4f4f4;}
.menu-top a:hover{color: #f2f2f2; text-decoration:underline;}
.menu-top span{color: #f4f4f4;}
.menu-top .lable-hotline {color: #f4f4f4;font-weight:bold;margin-right:10px}
.header-wraper{
    background: #fff;
    width: 100%;
    z-index: 100;
    width: 100%;
    display: inline-block;
    z-index: 102;
    position: relative;
    float: left;
    background-color: #f68122;
      background: linear-gradient(to right, #f68122 0%, #f68122 10%, #d86a11 100%);
}
.noscroll .header-wraper{margin-top:0!important;} .noscroll .menu-top {position:relative!important;}
.header-wraper.fixed {
    z-index: 1000;
    margin-top: 0!important;
    position: fixed!important;
    top: 0!important;
    box-shadow: 0 1px 1px 0 #e38134;
}
.header-wraper.fixed .header{
    height:52px;
}
.header-wraper.fixed .header .col-left .logo
{
    width: 66px!important;
    margin-top: 2px;
}
/*.header-wraper.fixed .header .col-left .logo img{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 1px 0px 0 #c5c5c5;
}*/
.header-wraper.fixed .header .col-right
{
    padding-top:5px;
}
.header .logo a img{
    width: 100%;
    display: block;
    max-width: 170px;
}

.send-request{
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    background-color: #8B4513;
    color: #fff!important;
    float: right;
    font-size: 15px;
    padding: 0 10px;
    position: relative;
    line-height: 40px;
    display: block;
    width: 152px;
    height: 40px;
    border-radius: 1px;
    transition: all 0.3s;
    font-weight: bold;
    text-align: center;
}
/*.send-request>img {
    position: absolute;
    right: -1px;
    top: -2px;
}*/
.send-request:hover {
    background-color: #014680;
    color: #fff;
}
.btn-sticky-header .send-request {
    width: unset!important;
    margin-top: 5px;
    font-size: 13.5px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
}
.header input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance:searchfield-cancel-button
}
.header *::-webkit-input-placeholder{
    color:rgba(0,4,68,.3)
}
.header input,.header textarea,.header keygen,.header select,.header 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
}
.header li{
    list-style:none
}

.header a{
    color: #ffffff;
    text-decoration: none;
}
.header a:hover{
    color:#fefefe;
}
.header .col-left{
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start;
    width:180px;
}
.header .col-left .logo{
    display: block;
    width: 172px;
    transition: all 300ms;
    margin-top: 17px;
}
.header .col-left .logo:hover{
    opacity:0.95;
}
.header .col-left .logo>a{
    display:block;
    /*padding-top: 39px;*/
    /*transition:all 400ms;*/
}
/*.header .col-left .logo>a:hover{transform: scale(1.1);}*/
.header .col-left  button.zmdi{
    display:none
}
/*.header .col-left .logov>a{
    background-image:url(/images/logov.png);
    display:block;
    position:relative;
    width:44px;
    height:0;
    padding-top:100%;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover
}*/

.header .col-left  button.zmdi{
    background: unset;
    border: none;
    border-radius: 20px;
    font-size: 20px;
    padding: 0;
    line-height: 35px;
    width: 38px;
    text-align: center;
    outline: 0;
    cursor: pointer;
    margin-left: -10px;
    margin-right: 10px;
    position: absolute;
    transition: all 300ms;
    right: 0;
    color: #ffeec5;
    top: 15px;
}
.fixed .header .col-left  button.zmdi{
    top: 10px;
}
/*.header .col-left .logo>a .zmdi{
    color:#30333a;
    font-size:24px;
    padding:0;
    position:absolute;
    right:-21px;
    top:0;
    line-height:44px
}*/
.header .col-left .main-nav-menu{
    position:fixed;
    z-index:99999;
    background:#fff;
    width: 50%;
    max-width: 220px;
    height: unset;
    right:0;
    top:69px;
    display:none;
    overflow-x:hidden;
    overflow-y:auto;
    padding-bottom:15px;border: 1px solid #e5e5e5;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    border-radius: 0 0 3px 3px;
}
.fixed .header .col-left .main-nav-menu
{
     top:53px;
}
.header .col-left .main-nav-menu ul{
    display:block;
    overflow:hidden;
    background:#fff
}
.header .col-left .main-nav-menu ul li{
    display:list-item
}
.header .col-left .main-nav-menu ul li a{
    display:block;
    margin:0 18px;
    height:50px;
    line-height:50px;
    text-align:left;
    color:#30333a;
    border-bottom:1px solid rgba(48,51,58,.1);
    -webkit-transition:all 100ms ease-in;
    -o-transition:all 100ms ease-in;
    transition:all 100ms ease-in;
    text-align: right;
    padding-right: 15px;
}
.header .col-left .main-nav-menu ul li:last-child a{border-bottom:none;}
.header .col-left .main-nav-menu ul li a span strong{color:#f01414;}
.header .col-left .main-nav-menu ul li ul li a{height:35px;line-height:38px;}
.header .col-left .main-nav-menu ul li ul li a:before{content:"\f101";font-family:fontawesome;padding-right: 6px;}
.header .col-left .main-nav-menu ul li ul li {height: 38px;}
.header .col-left .main-nav-menu >ul >li >a{font-weight:bold;}
.header .col-left .main-nav-menu ul li.sub-menu{position:relative;}

.header .col-left .main-nav-menu ul li.sub-menu .zmdi{
    float: right;
    font-size: 20px;
    color: #222;
    padding: 0;
    height: 50px;
    line-height: 50px;
    width: 51px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 auto;
    text-align: center;
}
.header .col-left .main-nav-menu ul li ul{
    /*background:#f3f4f7;*/
    display:none
}
.header .col-left .main-nav-menu ul li ul li a{
    border:0
}
.header .col-right{
    /*width: calc(100% - 180px);*/
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top: 8px;    justify-content: flex-start;
}
.header .col-right ul li.sub-menu .zmdi {position: absolute;top: 12px;right: 0px;}
.header .col-right .top-menu ul{
    white-space:nowrap;
    float:left;
}
.header .col-right .top-menu ul li{
    position:relative;
    display:inline-block;
}

.header .col-right .top-menu ul li a i.zmdi{
    color: #005aa6;
    padding: 0 0px 0 1px;
    line-height: 18px;
}
.header .col-right .top-menu ul li:hover a i.zmdi{
    color:#ff6300;
}
.header .col-right .top-menu ul li:last-child{
    margin-right:0;
    padding-right: 0;
}

.header .col-right .top-menu ul li a{
    position:relative;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 0 17px;    transition: all .3s;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.header .col-right .top-menu >  ul > li:hover >a{
    color: #f9f9f9;
}

.header .col-right .top-menu ul li a .zmdi{
    padding:0 0 0 5px;
    color:#f07404;
    vertical-align:text-bottom;
    font-size: 18px;
}
.header .col-right .top-menu ul .sub-menu::before{
    position:absolute;
    bottom:100%;
    border:solid transparent;
    content:' ';
    height:0;
    width:0;
    pointer-events:none;
    border-color:transparent;
    border-bottom-color:#fff;
    border-width:8px;
    right:20px;
    top: 38px;
    opacity:1;
    visibility:hidden;
    z-index:101
}
.header .col-right .top-menu ul .sub-menu::after{
    z-index:90;
    content:' ';
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);
    box-shadow:0 0 10px 0 rgba(0,0,0,.15);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:1;
    bottom:-23px;
    right:20px;
    visibility:hidden
}
.header .col-right .top-menu ul .sub-menu:hover::before,.header .col-right .top-menu ul .sub-menu:hover::after,.header .col-right .top-menu ul .sub-menu:hover ul{
    opacity:1;
    visibility:visible
}
.header .col-right .top-menu ul .sub-menu ul{
    min-width: 120px;
    min-width: 240px;
    position:absolute;
    top:52px;
    left:0;
    z-index:100;
    background:#fff;
    padding:10px 0;
    border-radius:2px;
    border:1px solid rgba(131,131,131,.2);
    opacity:0;
    -webkit-transition:.1s ease all;
    -o-transition:.1s ease all;
    transition:.1s ease all;
    visibility:hidden;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.2);
    box-shadow:0 3px 6px rgba(0,0,0,.2)
}
.header .col-right .top-menu ul .sub-menu ul li{
    display:block;
    white-space:nowrap;
    height:35px;
    line-height:35px;
    padding:0 25px;
    margin:0;
    text-align:left
}
.header .col-right .top-menu ul .sub-menu ul li:hover{
    background:#f3f4f7
}
.header .col-right .top-menu ul .sub-menu ul li a{
    font-weight: 400!important;
    font-size: 14px;
    padding: 0;
}
.header .col-right .top-menu ul .sub-menu:hover ul{
    opacity:1;
    visibility:visible
}
.header .col-right .top-menu ul .divide{
    border-top:1px solid rgba(48,51,58,.1);
    margin:10px 25px!important;
    height:0!important
}
.header .col-right .top-menu{
    float: left;
}
.header .search-mobile{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#fff;
    z-index:100
}
.header .search-mobile .zmdi{
    float:left;
    padding:0;
    max-height:50px;
    line-height:60px;
    font-size:24px;
    color:#838383;
    margin:0 40px 0 18px
}
.header .search-mobile .optionsList{
    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;
    position:relative;
    max-height:50px
}
.header .search-mobile .optionsList .option{
    margin-right:40px
}
.header .search-mobile .optionsList .option input{
    display:none
}
.header .search-mobile .optionsList .option input:checked+label{
    border-bottom:2px solid #30333a;
    font-weight:600
}
.header .search-mobile .optionsList .option label{
    color:rgba(48,51,58,.86);
    font-size:18px;
    padding:0 0 10px
}
.header .search-mobile .search-block{
    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;
    border:1px solid;
    max-height:50px;
    margin:20px 18px;
    border:1px solid rgba(151,151,151,.2);
    border-radius:2px
}
.header .search-mobile .search-block .zmdi{
    font-size:20px;
    line-height:50px;
    color:rgba(0,4,68,.3);
    margin:0 10px
}
.header .search-mobile .search-block input{
    width:100%;
    height:auto;
    outline:0;
    border:0;
    margin-right:10px;
    font-size:14px;
    -webkit-appearance:none
}
.header .search-mobile .search-suggest-list{
    background:#fff;
    width:100%;
    font-size:14px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.header .search-mobile .search-suggest-list li{
    height:auto;
    min-height:40px
}
.header .search-mobile .search-suggest-list li:first-child{
    background:#f3f4f7
}
.header .search-mobile .search-suggest-list li a{
    width:100%;
    display:block;
    padding:10px 15px;
    color:#30333a
}
.header .search-mobile .search-suggest-list li a span{
    display:block;
    line-height:20px
}
.header .search-mobile .search-suggest-list li a span i{
    color:#838383
}
header#home::before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:-70%;
    left:0;
    z-index:-1;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(transparent));
    background:-webkit-linear-gradient(top,rgba(0,0,0,.7),transparent);
    background:-o-linear-gradient(top,rgba(0,0,0,.7),transparent);
    background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)
}
.header#home{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:60px;
    width:auto;
    text-align:center;
    border-bottom:1px solid rgba(255,255,255,.2);
    background:transparent;
    z-index:10
}
/*.header#home .col-left .logo-large>a{
    background-image:url(/images/logo.svg)
}
.header#home .col-left .logo>a{
    background-image:url(/images/logo.svg)
}*/
/*.header#home .col-left .logo>a .zmdi{
    color:#fff
}
.header#home .col-left .logo .main-nav-menu ul li a .zmdi{
    color:#c72628
}*/
.header#home .col-right .top-menu>ul>li:first-child:hover a .zmdi,.header#home .col-right .top-menu>ul>li:first-child:hover a span{
    color:rgba(255,255,255,.86)
}
.header#home .col-right .top-menu>ul>li>a{
    color:#fff
}
.header#home .col-right .top-menu>ul>li>a:hover{
    color:rgba(255,255,255,.86)
}
.header#home .col-right .top-menu>ul>li>a .zmdi{
    color:#fff
}
.header-wraper.fixed .btn-top-hotline{padding-top:2px!important;}
@media only screen and (min-width:320px) and (max-width:1024px){
    /*.header .col-left .logo-large{
        display:none
    }
    .header .col-left .logo,.header .col-left  button.zmdi{
        display:block
    }*/
    
}
@media only screen and (max-width:1200px){
    .header{
        padding:0 18px
    }
}
@media only screen and (max-width:1024px) {
    .send-request,.btn-sticky-header {display:none!important;}
   
    .info-sticky-header{width:100%!important;}
    .header .col-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
/*@media only screen and (max-width:1024px){
    .header .col-right{
        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
    }
    .header .col-right .top-menu ul li{
        margin:0;
        display:none;
    }
     .header .col-right .top-menu ul li:last-child{
        display:block;
    }
}*/
@media only screen and (max-width:480px){
    .header .col-right .top-menu ul li a .zmdi{
        font-size: 38px;
        padding: 2px 0 0;
    }
    .header .col-right .top-menu ul li a span{
        display:none;
    }
    .header .col-right .top-menu ul li a{border:none;padding:0!important;background-color:none;}
    .header .col-right .top-menu ul li a span{display:none!important;}
    .btn-call a:hover{background-color:none!important;}
    .btn-call a:hover i.zmdi{
        color: #f07404!important;
        background-color:none!important;
    }
}
.header .btn-ultra{
    height:55px;
    line-height:55px
}
.header .btn-large{
    height:50px;
    line-height:50px
}
.header .btn-medium{
    height:40px;
    line-height:40px
}
.header .btn-small{
    height:32px;
    line-height:32px
}
.header .btn-facebook{
    color:#fff;
    background:#3c589c
}
@media (min-width:768px){
    .header .btn-facebook:hover{
        color:#fff;
        background:rgba(60,88,156,.86)
    }
}
.header .btn-primary{
    display:inline-block;
    width:100%;
    margin:0 auto;
    cursor:pointer;
    font-weight:600;
    font-size:14px;
    text-align:center;
    border-radius:2px;
    padding:0 20px;
    white-space:nowrap
}
.header .btn-primary:focus{
    outline:none
}
.header .btn-red{
    color:#fff;
    background:#c72528
}
@media (min-width:768px){
    .header .btn-red:hover{
        color:#fff;
        background:rgba(199,37,40,.86)
    }
}
.header .btn-red-outline{
    color:#c72528;
    border:1px solid #c72528;
    background:transparent
}
@media (min-width:768px){
    .header .btn-red-outline:hover{
        color:#fff;
        background:#c72528
    }
}
.header .btn-black{
    color:#fff;
    background:#30333a
}
@media (min-width:768px){
    .header .btn-black:hover{
        color:#fff;
        background:rgba(48,51,58,.86)
    }
}
.header .btn-black-outline{
    color:#30333a;
    border:1px solid #30333a;
    background:transparent
}
@media (min-width:768px){
    .header .btn-black-outline:hover{
        color:#fff;
        background:#30333a
    }
}
.header .btn-blue{
    color:#fff;
    background:#00a6bd
}
@media (min-width:768px){
    .header .btn-blue:hover{
        color:#fff;
        background:rgba(0,166,189,.86)
    }
}
.header .btn-blue-outline{
    color:#337588;
    border:1px solid #337588;
    background:transparent
}
@media (min-width:768px){
    .header .btn-blue-outline:hover{
        color:#fff;
        background:#337588
    }
}
.header .btn-favorite{
    position:absolute;
    top:10px;
    right:10px;
    height:32px;
    width:32px;
    padding:0;
    margin:auto;
    text-align:center;
    font-size:20px;
    outline:none;
    border:0;
    border-radius:2px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    color:#fff;
    background:rgba(48,51,58,.3)
}
.header .btn-favorite.active{
    background:#549199
}
.header .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
}
.header .label-primary.sold-out{
    background:rgba(48,51,58,.86)
}
.header .label-primary.unique{
    background:rgba(218,84,69,.86)
}
.header .label-primary.free{
    background:rgba(100,141,54,.86)
}
.header .label-primary.hot{
    position:absolute;
    top:10px;
    left:10px;
    background:#ea1e12;
    color:#fff;
    width:auto;
    font-size:12px;
    font-weight:600
}

.header .text-center{
    text-align:center
}
.header .heading-01{
    font-size:40px;
    font-weight:500
}
.header .heading-02{
    font-size:30px;
    font-weight:500
}
.header .heading-03{
    font-size:24px;
    font-weight:500
}
.header .heading-04{
    font-size:20px;
    font-weight:500
}
.hide{
    display:none!important
}
.btn-top-hotline{
    display: none;
    position: absolute;
    right: 60px;
}
.btn-top-hotline {display:none;}
.btn-top-hotline a{
    color: #fff!important;
    font-size: 15px;
    height: 34px;
    line-height: 33px;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 500;
    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;
    text-align: center;
    border-radius: 4px;
    padding: 0 10px;
    white-space: nowrap;
    outline: unset;
    font-weight: bold;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-top-hotline a i.fa {
    padding: 0;
    vertical-align: text-bottom;
    font-size: 17px;
     -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    color:#fff;
}
.btn-top-hotline a:hover{
     background-color: #fd7601;
    color: #fff
}
.btn-top-hotline a:hover i.fa, .btn-top-hotline a:hover span{color:#fff!important;}
.header .ispopup{
        height: 40px;
}
.header .ispopup span.send-request{
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    width: unset;
    font-size: 13.5px;
    border-radius: 14px;
    vertical-align: middle;
    float: none;
    display: inline-block;
}
.header  a.ispopup:after{display:none!important;}
/*@media only screen and (max-width:1095px){*/
@media (max-width:768px){
   
    .header-wraper .header .col-left .logo img {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .header-wraper.fixed .header .col-left .logo {
        width: 68px!important;
    }
    .btn-top-hotline {display:block;}
    .header .col-left{margin-right:0;width: 82px;}
    /*.header .col-left .logo{margin: 0 auto;}*/
    .header .col-right{display:none;}
    .header{height:68px;}
    .container{padding:0 10px!important;}
    /*.menu-top .container span:last-child{display:none;}*/
    .menu-top{
        height: 40px;
        padding: 10px;
        font-size: 16px;
        display:none;
    }
    .header-wraper{margin-top:0;}
    /*.header .col-left .logov{
        display:none
    }
    .header .col-left .logov,*/
    .header .col-left  button.zmdi{
        display:block;
    }
    .header .logo a img{
        width: 100%;
        display: block;
        padding: 0;
        max-width: 165px;
    }
    .header .col-right{
        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
    }
    .header .col-right .top-menu ul li{
        margin:0;
        display:none
    }
    .header .col-right .top-menu ul li:last-child{
        display:block
    }
}

/*end header*/
.breadcrumbs-wraper{
    border-top:1px solid rgba(48,51,58,.1);
    /*background-color: #f3f5f8;*/
    background-color: #fff;
    border-bottom:1px solid rgba(48,51,58,.1);
}
.breadcrumbs-wraper .breadcrums{
    margin: 0px auto;
    padding: 30px 0 10px;
    font-size: 16px;
}
.breadcrums {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 1140px;
}
.project-meta .breadcrumbs-wraper
{
    border:none!important;
    background: none!important;
}
.project-meta .breadcrumbs-wraper .breadcrums
{
    padding: 0 0 25px  0;
    max-width: unset;
}

.breadcrums .breadcrumbs-item, .breadcrums .breadcrumbs-item-active {
    position: relative;
    padding-left: 12px;
    margin-right: 12px;
}
.project-meta .breadcrums .breadcrumbs-item:first-child{padding-left:0!important;}
.breadcrums a {
    color: #555;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}
.project-meta .breadcrums a {
    font-weight: 400;
    color: #babfc5;
    text-transform: uppercase;
}
.project-meta .breadcrums a:hover {
    color:#acadaf!important;
}
.breadcrums a:hover{
    color: #ff6300;
}
.breadcrums .breadcrumbs-item-active span {
    color: rgba(48,51,58,.5);
}
.breadcrums .breadcrumbs-item a:after, .breadcrums .breadcrumbs-item-active a:after, .breadcrums .breadcrumbs-item-active span:after {
    font-family: 'fontawesome';
    content: '\f105';
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.breadcrums .breadcrumbs-item a:hover:after{
    color: #555;
}
.breadcrums .breadcrumbs-item:first-child a:after {
    content: none;
}
/*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-element:before{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.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;    
    padding: 6px 10px;
}
.form-element.textarea{
    height: 110px;
}
.form-element textarea{
    font-size:14px;
    max-width:100%;
    resize:none
}
.textarea-height{
    height:88px!important;
}
.label-cate {
    background: #d92709;
    color: #fff;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    margin-right:10px;
}
.label-cate-status{
     background: #77bb02;
}
label.status-open{
    top: 0px;
    right: -1px;
    width: 88px;
    height: 88px;
    overflow: hidden;
    position: absolute;
}
label.status-open span{
    position: absolute;
    display: block;
    width: 124px;
    padding: 0;
    background-color: #77bb02;
    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: 14px;
    left: -9px;
    top: 23px;
    transform: rotate(45deg);
}
.ribbon-top-right::before {
    top: 1px;
    left: 10px;
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 2px solid #70a712;
}
.ribbon-top-right::after {
    bottom: 9px;
    right: 0;
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 2px solid #70a712;
}
.button.disabled, input[type="submit"].disabled, input[type="reset"].disabled {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
}
#contact-form .loader,#comments-form .loader {
    position: absolute;
    top: 30%;
    left: 48%;
}
.contact-form-body {
    position:relative;
    max-width: 240px;
    margin: 0 auto;}
.contact-form-body .form-element{margin-bottom:13px;height: 38px;}
.contact-form-body .title-form{
    font-weight: 900;
    text-align: center;
    margin: 5px;
    font-size: 17px;
    color: red;
}
/*menu*/
.sticky-header{
    visibility:hidden;
    position:absolute;
    top:-50px
}
.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 p.gray{
    font-weight:400;
    padding-bottom:2px;
    color:#8e9399
}
.info-sticky-header li:first-child{
    padding-left:0
}

.btn-sticky-header{
    float:right;
    width:20%;
    padding-top:0;
    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:700;
    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:60px;
    position:fixed;
    bottom:0;
    z-index:1000;
    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:10px;
    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%
}
.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
    }
    .info-sticky-header li{padding: 0px 5px 0;}
    .stickyTrigger{
        position:fixed;
        right:0;
        left:0;
        visibility:visible!important;
        opacity:1!important
    }
}
@media only screen and (max-width: 550px) {
   .s-menu-wrapper {
        overflow-x: scroll;
    }
}
/*end menu*/
/*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: 40px auto;
    padding-top: 42px;
    padding-bottom: 60px;
}
.pagewmenu {margin-top: 35px;}
.pagewidth {
    max-width: 800px;
    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-padding-tb{
    padding-top:60px;
    padding-bottom:60px
}
.s-banner-bg{
    width:100%;
    height:auto;
    position:relative;
    z-index:1;
    padding:200px 0 150px
}
.s-banner-bg::before{
    position:absolute;
    top:0;
    left:0;
    content:"";
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.25)
}
.s-banner-header-wrapper{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    max-width:750px
}
.s-banner-header-wrapper h1{
    font-size:40px;
    font-weight:300;
    color:#fff;
    line-height:1.5;
    width:100%;
    max-width:650px;
    padding-bottom:20px
}
#s-all .s-banner-header-wrapper h1{
    max-width:100%;
    text-align:center
}
#s-all .s-banner-header-wrapper .sumary{
    max-width:58%;
    text-align:center;
    margin:auto;
    padding:0
}
.s-banner-header-wrapper .btn-contact{
    margin:unset
}
.s-banner-bg .sumary{
    font-size:20px;
    color:rgba(255,255,255,.8);
    line-height:1.5;
    display:block;
    padding-bottom:30px
}
.s-banner-bg .sumary>a{
    color:rgba(255,255,255,.8);
    font-weight:500
}
.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-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
}
@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-bg-price{
    content:"";
    background-size:cover;
    display:block
}
.step-number-wrapper{
    display:block;
    width:100%;
    overflow:hidden
}
.step-number{
    display:block;
    width:100%;
    overflow:hidden;
    margin-bottom:50px
}
.step-number:nth-child(3){
    margin-bottom:0
}
.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)
}
.step-content{
    display:block;
    width:calc(100% - 100px);
    float:left;
    margin-left:55px
}
.step-content .heading{
    font-size:20px;
    color:#30333a;
    display:block;
    font-weight:500;
    padding-bottom:15px;
    line-height:32px
}
.step-content .detail{
    font-size:16px;
    color:#838383;
    line-height:1.62;
    font-weight:400
}
.s-bg-subcription{
    background:#363636
}
.s-subcription-inner{
    width:100%;
    max-width:920px;
    text-align:center;
    color:#fff;
    margin:auto
}
.s-subcription-inner .title{
    font-size:18px;
    line-height:1.67;
    padding-bottom:30px
}
.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:780px;
    margin:auto;
    color:#444c59;
    line-height:1.67;
    padding-bottom: 20px;
    padding: 0 15px;
    min-height: 300px;
}
.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-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);
}
.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
}
.cta-form{
    display: block;
    background: #fdfdfd;
    color: #30333a;
    border-radius: 2px;
    width: 100%;
    height: 40px;
    border: 1px solid #cecece;
    line-height: 40px;
    font-weight: 500;
}
.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
}
.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
}
.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
}
.s-sreach-input{
    flex-grow:2
}
.s-sreach-input input{
    width:100%;
    height:100%;
    outline:none;
    border:0;
    padding:0 10px;
    font-size:16px;
    border-radius:2px;
    padding-top:5px
}
.s-sreach-input input:focus{
    border:0!important
}
.s-sreach-input input::placeholder{
    font-size:16px;
    color:rgba(68,76,89,.7)
}
.s-sreach-btn{
    text-align:center;
    max-width:160px;
    background:#c52728;
    border:2px;
    width:100%
}
.s-sreach-btn button{
    color:#fff;
    display:block;
    font-weight:500;
    cursor:pointer;
    width:100%;
    height:100%;
    background:#c52728;
    outline:none;
    border:0;
    border-radius:2px;
    text-align:center;
    font-size:18px
}
.s-sreach-btn:hover{
    background:#cf373a
}
.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%
}
.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;width: 100%;
}
.contact-left>p{
    font-size:18px;
    color:#30333a;
    font-weight:500
}
.contact-left .address{
    padding: 8px;
    background: #fafafa;
    border-radius: 5px;
    margin-top: 10px;
}
.contact-left .address .address-content{
    display:block;
    width:100%;
    overflow:hidden;
}
.contact-left  .contact-name
{
    font-weight: 500;
    text-transform: uppercase;
    text-align:center
}
.contact-left  .contact-name h2{
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.contact-left  .contact-name span{
    font-size: 15px;
    text-transform: uppercase;
}
.contact-left .address .address-content .left{
    display:inline-block;
    width:fit-content;
    min-width:35px;
    float:none
}

.contact-left .address .address-content .right{
    display:inline-block;
    width:calc(100% - 35px);
    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
}
@media only screen and (max-width:1080px){
    .s-padding-tb{
        padding-left:25px;
        padding-right:25px
    }
    .contact-warpper{
        padding:0 50px
    }
}
@media only screen and (max-width:979px){
    #s-all .s-banner-header-wrapper .sumary{
        max-width:100%
    }
    .flex-viewport .section-container .section-content{
        padding:30px
    }
    .contact-btn-list .contact-btn-items:nth-child(3){
        margin-top:auto
    }
    .contact-warpper{
        padding:0
    }
    .contact-left{
        width:calc(50% - 30px);
        margin-right:30px
    }
    .contact-right{
        max-width:inherit
    }
}
@media only screen and (max-width:800px){
    .contact-right{
        padding:40px 30px
    }
}
@media only screen and (max-width:768px){
    .s-banner-header-wrapper{
        text-align:center
    }
    .s-banner-header-wrapper .btn-contact{
        margin:auto
    }
    .s-padding-tb{
        padding-top:40px;
        padding-bottom:40px
    }
    .sticky-footer{
        display:flex
    }
    .heading-wrapper{
        top:35%
    }
    .heading-wrapper .heading-inner{
        max-width: 90%;
        padding-bottom: 20px;
    }
    .photo-detail-wrapper .title,.photo-detail-wrapper .content{
        max-width:100%
    }
}
@media only screen and (max-width:630px){
    .serivce-slider{
        display:none
    }
    .contact-btn-items{
        margin-top:10px
    }
    .contact-btn-list .contact-btn-items:nth-child(2),.contact-btn-list .contact-btn-items:nth-child(3){
        margin-top:10px
    }
    .contact-left{
        width:100%;
        max-width:100%;
        margin:0 0 20px
    }
    /*.contact-left>img{
        display:none
    }*/
    .contact-right{
        width:100%
    }
    .policy-heading {
        padding: 80px 0 30px!important;
    }
}
@media only screen and (max-width:480px){
    .s-banner-bg{
        padding:100px 0 50px
    }
    .s-btn-black{
        height:40px;
        line-height:40px
    }
    .s-banner-bg .sumary{
        font-size:16px
    }
    .btn-contact .s-btn-phone{
        display:block;
        border:1px solid #fff;
        border-radius:2px;
        height:40px;
        line-height:40px;
        font-size:18px;
        margin-top:10px
    }
   
    .guide-item{
        flex-flow:row wrap
    }
    .s-heading{
        font-size:2.4em
    }
    .step-number{
        margin-bottom:30px
    }
    .step-content{
        width:calc(100% - 70px);
        margin-left:25px
    }
    .step-content .heading{
        padding:5px
    }
    .step-content .detail{
        font-size:14px;
        line-height:1.5
    }
    .bg-overlay-wrapper{
        background:unset
    }
    .s-form-wrapper{
        min-height:100%
    }
    .s-form-close-btn{
        display:none
    }
    .s-form-back-btn{
        display:block
    }
    .s-body-inner{
        padding:50px 15px
    }
    .s-form-col2{
        width:100%;
        margin-right:0;
        margin-bottom:20px
    }
    .s-body-inner .row>.s-form-col2:nth-child(2){
        margin-bottom:0
    }
    .s-body-inner .row>span{
        display:none
    }
    .s-body-inner .row ul li{
        margin-left:0;
        margin-right:30px
    }
    .s-body-inner .row ul li:last-child{
        margin-right:0
    }
    .s-form-btn{
        margin:unset;
        max-width:unset;
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        padding:20px 15px;
        border-top:1px solid rgba(48,51,58,.1);
        background:#fff
    }
    .s-form-heading{
        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
    }
    .s-heading-inner{
        padding:15px 15px 10px
    }
    .s-heading-inner h2{
        font-size:14px;
        font-weight:400;
        text-transform:uppercase
    }
    .s-banner-header-wrapper h1{
        font-size:28px
    }
    .s-subcription-inner .title{
        font-size:14px
    }
    .sticky-footer{
        flex-flow:row wrap
    }
    .sticky-footer div{
        width:100%;
        margin-bottom:10px;
        padding:unset
    }
    .sticky-footer div:nth-child(2){
        margin-bottom:0
    }
    .heading-wrapper .heading-inner h1{
        line-height:1.5;
        font-size:2em
    }
    .sub-title{
        font-size:1.8em;
        padding-bottom:30px
    }
    .line-header{
        margin:0 auto 25px
    }
    .photo-detail-wrapper .title,.photo-detail-wrapper .content{
        text-align:center
    }
    .photo-detail-wrapper .title{
        max-width:250px;
        margin:0 auto 15px
    }
    
    .photo-category,.category-wrapper{
        width:100%
    }
    .category-wrapper{
        margin:0 0 20px
    }
    .photo-category .category-wrapper:nth-child(3){
        margin:0
    }
  
   
    .s-btn-contact{
        display:none
    }
}
.page-content ul:not(.list-toc),.page-content ol:not(.list-toc){
    opacity: 0.92;
    font-size: 0.92em;
    margin-left: 15px;
    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: 12px;
    color:#444c59;
}

.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*/
/*paging*/
.paging {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin: 15px 0 30px;
}
.paging .button-page {
    margin-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paging .button-page .btn-page {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    float: left;
    position: relative;
    margin-right: 10px;
    color: #636363;
    font-weight: 600;
    font-size: 15px;
    opacity: 0.95;
}
.paging .button-page .btn-page-info{
    width: unset;
    padding: 0 10px;
    background: #fafafa;
    font-weight:normal;
    cursor:pointer;
}
.paging .button-page .btn-page:hover {
    background: #F7F7F7;
}
.paging .button-page .btn-page-info:hover{background:unset;cursor:default;}
.paging .button-page .btn-page.active {
    border: 1px solid #e5741a;
    background: #f27d20;
    color: #fff;
}
/*footer*/
#footer {
    width: 100%;
    padding-top: 0;
    background: #13476a;
    color: #232323;
    display: block;
}
#footer .footer-inner
{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: auto;
    margin-right: auto;
}
/*#footer .footer-inner .footer-image,
#footer .footer-inner .footer-text
{
    max-width: 50%;
    flex-basis: 50%;
    position: relative;
    margin: 0;
    padding: 0 10px 20px;
    width: 50%;
}*/
#footer .footer-inner .footer-image
{
    padding: 0;
    background: url(/images/footer.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 8px 0 16px #222;
    -moz-box-shadow: 8px 0 16px #222;
    box-shadow: 8px 0 16px #222;
    max-width: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    position: relative;
    margin: 0;
    width: 45%;
}
#footer .footer-inner .footer-text
{
    position: relative;
    padding:45px 0;
    margin: 0 auto;
    width: 100%;
}
#footer .footer-inner .footer-text .footer-form{
    padding: 0;
    width: 420px;
    float: left;
}

.forte-inner, .footer-top:before {background: #094950; }


.footer-bottom {
    padding: 10px 0px;
    color: #bbbbbb;
    font-size: 13px;
    position: relative;
    background: #222631;
    font-weight: 500;text-align: center;
}
.footer-bottom p {margin: 0px; }
.footer-bottom a {transition: .25s all ease;  color: #bbbbbb;}
.footer-bottom a:hover {color: #d3b57d; transition: .25s all ease;    margin-bottom: 10px; }
.footer-top {padding-top: 0px; padding-bottom: 10px; padding-bottom: 0px;color: #fff; position: relative;
             /*background: linear-gradient(to right, #0a424c 0%, #054278 41%, #104a72 100%); */
             background-image: linear-gradient(149deg, #1285af 0%, #0a618c 64%, #0e588a 100%);
}

.footer-top a {color: #fff; transition: .25s all ease;
    font-weight: normal;}
.footer-top a:hover {color: #f7f7f7; transition: .25s all ease;}
.footer-top .footer-hotline, .footer-top .footer-hotline a{
    font-size: 21px;
    margin-bottom: 18px;    line-height: 25px;
}
.footer-hotline {
color:#c6b676;}
.footer-hotline a{color:#f1c40f;}
.footer-top p{
    margin-bottom: 12px;
    font-size: 15.5px;
}
.footer-name {
      text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 19px;
}
.footer-social-info a {display: inline-block; padding: 10px; padding-top: 0px; padding-left: 0px; margin-right: 10px; font-size: 1.2em; }

.footer-logo a {display: block; overflow: hidden; }
.footer-logo a img {width: 100%; height: 100%; object-fit: contain; object-position: left; }
.footer-info
{
    padding: 0;
    width: calc(100% - 420px);
    font-family: 'Roboto';
    float: left;    border-right: 1px solid #387fa1;
}

.footer-logo
{       width: 230px;
    padding-right: 20px;
    text-align: center;    float: left;
}
.footer-logo img{
    max-width: 145px;
    margin-bottom: 15px;
    opacity: 0.9;
}
.footer-contact
{
    width: calc(100% - 230px);
    color:#fff;    float: left;
}
.footer-contact .footer-hotline{display:none;}
.footer-top p.footer-slogan {
    margin-bottom: 15px;
    font-size: 16.5px;
    line-height: 22px;
    text-transform: uppercase;
    color: #f1c40e;
    font-weight: 700;
    background: linear-gradient(to right,#be9945,#e4bc34,#f6ed78,#c89f42,#f8e36e,#f9e876,#bd9842);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.footer-top h2.site-name{
    text-transform: uppercase;
    line-height: 30px;
    font-size: 22px;
    color: #f1c40e;
    background: linear-gradient(to right,#be9945,#e4bc34,#f6ed78,#c89f42,#f8e36e,#f9e876,#bd9842);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}
.footer-title {
    position: relative;
    text-transform: uppercase;
    font-size: 17px;
    text-decoration: underline;    font-style: italic;
}
.footer-title span:before {
    content: '';
    width: 154px;
    height: 1px;
    background: #fafafa;
    display: block;
    margin: 0 auto;
}
#footer .social-group a{
    opacity: 0.8;
    border: 1px solid #fefefe66;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    border-radius: 2px;
    margin-right: 10px;
}
#footer .social-group a:hover{opacity:1;}
#footer .social-group a.icon:before{
    font-family: Fontawesome;
    font-size: 17px;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    padding-right: 1px;
    border-radius: 50%;
}
#footer .social-group a.ifacebook:before {
    content: "\f09a";
}
#footer .social-group a.iyoutube:before {
    content: "\f16a";
}
#footer .social-group a.iemail:before {
    content: "\f003";
}
#footer .social-group a.ipinterest:before{content: "\f0d2";}
.subscribe-area {
    padding:0px 20px 5px;
    -moz-box-shadow: 0px 0px 18px 0px rgba(50, 77, 215, 0.14);
    margin: 0 10px;
    opacity: 0.95;
    margin: 0 auto;
    display: block;
    max-width: 380px;
    float: right;
}
.subscribe-form button {
    top: 5px;
    right: 0;
    border-radius: 3px;
    height: 39px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    transition: all .3s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background-size: 200%;
    width: 100%;
    float: left;
    margin: 10px 1% 0px;
    background-image:linear-gradient(135deg,#e3c439 10%,#eb6a24 100%);
    border: 1px solid #e8e8e847;
    text-align: center;
    font-size: 15px;
}.subscribe-area input {
    padding: 0 15px;
    border-radius: 3px;
    color: #fff!important;
    background: transparent!important;
    height: 43px !important;
    float:left;border-bottom: 1px solid #f8f4d9;
    font-size: 17px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #c7e4eb;
}
.subscribe-area input::placeholder {
  color: #ddd!important;font-size: 17px;
}
.subscribe-area h3{
    font-size: 22px;
    margin-bottom: 15px;
    text-align: center;
}
.subscribe-area .section-description{
    color: #545454;
    max-width: 900px;
    display: block;
    margin: 0 auto;
    font-weight: normal;
    margin-bottom: 30px;
    font-size: 20px;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 10px;
    color: #ffffff;
    text-align: center;
}
@media (max-width: 992px) {
    #footer .footer-inner .footer-image{display:none;}
    #footer .footer-inner .footer-text {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .footer-info,
     .footer-form{
         width: 100%;
    }
    .footer-info, .footer-form{
        max-width:768px;
        margin:0 auto;
        display: block;
        border: unset;    float: unset;
    }
    #footer .footer-inner .footer-text .footer-form
    {
        margin-top: 30px;
        padding-top: 20px;
        float: unset;
        border-top: 1px solid #387fa1;
        max-width: 768px;
        width: 100%;
        display: block;
    }
    .subscribe-area{float:left;}
    .footer-contact {
        width: 100% ;
    }
    .footer-logo {
    
    display: none;
}
}
@media (max-width: 768px) {
    
    .subscribe-area {
         padding: 10px 15px 40px;
    margin: 0!important; } 
	.footer-contact {
		display: block;
            padding-left: 10px;
         padding-right: 10px;
	}
    #footer .footer-inner .footer-text .footer-form {
        padding: 20px 10px;
    }
	.footer-logo {
		width: 100%;
		height: auto;
		float: left;
        display:none;
	}
	.footer-info {
		width: 100%;    padding: 15px  0!important;
	}
    .footer-contact {
        width: 100%;
        color: #fff;
    }
    .footer-contact .footer-hotline{display:block;   }
    .section-form .section-top
    {	padding: 15px;
    }
    .section-form .form-container
    {	padding: 10px;
    }
    .tienich .section-content .col {
        padding-bottom: 15px;
    }
    .float-icon-hotline {
        bottom: 5px;
        left: 4px;
    }
    #widget-left{bottom: 10px;
        left: 11px;}
    }
@media (max-width: 576px) {
      .footer-logo {
        width: 180px;
        height: auto;
        margin-right: 0;
        margin-bottom: 15px;
        float: unset;
	}
}
/*end footer*/
/*widget*/
#widget-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 15px;
    left: 10px;
    flex-direction: row;
    z-index: 10;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    opacity: 1;
    transition: all .4s linear;
    transition-delay: .6s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#widget-left .item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin: 8px 4px;
    border-radius: 25px;
    background: rgba(7,65,76,.85);
    width: 36px;
    height: 36px;    color: #ecd908;
    background: linear-gradient(45deg,#e57d29,#b15308);
}
#widget-left .item:hover {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transform-origin: center 60%;
    -ms-transform-origin: center 60%;
    transform-origin: center 60%;
    transition: all .3s ease-in-out;
    opacity:0.9;
}
#widget-left .item:before {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 1px solid #e6c118;
    border-radius: 25px;
    content: '';
}

#widget-left .item.phone{width:136px;font-weight: 500;}
#widget-left .item.phone span.icon{
    margin-right: 6px;
    width: 14px;
    height: 23px;
    font-size: 16px;
}
#widget-left .item.phone img{    width: 20px;height:20px;}
#widget-left .subscribe:before {
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border: 1.5px solid #e6c118;
    border-radius: 39px;
    content: '';
}
#widget-left .item .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
    width: 1.125em;
}
#widget-left .subscribe {
    -webkit-animation: gradientBG 3s ease infinite;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    animation: gradientBG 3s ease infinite;
    margin: 8px 0;
    border-radius: 25px;
    background: -o-linear-gradient(45deg,#e8de8b,#07414c);
    background: linear-gradient(45deg,#eadd70,#07414c);
    background-size: 400% 200%;
    padding: 18px 0;
    width: 35px;
}
#widget-left .subscribe:hover {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transform-origin: center 60%;
    -ms-transform-origin: center 60%;
    transform-origin: center 60%;
    transition: all .3s ease-in-out;
    background: #e8de8b;
    color: #07414c;
}
#widget-left .subscribe span {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-text-orientation: mixed;
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
    color: #e8de8b;
    font-size: 20px;
   /* font-weight: 700;*/
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-transform: uppercase;
    white-space: nowrap;
}
#widget-left .subscribe:hover span{color: #07414c;}
#widget-left .item .zalo, #widget-left .item .hotline {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    position: absolute;
    left: 100%;
    flex-wrap: wrap;
    align-items: center;
    transform: translateX(20px);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    margin-left: 18px;
    background: #e8de8b;
    color: #242424;
    padding: 5px;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
}
#widget-left .item .zalo:before, #widget-left .item .hotline:before {
    position: absolute;
    top: 0;
    right: 100%;
    content: '';
    border-top: 15px  solid transparent;
    border-right: 12px solid #e8de8b;
    border-bottom: 15px  solid transparent;
}
#widget-left .item .zalo {
    height: 30px;
}
#widget-left .fab, #widget-left .fas, #widget-left .mdi {
    font-size: 20px;
}
#widget-left .item .hotline {
    height: 30px;
}
#widget-left .item:hover .zalo, #widget-left .item:hover .hotline {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1;

}
#widget-left .item:hover span.icon,
#widget-left .item:hover svg
{
    -webkit-animation: wiggle .1s infinite alternate;
    animation: wiggle .1s infinite alternate;
}

@keyframes wiggle {
  0% {
    transform: rotate(-7deg); }
  100% {
    transform: rotate(7deg); } }
/*end widget*/
.align-middle{
    -webkit-transform:translate(-50%,-50%) !important;
    left:50%;
    position:absolute !important;
    top:50%;
    transform:translate(-50%,-50%) !important
}
#support-center{
    background:#ddd;
    border-top:1px solid #cfcfcf;
    bottom:0;
    height:57px;
    position:fixed;
    right:0;
    width:100%;
    z-index:7
}
#support-center .sup-action{
    color:#333;
    display:block;
    float:left;
    font-size:13px;
    line-height:1;
    padding:7px 2px;
    text-align:center;
    width:25%;
    z-index:7
}
#support-center svg{
    height:25px;
    width:25px
}
#support-center path{
    fill:#1e88e5
}
#support-center span{
    display:block;
    margin-top:4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
#support-center .open-form path+path{
    fill:#333
}
#support-center .zalo path:nth-child(2){
    fill:#fff
}
#support-center .zalo path:nth-child(3){
    fill:#1e88e5
}
   
#support-center{
       
    background: transparent;
    border: 0 none;
    bottom: 21px;
    box-shadow: none;
    height: auto;
    left: 8px;
    width: 52px;
}
#support-center .sup-action{
    -webkit-transition:all .2s ease-in-out;
    background-color:rgba(0,0,0,.2);
    border-radius:50%;
    box-shadow:0 0 5px 2px rgba(255,255,255,.5);
    height: 52px;
    line-height: 52px;
    padding:0;
    transition:all .2s ease-in-out;
    width:100%
}
#support-center .sup-action:hover{
    background-color:rgba(0,0,0,.3)
}
#support-center .sup-action+.sup-action{
    margin-top:10px
}
#support-center .call,#support-center .open-form,#support-center span{
    display:none
}
#support-center svg{
height: 30px;
width: 30px;
}
#support-center .d360{
    display:none
}
/*#support-center .fanpage{
    display:block
}*/


.ripple-container {
    height: 100px;
    width: 100px;
}
.ripple {
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
    background-color: #fff;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}
.svg-icon {
    height: 22px;
    vertical-align: middle;
    width: 22px;
}

  
.d-hotline{
    background:linear-gradient(135deg,#efd769 10%,#eb6a24 100%);
    border:3px solid #fff;
    border-radius:40px;
    bottom:20px;
    box-shadow:0 0 15px 2px rgba(255,255,255,.75);
    display:block;
    left:72px;
    padding:8px 15px;
    position:fixed;
    width:auto;
    z-index:5
}
.d-hotline .icon{
    float:left;
    padding:4px 0;
    position:relative
}
.d-hotline svg{
    margin-right:5px;
    position:relative
}
.d-hotline svg path{
    fill:#007090;
}
.d-hotline .text{
    color: #0e657e;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
@-webkit-keyframes ripple{
    0%{
        -webkit-transform:scale(0);
        opacity:1;
        transform:scale(0);
        visibility:visible
    }
    100%{
        -webkit-transform:scale(1);
        opacity:0;
        transform:scale(1);
        visibility:hidden
    }
}
@keyframes ripple{
    0%{
        -webkit-transform:scale(0);
        opacity:1;
        transform:scale(0);
        visibility:visible
    }
    100%{
        -webkit-transform:scale(1);
        opacity:0;
        transform:scale(1);
        visibility:hidden
    }
}
@media(max-width:768px) {
    #support-center,.d-hotline{bottom:12px;}
}