@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
}
/* noto-serif-regular - vietnamese_latin_latin-ext */

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-regular.eot');
    /* IE9 Compat Modes */
    src: local('Noto Serif'), local('NotoSerif'), url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-regular.svg#NotoSerif') format('svg');
    /* Legacy iOS */
}


/* noto-serif-italic - vietnamese_latin_latin-ext */

@font-face {
    font-family: 'Noto Serif';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-italic.eot');
    /* IE9 Compat Modes */
    src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-italic.svg#NotoSerif') format('svg');
    /* Legacy iOS */
}


/* noto-serif-700 - vietnamese_latin_latin-ext */

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-700.eot');
    /* IE9 Compat Modes */
    src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url('fonts/noto-serif-v4-vietnamese_latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/noto/noto-serif-v4-vietnamese_latin_latin-ext-700.svg#NotoSerif') format('svg');
    /* Legacy iOS */
}

*{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-rendering:geometricPrecision
}
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, footer, header, 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;
    font-family: Cabin,  Arial, sans-serif;
}
p {
    margin: 0 0 10px;
}
img{max-width: 100%;height:auto;}
section{overflow:hidden;}
.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:rgba(131,131,131,.7);
    font-size:14px
}
input:-moz-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
input::-moz-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
input:-ms-input-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
::-webkit-input-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
::-moz-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
:-ms-input-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
:-moz-placeholder{
    color:rgba(131,131,131,.7);
    font-size:14px
}
input[type="text"],input[type="email"],input[type="url"],textarea{
    -webkit-appearance:textfield;
    background-color:#fff;
    border-image-source:initial;
    border-image-slice:initial;
    border-image-width:initial;
    border-image-outset:initial;
    border-image-repeat:initial;
    -webkit-rtl-ordering:logical;
    -webkit-user-select:text;
    cursor:auto;
    border:1px solid rgba(131,131,131,.3);
}
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
}
.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: Cabin, Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight:400;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    color:#444c59;
    background: #f4f5f9;
}
body.overflow{
    overflow:hidden;
}
/*main*/
*,*::after,*::before{
    margin:0;
    padding:0;
    -webkit-box-sizing:inherit;
    box-sizing: border-box;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
html *{
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale
}
fieldset {border:0;}
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
}

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-full{
    width:100%;
    max-width:1300px!important;
}
.col-offset{float:unset;}
h1, h2, h3, h4, h5, h6, .font-title {
    font-weight: 700;
  font-family: Roboto,   sans-serif;
  margin-bottom: 18px;
    margin-top: 18px;
}

body{
     font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    color:#444c59;
    font-weight:400;
    background:#fff;
    overflow-x: hidden;
    
}
.text-justify{
    text-align:justify;
}
.text-center-index{
    text-align:center
}
.text-upper{text-transform:uppercase;}
.heading-fw{
    text-align:center; margin-bottom: 20px;
}
.heading-fw h2,.heading-left h2{
    position: relative;        
    font-size: 25px;
    font-weight: 500;
      font-family: 'UTM-Avo-Bold';
}
.heading-fw h2{font-size:24px;margin-bottom:15px;}
.heading-fw h2 a,.heading-left h2 a{
    transition:all 1s;
   color:#444c59;    text-transform: uppercase; 
  background: -webkit-linear-gradient(#d91d00, #b6202f); 
  
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.heading-fw h2 a:hover,.heading-left h2 a:hover{   
    background: -webkit-linear-gradient(#c72107, #8a2114);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.block-partners h2{
     color:#444c59;    text-transform: uppercase; 
   background: -webkit-linear-gradient(#ce1c00, #9b2517); 
  
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    font-size: 23px;
}
.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 #96281d;
    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: #f9f9f9;
}
.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;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    min-width:-webkit-fit-content;
    min-width:-moz-fit-content;
    min-width:fit-content;
    min-width:-moz-available;
    max-width:-moz-available;
    text-align:center;
    border-radius:2px;
    padding:0 20px;
    white-space:nowrap
}
.btn-primary:focus{
    outline:none
}
.btn-red{
    color:#fff;
    background:#c72528
}
@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%;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid rgba(127,127,127,.16);
    box-shadow: 0 1px 4px rgb(127 127 127 / 11%);
    -webkit-box-shadow: 0 1px 4px rgb(127 127 127 / 11%);
}
.listingItem .cover-image{
    position:relative
}
.listingItem .cover-image a{
    width:100%;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:66.67%
}
.listingItem .cover-image a img{
    position:absolute;
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
  /*  -o-object-fit:cover;
    object-fit:cover;*/
    border-radius: 5px 5px 0 0;
}
.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;
   background: #fff;
}
.listingItem .info-container .info-text{
    overflow: hidden;
}
.block-listing .info-container .listing-title{min-height:91px;}
.listingItem .info-container .listing-name{
    display:block;
    font-size:19px;
    color:#30333a;
    line-height: 1.6;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    text-transform: uppercase;
}
.listingItem .info-container .listing-address{
    margin-top:8px;
    color:#303030;
    font-size:14px;
    font-weight:400
}.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:14px;
    font-weight:400
}
.listingItem .info-container .listing-address h4 a{
    color:#444;
    line-height:20px;
}
.listingItem .info-container .listing-info{
    margin-top:15px;
    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: #00a65a !important;
    border-color: #d6e9c6;
    text-align: center;
    font-size: 11px;
    padding: 2px 6px;
    line-height: .9;
    color: #fff !important;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    opacity: 0.82;
}
.listingItem .info-container .listing-scale {
    margin-top: 8px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #e80c10;
    font-size: 16.5px;
}
._1line,._2line,._3line,._4line,._5line
{
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
._2line{
    -webkit-line-clamp: 2;
}
._3line{
    -webkit-line-clamp: 3;
}
._4line{
    -webkit-line-clamp: 3;
}
._5line{
    -webkit-line-clamp: 3;
}
.itrans-01,.itrans-02,.itrans-03,.itrans-04,.itrans-05{   
	display: block;
    overflow: hidden;
}
.itrans-01 {
    display: block;
    position: relative
}
.itrans-01:after, .itrans-01:before {
    z-index: 1;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:before {
    background-color: rgba(255,255,255,.5);
    bottom: 50%;
    top: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}

.itrans-01:hover:after {
    background-color: rgba(255,255,255,.5);
    left: 50%;
    right: 50%;
    transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s
}
/*tran 02*/
.itrans-02 {
	position: relative;
}
.itrans-02::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.itrans-02:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*tran 3*/
.itrans-03 {
	position: relative;
}
.itrans-03::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.itrans-03:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*trans 04*/
.itrans-04:hover img {
	opacity: 1;
	-webkit-animation: flash 2s;
	animation: flash 2s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
/*trans 5*/
.itrans-05 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.itrans-05:hover img {
	opacity: .6;
}
@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
}
.popup{
    width:100%;
    max-width:520px;
    -webkit-transform:translate(-50%,-50%) scale(.5);
    -ms-transform:translate(-50%,-50%) scale(.5);
    transform:translate(-50%,-50%) scale(.5);
    position:absolute;
    top:50%;
    left:50%;
    border-radius:2px;
    background:#fff;
    text-align:center;
    padding:50px
}
@media (max-width:480px){
    .popup{
        height:100%;
        padding:100px 18px 20px
    }
}
.popup .closeBtn{
    position:absolute;
    top:-18px;
    right:-18px;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#fff;
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
    box-shadow:0 2px 2px rgba(0,0,0,.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width:480px){
    .popup .closeBtn{
        top:30px;
        left:18px;
        -webkit-box-shadow:unset;
        box-shadow:unset
    }
}
.popup .closeBtn .zmdi{
    padding:0;
    font-size:24px;
    color:#30333a
}
.animationOpen,.animationClose{
    display:block;
    -webkit-transition:all ease .2s;
    -o-transition:all ease .2s;
    transition:all ease .2s
}
.animationOpen{
    -webkit-transform:translate(-50%,-50%) scale(1);
    opacity:1;
    -ms-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1)
}
.animationClose{
    opacity:0;
    -webkit-transform:translate(-50%,-50%) scale(.5);
    -ms-transform:translate(-50%,-50%) scale(.5);
    transform:translate(-50%,-50%) scale(.5)
}
.tab-content #reset-password h3{
    font-size:16px;
    margin-bottom:20px;
    display:block;
    overflow:hidden;
    line-height:1.3
}
.tab-content #reset-password .text{
    font-size:14px;
    line-height:1.5;
    display:block;
    overflow:hidden;
    margin:0 0 40px
}
.form{
    width:100%;
    max-width:420px;
    margin:0 auto;
    display:block;
    overflow:hidden;
    text-align:center
}
.form h1{
    padding:0 0 50px;
    text-align:center
}
.form .btn-primary{
    position:relative;
    max-width:100%
}
.form .btn-primary .icon{
    height:20px;
    width:20px;
    position:absolute;
    top:16px;
    left:15px
}
.form .btn-primary .icon img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
.form .btn-primary span{
    color:#fff
}
.form p{
    color:rgba(68,76,89,.86);
    margin:20px 0;
    font-size:14px
}
.tab-group p{
    margin:20px 0 0
}
.tab-group p a{
    font-weight:600;
    color:#337588
}
.field-wrap{
    position:relative;
    margin-bottom:20px
}
.field-wrap label{
    position:absolute;
    opacity:0;
    top:8px;
    left:0
}
.field-wrap label.active{
    -webkit-transform:translateY(50px);
    -ms-transform:translateY(50px);
    transform:translateY(50px);
    font-size:14px;
    opacity:1;
    color:red
}
.field-wrap input{
    width:100%;
    height:50px;
    border-radius:2px;
    border:1px solid rgba(48,51,58,.3);
    padding:0 15px;
    font-size:14px
}
.field-wrap input:focus{
    outline:none
}
.field-wrap .error{
    text-align:left;
    color:#d0021b;
    font-size:12px;
    margin-top:8px;
    display:none
}
.field-wrap .error.active{
    display:block
}
.bottom-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:30px
}
.bottom-row .left .check{
    position:absolute;
    opacity:0
}
.bottom-row .left .check+label{
    position:relative;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0;
    font-size:14px
}
.bottom-row .left .check+label:before{
    content:'';
    margin-right:5px;
    display:inline-block;
    vertical-align:text-top;
    width:15px;
    height:15px;
    border-radius:2px;
    border:1px solid rgba(48,51,58,.3);
    background:#fff
}
.bottom-row .left .check+label:after{
    content:'';
    position:absolute;
    left:2px;
    top:7px;
    background:#fff;
    width:2px;
    height:2px;
    -webkit-box-shadow:2px 0 0 white , 4px 0 0 white , 4px -2px 0 white , 4px -4px 0 white , 4px -6px 0 white , 4px -8px 0 white;
    box-shadow:2px 0 0 white , 4px 0 0 white , 4px -2px 0 white , 4px -4px 0 white , 4px -6px 0 white , 4px -8px 0 white;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.bottom-row .left .check+label a{
    font-weight:600;
    color:rgba(51,117,136,.86)
}
.bottom-row .left .check:checked+label::before{
    background:#444c59
}
.bottom-row .right a{
    font-size:14px;
    color:rgba(68,76,89,.5)
}
.button-groups .btn-primary{
    max-width:100%;
    margin-bottom:20px;
    position:relative
}
.button-groups .btn-primary:last-child{
    margin-bottom:0
}
.button-groups .btn-primary .icon{
    height:20px;
    width:20px;
    position:absolute;
    top:16px;
    left:15px
}
.button-groups .btn-primary span{
    color:#fff
}
.position-toast{
    bottom:10px;
    left:10px
}
#toast-container>div{
    min-width:330px!important;
    max-width:100%;
    height:auto;
    min-height:50px;
    margin:10px 0 0 0!important;
    padding:0 15px 0 20px!important;
    background:#fff;
    color:#444c59!important;
    border-radius:0!important;
    -webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.24)!important;
    box-shadow:0 4px 10px 0 rgba(0,0,0,.24)!important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    opacity:1!important
}
.toast-items.zmdi{
    font-size:20px
}
.zmdi.zmdi-check::before{
    color:#8cc156
}
.zmdi.zmdi-info-outline::before{
    color:#da5260
}
.zmdi.zmdi-close-circle{
    position:absolute;
    padding-right:20px;
    right:0;
    color:rgba(68,76,89,.3)
}
.toast-message{
    padding:0 10px;
    font-weight:400;
    font-size:16px
}
.toast-message>a{
    color:#00a6bd!important;
}
.toast-message>a:hover{
    color:#c72528
}
.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
    }
}

