@charset "utf-8";

@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../fonts/UTMHelvetIns.eot');
    src: url('../fonts/UTMHelvetIns.eot') format('embedded-opentype'),
         url('../fonts/UTMHelvetIns.woff2') format('woff2'),
         url('../fonts/UTMHelvetIns.woff') format('woff'),
         url('../fonts/UTMHelvetIns.ttf') format('truetype'),
         url('../fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}

@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../fonts/RobotoCondensedBold.eot');
    src: url('../fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('../fonts/RobotoCondensedBold.woff') format('woff'),
         url('../fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('../fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoBold.woff2') format('woff2'),
         url('../fonts/RobotoBold.woff') format('woff'),
         url('../fonts/RobotoBold.ttf') format('truetype'),
         url('../fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: 'UTMAvo';
    src: url('../fonts/UTMAvo.eot');
    src: url('../fonts/UTMAvo.eot') format('embedded-opentype'),
         url('../fonts/UTMAvo.woff2') format('woff2'),
         url('../fonts/UTMAvo.woff') format('woff'),
         url('../fonts/UTMAvo.ttf') format('truetype'),
         url('../fonts/UTMAvo.svg#UTMAvo') format('svg');
}

* { margin: 0; text-decoration: none; }
body { background: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; font-size: 14px; }
img { max-width: 100%; height: auto; box-sizing: border-box; vertical-align: top }
a{outline: none;}
.w-clear:after { display:block; content:""; clear:both; }
.clear { clear: both; }

/* Begin Contain */ 
#wrap_container{width: 100%;}
.contain_main, .wrap-content{max-width: 1200px;margin: 30px auto;padding: 0px 10px;}
.wrap-content{margin: auto;}
.left{width: 870px;float: left;}
.right{width: 300px;float: right;padding-left: 14px;border-left: 1px solid rgba(128, 128, 128, 0.35);}
.title_main span{position: relative;display: block;border-bottom: 1px solid #dddddd;font-family: 'RobotoCondensedBold';font-size: 22px;text-transform: uppercase;text-align: left;padding-bottom: 5px;margin-bottom: 20px;color: #0067cb;}
.title_main span:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 90px;height: 2px;background: #0067cb;}
.title_home{margin-bottom: 30px;text-align: left;}
.title_home span{display: inline-block;background: #0067CB;position: relative;color: #fff;height: 34px;line-height: 37px;text-indent: 10px;font-size: 22px;text-transform: uppercase;font-family: 'RobotoCondensedBold';}
.title_home span:after{content: "";position: absolute;top: 0px;right: -413px;width: 413px;height: 34px;background: url(../images/bg-title-main.png) no-repeat;}
.info_main{margin-bottom: 10px;}
.view{float: left;color: #0067CB;font-family: arial; font-size: 14px;margin-bottom: 10px;}
.share{float: right;}
/* End Contain */

/* Begin Wrap Bất Động Sản */
.wrap-batdongsan1{margin: 50px auto;}
.item-bds{float: left;width: 270px;margin-bottom: 30px;margin-right: 30px;}
.item-bds:nth-child(3n+1){clear: both;}
.item-bds:nth-child(3n){margin-right: 0px;}
.bds{max-width: 270px;margin: auto;}
.bds h3 a{font-size: 14px;color: #222222;font-family: 'RobotoBold';text-transform: uppercase;display: block;font-weight: normal;text-align: left;margin-top: 15px;margin-bottom: 5px;line-height: 20px;}
.bds h3:hover a{color: red;}
.desc_bds{font-size: 13px;text-align: left;font-family: 'RobotoRegular';line-height: 20px;}
.chitiet{color: #1775d0;font-family: 'RobotoRegular';font-size: 12px;font-style: italic;display: inline-block;}
/* End Wrap Bất Động Sản */

/* Begin Intro */
.wrap-intro{padding-bottom: 50px;padding-top: 20px;}
.item-intro{width: 48%;float: left;}
.item-intro:last-child{float: right;}
.qc{display: block;text-align: center;padding-bottom: 60px;}
.item-tt-moi{overflow: hidden;height: 85px;margin-bottom: 10px;}
.pic-tt-moi{float: left;margin-right: 10px;}
.info-tt-moi{float: left;width: calc(100% - 105px);}
.name-tt-moi a{font-family: 'RobotoBold';color: #313131;font-size: 13px;line-height: 18px;display: block;}
.name-tt-moi a:hover{color: red;}
.desc-tt-moi{font-size: 12px;font-family: 'RobotoRegular';line-height: 18px;color: #313131;text-align: justify;}
.video_main{width: 78%;float: left;}
.slick-video{width: 100%;max-height: 280px;overflow: hidden;max-width: 115px;float: right;}
.item-video{width: 115px;height: 85px;margin-bottom: 10px;cursor: pointer;}
.list-video{text-align: center;display: none;max-height: 190px;}
.wrap-dknt{max-width: 790px;margin: auto;padding-top: 35px;padding: 0px 10px;}
.lbl-dknt{font-family: 'UTMAvo';font-size: 20px;text-transform: uppercase;text-align: center;padding-bottom: 20px;}
.lbl-dknt span{font-size: 12px;}
.frm_dangky{display: block;width: 100%;}
.txt_dk{width: calc(100% - 150px);background: white;line-height: 43px;text-indent: 10px;outline: none;font-size: 13px;float: left;color: #313131;box-sizing: border-box;padding: 0px;border: 1px solid rgba(128, 128, 128, 0.35);}
.btn_dk{width: 140px;height: 45px;float: right;background: #E50006;border: 0px;color: white;outline: none;font-size: 16px;text-transform: uppercase;cursor: pointer;text-align: center;}
/* End Intro */

/* Begin Header */
.banner{min-height: 130px;background-repeat: no-repeat, no-repeat;background-position: top right, top left;}
.logo{float: left;margin-top: 15px;margin-left: 15px;}
.info-header{float: left;margin-left: 50px;margin-top: 15px;}
.lbl-main{text-transform: uppercase;color: #ee0b0b;font-family: 'UTMHelvetIns';font-size: 34px;margin-left: 40px;}
.hotline{min-height: 40px;background: url(../images/icon-hl.png) no-repeat 0px 0px;font-family: 'UTMAvo';font-size: 16px;color: red;padding-left: 50px;margin-top: 5px;}
.hotline span{font-weight: bold;font-size: 22px;}
/* End Header */

/* Begin Search */
.search{width: 265px;height: 30px;background: #fff;margin-top: 10px;}
.btn_search{float: right;width: 65px;height: 30px;cursor: pointer;outline: none;background: #C31100;border: none;font-family: 'RobotoBold';color: #fff;font-size: 12px;text-transform: uppercase;}
.txt_search{width: calc(100% - 65px);float: left;background: #fff;line-height: 30px;text-indent: 10px;outline: none;border: none;color: #313131;font-size: 12px;box-sizing: border-box;padding: 0px;}
/* End Search */

/* Menu */
.menu{height: 50px;line-height: 50px;background: #0067CB;}
.menu ul{padding: 0px; list-style: none;}
.menu ul li a{color: #fff;display: block;font-family: 'RobotoRegular';text-align: center;font-size: 14px;padding: 0px 34px;text-decoration: none;text-transform: uppercase;}
.menu ul li:hover a, .menu ul li a.active{background: #EE0B0B;}
.menu ul li.line{width: 1px;height: 50px;background: #fff;}
#wrap_menu_res{display: none;position: relative;}
.invi_loading {visibility: hidden !important;}
/* End Menu */

/* Begin Slideshow */
.slideshow{position: relative;}
.box-slide .theme-default .nivoSlider{background-color: transparent !important;margin-bottom: 0px;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;}
.theme-default .nivo-directionNav a{width: 46px !important;height: 53px !important;}
.theme-default a.nivo-nextNav{background-position: -23px 0 !important;right: 0px !important;}
.theme-default a.nivo-prevNav{background-position: 23px 0 !important;left: 0px !important;}
/* End Slideshow */

/* Begin Tin Tức */
.news{width: 425px;float: left;margin-bottom: 15px;border-bottom: 1px solid rgba(128, 128, 128, 0.42);padding-bottom: 15px;}
.news:nth-child(2n){float: right;}
.news:nth-child(2n+1){clear: both;}
.pic_news{float: left;width: 160px;margin-right: 10px;}
.pic_news img{padding: 3px;border: 1px solid rgba(128, 128, 128, 0.57);background: rgba(255, 255, 255, 0.67);box-sizing: border-box;}
.pic_news:hover img{opacity: 0.8;border-color: #0067CB;}
.name_news{text-align: justify;}
.name_news h3 a{color: #000;font-size: 13px;font-weight: bold;display: block;line-height: 20px;}
.name_news a:hover{color: #ef5454;}
.desc_news{color: #333333;margin-top: 5px;text-align: justify;font-size: 12px;line-height: 20px;}
.btn_news{float: right;}
.btn_news a{color: #0067CB;font-size: 12px;}
.btn_news a:hover{color: red;}
/* End Tin Tức */

/* Begin Tin tức khác */
b.tit-news-other{display: block;margin-top: 20px;margin-bottom: 10px;}
.list_baivietkhac{padding-left: 17px;}
.list_baivietkhac li{margin-bottom: 2px;}
.list_baivietkhac li a{text-transform: none;color: #333333;font-size: 13px;}
.list_baivietkhac li a:hover{text-decoration: underline;color:  #ef5454;}
/* End Tin tức khác */

/* Begin Liên Hệ */
.left-lienhe{width: 60%;float: left;}
.info-lienhe{font-size: 13px;line-height: 1.5;color: #333333;}
.right-lienhe{width: 38%;float: right;}
.hr-lienhe{border-top: 2px solid rgba(128, 128, 128, 0.52);margin: 15px 0px;}
#map{height: 480px;margin: 10px 0px;}
#directionsPanel{display: none;}
span#hint-map{font-size: 13px;display: block;}
input.btn-map{border: 0px;width: 100px;height: 31px;background: gray;color: white;border-radius: 2px;outline: none;}
input.txt-map{height: 27px;width: calc(100% - 106px);text-indent: 10px;border: 1px solid;border-color: #cecbcb;border-radius: 0px;outline: none;}
span.tit-map{color: red;text-transform: uppercase;font-size: 14px;display: block;margin-bottom: 5px;font-weight: bold;}
.diachi{font-size: 13px;}
/* End Liên Hệ */

/* Begin Table Liên Hệ */
.tablelienhe span{color: #0067CB;}
.tablelienhe td{height: 25px;}
.tablelienhe .input, .tablelienhe textarea{border: 1px #E9E9E9 solid;font-size: 12px;width: 100%;padding: 5px;box-sizing: border-box;min-height: 30px;}
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.button{border: 1px solid #515151;color: #fff;font-size: 12px;text-transform: capitalize;padding: 5px 15px;background: #414944;border-radius: 1px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;display: inline-block;}
.button:hover{color: #FFFFFF;background: #202020;-webkit-transition: ease-in-out 0.5s;-o-transition: ease-in-out 0.5s;transition: ease-in-out 0.5s;}
.tablelienhe .input::-webkit-input-placeholder{color: #585757;}
.tablelienhe .input:-moz-placeholder{color: #585757;}
.tablelienhe .input::-moz-placeholder{color: #585757;}
.tablelienhe .input:-ms-input-placeholder{color: #585757;}
.tablelienhe textarea::-webkit-input-placeholder{color: #585757;}
.tablelienhe textarea:-moz-placeholder{color: #585757;}
.tablelienhe textarea::-moz-placeholder{color: #585757;}
.tablelienhe textarea:-ms-input-placeholder{color: #585757;}
/* End Table Liên Hệ */

/* Begin Footer */
.footer{position: relative;font-family: 'RobotoRegular';}
.footer .wrap-content{position: relative;z-index: 10;min-height: 450px}
.footer_news{position: absolute;top: 0px;right: 10px;height: 100%;width: 100%;max-width: 420px;box-sizing: border-box;padding: 40px 35px 25px 35px;background: #0067CB;}
span.title_footer{margin-bottom: 15px;color: #fff;font-size: 16px;display: block;font-family: 'UTMAvo';text-transform: uppercase;}
.content_footer{color: #fff;line-height: 35px;font-size: 12px;}
.mangxahoi{list-style: none;padding: 0px;margin-top: 10px;}
.mangxahoi li{display: inline-block;vertical-align: middle;margin: 0px 1px;color: #fff;text-transform: uppercase;font-size: 12px;}
#map_footer{position: absolute;top: 0px;height: 100%;width: 100%;}
.footer-bottom{min-height: 45px;line-height: 45px;background: #015712;color: #fff;}
.footer-bottom > div{max-width: 1200px;margin: auto;}
span#copy{display: block;font-size: 12px;color: #fff;margin-top: 25px;}
div.thongke{color: #fff;font-size: 12px;text-align: right;margin-top: 40px;}
div.thongke div.item-tk{display: inline-block;vertical-align: top;}
div.thongke div.item-tk > span{color: white;}
div.thongke div.item-tk:nth-of-type(2n){margin: 0px 2px;}
/* End Footer */

/* Begin Not Found */
.notice_pro{width: 100%;height: 60px;background: #EFECEC;color: #7D7979;font-family: arial;border-radius: 5px;}
.notice_pro h4{padding: 0px 20px;line-height: 60px;font-weight: normal;font-size: 15px;}
/* End Not Found */

/* Phân Trang */
.pagination{ text-align: center; margin-top: 15px; }
.pagination ul{display: inline-block;  margin-bottom: 0;margin-left: 0; padding: 0px;}
.pagination ul>li{display: inline;}
.pagination ul>.active>a, .pagination ul>.active>span{cursor: default;background: #6C2910;color: white;}
.pagination ul>li>a, .pagination ul>li>span{font-family: arial;font-size: 12px;float: left;padding: 1px 10px;line-height: 20px;text-decoration: none;background-color: #fff;color: #313131;border: 1px solid #6C2910;margin: 0 2px;border-radius: 1px;}
.pagination ul>li>a:hover, .pagination ul>li>span:hover{background: #6C2910;color: white;}
/* End Phân Trang */

/* Scroll Top */
.scrollToTop{width: 50px;height: 50px;text-align: center;font-weight: bold;color: #444;text-decoration: none;position: fixed;bottom: 50px;right: 2px;display: none;z-index: 3;cursor: pointer;}

/* Text Hide */
.text-hide{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/* Transition All */
.transition{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}

/* Blink */
.blink{-webkit-animation-name: blink;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-name: blink;-moz-animation-duration: 1s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;animation-name: blink;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}
@-moz-keyframes blink{0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@-webkit-keyframes blink{0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@keyframes blink{0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}

/* Scroll */
.scroll-maded{overflow-y: scroll;overflow-x: hidden;}
.scroll-maded::-webkit-scrollbar{width: 2px;}
.scroll-maded::-webkit-scrollbar-thumb{width: 2px;background: #e6c413}
.scroll-maded::-webkit-scrollbar-thumb:hover{width: 2px;}
.scroll-maded::-webkit-scrollbar-thumb:active{width: 2px;}

/* Loading */
.loading{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 99999999999;background: #fff;text-align: center;}
.loader,.loader:after{border-radius: 100%;width: 38px;height: 38px;}
.loader{position: absolute;top: calc(50% - 19px);left: calc(50% - 19px);text-indent: -9999em;border-top: 4px solid #e1e1e1;border-right: 4px solid #e1e1e1;border-bottom: 4px solid #e1e1e1;border-left: 4px solid #0067CB;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load_circle 0.9s infinite linear;animation: load_circle 0.9s infinite linear;}
@-webkit-keyframes load_circle{0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-moz-keyframes load_circle{0% {-moz-transform: rotate(0deg);transform: rotate(0deg);}100% {-moz-transform: rotate(360deg);transform: rotate(360deg);}}
@-o-keyframes load_circle{0% {-o-transform: rotate(0deg);transform: rotate(0deg);}100% {-o-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load_circle{0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}