.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
}
@media (max-width:768px){
    .listingItem .info-container .listing-info li:nth-child(2){display:none;}
}
.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){
    .text-justify{text-align:left;}
    .banner-cover-inner .heading-01{
        font-size:28px;
        line-height:1.36;
        margin: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
    }
}
@media only screen and (max-width:640px){
    .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
{
    display: inline-block;
    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: 30px;
    border-radius: 5px;
     /*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;
        background: -webkit-linear-gradient(#505050, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.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:25px;
    -webkit-box-flex:0;
    -ms-flex:16.66%;
    flex:0 0 16.66%;
    max-width:16.66%;
}
.block-partners .partner-inner .item img{max-width:180px;width: 100%;}
@media (max-width:960px){
    .block-partner .partner-inner .item{
        -webkit-box-flex:0;
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%;
    }
}
@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: #96281d;
}*/
.heading-left h2 a span{border-bottom: 2px solid #96281d;}
.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%}
.section__intro{margin-top:35px;}
.section__intro .intro__text h1.title {
    font-size: 26px;
    margin-top: 0;
    font-family: 'UTM-Avo-Bold';
    color: #ce1c00;
    line-height: 35px;
    text-transform: uppercase;
    line-height: 1.6;
    text-shadow: 1px 1px #828282;
}

.section__intro .intro__text p {
    line-height: 1.8
}

.section__intro .read-more-wrap {
    font-size: 105%
}
.section__intro .intro{
    margin: 0 auto;
    display: block;
    padding: 15px  0;
}
.section__intro .intro__image{
    width: 500px;
    float: left;
}
.section__intro .intro__image img{
    max-width: 380px;
    text-align: right;
    float: right;
    padding-right: 30px;
    opacity:0.9;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.section__intro .intro__image img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    opacity:1;
}
.section__intro .intro__text{
    margin: 0 auto;
    float: none;
    font-size: 110%;
    padding-bottom: 40px;
    float: left;
    width: calc(100% - 500px);
}
.section__intro .intro__text .intro_description{
    margin-top: 15px;
    margin-bottom: 12px;
}
.section__intro .intro__text .intro_description,
.section__intro .intro__text .intro_description p,
.section__intro .intro__text .intro_description div
{
    font-size: 18px;
    line-height: 1.7;
}
.intro-btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 20px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 20px;
    border: 0;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    -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: -webkit-linear-gradient(left,#982b1d 0%,#bd2714 50%,#8a2417 100%);
    background: -o-linear-gradient(left,#982b1d 0%,#bd2714 50%,#8a2417 100%);
     background: linear-gradient(to right,#982b1d 0%,#bd2714 50%,#8a2417 100%);
    background-size: 200%;
}

 .btn-tuyendung {
    opacity: 0.9;
    margin-left: 20px;
     background: -webkit-linear-gradient(right,#1dc347 0%,#6fd743 50%,#6ed741 100%);
    background: -o-linear-gradient(right,#1dc347 0%,#6fd743 50%,#6ed741 100%);
    background: linear-gradient(to right,#1dc347 0%,#6fd743 50%,#6ed741 100%); background-size: 200%;
}.intro-btn:hover,.btn-tuyendung:hover {
    color: #fff;
    background-position: right center!important;   
}
/*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{
    /*display:-webkit-box;
    display:-ms-flexbox;
    display:flex;*/
    margin:auto
}
.block-news .detail-block .item{background: #fff;}
.block-news .detail-block .item img{    
    max-width: 100%;
    width: 100%;}
.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;
}
.project-hot{
    background: linear-gradient(to right,#404040 0%,#383838 40%,#303030 100%);
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgb(103 103 103);
    background-image: url(/images/icon/bg4.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
/*.project-hot .bg {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: rgba(0,0,0,.7);
    width: 100%;
}*/
.block-listing .col{
    margin-bottom: 30px;
    width:100%;
    float: left;
}
.block-listing article{
    transition: translate .18s,box-shadow .18s;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgb(0 0 0 / 20%);

}
@media only screen and (min-width:720px) {
    .block-listing .col{
        margin-bottom: 30px;
        width:36%;
    }
    .block-listing .col .listingItem .info-container{
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 2px 11px;
        background: unset;
    }
     .block-listing .col .listingItem .info-container:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#343434));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #343434 100%);
        background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0%, #343434 100%);
        z-index: 0;
    }
     .block-listing .col .listingItem .info-container .listing-name {
            color: #ffffff;
            position: relative;
            z-index: 2;    text-transform: uppercase;
        }
       .block-listing .col .listingItem .info-container .listing-name:hover,
       .block-listing .col .listingItem .cover-image:hover+.info-container .listing-name{
            color: #fefefe;
        }
    .block-listing .col .listingItem .info-container .listing-address{display: none;}
    .block-listing .col:first-child{width: 61.6%;margin-right: 2.4%;max-width: 703px;}
    .block-listing .col:first-child .listingItem .cover-image a{    padding-top: 69.67%;}
    .block-listing .col:first-child .listingItem .cover-image a img{ border-bottom-left-radius:0; border-bottom-right-radius:0;}
    .block-listing .col:first-child .listingItem .info-container{
        position: relative;    background: #fff;    padding: 5px 15px 15px;
    }
    .block-listing .col:first-child .listingItem .info-container:before{content:unset;}
     .block-listing .col:first-child  .listingItem .info-container .listing-name {
        color: #ed0017;
        text-transform: uppercase;
        font-size:22px;
    }
     .block-listing .col:first-child .listingItem .info-container .listing-name :after{
       background-repeat: no-repeat;background-size: contain;content: ''!important;display: inline-block;height: 26px;width: 40px;background-image: url(/img/moi.gif);margin: 0px 5px 2px 7px;
     }
     .block-listing .col:first-child .listingItem .info-container .listing-name:hover,
       .block-listing .col:first-child .listingItem .cover-image:hover+.info-container .listing-name{
             color: #b6202f;
        }
     .block-listing .col:first-child .listingItem .info-container .listing-address{
        display: block;
        color: #2b2b2b;
        font-size: 16px;
        font-weight: 500;
        margin-top: 5px;
        letter-spacing: 0.2px;
     }
}
.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;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
    margin-left:10px;
    padding-left: 0px;
    padding-right: 0px;
}
.block-news .detail-block  .article-featured .item
{
    padding-bottom:20px;
}
.block-news .detail-block  .article-featured .summary{
    padding-top: 10px;
    line-height: 23px;
}
.block-news .col-6 .row .col-6:nth-child(3){clear:both;}
.block-news .detail-block  .item .cover-image{
    position:relative
}
.block-news .detail-block .item .cover-image a{
    width:100%;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:66.67%
}
.block-news .detail-block  .item .cover-image a img{
    position:absolute;
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    -o-object-fit:cover;
    object-fit:cover;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.block-news .detail-block .item .info-container{
        padding: 12px;
}
.block-news .detail-block .col-3 .item .info-container{
        padding: 8px;
}
.block-news .detail-block .left .item .info-container{
    padding:20px;
    background: #fff;
    /*position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.9)));
    background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.9));
    background:-o-linear-gradient(top,transparent,rgba(0,0,0,.9));
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))*/
}
.block-news .detail-block  .item .info-container .title a{
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 9px;
    display: block;
    color: #292b29;
    font-weight: 600;
        min-height: 51px;
}
.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:17px;line-height:1.4;font-weight:600;height:54px;}
.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:15px
}
.block-news .detail-block .right .item .info-container .title a{
    font-size:16px;
    color:#30333a;
    font-weight:500;
    line-height:1.5
}
.block-news .info-container .article-meta{
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-top:10px;
    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{
    background-color: #00a65a !important;
    border-color: #d6e9c6;
    text-align: center;
    font-size: 11px;
    padding: 2px 6px;
    line-height: .9;
    color: #fff !important;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    opacity: 0.92;
}
.block-news .article-meta .meta-date, .block-news .article-meta .meta-cate {
    color: #838383;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: #96281d;
}
/*.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{
    /*text-decoration: none;
    color: #fff;
    background: #96281d;
    padding: 6px 12px;
    border-radius: 3px;
    line-height: 42px;*/
    margin-top: 0;
    clear: none;
    font-size: 15px;
    color: #ff0e00;
    display: inline-block;
    padding-right:6px;
    transition: all 0.3s;
}
.block-news .readmore:hover{
    /*background: #038e4c;*/
    padding-right:0px;
}
.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
}
@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-transition :all .3s;
    -ms-transition:all .3s;
    transition: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: #96281d;
    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{
    background: #ececec url(/images/slide2.jpg);
    margin-top: 0px;
    display: block;
    opacity: 0.95;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.15);
    box-shadow: 0 0 6px rgba(0,0,0,.05);
    height: 396px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.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:#96281d;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: #96281d;
    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: #96281d;
    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*/
.radiobox:hover{
    background:rgba(48,51,58,.07)
}
a{
    text-decoration:none;
    color:#444c59
}
a:hover{
    color:#ce1c00;
}
.detail-content-news img,.cover{
    position:relative
}
/*.detail-content-news 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
}

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

.position-left{
    left:185px!important;
    right:inherit!important
}
.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
}
.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
}
.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
}
.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
}
.customer-review .box-reviewer .reviewer{
    padding:30px 0;
    width:auto;
    text-align:center
}
.customer-review .box-reviewer .reviewer .avatar{
    display:inline-block;
    margin-right:2%;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border:1px solid #ccc;
    width:124px;
    height:124px;
    padding:2px
}
.customer-review .box-reviewer .reviewer .avatar a{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%;
    -moz-border-radius:50%;
    background-repeat:no-repeat;
    background-size:cover!important;
    background-position:50% top
}
.customer-review .box-reviewer .reviewer .reviewer-info{
    vertical-align:top;
    padding-top:10px;
    text-align:left;
    display:inline-block
}
.customer-review .box-reviewer .reviewer .reviewer-info a.name{
    font-size:2em;
    color:#c72528;
    line-height:2em
}
.customer-review .box-reviewer .reviewer .reviewer-info p{
    color:#999;
    font-size:1.8em
}
.customer-review .box-reviewer .reviewer .reviewer-info ul li{
    list-style:none;
    display:inline-block;
    color:#999;
    font-family:zmdi;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    margin-right:10px;
    padding:5px 0;
    font-size:2em
}
.customer-review .box-reviewer .reviewer .reviewer-info ul li a{
    display:block;
    width:100%;
    height:100%
}
.customer-review .box-reviewer .reviewer .reviewer-info ul li:hover{
    color:#eee
}
.customer-review{
    overflow:auto;
    padding-bottom:50px;
    background:#fff;
    padding-top:50px
}
.customer-review .box-reviewer{
    max-width:1140px;
    overflow:auto;
    position:relative;
    margin:0 auto
}
.customer-review .box-reviewer h2{
    text-align:center;
    font-size:3.2em;
    color:#444c59;
    display:block;
    line-height:3em;
    font-weight:400;
}
.box-reviewer .description{
    color:#999;
    width:80%;
    margin:0 auto;
    line-height:1.6em;
    font-weight:400;
    font-size:1.6em;
    text-align:center;
    padding:0 15px
}
.background-detail{
    position:relative;
    height:350px;
    width:100%
}
.background-detail-news{
    height:350px;
    width:100%;
    max-width:1280px;
    margin:0 auto
}
.background-home-news{
    height:500px;
    width:100%;
    background:url(/images/slide01.jpg);
    background-size:cover;
    background-position:center
}
#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 .infoagency{
    line-height:1.8em;
    float:left;
    text-align:left;
    font-size:16px;
    padding:10px 0 0;
    width:calc(100% - 160px)
}
.contact-agency-info .infoagency h3{
    font-size:16px;
    font-weight:500;
    text-transform:capitalize
}
.booking-tour .bg-gray{
    background:#f3f3f3;
    padding:30px 8%
}
.booking-tour .bg-gray .sms-button{
    width:100%;
    background:#444c59;
    margin:0;
    padding:16px 0 12px 0;
    text-transform:uppercase
}
.booking-tour .bg-gray .sms-button:hover{
    background:#c72528
}
.bg-gray:after{
    content:'';
    display:table;
    clear:both
}
.slidemap{
    float:left;
    width:100%;
    overflow:auto;
    padding:30px 0;
    position:relative;
    z-index:2
}
ul.slidemap li a.img{
    display:block;
    border:1px solid #eee;
    width:100%;
    height:194px
}
ul.slidemap li a.img:hover{
    border:1px solid #eee
}
.icon-presmall-right-gray{
    display:block;
    position:absolute;
    top:10px;
    left:-30px;
    z-index:999
}
.icon-presmall-right-gray:before{
    content:'\f2fa';
    font-size:2em;
    color:#444c59
}
.icon-nextsmall-right-gray{
    display:block;
    position:absolute;
    top:10px;
    right:-30px;
    z-index:999
}
.icon-nextsmall-right-gray:before{
    content:'\f2fb';
    font-size:2em;
    color:#444c59
}
.question-form .right-form .contact-agency-info{
    margin:0
}
.question-form .right-form a.sms-button{
    margin:0;
    width:50%
}
.rating-black:before{
    content:'\f137'
}
.arrow-icon-deco:before{
    content:'\f2fb'
}
.view-all-icon:before{
    content:'\f2fb'
}
.arrow-icon-down:before{
    content:'\f116'!important
}
.rating-white:before{
    content:'\f157'
}
.rating-black-gray:before{
    content:'\f156'
}
.news-detailpage{
    width:100%;
    max-width:700px;
    margin:0 auto;
    padding:70px 0;
    font-size:18px;
    line-height:29px;
    background:#fff
}
.news-detailpage img{
    width:100%
}
.news-detailpage p{
    padding:20px 0
}
.news-detailpage h2{
    
    font-size:2em;
    font-weight:400;
    line-height:1.2em
}
.news-postter{
    color:#999;
    font-size:14px;
    margin:30px 0 60px 0;
    line-height:18px
}
.news-postter p{
    padding:0
}
.news-postter img{
    float:left;
    height:50px;
    width:50px;
    float:left;
    margin-right:15px;
    border-radius:50%;
    vertical-align:middle
}
.bg-f7{
    background:#f7f7f7
}
.prev-icon{
    display:block;
    position:absolute;
    top:50%;
    left:5px;
    z-index:999;
    margin-top:-13px;
    font-size:22px!important
}
.prev-icon:before{
    content:'\f2fa';
    font-size:1.5em;
    color:#444c59
}
.next-icon{
    display:block;
    position:absolute;
    top:50%;
    right:5px;
    z-index:999;
    margin-top:-13px;
    font-size:22px!important
}
.next-icon:before{
    content:'\f2fb';
    font-size:1.5em;
    color:#444c59
}
.icon-presmallca-gray{
    display:block;
    position:absolute;
    top:40px;
    left:-30px;
    z-index:999
}
.icon-presmallca-gray:before{
    content:'\f2fa';
    font-size:2em;
    color:#444c59
}
.icon-nextsmallca-gray{
    display:block;
    position:absolute;
    top:40px;
    right:-30px;
    z-index:999
}
.icon-nextsmallca-gray:before{
    content:'\f2fb';
    font-size:2em;
    color:#444c59
}
.icon-presmall-gray{
    position:absolute;
    left:10px;
    top:80px;
    z-index:9;
    display:block;
    background:rgba(255,255,255,.7);
    padding:10px 0 0;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.icon-presmall-gray:before{
    content:'\f2fa';
    font-size:2.3em;
    color:#333
}
.icon-nextsmall-gray{
    position:absolute;
    right:10px;
    top:80px;
    z-index:9;
    display:block;
    background:rgba(255,255,255,.7);
    padding:10px 0 0;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.icon-nextsmall-gray:before{
    content:'\f2fb';
    font-size:2.3em;
    color:#333
}
.icon-presmall{
    display:block;
    position:absolute;
    top:30px;
    left:-35px
}
.icon-presmall:before{
    content:'\f053';
    font-size:1.5em;
    color:#fff;
    text-shadow:2px 0 5px #666
}
.icon-nextsmall{
    display:block;
    position:absolute;
    top:30px;
    right:-35px
}
.icon-nextsmall:focus{
    border:none;
    outline:none
}
.icon-presmall:focus{
    border:none;
    outline:none
}
#slider{
    height:350px;
    overflow:hidden;
    border:0!important;
    position:relative
}
#slider .slides>li a{
    height:350px!important;
    display:block
}
.flex-active-slide{
    opacity:1!important
}
#slider2{
    position:relative!important
}
.icon-nextsmall:before{
    content:'\f054';
    font-size:1.5em;
    color:#fff;
    text-shadow:0 2px 5px #666
}
.fix-widthcell .naviicon{
    float:left;
    width:42%;
    border-left:1px solid #666;
    margin-left:40px;
    height:76px;
    text-align:left
}
.fix-widthcell .naviicon li{
    list-style:none;
    text-align:center;
    display:inline-block;
    padding:5px 20px;
    vertical-align:top;
    white-space:nowrap;
    margin-left:-3px
}
.fix-widthcell .naviicon li.disable{
    opacity:.3
}
.fix-widthcell .naviicon li.disable a{
    cursor:default
}
.fix-widthcell .naviicon li.active{
    background:#3e3e3e;
    height:100%
}
.fix-widthcell .naviicon li.active a{
    color:#fff
}
.fix-widthcell .naviicon li a{
    display:block;
    width:100%;
    color:#999;
    padding:10px
}
.fix-widthcell .naviicon li:not(.disable) a:hover{
    color:#fff
}
.fix-widthcell .naviicon li span.fullscreen{
    display:block;
    padding:5px 0
}
.fullscreen:before{
    content:'\f130';
    font-size:2em
}
.fix-widthcell .naviicon li span.video{
    display:block;
    padding:5px 0
}
.fix-widthcell .naviicon li span.photo{
    display:block;
    padding:5px 0
}
.photo:before{
    content:'\f147';
    font-size:2em
}
.fix-widthcell .naviicon li span.view3d{
    display:block;
    padding:5px 0
}
.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
}
.fix-widthcell .naviicon li span.streetview{
    display:block;
    padding:5px 0
}
.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: 850px;
    margin-right: 25px;
    font-size:17px;
    line-height:1.6;
    overflow: hidden;
}
.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% - 875px);
}
.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;
}
@media only screen and (min-width:1200px){
    .project-content{
        max-width: 1200px;
            }
}
.project-content:after {
    content: '';
    display: table;
    clear: both;
}
.project-content .bgbox
{
    background:#fff;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    
}
.box-hot{
    margin-bottom: 40px;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
    margin-right: 3px;
}
.box-hot .box-header{
    background: linear-gradient(#fffefb, #fffef1);
    padding-top: 15px;
}
.box-hot .box-header h2.title {
    text-align: center;
    background: -webkit-linear-gradient(#ef2606, #d73a27);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
    padding-bottom: 30px;
}
.box-hot .content{
        background: #fffef1;
}
.box-hot .content .inner,
.box-hot .box-header .inner{
    max-width: 700px;
    margin: 0 auto;    padding: 0 13px;
}

.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;
}
.project-content ul li{line-height:20px;margin-bottom:12px;}
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;
}

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

.detail-more.browsing-list li{
    border:none;
    font-size:16px
}
.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;    margin-bottom: 20px;
}

.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,.product-description table.thover tr:hover,
.post-body table.thover tr:hover
 {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: #96281d;
  color: white;
  font-weight:bold;
  text-align: center;
  vertical-align: middle;
}
.box-row table.tlheader tr td:first-child, .product-description table.tlheader tr td:first-child,
.post-body table.tlheader tr td:first-child {
 background-color: #ccc;
 font-weight:bold;
}

 .project-description table td{    
     border:0;
     padding: 6px;
    vertical-align: middle;
        border-bottom: 1px solid #e8e8e8;
}
 .project-description table td p {
    margin-bottom: 0px!important;
}
.box-row .content h2 {margin: 10px 0;}
.browsing-tab.main-content{
    text-align:center;
    overflow:hidden
}
.browsing-tab input{
    display:none
}
.browsing-tab label{
    display:inline-block;
    color:#444c59;
    width:90px;
    height:40px;
    line-height:40px;
    font-size:16px;
    cursor:pointer;
    border:1px solid #444c59;
    padding:0 20px 10px;
    font-weight:500;
    margin-bottom:40px;
    margin-right:-2px;
    background:#fff
}
.browsing-tab input:checked+label{
    background:#444c59;
    color:#fff
}
.browsing-tab .content{
    display:none
}
.browsing-tab #tab1:checked~#content1,.browsing-tab #tab2:checked~#content2{
    display:block
}
.browsing-tab .right{
    color:#9a9a9a!important
}
.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
}
.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:2px solid #c72528;
    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: 3em;
    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:'\f138'
}
.but-predetail{
    position:absolute;
    top:45%;
    margin-top:-20px;
    left:20px;
    font-family:fontawesome;
    font-size:3em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 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:'\f137'
}
.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 .close:after{
    content:'\00d7'
}
.email-info{
    color:#999;
    padding:10px 0;
    font-size:1em;
    font-family:'harmonia',Arial,Helvetica,sans-serif
}
.fone-info{
    color:#c72528;
    padding:5px 0;
    font-size:1em;
    font-family:'harmonia',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
}
.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
}
.down-arrow{
    position:absolute;
    right:10px;
    top:4px;
    font-size:15px
}
.down-arrow:before{
    content:'\f120'
}
.popup{
    display:block;
    z-index:1;
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
    -moz-box-shadow:0 2px 2px rgba(0,0,0,.1);
    box-shadow:0 2px 2px rgba(0,0,0,.1);
    position:absolute;
    padding:15px;
    background:#fff;
    border:1px solid #e8e8e8;
    color:#444c59;
    left:0;
    min-width:162px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .25s linear , visibility .25s linear;
    -moz-transition:opacity .25s linear , visibility .25s linear;
    -o-transition:opacity .25s linear , visibility .25s linear;
    transition:opacity .25s linear , visibility .25s linear;
    top:43px
}
.popup-visible{
    opacity:1;
    visibility:visible
}
popup input[type="checkbox"]{
    cursor:none
}
ul.popup li{
    padding:5px 0
}
ul.popup li label{
    cursor:pointer
}
ul.popup li label:hover{
    color:#00779a
}
.mgr-30{
    margin-right:30px!important
}
.different{
    width:650px;
    padding:0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.different li.no-bedroom a{
    width:40px
}
.different li{
    float:left;
    border-left:1px solid #eee;
    border-bottom:1px solid #eee;
    width:calc(50%);
    padding:20px!important
}
.different li:first-child{
    border-left:0
}
.different li:nth-child(3n){
    border-left:0
}
.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
}
.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
}
.google-map{
    width:100%;
    height:100%
}
.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
}
.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 section.news-content .bordertop-news01{
    float:left;
    border-top:2px solid #444c59;
    width:48.5%;
    background:#fff;
    margin-right:3%
}
.news-box section.news-content .bordertop-news01 article.featured{
    width:100%;
    line-height:1.5em
}
.news-box section.news-content .bordertop-news01 article.featured .cover{
    height:300px;
    background-size:cover!important;
    position:relative
}
.news-box section.news-content .bordertop-news01 article.featured .cover img{
    width:100%;
    height:100%;
    object-fit:cover
}
.relative-news .relative-news-left .featured header,.news-box section.news-content .bordertop-news01 article.featured header{
    padding:30px 0 0;
    height:auto;
    overflow:hidden
}
.news-box section.news-content .bordertop-news01 article.featured header .news{
    font-size:20px;
    font-weight:500;
    line-height:26px;
}
.news-box section.news-content .bordertop-news01 article.featured header .news a{
    font-size:20px
}
.news-box section.news-content .bordertop-news01 article.featured header p.description{
    display:block;
    font-size:16px;
    line-height:26px
}
.news-box section.news-content .bordertop-news02{
    float:left;
    width:48.5%;
    background:#fff
}
.news-box section.news-content .bordertop-news02 article.featured{
    overflow:auto;
    margin-top:30px;
    position:relative
}
.news-box section.news-content .bordertop-news02 article.featured .cover{
    float:left;
    width:32%;
    margin-right:4%;
    height:90px;
    background-size:cover!important;
    position:relative
}
.news-box section.news-content .bordertop-news02 article.featured .cover img{
    width:100%;
    height:100%;
    object-fit:cover
}
.news-box section.news-content .bordertop-news02 article.featured header .news{
    font-size:20px;
    line-height:1.4em;
    font-weight:500
}
.news-box section.news-content .bordertop-news02 article.featured header{
    float:left;
    width:64%
}
.news-box section.news-content .bordertop-news02 article.featured header p.by{
    font-size:14px;
    color:gray;
    padding-top:12px
}
.news-box section.news-content .bordertop-news02 article.featured header p.description{
    display:none
}
.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;}
.common-info{
    text-align:center;
    font-weight:200
}
.common-info h2{
    padding:60px 0 40px;
    
    font-size:30px;
    color:#444c59;
    display:block;
    line-height:36px;
    font-weight:400
}
.common-info p{
    padding-bottom:40px;
    color:#444c59;
    width:900px;
    margin:0 auto;
    line-height:28px;
    font-weight:500;
    font-size:18px
}
.promo-3d-vid{
    padding-bottom:30px
}
.promo-3d-vid span{
    cursor:pointer
}
article .cover a{
    display:block;
    width:100%;
    height:100%
}
article .cover a img{
    width:100%
}
.sort-view{
    padding:15px 5px!important;
    right:-10px;
    left:auto
}
.sort-view li{
    width:100%
}
.sort-view li a{
    padding:6px!important
}
section.project article.featured:nth-child(1),section.project article.featured:nth-child(2),section.project article.featured:nth-child(3){
    margin-top:30px;
    margin-right:30px
}
section.project article.featured:nth-child(3n+3){
    margin-right:30px
}
section.project article.featured{
    height:auto
}
.detail-article-location{
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.6);
    color:#fff;
    line-height:40px
}
.detail-article-location .abc{
    float:left;
    background:#444c59;
    height:40px;
    width:40px;
    text-align:center;
    font-weight:500;
    font-size:3em;
    text-transform:uppercase;
    line-height:40px
}
.detail-article-location .m{
    float:left;
    height:40px;
    width:75px;
    text-align:center;
    font-size:18px;
    line-height:40px
}
.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:','
}
.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
}
.ads-boxtable{
    display:none;
    width:100%;
    background:#444c59
}
.ads-boxtable .adstable-cell{
    width:100%;
    display:table-cell;
    vertical-align:middle;
    height:140px;
    background:rgba(0,0,0,.7)
}
.ads-boxtable .adstable-cell .ads-content{
    max-width:1140px;
    padding:0 20px;
    margin:0 auto
}
.ads-boxtable .adstable-cell .ads-content h3{
    float:left;
    color:#fff;
    font-size:3.2em;
    font-weight:400;
    line-height:1.8em
}
.ads-boxtable .adstable-cell .ads-content p{
    float:right;
    margin:0 auto;
    text-align:center
}
.ads-boxtable .adstable-cell .ads-content p a{
    display:block;
    padding:10px 40px;
    border:2px solid #fff;
    color:#fff;
    font-size:1.8em;
    font-weight:500;
    line-height:1.8em;
    text-transform:uppercase;
    border-radius:2px
}
.ads-boxtable .adstable-cell .ads-content p a:hover{
    background:#222
}
article.featured .cover{
    display:block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:50% top;
    cursor:pointer;
    background-size:cover
}
.bor-left-header{
    padding-left:15px;
    margin-left:15px
}
.but-next{
    position:absolute;
    top:50%;
    left:15px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:5em;
    z-index:10;
    padding:2px
}
.bor-right-header{
    padding-right:20px
}
.bor-right-header:before{
    content:'';
    position:absolute;
    right:-6px;
    height:48px;
    width:1px;
    background:#a6a6a6;
    bottom:4px
}
.bor-header:before{
    bottom:-4px!important;
    height:60px
}
.bor-right-header .dropdownItem{
    margin-right:20px
}
.but-next{
    position:absolute;
    top:50%;
    left:15px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:5em;
    z-index:10;
    padding:2px
}
.but-next:before{
    content:'\f108'
}
.but-pre{
    position:absolute;
    top:50%;
    right:15px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:5em;
    z-index:10
}
/*.checked{
    color:#c72528!important
}
.checked:before{
    color:#c72528!important
}
.checked:after{
    color:#c72528!important
}*/
.but-pre:before{
    content:'\f109'
}
.facebook: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'
}
.in:before{
    content:'\f112';
    padding-right:5px
}
.favorite:before{
    content:'\f146';
    padding-right:10px;
    font-size:20px;
    vertical-align:middle
}
.play:before{
    content:'\f159'
}
#slider3{
    position:relative;
    width:302px;
    margin-left:30px
}
#slider4{
    position:relative;
    width:302px;
    margin-left:30px
}
.list-but{
    width:100%
}
.list-but a{
    border-right:1px solid #bfbfbf;
    display:block;
    float:left;
    padding:10px 0;
    font-weight:500;
    text-align:center;
    width:33%;
    white-space:nowrap
}
.list-but a:hover{
    background:#444c59;
    color:#fff
}
.list-but a:last-child{
    border:0;
    width:34%
}
.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'
}
.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;
        font-size: 15px;
    font-style: italic;
}
.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: 100;
    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
}
.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
}
.agent-list{
    width:22%;
    float:left;
    margin-right:4%;
    margin-top:40px
}
.agent-list:nth-child(4n){
    margin-right:0
}
.agent-info{
    width:100%;
    margin:0 auto
}
.agent-info .cover{
    height:255px;
    border-top:2px solid #444c59
}
.agent-info header{
    background:#fff;
    width:100%;
    padding:15px;
    position:relative;
    font-size:.9em
}
.agent-info header h3{
    
    font-size:1.2em;
    text-transform:capitalize;
    font-weight:400;
    line-height:35px
}
.agent-info header p{
    line-height:25px
}
.agent-info header .vote{
    position:absolute;
    right:15px;
    bottom:18px
}
.buttondangky-fixed a{
    background:#c72528;
    color:#fff;
    padding:14px 20px 10px;
    border-radius:2px;
    text-align:center;
    font-weight:500;
    text-transform:uppercase;
    display:block;
    font-size:14px;
    margin-top:12px
}
.agent-group{
    margin:20px 0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.agent-group:before{
    content:'';
    clear:both;
    display:table
}
.agent-group:after{
    content:'';
    clear:both;
    display:table
}
.pl20{
    padding-left:20px
}
.pb40{
    padding:40px 0
}
.pd50{
    padding:50px 0
}
.pb50{
    padding-bottom:50px
}
.pb20{
    padding-bottom:20px
}
.pb30{
    padding-bottom:30px
}
.pb10{
    padding-bottom:10px
}
.pt20{
    padding-top:20px
}
.mt0{
    margin-top:0!important
}
.pd50:after{
    content:'';
    display:table;
    clear:both
}
.color-black{
    color:#444c59!important
}
.about-agent{
    max-width:1140px;
    padding:50px 0;
    margin:0 auto
}
.about-agent:after{
    display:table;
    clear:both;
    content:''
}
.left-content-agent{
    float:left;
    width:40%;
    font-size:1.6em;
    line-height:1.6em
}
.left-content-agent .cover img{
    width:300px;
    height:300px
}
.left-content-agent h3{
    font-size:1.5em;
    line-height:2em
}
.left-content-agent p.title{
    font-weight:600;
    padding-top:10px
}
.right-content-agent{
    float:left;
    width:60%;
    font-size:1.6em;
    line-height:1.6em
}
.right-content-agent h4{
    font-size:1.5em;
    line-height:2em
}
.right-content-agent p{
    padding:5px 0
}
.right-content-agent .infoagent{
    line-height:2em
}
.right-content-agent .infoagent h3{
    
    font-size:2em;
    line-height:2em;
    text-transform:capitalize;
    font-weight:400
}
.right-content-agent .infoagent .sms-button{
    width:40%;
    background:none;
    color:#444c59;
    border:1px solid #444c59;
    margin:40px 0 0 0;
    padding:8px 0 5px 0;
    border-radius:2px
}
.right-content-agent .infoagent .sms-button:hover{
    background:#f7f7f7
}
.vote-agent{
    padding-top:5px;
    line-height:20px
}
.vote-agent p{
    display:inline-block;
    vertical-align:middle
}
.size4{
    font-size:20px
}
.size3{
    font-size:16px
}
.graybg{
    background:#ebebeb
}
.box-border-top{
    width:100%;
    max-width:1140px;
    margin:20px auto;
    border-top:1px solid #dedede;
    padding:30px 0;
    font-size:1.5em
}
.box-border-top:after{
    display:table;
    content:'';
    clear:both
}
.box-border-top h3{
    text-align:left;
    
    font-size:1.8em;
    line-height:2em;
    font-weight:400
}
.question-form{
    float:left;
    width:100%;
    clear:both;
    display:flex;
    margin-top:10px
}
.question-form .left-form{
    float:left;
    width:49%;
    margin-right:2%;
    background:#fff;
    padding:25px
}
.question-form .left-form .cover{
    float:left
}
.question-form .left-form .cover img{
    width:100px;
    height:100px
}
.question-form .left-form .infoagent{
    float:left;
    margin-left:30px
}
.question-form .left-form .infoagent h4{
    font-size:1.2em;
    line-height:25px
}
.infomation{
    width:100%;
    padding:20px 0;
    clear:both
}
.question-form .right-form{
    float:left;
    width:49%
}
.bank-form{
    margin-top:30px;
    display:flex;
    -moz-display:flex;
    -webkit-display:flex;
    font-size:1.6em
}
.bank-form .left-form{
    float:left;
    background:#f4f4f4;
    width:50%;
    border:1px solid #dedede;
    border-right:0
}
.bank-form .left-form .best-bank{
    padding:40px 10px 20px 10px;
    text-align:center;
    margin:0 20px
}
.bank-form .left-form .best-bank h4{
    font-size:1.4em;
    text-transform:uppercase;
    font-weight:500;
    line-height:1.6em
}
.bank-form .left-form .best-bank .logo{
    width:208px;
    height:76px;
    border:1px solid #bfbfbf;
    text-align:center;
    margin:15px auto;
    padding:10px 5px;
    background:#fff
}
.bank-form .left-form .best-bank .logo img{
    max-width:90%;
    max-height:90%
}
.bank-form .left-form .list-bank{
    padding:10px 20px
}
.bank-form .left-form .list-bank-no{
    float:left;
    width:166px;
    height:90px;
    background:#fff;
    margin:0 15px 15px 0;
    color:#999;
    text-align:center;
    border:1px solid #fff;
    padding:15px 5px
}
.bank-form .left-form .list-bank-no p{
    padding:10px 0 0 0
}
.bank-form .left-form .list-bank-no:nth-child(3n){
    margin-right:0
}
.bank-form .left-form .list-bank-no img{
    max-width:80%;
    max-height:50%
}
.bank-form .left-form .list-bank-no a{
    display:block;
    width:100%;
    height:100%
}
.bank-form .left-form .list-bank-no:hover{
    border:1px solid #444c59
}
.bank-form .right-form{
    float:left;
    width:50%;
    background:#fff;
    color:#444c59;
    padding:40px 60px;
    font-size:1em;
    position:relative;
    border:1px solid #dedede;
    border-left:0
}
.bank-form .right-form .arrow-right{
    position:absolute;
    left:-1px;
    top:48px;
    width:40px;
    height:40px;
    background:url(../images/arrow_right.svg) no-repeat
}
.play-button{
    position:absolute;
    top:50%;
    left:50%;
    height:58px;
    width:58px;
    margin:-25px 0 0 -25px;
    cursor:pointer;
    color:#fff;
    font-family:zmdi;
    font-size:77px;
    background:rgba(0,0,0,.54);
    border-radius:50%
}

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

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

.copyright-left{
    float:left;
    color:#b2b2b2;
    font-size:13px
}
.copyright-right{
    float:right;
    color:#fff;
    font-size:1.5em;
    text-align:right
}
.copyright-right a{
    color:#fff;
    font-weight:200;
    padding:0 5px 0 0;
    font-size:25px
}
.copyright-right a:hover{
    opacity:.9
}
.shareanddown{
    padding-bottom:10px;
    font-size:1.5em;
    display:inline-block
}
.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
}
.top-sell .buttondangky-pd a{
    width:25%;
    margin:0 auto
}
.copyright .app-icon-btn{
    display:inline-block
}
.width1140>h2,.width1140>h3,.width1140>h6{
    
    font-weight:400;
    color:#444c59;
    display:block
}
.banve{
    padding:30px 0
}
.banve li{
    float:left;
    width:30%;
    margin-right:4%;
    border:1px solid #f1f1f1
}
.banve li:nth-child(3){
    margin-right:0
}
.banve li img{
    width:100%
}
.owner{
    padding:30px 0;
    border-top:1px dotted #dedede
}
.owner:first-child{
    border:none
}
.owner:after{
    display:table;
    clear:both;
    content:''
}
.owner img{
    float:left;
    width:30%;
    margin-right:4%;
    border:1px solid #ccc;
    padding:10px 20px
}
.owner .main-agency-summary p{
    float:left;
    width:100%;
    font-size:16px;
    text-align:left;
    margin-bottom:10px;
    line-height:24px
}
.owner p.more{
    float:right
}
.width1140>h6{
    font-size:28px
}
.active-on{
    display:block!important
}
.close-pop{
    position:absolute;
    top:6px;
    left:10px;
    z-index:1111
}
.reset-but{
    position:absolute;
    top:6px;
    right:10px;
    z-index:1111
}
.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
}
.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
}
.news-box section.news-content .bordertop-news02 article.featured:first-child{
    margin-top:0!important
}
.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
}
.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
}
.pdb-60{
    padding-bottom:60px!important
}
#list-bedroom{
    padding-left:16px
}
.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
}
.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
}
.contactnow-but{
    display:inline-block!important;
    padding:7px 20px 3px!important;
    border:1px solid rgba(51,117,136,.5);
    border-radius:2px;
    background:none;
    color:#00779a!important;
    width:auto!important;
    font-weight:500!important
}
.contactnow-but:hover{
    background:#00779a;
    color:#fff!important
}
.apply-but{
    display:inline-block!important;
    padding:7px 20px 3px!important;
    border:1px solid rgba(199,37,40,.5);
    border-radius:2px;
    background:none;
    color:#c72528!important;
    width:inherit!important;
    font-weight:500!important
}
.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%
}
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:'harmonia',Arial,Helvetica,sans-serif!important;
    font-size:14px;
    min-width:26px;
    height:32px;
    text-align:center;
    line-height:32px;
    margin-top:-48px!important;
    margin-left:-13px!important;
    text-transform:uppercase
}
.gmap-group-label{
    color:#fff!important;
    text-align:center;
    font-family:'harmonia',Arial,Helvetica,sans-serif!important;
    font-size:14px;
    border-radius:50%;
    background-color:#c72528;
    opacity:.8;
    cursor:pointer;
    padding-top:1px;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.19)
}
.gmap-group-label.active{
    opacity:1
}
.gmap-group-label.s{
    width:30px;
    line-height:30px;
    height:30px
}
.gmap-group-label.m{
    width:40px;
    line-height:40px;
    height:40px
}
.gmap-group-label.l{
    width:50px;
    line-height:50px;
    height:50px
}
.gmap-group-label.xl{
    width:60px;
    line-height:60px;
    height:60px
}
.gmap-group-label.xxl{
    width:70px;
    line-height:70px;
    height:70px
}
.dropdownmenu:before{
    display:none
}
.icondropdown{
    right:0
}
.dropdownmenu{
    padding-right:30px!important
}
.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
}
.border-t-de{
    border-top:1px solid #dedede;
    padding:12px 0;
    font-family:'harmonia',Arial,Helvetica,sans-serif;
    font-size:16px
}
.menu-detail-info li{
    display:inline-block
}
.menu-detail-info li a{
    display:block;
    padding:5px 20px 3px 20px;
    line-height:40px;
    font-weight:500
}
.menu-detail-info li:first-child a{
    padding:5px 20px 3px 0
}
.black-btn{
    display:block;
    width:250px;
    margin:0 auto;
    background:#444c59;
    color:#fff;
    padding:15px 0 11px 0;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    font-size:16px
}
.black-btn:hover{
    background:#c72528;
    color:#fff
}
.font-36{
    font-size:36px!important;
    line-height:46px
}
.font-30{
    font-size:30px!important;
    line-height:40px
}
.font-26{
    font-size:26px!important;
    line-height:36px
}
.font-20{
    font-size:20px!important;
    line-height:30px
}
.font-16{
    font-size:16px!important;
    line-height:30px
}
.font-14{
    font-size:14px!important
}
.list-open-sale{
    width:100%;
    border:1px solid #d9d9d9;
    background:#fff;
    margin:50px 0
}
.open-sale{
    width:100%;
    position:relative;
    padding:20px 30px;
    border-top:1px solid #ececec;
    font-size:16px
}
.open-sale ul li{
    display:inline-block;
    padding-right:25px
}
.box-content .open-sale:first-child{
    border-top:none
}
.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
}
.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
}

.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
}
.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
}
.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-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)
}
.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
}
.span-left{
    display:block;
    float:left
}
#slider-building,#slider-project{
    border:0!important;
    position:relative;
    background:none!important;
    padding-bottom:60px
}
.agent-content{
    margin-top:28px;
    vertical-align:middle
}
.project .agent-content{
    margin-top:15px;
    vertical-align:middle
}
.info-agent-ct{
    float:left;
    width:calc(100% - 200px);
    vertical-align:middle
}
.avatar-agent-ct{
    float:left;
    vertical-align:sub;
    height:40px;
    width:40px
}
.avatar-developer-ct{
    float:left;
    vertical-align:sub;
    height:40px;
    width:40px;
    border:1px solid #dedede
}
.avatar-developer-ct img{
    width:40px;
    margin-right:10px;
    vertical-align:bottom;
    height:100%;
    object-fit:contain
}
.avatar-agent-ct img{
    width:40px;
    height:40px;
    border-radius:50%;
    margin-right:10px;
    vertical-align:bottom
}
.action-list{
    float:right;
    padding-top:10px
}
.name-title{
    float:left;
    width:calc(100% - 42px);
    padding:7px 0 0 10px;
    white-space:nowrap;
    overflow:hidden
}
.view-all-project{
    color:#73a1cf;
    font-size:18px;
    font-weight:400;
    line-height:240px;
    text-align:center;
    width:360px
}
.view-all-project:hover .next-icon:before{
    color:#c52728
}
.view-all-project .next-icon:before{
    position:absolute;
    top:7px;
    right:67px;
    font-size:45px;
    color:#73a1cf
}
/*.sticky-header{
    visibility:hidden;
    position:absolute;
    top:-60px
}
.stickyTrigger{
    display:block;
    border:1px solid rgba(48,51,57,.15);
    height:60px;
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    overflow:hidden;
    opacity:0;
    transform:translateY(-100%);
    transition:opacity .5s ease-in-out , transform .5s ease-in-out;
    z-index:10;
    font-size:16px
}
.is-stuck{
    position:fixed;
    top:0;
    right:0;
    left:0;
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}
.title-sticky-header{
    float:left;
    max-width:15%;
    padding-right:25px
}
.title-sticky-header h3{
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:60px;
    
    font-size:20px;
    overflow:hidden;
    font-weight:400
}
.info-sticky-header{
    float:left;
    width:65%;
    font-weight:500
}
.info-sticky-header p.gray{
    font-weight:400;
    padding-bottom:2px;
    color:#8e9399
}
.info-sticky-header li{
    display:inline-block;
    padding:6px 10px 0
}
.info-sticky-header li:first-child{
    padding-left:0
}
.info-sticky-header li a{
    line-height:50px;
    font-weight:400;
    display:block
}
.info-sticky-header li a.active{
    font-weight:600;
    border-bottom:2px solid #c72528
}
.btn-sticky-header{
    float:right;
    width:20%;
    padding-top:7px;
    text-align:right;
    line-height:50px;
    font-weight:500
}
.btn-sticky-header .black-button{
    height:40px;
    line-height:40px;
    text-transform:uppercase;
    width:160px;
    padding:0;
    margin:0;
    float:right
}*/
.top-59{
    top:59px
}
.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%
}
.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
}
.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:nowrap;
    -webkit-flex-wrap: nowrap;
    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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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
}
.headerNoScroll .stickyTrigger-shadow {display:none;}
.stickyTrigger-shadow{
    opacity:1;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.07);
    font-size:16px
}
.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 {
    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: 7px 0 8px 0;
    font-style: italic;
    font-weight: 500;
    font-size: 13.5px;
    line-height: 1.4em;
}
.post-body blockquote,.bgbox-content blockquote{
    position: relative;
    font-size: 16px;
    display: block;
    font-style: italic;
    color: #444;
    padding: 15px 35px;
    margin: 15px 2px;
    box-shadow: 0 1px 4px rgba(127, 127, 127, .15);
    -webkit-box-shadow: 0 1px 4px rgba(127, 127, 127, .15);
}
.bgbox-content blockquote:before,
.post-body blockquote:before{
    content: "\f10d";
    position: absolute;
    top: 3px;
    left: 7px;
    font-size: 17px;
    font-family: FontAwesome;
    display: block;
    text-align: center;
    font-style: italic;
    color: #c9c9c9;
}

.post-body p, .bgbox-content p 
{
    margin-bottom:12px;
}
.post-body blockquote p,.bgbox-content blockquote p{
    margin-top:0;
    margin-bottom: 0;
}
.post-body img, .bgbox-content img {
    max-width: 100%;    height: auto;
    margin: 0 auto;
    display: block;
}
.bgbox-content .title{
    font-family: 'Noto Serif', sans-serif;
    color: #515151;
    text-transform: uppercase;
    background: url(/img/border.gif) 0 13px repeat-x;
    margin: 15px 0 12px;
    width: 100%;
    display: inline-block;
    font-size: 19px;
    line-height: 30px;
  /*  font-family: 'UTM-Avo-Bold';*/
    letter-spacing: 1px;
}
/*.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: 22px;
    color: #464646;
    line-height: 30px;
    background-color: #fff;
    padding-right: 15px;
    letter-spacing: 0.5px;
}
.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-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;
}
.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%
}
.pd-15{
    padding:15px
}
#doi-tac .content h2
{
    font-size: 22px;
    padding: 15px 0 25px;
}
.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:18px;
    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
}
.z-index-top{
    z-index:999
}
.close-map{
    z-index:9999;
    position:fixed;
    top:10px;
    right:10px;
    background:#337588;
    display:none;
    padding:2px;
    height:35px;
    color:#fff;
    width:35px;
    text-align:center;
    border-radius:2px
}
.close-map i{
    padding-right:0!important
}
.pd-sort-ch{
    padding:25px 0 0
}
.id-ad{
    white-space:nowrap;
    max-height:20px;
    overflow:hidden
}
.id-ad h4{
    display:inline-block
}
/*.contact-agent-box{
    width:100%;
    max-width:944px;
    border:1px solid rgba(48,51,58,.2);
    background:url(/images/contact-agent-img.jpg) top right / cover no-repeat;
    position:relative;
    margin:90px auto 50px auto;
    padding:100px 50px 10px;
    font-size:16px;
    box-shadow:0 12px 30px 0 rgba(0,0,0,.2)
}*/
.info-cta{
    width:50%
}
.info-cta .title{
    font-size:40px;
    font-weight:400;
    line-height:50px
}
.info-cta p{
    padding:40px 0 70px;
    line-height:26px
}
.or-call{
    padding:20px 0
}
.small{
    font-size:12px;
    color:#444;
    opacity:.86
}
.large-btn-bg{
    padding:13px 40px;
    color:#fff;
    background:#b91b20;
    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:#9c171b;
    color: #fff;
}
.logo-invert{
    position:absolute;
    top:-50px;
    width:100px;
    background:#fff;
    line-height:0
}
.right-title-ab{
    position:absolute;
    right:0;
    top:40px
}
.flexslider .slider-buttons a{
    color:#da6a05
}
.fixed-form-r{
    position:relative;
    width:100%;
    border-radius:2px;
    background-color:#fff;
    font-size:14px;
    margin-top:30px;    border: 1px solid rgba(110,110,110,.15);
    border-radius: 10px;
}.fixed-form-r .note-more {
    font-size: 13px;
    padding: 10px 0;
    display: block;
}
.box-info {
    border-radius: 0 0 15px 15px;
    background-color: #fff;
    padding-top: 15px;
}
.large-btn-contact{
    padding: 12px 40px;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: 600;
    background: -webkit-linear-gradient(left,#b22817 0%,#bc2715 60%,#b22817 100%);
    background: -o-linear-gradient(left,#b22817 0%,#bc2715 60%,#b22817 100%);
    background: linear-gradient(to right,#b22817 0%,#bc2715 60%,#b22817 100%);
    color: #fff;
    border: none;border: none;
    padding: 10px 20px;
    display: block;
    color: #fff;
    -webkit-appearance: button;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 30px;
}
.large-btn-contact:hover{opacity:0.9;}
.form-header{
    background: #0aa929;
    padding: 18px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.user-owner-list{
    background: #f0f0f0;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding: 8px 15px;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
}
.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: 64px;
    border-radius: 50%;
    margin-right: 12px;
    margin-top: 2px;
}
.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 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
}
.form-info .action button.large-btn-bg,
.form-info .action .btn.large-btn-bg{
    padding:12px 0;
    width:100%;
    text-align:center
}
.or-direct-call{
    text-align:center;
    padding:20px 0 0
}
.or-direct-call p{
    font-size:12px;
    color:#838383
}
.or-direct-call p.phone-number{
    font-size:18px;
    font-weight:500;
    padding-top:5px
}
.or-direct-call p.phone-number img{
    vertical-align:middle
}
.fix-top-space{
    height:60px;
    width:100%
}
.btn-default{
    border: 1px solid #da6a05;
    color: #fff;
    fill: #fff;
    background-color: #f07404;
    display:inline-block;
    border-radius:2px;
    cursor:pointer;
    padding:8px 14px 6px;
    font-size:14px
}
.meta-tools{opacity:0.85;}
.meta-tools > div{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.meta-tools .meta-tools-left{
        float: none;
}
.meta-tools button{ padding:6px 12px 3px;}
.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
}
.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
}
.action-list .fone{
    padding-top:0;
    vertical-align:sub
}
section.browsing article.featured{
    width:calc(50% - 30px);
    margin:30px 30px 0 0;
    float:left;
    display:inline-block;
    background:#fff
}
.hide{
    display:none!important
}
.padding-0-15{
    padding-left:0!important;
    padding-right:0!important
}
.nearby .checkbox{
    width:100%
}
.list-part-t li .contactnow-but{
    padding:7px 10px 3px 10px!important;
    font-weight:400!important;
    font-size:14px
}
.right-title-ab .view-more-cyan{
    display:none
}
.different .action-btn-g{
    position:absolute;
    right:15px;
    bottom:15px
}
.suggest-location li{
    float:left;
    width:30.33%;
    padding-right:20px;
    white-space:nowrap;
    height:30px;
    overflow:hidden;
    text-overflow:ellipsis
}
.suggest-location li a{
    color:#00779a;
    line-height:30px
}
.suggest-location:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.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 20px 8px 20px;
}
.popup-820{
    width:820px;
    background:#fff;
    font-size:14px;
    color:#30333a;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    margin:50px auto 0
}
.popup-820:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.left-popup-rv{
    width:410px;
    float:left;
    padding:80px 54px 80px 38px;
    min-height:500px
}
.adress-rv-pu{
    padding:5px 0 15px
}
.adress-rv-pu h4{
    display:inline-block;
    font-weight:400;
    color:#838383
}
.adress-rv-pu h4 a{
    color:#838383;
    font-weight:400
}
.info-rv-pu li{
    float:left;
    width:50%;
    line-height:30px;
    font-weight:400;
    color:rgba(68,76,89,.76)
}
.info-rv-pu li span{
    font-weight:500;
    color:#444c59
}
.thumb-pu{
    padding-bottom:10px
}
.thumb-pu img{
    width:100%
}
.right-popup-rv{
    float:right;
    width:410px;
    border-left:1px solid #dedede;
    position:relative;
    overflow:hidden
}
.content-pu-rv{
    padding:20px 45px 45px
}
.content-pu-rv .user-owner-list{
    background:#fff;
    padding:20px
}
.content-pu-rv .large-btn-red{
    width:100%;
    text-align:center
}
.center-text-small
{
    margin-top: 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
}
.title-mobile-contact{
    display:none
}
.meta-items .meta-item .item-left,.project-meta-right>span:not(.txtprice){
    color:rgba(68,76,89,.76);
    font-weight:400;
    font-size:15px;
    margin-bottom: 5px;
}
.bor-red-btn{
    background:none;
    border:1px solid #b8301e;
    border-radius:2px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#fff;
    padding:0 30px;
    cursor:pointer
}
.bor-red-btn:hover{
    background:#c72528
}
.bor-white-btn{
    background:none;
    border:1px solid #fff;
    border-radius:2px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#fff;
    padding:0 30px;
    cursor:pointer
}
.plr-20{
    padding:0 20px
}
.common-knowledge:after{
    clear:both;
    width:100%;
    content:'';
    display:table
}
.common-knowledge li{
    float:left;
    width:16.66%;
    position:relative;
    vertical-align:bottom
}
.common-knowledge li:last-child{
    padding-right:0
}
.common-knowledge li .card-knowledge{
    position:absolute;
    top:0;
    left:0;
    bottom:8px;
    right:16px;
    text-align:center;
    transition:background-color 300ms linear
}
.common-knowledge li .card-knowledge h3{
    color:#fff;
    font-size:20px;
    line-height:30px;
    font-weight:400
}
.common-knowledge li .card-knowledge .table{
    display:table;
    width:100%;
    height:100%;
    padding:20px
}
.table{
    display:table
}
.table-cell{
    display:table-cell;
    vertical-align:middle
}
.common-knowledge li .card-knowledge .table .bor-white-btn{
    visibility:hidden;
    opacity:0;
    transition:visibility 0s , opacity .5s linear;
    position:absolute;
    top:40%;
    left:14%
}
.common-knowledge li:hover .card-knowledge .table .bor-white-btn{
    visibility:visible;
    opacity:1
}
.common-knowledge li:hover .card-knowledge{
    background:#c72528
}
.common-knowledge li:hover .card-knowledge h3{
    display:none
}
.header-w-close{
    position:relative;
    height:78px;
    background:#f3f4f7;
    text-align:center
}
.header-w-close h3{
    line-height:78px;
    font-weight:400;
    font-size:20px;
    max-width:70%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:0 auto
}
.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%;
    position: relative;
}
.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, .btn-sticky-header .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%
}
.stickyTrigger .btn-sticky-header{
    width:250px!important;
    font-size:14px;
    font-weight:400
}
.fixed-form-r .content-pu-rv{
    padding:20px
}

.form-info .box-form .checkbox input+label:after{
    top:4px
}
.right-popup-rv .res-success{
    padding:10px
}
.right-popup-rv .or-direct-call{
    padding-top:10px
}
.right-popup-rv .or-direct-call p{
    font-size:14px
}
.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: 10px 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: 30px;
}

.tab-wrapper ul li a{
    border: none;
    margin: 0;
    padding: 0px;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    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;
}
.tab-item.active
{ 
    height:auto;
}
.hot-news .tab-content{
    padding-top: 40px;
    position:relative;
}
.hot-news .tab-content .slick-slider{position:unset;}
.hot-news .tab-content .slick-next{
    left: unset;
    right:5px;
}
.hot-news .tab-content .slick-prev{
    right: unset;
    left: 5px;
}
.hot-news .tab-content .slick-prev, .hot-news .tab-content .slick-next {
 /*   width: 54px;
    height: 28px;
    transition: all 0.3s;
    display:none!important;*/
     background: unset;
}
/*.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;
}*/
/*home article*/
.articles {width:100%;}
.articles .article_featured
{
    width: 48%;
    margin-right:2%;
    float: left;
}
.articles .article_list{
    width: 50%;
    float: left;
}
.articles .item {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}
.articles .article_featured .item .item_text  a.title {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    margin-top: 12px;
}
.articles .article_featured .item .item_text  a.title 
{
    color: #e40000;text-transform: uppercase;
}
.articles .article_featured .item .item_text .meta_date{
    font-weight: 500;
    margin: 2px 0 5px;
    display: block;
}
.article_featured .item .item_text  a.title:hover,
.article_featured .item_image:hover + .item_text a.title{
    color: #bb0000;
}
.articles .article_list .item .item_image{
    position: relative;
    width: 100%;
    max-width: 130px;
     flex-basis: 100%;
}
.articles .article_list .item .item_image a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.articles .article_list .item .item_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-radius: 2px;
}
.articles .article_featured .item .item_image a{
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 72.67%;
}
.articles .article_featured .item .item_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-radius: 2px;
}

.articles .article_list .item .item_text {
    margin-left: 12px;
    padding-top: 0;
    padding-bottom: 0px;
     flex-basis: 100%;
}
.articles .article_list .item .item_text a.title{
    margin-top:0;line-height: 22px;font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
    font-size:17px;
    font-weight:600;
    margin-bottom: 5px;
    display: block;
}
.articles .article_list .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;
}
.articles .item .cover_image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.articles .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;
}

.articles .item .item_text p.summary {
    font-size: 15px;
    line-height: 20px;
}
@media (max-width: 767px) {
   

    .articles .article_featured,.articles .article_list {
        width: 100%;
        margin-right: 0%;
        float: unset
    }

   

    .articles .item .item_text p.summary {
        font-size: 14px;
        line-height: 18px
    }

    .articles .article_list .item .item_image {
        max-width: 140px
    }

  
}
.article_youtube{
    margin: 5px 0 15px;
    padding: 12px 4px 10px;
    border-top: 1.5px solid #eee;
    background: #fafafa;
}
.article_youtube li{margin-bottom:5px;}
.article_youtube li:before {
    content: "\f16a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.article_youtube li:hover:before {
    color:#ce1c00;
}
.article_youtube li a{
    font-weight: 600;padding-left: 5px;
}
/*
    video
*/
.block-video .heading-fw h2{
        background: -webkit-linear-gradient(#c72107, #8a2114);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.block-video {
    background-image: url(/img/feature_bg.jpg);
    background-repeat: repeat;
    background-size: auto;
}
.block-video:after{
    clear: both;
    content: ".";
    display: block;
    width: 0px;
    height: 0px;
}
.block-video .videos{margin-top:40px;}
.video .video-col {
    width: 33.33%;
    float: left;
        padding: 0;
    display: flex;
}
.video figure {
    position: relative;
    display: inline-block;
}
.video .video-col figure .video-img{
    position: relative;
    display: block;
}
.video .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 .video-col figure .video-img:hover .ico-play {
    opacity: 1;
    width: 76px;
    height: 76px;
    margin: -38px 0 0 -38px !important
}
.video .video-col .video-img:focus {
    outline: none !important
}
.video .video-col .video-img img {
    max-width: 100%;display: block;
}

.video .video-col .video-img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .4;
    pointer-events: none;
    background: linear-gradient(0deg,#000 0,transparent);
    height: 100%;
    content: ""
}

.video .video-col figure .video-img:hover::before {
    opacity: .3
}

/*.video .video-col figure figcaption {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: block
}*/

.video .video-col figure figcaption .video-name {
     text-align: center;
    color: #961f12;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0;
    overflow: hidden;
    font-weight: 300;
    font-family: 'UTM-Avo-Bold';
    line-height: 31px;
    display: table;
    margin: 0 auto;
    padding-bottom: 5px;
    border-radius: 4px;
}

.video .video-col figure figcaption hr {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    opacity: .5
}
.video  .slick-slide {
    margin: 0 10px;
}
/* the parent */
.video   .slick-list {
    margin: 0 -10px;
}
.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: 24px;margin-bottom: 40px;
}*/
.block-video .heading-fw h2:after{content:none;}
.main-heading{
    position: relative;
    font-weight: 700;
    font-size: 30px;
    padding: 20px 0 20px;
    line-height: 34px;
    background: -webkit-linear-gradient(#ce1c00, #9b2517);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'UTM-Avo-Bold';
}
.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){
    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
    }
    .fix-widthcell .naviicon li{
        padding:5px 10px
    }
    .fixed-menu-detail{
        padding:0 10px
    }
    .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
    }
    .max-width-1140{
        padding-left:15px!important;
        padding-right:15px!important
    }
    section.project article.featured .cover{
        height:220px
    }
    section.project article.featured:nth-child(2n){
        margin-right:2%
    }
    .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){
    .contactnow-but>span{
        display:none
    }
    .common-info p{
        padding-right:30px
    }
    .title-sticky-header{
        display:none
    }
    .news-box{
        padding:0 15px!important
    }
   
    .left-content{
        width: 780px;
        margin-right: 20px;
    }
    .project-content .bgbox{padding: 14px;}
    .right-content{
        width: calc(100% - 800px);
    }
    .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
    }
    footer .copyright{
        padding:20px!important
    }
    .fix-widthcell .naviicon li{
        padding:5px 14px
    }
    .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%
    }
    
    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
    }
}
@media only screen and (max-width:979px){
    .max-width-946{
        padding-left:15px;
        padding-right:15px
    }
    .smarter-from{
        padding:70px 0 0
    }
    .position-left{
        left:190px!important
    }
    .background-topwhybuy{
        background:url(../images/slide001.jpg) 50% 50% / cover no-repeat
    }
    .background-home-news{
        height:500px;
        width:100%;
        background-size:cover;
        background-position:center
    }
    .common-info p{
        width:100%
    }
    .ads-boxtable .adstable-cell .ads-content h3{
        font-size:3em
    }
    .news-box section.news-content .bordertop-news02 article.featured header .news{
        font-size:1.8em
    }
    .news-box section.news-content .bordertop-news01 article.featured .cover{
        height:auto
    }
    .news-box section.news-content .bordertop-news02 article.featured header{
        height:67px;
        overflow:hidden
    }
    .news-box section.news-content .bordertop-news02 article.featured header .by{
        display:none
    }
    #slider3{
        width:85%;
        margin:0 auto
    }
    #slider4{
        width:85%;
        margin:0 auto
    }
    ul.slidemap li a.img{
        height:170px
    }
    
    
    .fix-widthcell .naviicon{
        width:50%
    }
    .agent-list:nth-child(4n){
        margin-right:2%
    }
    .agent-list:nth-child(3n){
        margin-right:0;
        clear:right
    }
    .agent-list{
        width:32%;
        margin-right:2%
    }
    .founder .info{
        float:right;
        margin-right:0;
        width:60%!important
    }
    .founder .avatar{
        width:30%
    }
    .box-name-neighborhood{
        width:90%
    }
    .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%
    }
    .bgw-wp .klc li{
        width:48%
    }
    section.project article.featured .cover{
        height:200px
    }
    .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
}
.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
}
.hotline{
    color:#444c59!important
}
.hotline:hover{
    color:#c72528!important
}
footer .hotline{
    color:#dedede!important
}
footer .hotline:hover{
    opacity:.9;
    color:#dedede!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
}
.bnt-redlh.text-center{
    text-align:center;
    padding:10px 0 30px 0;
    float:none;
    width:100%
}
.bnt-redlh.text-center .sms-button{
    float:none;
    text-align:center;
    margin:0 auto!important
}
.bnt-redlh .sms-button{
    margin:0!important;
    font-size:16px;
    width:250px
}
.slash+.slash:before{
    content:' / '
}
.comma+.comma:before{
    content:','
}
/*div>img{
    max-width:200px;
}*/
.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
}

.flex-disabled{
    opacity:.1;
    cursor:default
}
a:hover .flex-disabled{
    opacity:.1;
    cursor:default;
    color:#444c59
}
.post-share-btn-group{
    padding:5px;
    position:absolute;
    left:0;
    top:500px;
    z-index:1;
    border-radius:2px;
    background-color:#fff;
    box-shadow:0 2px 10px 0 #e4e4e4;
    border:solid 1px rgba(236,236,236,.5)
}
.btn-group,.btn-group-vertical{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.post-share-btn-group ul.post-share-buttons{
    list-style-type:none;
    padding:0
}
.post-share-btn-group ul.post-share-buttons li{
    text-align:center
}
.post-share-btn-group ul.post-share-buttons li .zmdi{
    padding-right:0
}
.post-share-btn-group ul.post-share-buttons li a{
    padding:4px 8px;
    margin:5px;
    border-bottom:1px solid rgba(131,131,131,.2);
    display:block
}
.twitter-color{
    color:#69b2ce
}
.facebook-color{
    color:#6e8ad3
}
.googleplus-color{
    color:#e17f70
}
.in-color{
    color:#5ea3cd
}
.post-share-btn-group ul.post-share-buttons li:last-child a{
    border:0
}
.box-row .content{
    padding-bottom:20px;
}

.box-hot h2{
        text-align: center;
    background: -webkit-linear-gradient(#ef2606, #d73a27);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        margin-bottom: 0;
    padding-bottom: 25px;
}
.post-share-btn-group ul.post-share-buttons li a img{
    vertical-align:middle
}
.sms-share{
    display:none
}
.btn-like{
    position:absolute;
    top:10px;
    right:10px;
    width:40px;
    height:40px;
    display:table;
    z-index:99;
    transition:opacity .5s ease-out
}
.btn-like a{
    display:table-cell;
    width:40px;
    height:40px;
    border-radius:2px;
    background-color:rgba(48,51,58,.2);
    color:#fff;
    vertical-align:middle;
    text-align:center
}
.btn-like a:hover{
    background:#00a6bd
}
.btn-like a.liked{
    background:#00a6bd
}
.btn-like a .zmdi{
    padding:0
}
.hot-label{
    position:absolute;
    top:10px;
    left:10px;
    background:#ea1e12;
    color:#fff;
    width:auto;
    padding:2px 10px 0;
    font-size:12px;
    font-weight:600;
    border-radius:2px;
    text-transform:uppercase
}
.btn-like{
    position:absolute;
    top:10px;
    right:10px;
    width:32px;
    height:32px;
    display:table;
    z-index:99;
    opacity:1;
    transition:opacity .5s ease-out
}
.btn-like a{
    display:table-cell;
    width:100%;
    height:100%;
    border-radius:2px;
    background-color:rgba(48,51,58,.2);
    color:#fff;
    vertical-align:middle;
    text-align:center
}
.social-content .follow-button{
    padding:6px 20px 2px 20px!important
}
.position-toast{
    bottom:10px;
    left:10px
}
#toast-container>div{
    width:330px;
    height:auto;
    min-height:50px;
    margin:10px 0 0 0!important;
    padding:0 15px 0 20px!important;
    background:#fff;
    color:#444c59!important;
    border-radius:0!important;
    box-shadow:0 4px 10px 0 rgba(0,0,0,.24)!important;
    align-items:center;
    display:flex;
    opacity:1!important
}
.toast-items.zmdi{
    font-size:20px
}
.zmdi.zmdi-check::before{
    color:#8cc156
}
.zmdi.zmdi-info-outline::before{
    color:#da5260
}
.zmdi.zmdi-close-circle{
    position:absolute;
    padding-right:20px;
    right:0;
    color:rgba(68,76,89,.3)
}
.toast-message{
    padding:0 10px;
    font-weight:400;
    font-size:16px;
    white-space:nowrap
}
.toast-message>a{
    color:#00a6bd;
}
.toast-message>a:hover{
    color:#c72528
}

.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:#e80c10
}
.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
}
.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
}
.opacity-background-black{
    visibility:hidden!important;
    opacity:0;
    position:fixed;
    top:0;
    background-color:rgba(0,0,0,.5);
    height:100%;
    width:100%;
    -webkit-transition:opacity .25s linear , visibility .25s linear;
    -moz-transition:opacity .25s linear , visibility .25s linear;
    -o-transition:opacity .25s linear , visibility .25s linear;
    transition:opacity .25s linear , visibility .25s linear;
    z-index:200
}
.opacity-background-black-visible{
    visibility:visible;
    opacity:1;
    background-color:rgba(0,0,0,.5);
    z-index:110
}
.proprety-form-contact .hbspt-form .form-columns-1 .hs-richtext>div{
    padding-bottom:20px
}
.contact-agency .btn-hotline-red{
    width:100%;
    margin:10px 0 20px;
    color:#fff;
    font-size:18px;
    padding:5px 0;
    border-radius:2px;
    float:right;
    background:#c52728;
    text-align:center;
    font-weight:600;
    display:block
}
.contact-form .hs-form fieldset.form-columns-1 .input{
    margin:0
}
.contact-form .hs-form fieldset.form-columns-1 .hs-input{
    width:100%
}
.contact-form .hs-form fieldset{
    border:0;
    padding:0;
    margin:0 auto;
    max-width:500px
}
.btn-sticky-header{
    width:180px!important
}
/*.btn-sticky-header a{
    width:100%
}*/
.project-title .btn-info .btn-chitiet,.stickyTrigger .width1140 .btn-chitiet{
    width:180px;
    float:right;
    padding-top:8px
}
.btn-chitiet .btn-hotline:hover{
    color:#c52728!important;
    border:1px solid #c52728!important
}
.btn-hotline{
    height:40px;
    text-align:center;
    line-height:40px;
    border:1px solid #000!important;
    margin:0 10px 0 0!important;
    border-radius:2px;
    padding:0 20px!important;
    font-size:16px!important;
    color:#000!important;
    display:block
}
.btn-chitiet .btn-hotline{
    height:40px;
    line-height:40px;
    float:none
}
.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
}
.popup-img{
    width:65%;
    float:left
}
.popup-content{
    width:35%;
    float:left
}
.contact-form div.hbspt-form div.submitted-message{
    font-size:16px;
    line-height:20px;
    margin:0 auto;
    max-width:100%;
    text-align:center
}
.contact-form .hs-button{
    max-width:500px
}
.contact-form .hs-button,.proprety-form-contact .hs-button{
    text-transform:uppercase;
    min-width:160px;
    display:block;
    width:100%;
    margin:0 auto;
    color:#30333a;
    padding:10px 0 6px;
    clear:both;
    font-weight:500;
    text-align:center;
    font-size:16px;
    border-style:none;
    cursor:pointer;
    -webkit-transition:height 2s;
    -webkit-appearance:none;
    border:1px solid #30333a;
    background:#fff
}
.contact-form .hs-button:hover,.proprety-form-contact .hs-button:hover{
    background:#303339;
    color:#fff
}
.contact-form .hs-form,.property-form-contact .hs-form{
    text-align:left;
    font-size:16px;
    line-height:24px;
    font-weight:600;
    max-width:100%;
    margin:0 auto;
    max-width:50%
}
.form-contact .hs-form{
    max-width:100%
}
.form-contact .form-columns-2 em span{
    color:#c52728!important
}
.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
}

.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
}
.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;
}
@media (min-width: 1330px) {
    .container-middle {
        width: 100%;
        max-width: 1370px;
    }
}
.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
}
.ward-down-icon{
    right:-20px;
    top:0
}
.popup-ward-visible{
    display:none
}
.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:'harmonia',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
}
.owner-img+.owner-img{
    padding-top:40px;
    border-top:1px dotted #dedede
}
div.width1140 div.owner-img div.left{
    width:35%;
    padding:0 30px 0 0
}
div.width1140 div.owner-img div.left img{
    width:100%;
    border:1px solid #ccc;
    background-color:#fff;
    padding:20px
}
div.width1140 div.owner-img div.right{
    width:65%;
    float:left
}
.owner-img .right p{
    float:right;
    width:100%;
    font-size:16px;
    text-align:justify;
    padding:0 0 20px 0
}
.owner-img .right ul li{
    font-size:16px;
    color:#303339;
    display:inline-block
}
.owner-img{
    padding-bottom:40px;
    float:left
}
.owner-img:last-child{
    padding-bottom:60px
}
.btn-chitiet a{
    border:1px solid #303339;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    height:35px;
    line-height:35px;
    display:block;
    padding:0 15px;
    background:#fff;
    float:left;
    cursor:pointer
}
.btn-chitiet:hover a{
    color:#fff
}
.bg-neiberhood .btn-chitiet a{
    font-size:16px;
    background:transparent;
    color:#fff;
    border:1px solid #fff
}
.ttct{
    background:#fff;
    padding:0 0 50px 0
}
.sdt{
    display:inline-block;
    padding:0;
    color:#c72528
}
.chat{
    display:inline-block;
    float:right;
    padding:0;
    color:#c72528
}
.name-duan{
    width:100%;
    background:#fff;
    border-bottom:0 solid #ccc;
    padding:30px 0 30px 0
}
.detail-info{
    border-top:1px solid #dedede;
    padding:30px 0;
    font-family:'harmonia',Arial,Helvetica,sans-serif;
    font-size:16px
}
.detail-info-col{
    float:left!important;
    width:100%;
    line-height:30px
}
.detail-info-col li{
    width:25%;
    float:left
}
ul.detail-info-col li p{
    color:#000;
    line-height:30px
}
ul.detail-info-col li p span.color{
    color:#000;
    font-weight:500
}
.title-detail{
    font-family:'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:'harmonia',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
}
.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
}
.bg-career-white{
    width:100%;
    background-color:#fff;
    padding-bottom:60px;
    overflow:hidden
}
.bg-career-gray{
    width:100%;
    background-color:#f4f5f9;
    padding-bottom:60px;
    overflow:hidden
}
.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
}
section.bg-career-white div.content div.info div{
    width:33.33%;
    display:block;
    overflow:hidden;
    padding-top:0;
    float:left;
    text-align:center
}
.why-detail{
    padding-bottom:30px
}
section.bg-career-white div.content div.info div div.icon{
    float:left;
    width:100%;
    display:block
}
section.bg-career-white div.content div.info div div.info{
    float:left;
    width:100%;
    display:block;
    text-align:left;
    font-size:15px
}
section.bg-career-white div.content div.info div div.info ul li.title{
    font-size:20px;
    font-weight:600;
    padding:20px 0 20px;
    text-align:center
}
section.bg-career-white div.content div.info div div.info ul li{
    line-height:25px;
    padding:0 30px;
    text-align:center
}
.our-dep-content{
    width:100%;
    overflow:hidden;
    padding-top:0
}
section.bg-career-gray div.content div.our-dep-content div.col{
    width:33.33%;
    display:block;
    overflow:hidden;
    float:left;
    padding-top:150px
}
section.bg-career-gray div.content div.our-dep-content div.col.col2{
    padding-top:0
}
section.bg-career-gray div.content div.our-dep-content div.col div{
    padding:5px;
    width:100%;
    padding-bottom:10px;
    position:relative;
    font-family:Tiempos,Verdana,Geneva,sans-serif
}
section.bg-career-gray div.content div.our-dep-content div.col div.item img{
    transition:all .5s
}
section.bg-career-gray div.content div.our-dep-content div.col div.item:hover img{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
section.bg-career-gray div.content div.our-dep-content div.col div img{
    width:100%
}
section.bg-career-gray div.content div.our-dep-content div.col div h2.our-dep-name{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:#c72528;
    font-size:20px;
    color:#fff;
    line-height:30px;
    text-align:center;
    padding:10px 10px 10px 10px;
    margin:0 5px 0
}
section.bg-career-white div.content div.info{
    padding:0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
section.bg-career-white div.content div div.detail{
    padding:15px 0;
    line-height:30px;
    font-size:16px;
    color:#222;
    border-bottom:1px solid #dedede;
    overflow:hidden
}
section.bg-career-white div.content div div div.name{
    float:left;
    width:40%;
    color:#333;
    font-weight:500;
    padding-top:8px
}
.bg-career-white .pos,.bg-career-white .loc{
    float:left;
    width:20%;
    padding-top:8px
}
section.bg-career-white div.content div div.detail div.btn-app{
    width:20%;
    float:right;
    max-width:165px
}
section.bg-career-white div.content div div.detail div.btn-app div{
    padding:5px 10px;
    border:1px solid #c72528;
    border-radius:2px;
    text-align:center;
    font-weight:600;
    width:100%
}
section.bg-career-white div.content div div.detail div.btn-app div:hover{
    border:1px solid #000
}
section.bg-career-white div.content div div.detail div.btn-app div a{
    color:#c72528
}
section.bg-career-white div.content div div.detail div.btn-app div:hover a{
    color:#000;
    text-decoration:none
}
section.bg-career-white div.content div.btn-career{
    font-size:16px;
    width:20%;
    margin:0 40%;
    background:#c72528;
    color:#fff;
    padding:15px 0 15px 0;
    font-weight:600;
    text-align:center;
    border-radius:2px;
    text-transform:uppercase
}
section.bg-career-white div.content div.btn{
    padding-top:60px;
    text-align:center
}
section.bg-career-white div.content div.btn a.btn-career{
    font-size:16px;
    width:245px;
    margin:0 auto;
    background:#c72528;
    color:#fff;
    padding:15px 30px;
    font-weight:600;
    text-align:center;
    border-radius:2px;
    text-transform:uppercase
}
section.bg-career-white div.content div.btn a.btn-career:hover{
    background:#303339;
    text-decoration:none
}
.ben-content{
    width:100%;
    overflow:hidden;
    padding-top:20px
}
section.bg-career-white div.content div.ben-content div.col{
    width:33.33%;
    display:block;
    overflow:hidden;
    float:left
}
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: #fff;
}
.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 .stickyTrigger-shadow{
    border-top: 1px solid rgba(48,51,58,.1);
    /*background: #fff;*/
    border-bottom: 2px solid #e5e5e5;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.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 h4.address {
    font-size:16px;
    color: #686868;
    font-weight: 500;
    padding-bottom: 4px;
    line-height: 23px;
    margin: 5px 0;
}
.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: 2px;
    font-size: 30px;
    line-height: 30px;
    font-family: Lora, Arial, sans-serif;
    text-transform:uppercase;
    background: -webkit-linear-gradient(#ce1c00,#9b2517);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.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;
    padding: 4px 0px 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/4 - 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/4);
}
.meta-item .item-right{
    margin-right:0;
    margin-left:auto;
    /*max-height:30px;*/
    overflow:hidden;
    color:rgba(rgba(48,51,58,.88));
    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:'harmonia',Arial,Helvetica,sans-serif;
    font-size:16px;
    display:inline-block;
    padding:30px 0 0 0;
    float:right;
    margin-left:10px
}
.lhtv{
    width:40%!important
}
.menu-detail-under ul{
    width:60%
}
section.project-header div.project-name div.share ul li.btn-contact a{
    border:1px solid #303339;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    background:#000;
    height:40px;
    line-height:40px;
    display:block;
    width:160px
}
section.project-header div.project-name div.share ul li.btn-contact a:hover{
    background:#c52728;
    border:1px solid #c52728
}
section.project-header div.project-name div.share ul li.btn-contact a{
    color:#fff
}
section.project-header div.project-name div.share ul li.btn-care a{
    border:1px solid #303339;
    font-weight:500;
    text-align:center;
    border-radius:2px;
    height:40px;
    line-height:40px;
    display:block;
    width:160px
}
section.project-header div.project-name div.share ul li.btn-care:hover a{
    color:#c72528;
    border:1px solid #c52728
}
.content .detail-more .left1{
    font-size:16px!important;
    line-height:24px;
    color:#8e9399
}
.content .detail-more .right1{
    font-size:16px!important;
    line-height:24px;
    color:#333!important
}
.content .detail-more  p{margin:0;}
.bg-contact{
    padding-bottom:40px
}
section.news-bg div.width1140 div.news-left p a{
    font-size:16px;
    font-weight:500
}
section.bg-career-white div.content div.info div.shape{
    width:33.33%;
    display:inline-block;
    float:left;
    padding:30px 50px 45px 30px
}
section.bg-career-white div.content div.info div.bg-shape1{
    background-color:#f4f5f9
}
section.bg-career-white div.content div.info div.bg-shape2{
    background-color:#edeef2
}
section.bg-career-white div.content div.info div.bg-shape3{
    background-color:#e1e2e6
}
section.bg-career-white div.content div.info div.bg-shape4{
    background-color:#e1e2e6;
    width:50%
}
section.bg-career-white div.content div.info div.bg-shape5{
    background-color:#f4f5f9;
    width:50%
}
section.bg-career-white div.content div.info div.shape div.shape{
    float:left;
    width:25%;
    padding:0;
    text-align:left
}
section.bg-career-white div.content div.info div.shape div.shape-r2{
    float:left;
    width:15%;
    padding:0;
    text-align:left
}
section.bg-career-white div.content div.info div.shape div.requirement-detail{
    color:#000;
    font-size:15px;
    line-height:24px;
    padding:0;
    text-align:left;
    width:75%
}
section.bg-career-white div.content div.info div.shape div.requirement-detail-r2{
    color:#000;
    font-size:15px;
    line-height:24px;
    padding:0;
    text-align:left;
    width:85%
}
section.bg-career-white div.content div.info div.shape div.requirement-detail ul li:first-child{
    font-size:20px;
    font-weight:600;
    text-transform:uppercase;
    padding-bottom:20px;
    line-height:30px
}
section.bg-career-white div.content div.info div.shape div.requirement-detail-r2 ul li:first-child{
    font-size:20px;
    font-weight:600;
    text-transform:uppercase;
    padding-bottom:20px;
    line-height:30px
}
section.bg-career-white div.content div p{
    font-size:16px;
    line-height:24px;
    text-align:center;
    padding:0 30px
}
section.bg-career-gray div.content div.career-left{
    float:left;
    width:50%
}
section.bg-career-gray div.content div.career-left div.cover{
    float:left;
    width:100%;
    height:315px;
    position:relative;
    overflow:hidden
}
section.bg-career-gray div.content div.career-right{
    float:left;
    width:50%;
    font-size:16px;
    line-height:22px;
    padding-left:3%
}
section.bg-career-gray div.content div.career-right div ul{
    padding-bottom:20px
}
section.bg-career-gray div.content div.career-right div ul li:first-child{
    font-size:20px;
    font-weight:600;
    padding-bottom:20px
}
section.bg-career-gray div.content div.career-right div ul li+li{
    margin-left:20px;
    list-style-type:disc
}
.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
}
section.bg-career-gray div.contentpx div.career-img{
    width:calc(100% + 10px)
}
.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-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%
}
.cta-bottom-inner a{transition: all 300ms;}
.cta-hotline{
    display:block;
    /*background:#f07404;*/
    border-radius:2px;
    width:100%;
    height:40px;
    line-height:40px;
    color:#fff;
    font-weight:500;
    background: -moz-linear-gradient(top,#02c469 0%,#96281d 50%,#96281d 50%,#028949 100%);
    background: -o-linear-gradient(top,#02c469 0%,#96281d 50%,#96281d 50%,#028949 100%);
    background: linear-gradient(to bottom,#02c469 0%,#96281d 50%,#96281d 50%,#028949 100%);
}
.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: #fff;
    background: #f07404;
}

#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 #96281d;
    border-bottom: 8px solid #96281d;
    border-radius: 7px;
    }
.box-intro h3{
    margin-bottom: 10px;
    text-transform: uppercase;
    background: #96281d;
    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;
}
.relate-projects ul::after
{
    content:'';
    display:inline-block;
    clear:both;
}
.relate-projects ul li{
    width: 33%;float:left;
    padding-right:10px;
    padding-left: 10px;
    padding-top: 4px;
    transition: all 400ms;
    margin-bottom:10px;
}
.relate-projects ul li .featured
{
    position: relative;
}
.relate-projects ul li .featured .cover img{
    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: #96281d;
    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;}
 @media screen and (min-width:1920px){
    .project-slider,.listing-img{
        height:420px
    }
}
@media only screen and (max-width:1080px){
    .project-meta{
        width:100%
    }
    .popup-lch-img{
        width:60%
    }
    .popup-lch .popup-header,.popup-lch-detail,.popup-lch .bg-e1e2e6{
        width:40%
    }
    .all-img-inner{
        padding:0 15px
    }
    .info-sticky-header{
        overflow:hidden;
        border-left:0;
        padding-left:0;
        white-space:nowrap
    }
    .container{
        padding:0 10px
    }
    .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
    }
    .btn-quyhoach{
        width:38%
    }
}
@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
    }
    .list-prop .article div.title{
        padding-left:10px
    }
    .sub-career{
        max-width:90%
    }
    .career-form{
        max-width:80%;
        padding:40px 0
    }
    .slides-sketch li{
        height:auto
    }
    .popup-lch-detail{
        width:100%
    }
    .bg-e1e2e6{
        width:100%!important
    }
    .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
    }
    section.bg-career-white div.content div.info div.shape div.shape-r2{
        width:25%
    }
    section.bg-career-white div.content div.info div.shape div.requirement-detail-r2{
        width:75%
    }
    .hsg-cta-gallery .hsg-cta-gallery__column{
        width:50%;
        margin:0 auto
    }
    .hsg-flex{
        display:block
    }
    .bg-career-gray{
        padding-bottom:0
    }
    section.bg-career-gray div.content div.career-right div{
        width:33.33%;
        float:left
    }
    section.bg-career-gray div.content div.career-right{
        width:100%;
        padding:0 20px
    }
    section.bg-career-gray div.content div.career-left{
        width:100%;
        padding:0 20px 20px
    }
    .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
    }
    .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
    }
   
    section.bg-career-white div.content div.info div.shape{
        width:50%
    }
    section.bg-career-white div.content div.info div{
        width:50%
    }
    .btn-sticky-header,.stickyTrigger .width1140 .btn-chitiet{
        width:50%!important;
        margin:0 auto
    }
    .red-bnt{
        max-width:100%
    }
    .lhtv{
        display:none
    }
    .menu-detail-under ul{
        width:100%
    }
    div.share{
        display:none
    }
    .project-header .project-name .address{
        width:100%
    }
    .stickyTrigger{
        position:fixed;
        right:0;
        left:0;
        visibility:visible!important;
        opacity:1!important
    }
    .CTA-img{
        display:none
    }
    .CTA-info{
        width:100%
    }
    .cta-bottom-wrapper{
        display:block
    }
    .left-content{
        margin-right: 0;
    }
}
@media (min-width:768px){
    .btn-facebook:hover{
        color:#fff;
        background:rgba(60,88,156,.86)
    }
  
}


@media only screen and (max-width:768px){
    .project-header .project-name h1.title-project {
            text-align: center;
            text-transform: uppercase;
        }
    .project-meta .meta-items{display:block;}
    .project-meta .meta-items .meta-item {
            width: 50%;
            margin-right:0;
            padding-right:10px;
    }
      .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:18px;}
    .listingItem .info-container .listing-info .txtprice {font-size:18px;}
    .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;}

    .project-content .bgbox .notebox-red2,.project-content .bgbox .notebox-red2{
        width: calc(100% + 20px);
        margin-left:-10px;
        margin-right:-10px;border: 0;
        padding-top:25px;
    }

    .project-content .bgbox b, .project-content .bgbox strong{font-weight:600}
    .headerNoScroll .project-content .bgbox {
            position: fixed;
        }
    .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:14.5px;}
   section.project-header div div.project-name h1.title-project{font-size:24px;padding-bottom: 8px;}
   .project-meta .breadcrumbs-wraper .breadcrums {
        justify-content: center;
    }
   .project-header .project-name h4.address 
   { 
       font-size: 15px;
        text-align: center;

   }
   .bgbox-content blockquote,.post-body blockquote {
        padding: 29px 16px 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
    }
    .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: 14px;
    }
    .tab-wrapper ul li {
        padding: 8px 12px;
        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;
        border:1px solid #ff0e00;
        text-align:center;
        margin-top:0;
        transition:all 0.4s;
    }
    a.more span{border:none;transition:all 0.4s;}
    .more:hover{background: #ef4b43;}
     .more:hover span{color: #fff!important;}
    .block-project>div .more .zmdi,.block-partner .more .zmdi,.block-news .more .zmdi{
        display:none
    }
    /**/
    .block-news .detail-block > .col-6
    {
        width:100%;
    }
}
@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
    }
    .container-col{
        height:330px
    }
    .container-col-img-left{
        width:100%;
        text-align:center
    }
    .container-textblock{
        visibility:hidden;
        width:0%;
        height:0%
    }
    section.bg-career-gray div.contentpx div.career-img ul li{
        width:50%
    }
    .hsg-cta-gallery .hsg-cta-gallery__column{
        width:100%!important
    }
    section.bg-career-white div.content div.info div{
        max-height:251px
    }
    section.bg-career-white div.content div div div.pos{
        float:left;
        width:33.33%;
        text-align:left
    }
    .test-content div.detail ul li:first-child{
        padding-top:10px
    }
    .test-content+.test-content{
        padding-top:40px
    }
    .test-content{
        width:100%
    }
    section.bg-career-gray div.content div.career-right div{
        width:50%
    }
    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%
    }
    section.bg-career-white div.content div.info div.shape{
        width:100%
    }
    section.bg-career-white div.content div.info div.shape2{
        width:100%
    }
    section.bg-career-white div.content div.info div.shape3{
        width:100%
    }
    section.bg-career-white div.content div.info div.shape4{
        width:100%
    }
    section.bg-career-white div.content div.info div.shape5 div.shape{
        width:24%
    }
    section.bg-career-white div.content div.info div.shape5 div.requirement-detail{
        width:76%
    }
    section.bg-career-white div.content div div.detail div.name{
        width:100%;
        float:left;
        padding-bottom:10px
    }
    section.bg-career-white div.content div div.detail div.loc{
        float:left;
        width:33.33%
    }
    section.bg-career-gray div.content div.our-dep-content div.col{
        width:100%;
        padding:0
    }
}
@media only screen and (max-width:480px){
    .project-hot .effect-hover{height:280px}
    .project-news ul li div p.description{display:none;}
    #footer .inner .row .info-container>li ul li {height:38px;}
    #footer .inner .row .info-container>li ul li a{font-size: 16px;}
    .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: 24px;
    }
    .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;}
    #toast-container>div{
        max-width:100%
    }
    .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*/
.sticky-header{
    visibility:hidden;
    position:absolute;
    top:-60px
}
.stickyTrigger{
    display:block;
    /*border:1px solid rgba(48,51,57,.15);*/
    height:53px;
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    overflow:hidden;
    opacity:0;
    transform:translateY(-100%);
    transition:opacity .5s ease-in-out , transform .5s ease-in-out;
    z-index:10;
    font-size:16px
}
.is-stuck{
    position:fixed;
    top:0;
    right:0;
    left:0;
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}
.title-sticky-header{
    float:left;
    max-width:15%;
    padding-right:25px
}
.title-sticky-header h3{
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:60px;
    
    font-size:20px;
    overflow:hidden;
    font-weight:400
}
.info-sticky-header{
    float:left;
    width:calc(100% - 250px);
    font-weight:500;
    margin: 0 auto;
}
.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;
}
.info-sticky-header li:first-child{
    padding-left:0
}
.info-sticky-header li a{
    line-height:40px;
    font-weight:700;
    display:block;
}
/*.info-sticky-header li a.active{
    border-bottom:2px solid #f07404;
}*/
.info-sticky-header li a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    height: 2px;
    background-color: #f01c25;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
.info-sticky-header li:hover a:after{
    visibility: visible;
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.info-sticky-header li a.active,.info-sticky-header li a:hover
{
    color: #f01c25;
}
.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
}
.hidden {
    display: none
}
@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.btn-animate {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse2 {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.btn-animate-slow {
    animation-name: pulse2;
    -webkit-animation-name: pulse2;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btn-callnow
{
    color: #2b2b2b;
    padding: 10px 0;
    background: unset;
    width: 100%;
    text-align: center;
}
.btn-callnow span{
    color: #f70b0a;
    font-size: 115%;
    font-weight: bold;
    background: -webkit-linear-gradient(#ef2606, #bd2a18);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'UTM-Avo-Bold';
}
.btn-callnow span:hover
{
    border: 1px solid #bd2a18;
    border-radius: 30px;
    padding: 3px 12px 6px;
        box-shadow: 0 1px 8px rgb(0 0 0 / 20%);
}
.btn-callnow:hover{
   opacity:0.9;
}
@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/3 - 10px)
    }
    .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
    }
    .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:24px!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
    }
    .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.bg-career-white div.content div div.detail div.btn-app{
        width:33.33%
    }
    section.bg-career-white div.content div div.detail div.loc{
        width:33.33%
    }
    section.bg-career-white div.content div div div.pos{
        width:33.33%
    }
    section.bg-career-gray div.content div.career-right div{
        width:100%
    }
    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%
    }
  
    section.bg-career-white div.content div.info div{
        width:100%
    }
    .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-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
    }
    .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
    }
}
@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
    }
    .bg-career-white .btn-app{
        width:100%!important;
        float:left!important;
        margin-top:8px
    }
    section.bg-career-white div.content div div.detail div.name{
        padding-bottom:0
    }
    section.bg-career-white div.content div div.detail div.loc{
        width:100%
    }
    section.bg-career-white div.content div div div.pos{
        width:100%
    }
    .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;}
/*blog*/
.blog .heading h1 {
    text-align: center;
    position: relative;
    font-weight: 700;
    font-size: 30px;
    padding: 20px 0 20px;
    line-height: 34px;
    background: -webkit-linear-gradient(#ce1c00, #9b2517);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'UTM-Avo-Bold', Tahoma;
    text-transform: uppercase;margin: 20px 0;
}

.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: #96281d;}
.blogrow .blogcol .blog-item .detail .blog-meta{
    margin-bottom:10px;
    color: #a42616;
    font-weight: 500;
}
.blogrow .blogcol .blog-item .detail .blog-meta a{color: #F01C24;}
.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: #F01C24;
    display: inline-block;
}
@media (max-width: 768px) {
    .blogrow{
        margin: 25px 0;
    }
     .blogrow .blogcol {width:50%;padding-left: 12px;padding-right: 12px;}
}
/*end blog*/
.header__title {
    margin: 0 0 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    font-family: 'UTM-Avo-Bold';
    line-height: 1.6;
    color: #333;
}
.section__header h2.header__title {
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    font-family: Roboto, Arial, Tahoma;
    line-height: 32px;
    color: #40403f;
}.section__header .header__subtitle {
    font-style: italic;
    color: #444;
}
 .pnc{
     padding: 30px 0;
 }
 .section__partners .section__header h2.header__title{color:#40403f;}
.section__partners .partner-inner{
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.section__partners .partner-inner .item{
    padding:5px;
    -webkit-box-flex:0;
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%;
}
.section__partners.partnets_c5 .partner-inner .item{
   width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.section__partners.partnets_style_cricle{
    margin-bottom: -30px;
    padding-bottom: 35px;
}
.section__partners.partnets_style_cricle .partner-inner .item .card{background:unset;border:none;}
.section__partners.partnets_style_cricle .partner-inner .item .card img {border-radius:50%;}

.section__partners.partnets_bg {
    background-image: url(/theme/img/partners.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position:relative;
}
.section__partners.partnets_bg  .section__center .section__header {
    margin: 20px auto 35px;
    display: block;
    text-align: center;
}
.section__partners.partnets_bg  .section__header 
{
    position: relative;
    z-index: 2;
}
.section__partners.partnets_bg .section__header .header__title,
.section__partners.partnets_bg .section__header .header__subtitle{
    color:#fff;
}
.partnets_overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #3c3c3c2e;
}

.section__partners .partner-inner .item .card{
    padding:15px 15px 0;
    background:#fff;
    border:1px solid rgba(131,131,131,.08);
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    opacity: 0.85;
}

.section__partners .partner-inner .item .card a{
    position:relative;
    display:block;
    overflow:hidden;
    height:0;
    padding-top:100%
}
.section__partners .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
}

.box__links{
    padding: 10px;
    text-align: justify;
    font-family: arial;
    border-radius: 4px;
    font-size:14px;
    font-weight: 600;
    line-height: 1.5;
    font-style: italic;
    margin-bottom: 20px;

}
.box__links a {color: #1f38ee;}
@media (max-width:760px){
    .pnc .col-8, .pnc .col-4{width:100%;}
    .section__partners .partner-inner{
       /* width:calc(100% + 16px);*/
        margin:0 -8px;
    }
    .section__partners .partner-inner .item{
        padding:8px;
        -webkit-box-flex:0;
        -ms-flex:0 0 25%!important;
        flex:0 0 25%!important;
        max-width: 25%!important
    }
    .section__partners .partner-inner .item .card{padding:5px;}
   /* .section__partners .partner-inner .item{
        display:none
    }*/
    .section__partners .partner-inner .item:nth-child(1),
    .section__partners .partner-inner .item:nth-child(2),
    .section__partners .partner-inner .item:nth-child(3),
    .section__partners .partner-inner .item:nth-child(4){
        display:block;
    }
    .section__partners .section__header h2.header__title {
        color: #40403f;
        transition: all 1s;
        color: #444c59;
        text-transform: uppercase;
        background: -webkit-linear-gradient(#d91d00, #b6202f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
        font-size: 28px;
    }
    .section__partners .section__header .header__subtitle {
        font-style: italic;
        color: #444;
        width: 100%;
        color: #838383;
        font-size: 17px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 18px;
        max-width: 900px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 30px;
    }
}
/*signature*/
.signature {
    background: #f9f9f9;
    font-family: 'Roboto', sans-serif;
}
.signature .info a{color:unset;}
.signature .info {
    width: 100%;
    float: left;
    border-left: 3px solid #b6202f;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 5px;
}
.signature .info p {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}
.signature .info p:nth-child(1){
    font-weight: 600;
    font-size: 19px;
}
.signature .info p:nth-child(2) {
    font-size: 16.5px;
    font-weight: 500;
}
.signature .social a {
    padding: 0 8px 0 0;
    margin: 2px 8px 0 0;
}
/*single contact*/
.single-contact{
    background: linear-gradient( 114deg,#e7321a 10%,#bf1f0c 100%);
    padding: 8px;
    margin-top:40px;
    max-width: 500px;
    margin: 0 auto;
}
.single-contact .single-contact-form{
    padding: 30px 15px;
    border-radius: 2px;
    background: #fff;
    position: relative;
}
.single-contact .single-contact-form .single-contact-title
{
    font-size: 18pt;
    color: #519c47;
    text-align:center;
    font-weight: bold;
}
.single-contact .single-contact-form .single-contact-description{
    text-align:center;margin:0 auto; max-width:1000px;
}
.single-contact .left{
    float: left;
    width: calc((100% - 20px)/ 2);
}
.single-contact .right{
    float: right;
    width: calc((100% - 20px)/ 2);
}
.single-contact  select {
    color: red;
}
.contact-form .input-group {
    margin-bottom: 2px;
    border: 1px solid rgb(224 224 224);
    margin-top: 10px;
    position: relative;
    display: table;
    border-collapse: separate;
}
.contact-form .input-group .input-group-addon {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border-radius: 0;
    border: none;
    position: relative;
    padding: 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.contact-form .input-group .form-control {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #0e0e0e;
    min-height: 40px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid rgba(255,255,255,.29);
    background: #f5f5f5;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: block;
    margin-bottom: 0;
}
.contact-form .input-group .input-group-addon i {
    color: rgb(139 139 139 / 90%);
    font-size: 20px;
    width: 20px;
    height: 20px;
}.contact-form .input-group textarea {
    height: auto;
}.contact-form .btn-submit {
    padding: 7px 20px;
    display: block;
    color: #fff;
    background-color: #f3b343;
    border-color: #cfaa16;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    border-radius: 3px;    margin-bottom: 0;
    font-size: 14px;line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;    width: 100%;margin-top: 10px;    background: linear-gradient(to right,#b22817 0%,#bc2715 60%,#b22817 100%);
}
/*end single contact*/
/*why*/
.why .head{
    max-width: 800px;
    margin: 0 auto;
    padding: 25px 10px 0;
    border-top: 3px dashed #dff1e1;
}
.why h3.title {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
    color: #b52131;
    margin-bottom: 10px;
    line-height: 34px;
}
.why h3.title span{font-size:20px;}

.why p.desc{
    text-align:center;
    text-align:center;
    font-weight:500;
    margin-bottom: 40px;
    font-size: 17px;
}
.section.why {
    padding-top: 55px;
    padding-bottom: 20px;
    background-color: #f9f9f9;
    background-image: url(/images/icon/bg2.jpg);
    background-position: top!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
    position: relative;
}
.section.why:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    background: #ffffff17;
    width: 100%;
}
.why .icon-box{
    width: 49%;
    display: inline-block;
    float: left;
    padding: 0;
    overflow: hidden;
    text-align: center;
    margin-bottom: 22px;
    border-right: 2px solid #e8e8e8;
}
.why .icon-box:nth-child(2n+1) {
    margin-right: 1%
}

.why .icon-box:nth-child(2n) {
    margin-left: 1%;
    border-right: 0
}
.why .icon-box-img img {
    padding-top: .2em;
    width: 100%;
}
.why .icon-box-img {
    float: left;
    width: 30%;
    padding: 0;
    text-align: left;
    width: 90px;    margin-top: 15px;
}

.why .icon-box-text {
    color: #222;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    text-align: left;
    width: calc(100% - 120px);
        display: block;
    overflow: hidden;float:left;  
}
.why .icon-box-text h4 {
    color: #d71b2f;
    font-weight: 600;
    font-size: 20px;
    margin:8px 0;line-height: 30px;
}
.why .icon-box-text .icon-box-text-inner  {
    font-weight: 500;
    font-size: 16px;
    margin:8px 0;
    color: #444;
    font-family: arial,serif;position: relative;
}
.why .icon-box-text ul{padding-left: 20px;}
.why .icon-box-text ul li{margin-bottom:8px;}
.why .icon-box-text ul li:before{
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 16px;
    left: -1px;
    position: absolute;
    width: 16px;
    background-image: url(/img/dot.png);
    margin: 5px 10px 0 0;
}
.why .icon-box-text-inner b{
        color: #1b4254;
}
.row-note {
    max-width: 800px;
    margin: 0 auto;
    font-size: 18px;
    font-family: roboto, arial;
    text-align: center;
    border-top: 2px solid #d1e7c2;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 25px;

}
.row-note h2 {
    text-transform: uppercase;
    color: red;
    font-size: 24px;
    margin-bottom: 25px;
}
    .row-note .note {
        color: #2c4985;
    }
.row-note .note p {
    display: inline-block;
}
.row-note .note p:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 18px;
    width: 18px;
    background-image: url(/img/dot.png);
    margin: 5px 10px 0 0;
    float: left;
}
.row-note .note-contact {
    font-size: 17px;
}
.why .row{
    margin-left: -10px;
    margin-right: -10px;
}
.why .row .col{
    padding-left: 10px;
    padding-right: 10px;
}
/*end why*/

/*post*/
.post{overflow:hidden;}
.post .main-body {
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px;
}
.post .post-header{
    margin-top: 10px;
    padding-top: 10px;
}
.post .post-header h1 {
    line-height: 28px;
    font-family: 'Noto Serif',serif;
    color: #000;
    line-height: 1.45;
    letter-spacing: -1px;
    margin: 10px 0;
    font-size: 2.4em;
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
}
.post .post-header .post-category{
    text-transform: uppercase;
    font-family: Arial, Roboto, sans-serif;
    letter-spacing: 1px;
    font-size: 1.2em;
    font-weight: 300;
    text-align:center;color: #888;
    display:block;    margin: 14px 10px;
}
.post-header .post-meta {
    color: #838383 !important;
    padding-right: 5px;
    font-size: 17px;
    padding-left: 5px;
    color: #888;
    margin-top: 10px;
    display: block;
    margin-right: 10px;
    text-align: center;
    font-family: arial, tahoma;
    margin: 25px auto;
}.post-header .post-meta:before {
    font: normal normal normal 13px/1 'fontawesome';
    padding-right: 3px;
    opacity: 0.8;
    content: '\f133';
}
.post .post-body {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    color: #333;
    font-weight: normal;
    margin-bottom: 50px;
    position: relative;
    font-family: Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.618;
    text-align: justify;
}
 .post-body .post-author {
    text-align: right;
    margin: 15px 0;
    font-weight: bold;
    padding: 0 10px;
}
.post-body .post-share {
    padding: 10px 0;
}
.post-body .post-relate-link {
    padding: 4px 8px!important;
    background: #feffd9;
    margin-left: 0!important;
}
.post-body ul.post-relate-link li::before {
    color: #0086e3!important;
    content: "\2022";
    padding-right: 6px;
    color: #444c59;
    font-size: 22px;
}
/* end post*/
/*page*/
/*.page{overflow:hidden;}*/
.post-share{    
    max-width: 800px;
    margin: 15px auto;text-align:center;}
.page{
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    padding: 10px;
}
.page .page-content
{
    color: #333;
    font-weight: normal;
    margin-bottom: 50px;
    position: relative;
    font-family: Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.618;
    text-align:justify;
}
.page .heading{
    max-width: 600px;
    padding-bottom: 15px;
    margin: auto;    padding-top: 20px;
}
.page .heading h1 {
    text-align: center;
    position: relative;
    font-weight: 700;
    font-size: 30px;
    padding: 20px 0 20px;
    line-height: 1.45;
    background: -webkit-linear-gradient(#ce1c00, #9b2517);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'UTM-Avo-Bold';
}
.page .page-content h2,
.post .post-body h2{
    text-align: center;
    line-height: 1.2;
    font-size: 1.8rem;
    padding: 25px  5px 10px;
    display: block;
    font-weight: bold;
    margin: 10px auto 10px;
    letter-spacing: -1px;
  /*  float: left;*/
    width: 100%;
    max-width: 600px;
    font-family: 'Noto Serif',serif;
}
.page .page-content ul,
.page .page-content ol,
.post .post-body ul,
.post .post-body ol
{
    margin-bottom:15px;
}
.page .page-content h3
{
     font-size: 1.6rem;
}

@media only screen and (min-width:1200px)
{
    .page .page-content img.fw, .page .page-content figure.fw, .page .page-content table.fw,
    .post .post-body img.fw, .post .post-body figure.fw, .post .post-body table.fw{max-width:1050px;margin:0 auto;display:block;margin-left:-120px;margin-right:-120px;width: calc(100% + 240px);margin-bottom: 30px;}
    .page .page-content figure img,
    .post .post-body figure img{max-width:100%;margin-left:0; margin-right:0; margin: 0 auto;}
}
/*end page*/
/*contact*/
.page-contact {
    margin:0 auto  40px;
    padding-top: 0;
    /* padding-bottom: 60px; */
    padding-bottom: 0;
    background: #fff;
    width: 100%;
    overflow: hidden;
    position: relative;
    clear: both;
    padding-bottom: 10px;
    max-width: 1140px;
}
.page-contact .contact-warpper {
    display: block;
    width: 100%;
    padding: 0 50px;
}
.page-contact .heading-wrapper{
    height: 100%;
    z-index: 1;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    max-width: 950px;
    padding-bottom: 35px;
    margin: auto;
}
.page-contact .heading-wrapper  h1 {
    text-align: center;
    position: relative;
    font-weight: 700;
    font-size: 30px;
    padding: 20px 0 20px;
    line-height: 34px;
    background: -webkit-linear-gradient(#ce1c00, #9b2517);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'UTM-Avo-Bold';
}
.page-contact .contact-left{
    width: 52%;
    max-width: 540px;
    float:left;
    font-size:16px;
    line-height:1.63;
    color:#444c59
}
.page-contact .contact-left img{
    padding-bottom:0px;display: block;margin: 0 auto;    max-width: 320px;
}
.page-contact .contact-left>p{
    font-size:18px;
    color:#30333a;
    font-weight:500
}
.page-contact .contact-left .address{
    padding: 15px 8px;
    border-radius: 5px;
    margin-top: 0px; text-align: center;
}
.page-contact .contact-left .address .address-content{
    display:block;
    width:100%;
    overflow:hidden;  font-weight: 500; 
}
.page-contact .contact-left  .contact-name
{
    font-weight: 500;
    color: #b3210e;
    margin-bottom: 15px;  
}
.page-contact .contact-left  .contact-name h2{
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
}
.page-contact .contact-left  .contact-name span{
    font-size: 15px;    text-transform: uppercase;
}


.page-contact .contact-left .address .address-content p{
    display:inline-block;
    float:none;
    font-weight:600
}
.page-contact .contact-right{
    width:50%;
    max-width:415px;
    float:right;
    background:#fbfbfb;
    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);
    position: relative;
    background: linear-gradient(114deg,#e7321a 10%,#bf1f0c 100%);
    padding: 7px;
}
.page-contact .contact-right form{
        background: #fff;
    padding: 20px 15px;
}
.page-contact .contact-right div[data-fr="success-box"]{
    display:table;
    height:100%;
    min-height:400px
}
.page-contact .contact-right div[data-fr="success-box"]>p{
    text-align:center!important;
    padding-top:0!important;
    height:auto;
    display:table-cell;
    vertical-align:middle
}
.page-contact .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
}
.page-contact .page-contact-photo{
    margin: 0 auto 30px;
    display: block;
}
.page-contact  .map-title{
    text-align:center;
    display:block;
    margin:40px 0 20px;
}
@media screen and (min-width:320px){
    .page-contact .contact-btn-items{
        flex:100%
    }
}
@media screen and (min-width:630px){
    .page-contact .contact-btn-items{
        flex:0 1 calc(50% - 2%)
    }
}
@media screen and (min-width:979px){
    .page-contact .contact-btn-items{
        flex:0 1 calc(33.33% - 2%)
    }
}
/*end*/
/*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{
    /*float:left;*/
    /*width:65%;*/
    /*text-align: center;*/
    font-weight:500
}
.info-sticky-header p.gray{
    font-weight:400;
    padding-bottom:2px;
    color:#8e9399
}
.info-sticky-header li{
    display:inline-block;
    padding: 0;
}
.info-sticky-header li p{margin-bottom:0;}
.info-sticky-header li:first-child{
    padding-left:0
}
.info-sticky-header li a{
    line-height: 34px;
    font-weight: 400;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.2px;
    opacity: 0.9;
}
.info-sticky-header li a.active{
    font-weight:700;
}
.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
}

@media only screen and (max-width:768px) {
    .info-sticky-header li a {
        line-height: 34px;
        font-weight: 400;
        display: block;
        padding: 5px 2px;
        text-transform: unset;
        font-size: 13px;
        letter-spacing: 0;
        opacity: 0.9;
    }
}
/**/
.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;}
}
@media only screen and (max-width: 550px) {
   .s-menu-wrapper {
        overflow-x: scroll;
    }
}
/*paging*/
/*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: 25px auto 20px;
    justify-content: center;
}
.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 #da0802;
    background: #da0802;
    color: #fff;
}
/*common*/
.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: 15px 0;
    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 10px 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;}

.breadcrums a:hover{
    color: #9b2517;
}
.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 .placeholder{
    pointer-events:none;
    color:rgba(68,76,89,.7);
    position:absolute;
    top:5px;
    max-width:100%;
    z-index:1;
    transition:.3s;
    transform-origin:0 0;
    font-size:14px;
    left:6px;
    line-height:44px;
    font-weight:400
}
.form-element .input,
.form-element textarea{
    /*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;*/

    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #0e0e0e;
    min-height: 40px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    border-radius: 30px;
    padding: 6px 16px;
}
.form-element.textarea{
    height: 110px;
}
.form-element textarea{
    font-size:14px;
    max-width:100%;
    resize:none
}
.form-element.focused .placeholder{
    transform:scale(.72)!important;
    line-height:20px!important;
    margin-top: -4px;
}
.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 {font-size:14px;font-style:italic;color:#454545;margin-top:3px}
.contact-form-body {position:relative;}
.contact-form-body .form-element{margin-bottom:13px;}
/*COMMENT*/
/*send*/
.form-send .loader{
    background: rgba(127,127,127,0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    border-radius: 12px;
}
.form-send .loader img{
    position: absolute;
    top: 56%;
    left: 48%;
}
.form-send .form-alert p.success{
    padding: 0;
    color:#5eb500;
    border-radius: 3px;
    opacity: 1;
    font-family: tahoma;
    font-size: 15px;
    line-height: 20px;
    margin-top: 6px;
    margin-bottom: 0;
}
.form-modal .form-alert p.success{ color:#6acc00;}
.project-form-list.form-send .form-alert p.success
{
    color: #15d01b;
    font-size: 14px;
    line-height: 23px;
    margin-top: 0px;
}
.form-send .form-alert p.error{
    padding: 0;
    color: #ff9494;
    border-radius: 3px;
    opacity: 1;
    font-family: Dancing Script;
      font-size: 15px;
    line-height: 20px;
    margin-top: 6px;
}
.project-form-list.form-send .form-send .form-alert p.error {
    color: #ff2424;
    font-size: 17px;
    line-height: 23px;
    margin-top: 0px;
}

.contact-form-body {position:relative;}
.form_with_bg {
    background-image: url(/theme/img/contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    position: relative;
    height: 265px;
    opacity: 0.9;
}
.form_with_bg form{
    max-width: 300px;
    float: right;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.form_with_bg .form-alert p.error,.form_with_bg .form-alert p.success{color:#000;font-size:16px;}

@media only screen and (max-width: 768px)
{
	.cta-bottom-wrapper {
		display: block;
	}
    .header img {
        max-height: 62px;
    }
    .section__intro .intro__text h1.title {
        font-size:22px; 
    }
    .section__header h2.header__title {
        font-size: 20px;
    }
    .why .icon-box{
        width: 100%;
        margin-right: 0!important;
        border-right: 0!important;
        max-width: 620px;
        margin: 0 auto!important;
        display: block;
        float: unset;
    }
    .why .icon-box-img {
        width: 100px;
        float: left;
        margin-right: 20px;
    }
    .why .icon-box-text {
        text-align: left;
    }
}
@media only screen and (max-width: 520px) {
    .why .icon-box-img {
        width: 86px;
        margin-right: 12px;
    }
    .why .icon-box-text {
        width: calc(100% - 105px);
        padding: 0px;
    }
}
/*header*/

.headerNoScroll{
    /*position:fixed;
    left:0;
    padding-right: 17px;*/
}
.headerNoScroll.mb{padding-right:0;}
header{background-color:#fff;border-bottom: 1px solid #f8f8f8;}

.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{
    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;
    background: linear-gradient(to right,#982b1d 0%,#bd2714 40%,#8a2417 100%);
}
.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 a.icon{margin-left:4px;margin-right:1px;}
.menu-top a.icon:hover{text-decoration:unset;}
.menu-top span{color: #f4f4f4;}
.menu-top .lable-hotline {color: #f4f4f4;font-weight:bold;margin-right:10px}
.header-wraper{
    width: 100%;
    z-index: 100;
    background: #fff;
    background: linear-gradient(to right, #fffcfc 0%, #ffffff 22%, #f4efef 100%);
    width: 100%;
    display: inline-block;
    z-index: 102;
    position: relative;
    float: left;
    
}
.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 2px 2px 0 #E8E8E9;
}
.header-wraper.fixed .header{
    height:65px;
}
.header-wraper.fixed .header .col-left .logo
{
    width:98px!important;
}
.header-wraper.fixed .header .col-left .logo img{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.header-wraper.fixed .header .col-right
{
    padding-top:13px;
}
.header .logo a img{
    display: block;
    max-width: 100%;
}

.send-request{
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    background-color: #f01c25;
    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: #d2121b;
    color: #fff;
}
.btn-sticky-header .send-request {width:unset!important;margin-top:5px;}
.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 abbr,.header address,.header article,.header aside,.header audio,.header b,.header blockquote,.header body,.header canvas,.header caption,.header cite,.header code,.header dd,.header del,.header details,.header dfn,.header div,.header dl,.header dt,.header em,.header fieldset,.header figcaption,.header figure,.header footer,.header form,.header h1,.header h2,.header h3,.header h4,.header h5,.header h6,.header header,.header hgroup,.header html,.header i,.header iframe,.header img,.header ins,.header kbd,.header label,.header legend,.header li,.header mark,.header menu,.header nav,.header object,.header ol,.header p,.header pre,.header q,.header samp,.header section,.header small,.header span,.header strong,.header sub,.header summary,.header sup,.header table,.header tbody,.header td,.header tfoot,.header th,.header thead,.header time,.header tr,.header ul,.header var,.header 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
}
.header a{
    color:#303330;
    text-decoration:none
}
/*.header a:hover{
    color:rgba(48,51,48,.86)
}*/
.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: center;
    -ms-flex-align: center;
    align-items: inherit;
    width: 180px;
       
}
.header .col-left .logo{
    display: block;
    width: 122px;
    transition: all 300ms;
    padding-top: 2px
}
/*.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: no-repeat;
    border: none;
    border-radius: 3px;
    font-size: 22px;
    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: #b62817;
}
/*.header .col-left  button.zmdi:hover,.headerNoScroll .col-left  button.zmdi{background:#c3c3c3;}*/
/*.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:#3232325e;*/
    width:100%;
    max-width:100%;
    height:100%;
    left:0;
    top:66px;
    display:none;
    overflow-x:hidden;
    overflow-y:auto;
    padding-bottom:100px;
    border-top: 1px solid #eee;
}
.header .col-left .main-nav-menu ul{
    display:block;
    overflow:hidden;
    background:#fff;
    margin-right: 12px;
    border-radius: 5px;
    width: 220px;
    float: right;
    transition: translate .18s,box-shadow .18s;
    box-shadow: 0 3px 8px rgb(0 0 0 / 50%);
}
.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
}
.header .col-left .main-nav-menu ul li:last-child:after{
    content: "";
    clear: both;
    display: table;background: #f5f5f5;
}

.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;text-align: right;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.header .col-left .main-nav-menu >ul >li >a:hover{
        background: #fbfbfb;
}
.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% - 230px);
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 45px;
    padding-top: 18px;
}
.header .col-right ul li.sub-menu .zmdi {position: absolute;top: 12px;right: 0px;}
.header .col-right .top-menu ul{
    white-space:nowrap
}
.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: 16px;
    color: #333;
    font-weight: 600;
    padding: 0 14px;
    letter-spacing: .5px;
    text-transform:uppercase;
}
.header .col-right .top-menu ul li a i.fa-home {
    padding-left: 0;
    padding-right: 2px;
    font-size: 18px;
    line-height: 24px;
}

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

.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>a{
    pointer-events:none
}*/
.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: right;
}
.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
}

@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
    }
    #footer .inner{ 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)
    }
    section__partners{margin-right:20px;}
}
.header .btn-primary{
    display:inline-block;
    width:100%;
    margin:0 auto;
    cursor:pointer;
    font-weight:600;
    font-size:14px;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    min-width:-webkit-fit-content;
    min-width:-moz-fit-content;
    min-width:fit-content;
    min-width:-moz-available;
    max-width:-moz-available;
    text-align:center;
    border-radius:2px;
    padding:0 20px;
    white-space:nowrap
}
.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;}
.btn-top-hotline a{
   color: #fff!important;
    font-size: 13px!important;
    height: 32px;
    line-height: 30px;
    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: 2px;
    padding: 2px 14px!important;
    white-space: nowrap;
    outline: unset;
    font-weight: bold;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: -webkit-linear-gradient(left,#b22817 0%,#bc2715 60%,#b22817 100%);
    background: -o-linear-gradient(left,#b22817 0%,#bc2715 60%,#b22817 100%);
       background: linear-gradient(to right,#b22817 0%,#bc2715 60%,#b22817 100%);
}
.btn-top-hotline a:after{display:none!important;}
.btn-top-hotline a i.fa {
    padding: 0;
    vertical-align: text-bottom;
    font-size: 13px;
     -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    color:#fff;
}
.btn-top-hotline a:hover{
    background-color:#028247!important;
}
.btn-top-hotline a:hover i.fa, .btn-top-hotline a:hover span{color:#fff!important;}
/*@media only screen and (max-width:1095px){*/
@media (max-width:992px){
    .header .col-right .top-menu ul li:first-child,
    .header .col-right .top-menu ul li:nth-child(7){display:none;}
}
@media (max-width:768px){
    .header .col-left .logo
    {
        width: 170px;
    }
    .header-wraper .header .col-left .logo img {
        }
    .header-wraper.fixed .header .col-left .logo {
        width: 122px!important;
    }
    .btn-top-hotline {display:block;margin-top:0px!important;}
    .header .col-left{margin-right:0;width: 220px;}
    /*.header .col-left .logo{margin: 0 auto;}*/
    .header .col-right{display:none;}
    .header{height:68px;border-top: 2px solid #b62817}
    .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;margin-top: 11px;
    }
    .header .logo a img{
        display: block;
        padding: 0;
        max-width: 220px;
    }
    .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
    }
}
/*footer*/
#footer {
    width: 100%;
  
    background: #efefef;
    color: #fff;
    background-image: url(/images/img/bg_footer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
#footer .inner{
    width:100%;
    max-width:1140px;
    margin:0 auto;    padding: 60px 0 10px;
}
#footer .inner .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;
    padding: 75px  0 40px;
}
#footer  .copyright{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    padding: 8px 0 10px;    text-align: center;
    opacity:0.9;
     background: #ab1626;text-transform: uppercase;
}
#footer  .copyright a{
    color:#fefefe;
}
#footer  .copyright .right a {
    margin-left:10px;
}
#footer  .copyright a:hover{
    text-decoration:underline;
}
#footer  .copyright .right a:first-child{
    margin-left:0
}
#footer .inner .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;
    width:100%
}
#footer .inner>li,#footer .inner .item{
    width:50%;
    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
}
#footer .inner >li .icon,#footer .inner .item .icon{
    width:20px;
    margin-right:10px
}
#footer .inner >li .detail,#footer .inner  .item .detail{
    width:calc(100% - 30px)
}
#footer .inner >li .detail .title,#footer .inner  .item .detail .title{
    font-size:12px;
    margin-bottom:5px
}
#footer .inner >li .detail .link a,#footer .inner  .item .detail .link a{
    font-size:16px;
    color:#00a6bd;
    font-weight:500
}
#footer .inner >li span,#footer .inner  .item span{
    width:100%;
    font-size: 18px;
    font-weight: 700;
    margin-bottom:5px;
    position:relative
}

#footer .inner >li ul,#footer .inner  .item ul{
    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;
    width:100%
}
#footer .inner>li ul li,#footer .inner .item ul li{
    width:100%;
    height:30px;
    line-height:30px
}
#footer .inner>li ul li a,#footer .inner .item ul li a{
    display:block;
    font-size: 16px;
    color: #fff;
    transition: all 0.3s;
}
#footer .inner>li ul li a:hover{
    text-decoration:none;
    padding-left:4px;
}
#footer .inner a{ color: rgba(38, 38, 38, 0.8);}
#footer .inner .address{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
#footer .inner .address .name{
        color: #cc2334;
    margin-top: 10px;
    margin-bottom: 4px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
}
#footer .inner .address .slogan{
        margin-bottom: 10px;
    font-size: 16.5px;
    color: #ffffff; margin-bottom:15px;text-transform:uppercase;
}
#footer .inner .address .slogan:after{
    content: "";
    background: url(/img/underline.png);    margin: 7px auto;
    display: inline-block;
    display: block;
    width: 250px;
    height: 11px;
    background-repeat: no-repeat;
}
#footer .inner  .logo{
    max-width: 238px;
    margin-bottom: 15px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
}
#footer .inner  .logo img{max-width:100%;width:84%;}
#footer .inner .address p{
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 12px;    font-weight: 500;
}
#footer .address .fphone a{
    font-weight: 500;
    font-family: 'UTM-Avo-Bold';
    background: -webkit-linear-gradient(#ffffff, #f3f3f3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        box-shadow: 0 2px 3px rgb(127 127 127 / 11%);
    -webkit-box-shadow: 0 2px 3px rgb(127 127 127 / 11%);
}
#footer .inner .address p i {width: 22px;}
#footer .inner a{color:#fff;}
#footer .inner a:hover{color:#fafafa;text-decoration: underline;}
#footer .cat{
    border-top: 1.5px dashed rgb(249 243 243);
    border-bottom: 1.5px dashed rgb(249 243 243);
    padding: 5px 0;
    margin-top: 20px;
    opacity: 0.7;
}
#footer .cat ul{
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;    
}
#footer .cat ul li {
  display: inline-block;
    float: left;
    margin-right: 10px;
    width: 100%;
    text-align: center;
  
}
#footer .cat ul li a{
  color:#fefefe;
  display:block;
      opacity: 0.8;
    text-transform: uppercase;
}
#footer .cat ul li a:hover{opacity:1;}


#footer .social{
  margin: 20px 0 0 0;
}
#footer .social a{
  padding: 0 2px;
}
#footer .social a span{
  height: 40px;
  width: 40px;
  background: #af1727;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
  transition: 0.3s;
}
#footer .social a span:hover{
  background: #a90f1f;
}
#footer .social .text{
  font-size: 1.0625rem;
  font-weight: 500;
  padding-left: 10px;
}
#footer .social .phone{
  margin: 15px 0;
}

@media only screen and (max-width:768px){
    #footer .inner .row{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
        /*padding: 10px;*/
    }
    #footer .inner .row .item{
        width:25%;
        margin-bottom:15px
    }
    #footer .inner .row .item:last-child{
        margin-bottom:0
    }
    #footer .inner .row>li{
        width:33.33333%;
    }
    #footer .inner .row{padding: 10px 0 10px;}
    #footer .inner .row .address{
        -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
        order:5;
        border-top:1px solid rgba(255,255,255,.12);
        padding:30px 0 0;
        width:100%;
        margin-top:20px;
        text-align:center;
        border: none;

    }
    #footer .inner .row .cat{
        display: none;
    }
}
@media only screen and (max-width:640px){
    #footer .inner .row:nth-child(2){
        padding-top:10px;
        border:0
    }
    #footer .inner .row:last-child{
        border-top:1px solid rgba(255,255,255,.12);
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
    #footer .inner .row:last-child .left,#footer .inner .row:last-child .right{
        width:100%;
        text-align:center
    }
    #footer .inner .row:last-child .left{
        margin-bottom:5px
    }
}
/*gallery*/
.gg-bt, .gg-element {
    text-align: center;
    vertical-align: middle
}
.gg-box {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(245px,1fr));
    grid-gap: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media only screen and (max-width:1366px) {
    .gg-box {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(270px,1fr));
        grid-gap: 4px
    }
}

@media only screen and (max-width:600px) {
    .gg-box {
        grid-template-columns: repeat(auto-fit,minmax(180px,1fr))
    }
}

.work-carousel-one .gg-box {
    display: block !important
}

.gg-element img {
    object-fit: cover;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.02)
}

.gg-element img:hover {
    opacity: .98
}

#gg-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0,0,0,.85);
    z-index: 999999;
    text-align: center
}

#gg-screen .gg-image {
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

#gg-screen .gg-image img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.gg-bt {
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,.6);
    color: #222;
    border-radius: 50%;
    line-height: 32px;
    display: inline-block;
    cursor: pointer;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 25px;
    border: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box;
    padding-left: 2px
}

    .gg-bt:hover {
        background: rgba(255,255,255,.8);
        border: 1px solid rgba(0,0,0,.5)
    }

.gg-close {
    position: fixed;
    top: .5em
}

.gg-close, .gg-nxt {
    right: .5em
}

.gg-prev {
    left: .5em
}

.gg-nxt, .gg-prev {
    position: fixed;
    bottom: 50%
}

.gg-element {
    filter: Alpha(opacity=100);
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    z-index: 100
}

    .gg-element:hover {
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        opacity: 1;
        filter: Alpha(opacity=100);
        z-index: 102;
        position: relative
    }

@media (min-width:480px) {
    .gg-box .rectangle {
        grid-row-end: span 2
    }

    .gg-element:hover {
        -ms-transform: scale(1.08);
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }
}
#panzoom{    display: inline-block;    height: 100%;}
#gg-screen .buttons{
	   position: fixed;
	top: 77px;
	right: 10px;
}
/*end gallery*/