@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot');
    src: local('OpenSans.eot'), 
    url('../fonts/OpenSans.woff') format('woff'), 
    url('../fonts/OpenSans.ttf') format('truetype'), 
    url('../fonts/OpenSans.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTMAvo';
    src: url('../fonts/UTM-Avo.eot');
    src: local('UTM-Avo.eot'), 
    url('../fonts/UTM-Avo.woff') format('woff'), 
    url('../fonts/UTM-Avo.ttf') format('truetype'), 
    url('../fonts/UTM-Avo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'UTMAvoBold';
  src: url('../fonts/UTMAvoBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/UTMAvoBold.woff') format('woff'), url('../fonts/UTMAvoBold.ttf')  format('truetype'), url('../fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/************************************************
    Reser css by BaoTran
*************************************************/
a,a:link,a:focus,a:active{text-decoration: none;transition-delay: 0s, 0s;transition-duration: 0.4s, 0.4s;transition-property: all, padding;transition-timing-function: linear;-webkit-transition-timing-function: linear;}
button, input{transition-delay: 0s, 0s;transition-duration: 0.4s, 0.4s;transition-property: all, padding;transition-timing-function: linear;-webkit-transition-timing-function: linear;}
.body-wrapper{width: 100%;max-width: 100%;overflow: hidden;font-family: "Open Sans", Helvetica, sans-serif;background: #f6fbff;color:#565656;line-height:1.5em}
.clear{clear: both;}
.mgb15{margin-bottom:15px;}.mgb20{margin-bottom:20px;}.mgb30{margin-bottom:30px;}.mgb40{margin-bottom:40px;}
.mgt15{margin-top:15px;}.mgt20{margin-top:20px;}.mgt30{margin-top:30px;}.mgt40{margin-top:40px;}
#page{display: none;width:0px;height:0px;overflow: hidden;}
.none{display: none;}
a{color:#565656;}a:hover{cursor: pointer}
img{margin:0 auto;}
textarea{resize:vertical!important}
/*Reset css*/
/************************************************
    Logo
*************************************************/
.logo{text-align: center;position:relative;left:0px;top:0px;}
.logo h1, .logo h6{display:block;text-align: center;padding: 0px 0;overflow: hidden;margin:0px;}
.logo h1 a,.logo h6 a{display: inline-block;overflow: hidden;line-height: 0px;}
.logo h1 a img,.logo h6 a img{width: auto;max-height:232px;-webkit-transition: all 100ms linear;-moz-transition: all 100ms linear;-o-transition: all 100ms linear;-ms-transition: all 100ms linear;transition: all 100ms linear;}
/************************************************

    Header
    
*************************************************/
.tags{padding:30px 0 10px;background:#fff}
.row-tags{margin:0px;padding:0px;vertical-align: top;font-size:0px;margin:0 -20px}
.row-tags li{list-style: none;display:inline-block;box-sizing:border-box;vertical-align: top;padding:0 20px;font-size:14px;margin-bottom:20px;width:20%}
.row-tags li a{display: block;background-color: rgba(0,0,0,0.1);color:#555;font-weight:600;text-align: center;padding: 6px 6px;font-size:13.1px;border: 1.5px solid #ccc8c8;}
.row-tags li a:hover{background-color:#097dc0;color: #fff;}

.header{background:#fff;min-height:64px;}
.header-block{position: relative;background:#f4f4f4}.header-block:before,.header-block:after{content:'';display: table;clear: both;}

.search{float:right;position:relative;width:50px;height:36px;margin-top:23px;margin-right:0px}.searchbox{position:absolute;min-width:40px;width:0;height:36px;top:0px;right:0px;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;transition:width .3s;z-index:999}.searchbox-icon,.searchbox-input,.searchbox-submit{height:36px;top:0;right:0;margin:0;border:0;outline:0}.img-news img,.po-project{-webkit-transition:all .4s}.searchbox-input{background:#097dc0;width:100%;padding:0px;font-size:12px;color:#fff;text-indent: 10px;}.searchbox-input::-webkit-input-placeholder{color:#fff}.searchbox-input:-moz-placeholder{color:#fff}.searchbox-input::-moz-placeholder{color:#fff}.searchbox-input:-ms-input-placeholder{color:#fff}.searchbox-icon,.searchbox-submit{width:40px;display:block;position:absolute;font-size:20px;padding:0;text-align:center;cursor:pointer;color:#097dc0;background: #097dc0 url(../images/search.png) center center no-repeat!important;}.searchbox-open{width:300px}

.menu-home{float:left}
.menu-home ul{padding:0px;margin:0px}
.menu-home ul li{list-style:none;position:relative;}
.menu-home>ul>li{float:left;}
.menu-home>ul>li:hover>a{color:#f9a61c}
.menu-home>ul>li>a{display:block;font-size:18.50px;font-weight:normal;text-transform:uppercase;color:#363636;line-height:1.2em;padding:18px 20px;position:relative;font-family:'UTMAvoBold',Arial,Comic Sans;}
.menu-home>ul>li>a:hover,.menu-home>ul>li>a.active{color:#f9a61c}
/*.menu-home>ul>li>a:before{content:'';display:inline-block;width:0px;height:1px;background:#f9a61c;position:absolute;bottom:25px;left:50%;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;}
.menu-home>ul>li>a:hover::before{width:30px;transition-timing-function:ease-in-out;margin-left:-15px;}
.menu-home>ul>li>ul{overflow:visible;padding-top:6px;position: absolute;left:50%;opacity:0;visibility: hidden;transition: opacity 0.5s ease 0s, top 0.5s ease 0s;-webkit-transition: opacity 0.5s ease 0s, top 0.5s ease 0s;-moz-transition:opacity 0.5s ease 0s, top 0.5s ease 0s;-ms-transition:opacity 0.5s ease 0s, top 0.5s ease 0s;-o-transition:opacity 0.5s ease 0s, top 0.5s ease 0s;height:0;overflow: hidden;top:80%;z-index:9;width:160px;margin-left:-80px;}
.menu-home>ul>li:hover>ul{display: block;transition: opacity 0.8s ease 0s,top 0.6s ease 0s;-webkit-transition: opacity 0.8s ease 0s,top 0.6s ease 0s;-ms-transition: opacity 0.8s ease 0s,top 0.6s ease 0s;-o-transition: opacity 0.8s ease 0s,top 0.6s ease 0s;visibility: visible;height: auto;opacity:1;overflow: visible;top:100%;visibility: visible;}
.menu-home>ul>li>ul:after{content:'';display: inline-block;width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:6px solid #f9a61c;position:absolute;top:-6px;left:50%;margin-left:-8px;}
.menu-home>ul>li>ul>li{box-shadow:0px 1px 2px rgba(0,0,0,0.1)}
.menu-home>ul>li>ul>li>a{color:#097dc0;background:#fff;display:block;padding:10px 15px}
.menu-home>ul>li>ul>li>a:hover{background:#097dc0;color:#fff;}*/
.hotline{float:right;background:#0773b9;font-size:12px;font-family:'UTMAvoBold',Arial,Comic Sans;border-radius:20px;padding:6px 15px;color:#fff;text-transform: uppercase;margin-top:12px;}
/************************************************

    Home
    
*************************************************/
.title-home{margin:30px 0 25px;}
.title-home a{font-size:35px;text-transform:uppercase;color:#000;font-family:'UTMAvoBold',Arial,Comic Sans;line-height:1.5em;text-align: center;display: block;}
.title-home a i{color:#f9a61c;font-style: normal;}
.title-note{max-width:800px;text-align: center;margin: 0 auto 30px}

.project{padding:20px 0 10px}.project-while{background:#fff}
.project .title-home{margin-bottom:25px;}
.project-box{transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;background:#fff;box-shadow: 0 0 2px rgba(0,0,0,0.1);}
.project-opacity:hover .project-box{opacity: 1}
.project-opacity:hover .project-box:hover{opacity: 1}
.project-box:hover{transform: scale(1.02);transition-timing-function: ease}
.projec-box--info{padding:15px;border-left:1px solid #e0e6ea;border-right:1px solid #e0e6ea;border-bottom:1px solid #e0e6ea;}
.projec-box--info .name{margin:0px;padding:0px;}
.projec-box--info .name a{color:#10131a;display:block;height:50px;overflow:hidden;font-weight:600;font-size:16px;line-height:1.5em;font-family:'UTMAvoBold',Arial,Comic Sans;text-transform: uppercase;}
.projec-box--info .name a:hover{color:#097dc0}
.projec-box--info .note{color:#8b8b8b;font-size:13.1px;height:20px;overflow:hidden;margin-bottom:15px;font-family:'UTMAvo',Arial,Comic Sans}
.projec-box--info .note i{margin-right:6px;font-size:18px}
.projec-box--info:hover .note{color:#a9a9a9;}
.projec-box--info ul{padding:0px;margin:0px;display:table;clear:both;width:100%;}
.projec-box--info ul li{color:#000;list-style:none;float:left;}
.projec-box--info ul li:nth-child(1){margin-left:0px}
.projec-box--info ul li:nth-child(2){margin-left:15px}
.projec-box--info ul li:nth-child(3){float: right;}
.projec-box--info ul li span{font-weight:600;color:#8b8b8b;vertical-align: middle;display:inline-block;}
.projec-box--info ul li span:before{vertical-align: middle;margin-right:10px;}
.projec-box--info ul li span.bed:before{content:'';display:inline-block;width:34px;height:28px;margin-right:10px;background:url(../images/giuong.png) center center no-repeat;}
.projec-box--info ul li span.size:before{content:'';display:inline-block;width:34px;height:28px;margin-right:10px;background:url(../images/size.png) center center no-repeat;}
.fa-dientich::before{content:'';display:inline-block;width:12px;height:12px;background:url(../images/size.png) center center no-repeat / contain;}
.fa-giuong::before{content:'';display:inline-block;width:15px;height:12px;background:url(../images/giuong.png) center center no-repeat / contain;}
.projec-box--info ul li span.size + sup{color:#8b8b8b}
.projec-box--info ul li span.price{color:#8b8b8b;font-size:12.2px;font-weight:400}
.projec-box--info ul li span.price i{font-style: normal;color:#097dc0;font-weight:600;font-size:14px;margin-right:2px;}
.xemtatca{width:242px;height:46px;line-height:46px;color:#fff;background:#f9a61c;text-transform:uppercase;font-weight:700;display: block;margin: 0px auto 30px;text-align: center;font-size:18px}
.xemtatca:hover,.xemtatca:focus{color:#fff;background:#da9118}
.projec-box--info .info span{margin-right:10px;}
.projec-box--info .info span i{margin-right:4px;}

.nenmautrang{background:#fff;}
.thongtinnhanh{background:#f4f5f9}

.form-block{background:#097dc0;padding:10px 0 0}
.form-block ul{margin:0px;padding:0px;margin:0 -8px}
.form-block ul li{list-style: none;display: inline-block;padding:0 8px;box-sizing: border-box;vertical-align:top;}
.form-block ul li:nth-child(1){width:25%}
.form-block ul li:nth-child(2){width:25%}
.form-block ul li:nth-child(3){width:calc(50% - 193px)}
.form-block input,.form-block button{margin-bottom:10px;padding:0px;border:none;height:46px;line-height:46px;color:#555;border-radius:4px;width:100%}
.form-block ul li input{padding:0 15px;}
.form-block ul li button{width:166px;text-align: center;background:#f9a61c;text-transform: uppercase;font-weight:600;color:#fff}
.form-block ul li button:hover{background:#da9118}
.form-block ul li input::-webkit-input-placeholder{color:#555;opacity:1;text-transform: uppercase;}
.form-block ul li input::-moz-placeholder{color:#555;opacity:1;text-transform: uppercase;}
.form-block ul li input::-ms-input-placeholder{color:#555;opacity:1;text-transform: uppercase;}
.form-block ul li input::-moz-placeholder{color:#555;opacity:1;text-transform: uppercase;}

.alert-ne{position: fixed;top: 0;width:400px;color: #fff;margin-left: -200px;left: 50%;padding:10px 10px;display: none;-webkit-animation: spink 0.2s linear;-moz-animation: spink 0.2s linear;-o-animation: spink 0.2s linear;animation: spink 0.2s linear;top: 0;-webkit-border-bottom-right-radius: 6px;text-align: center;font-family: "UTMAvo";-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;z-index: 9999}
@-webkit-keyframes spink {0%{top:-30%;opacity: 0;}100%{top:0;opacity: 1;}}
@keyframes spink {0%{top:-30px;opacity: 0;}100%{top:0;opacity: 1;}}
.alert-ne.bg-danger{background:rgba(9,125,192,0.8)}

.duan-box{position: relative;}
.duan-box--info{position: absolute;top:0px;left:0px;width:100%;height:100%;vertical-align: bottom;color:#fff;}
.duan-box--info>div{position: absolute;bottom:0px;left:0px;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));padding:20px;width:100%}
.duan-box--info>div p{margin-bottom:0px;}
.duan-box--info>div .name{margin:0px;padding:0px;margin-bottom:6px;line-height:100%}
.duan-box--info>div .name a{font-size:16px;line-height:1.5em;color:#fff;font-weight:600;}
.duan-box--info>div .address{font-size:13.1px;line-height:1.5em}
.duan-box--info>div .khoicong{font-size:13.1px;line-height:1.5em}

.news{padding:20px 0 10px;background:#f6fbff}
.left-news .img{margin-bottom:15px;display: block;}
.left-news .name{margin:0px;padding:0px;line-height:100%;margin-bottom:6px}
.left-news .name a{font-size:14px;font-weight:700;color:#000;text-transform: uppercase;line-height:1.5em;}
.left-news .date{color:#888888;font-size:12px;margin-bottom:2px;}
.left-news .note{margin:0px;}
.right-news{padding:0px;margin:0px;}
.right-news li{list-style: none;margin-bottom:20px;}
.right-news li:before,.right-news li:after{content:'';display: table;clear: both;width:100%;}
.right-news li .img{width:150px;float:left;display:block;margin-right:20px;}
.right-news li .name{margin:0px;margin-bottom:4px;}
.right-news li .name a{font-size:16px;line-height:1.5em;font-weight:600;color:#000;}
.right-news li .date{font-size:13.1px;color:#888}
/************************************************

    footer
    
*************************************************/
.footer{padding-bottom:10px;background:#097dc0}
.footer-info{background:url(../images/bg-footer-2.jpg) center center no-repeat;background-size: cover;min-height:325px;padding:10px 0;}
.footer-title{font-size:34px;line-height:1.5em;color:#fff;margin:20px 0 15px;position:relative;padding-bottom:10px;margin:20px 0 15px;text-align:center;text-transform: uppercase}
.footer-title:after{content:'';display: inline-block;width:80px;height:4px;position:absolute;left:50%;bottom:0px;margin-left:-40px;background:#fff;}
.footer-info .name{font-size:18px;color:#fff;margin:0 0 30px;text-transform:uppercase;}
.footer-info .note{color:#fff;line-height:2.0em;font-size:14px;}
.footer-info .note a{color:#fff;}
.footer-info .form input,.footer-info .form textarea{width:100%;border:none;outline:none;padding:10px 0;color:#fff;border-bottom:1px solid #fff;margin-bottom:10px;background:transparent}
.footer-info .form textarea{padding:10px;padding-left:0px;}
.footer-info .form input::-webkit-input-placeholder,.footer-info .form textarea::-webkit-input-placeholder{color:#fff;opacity: 1}
.footer-info .form input::-moz-placeholder,.footer-info .form textarea::-moz-placeholder {color:#fff;opacity: 1}
.footer-info .form input:-ms-input-placeholder,.footer-info .form textarea:-ms-input-placeholder {color:#fff;opacity: 1}
.footer-info .form input:-moz-placeholder,.footer-info .form textarea:-moz-placeholder {color:#fff;opacity: 1}
.footer-info .form button{padding:6px 30px;text-transform: uppercase;color:#000;background:#fff;font-weight:600;border:none;outline:none;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;float:right;letter-spacing:1px;}
.footer-info .form button:hover{background:#f9a61c;color:#fff;}

.footer-top{background:#097dc0;color:#fff;padding:30px 0 20px;text-align: center;}
.note-topfooter p:nth-child(1){font-size:18px;line-height:1.5em;text-transform: uppercase;font-weight:600;margin-bottom:10px;}
.note-topfooter p:nth-child(2){font-size:36px;line-height:1.2em;text-transform: uppercase;font-weight:600;margin-bottom:10px;}
.note-topfooter p:nth-child(3){font-size:14px;line-height:1.5em;max-width:500px;margin: 0 auto}
.footer-top ul{padding:0px;margin:0px;padding:20px 0 0}
.footer-top ul li{list-style:none;display:inline-block;padding: 0 15px 10px 0;}
.footer-top ul li a i{display: block;width:38px;height:38px;line-height:36px;text-align: center;color:#fff;border:2px solid #fff;border-radius:50%;}

.footer-bottom{background:#f9a61c;color:#fff;}
.footer-bottom-left{float:left;font-weight:300;padding:12px 0 10px;position:relative}.footer-bottom-left a{color:#fff;}
.footer-bottom-right{float:right}.footer-bottom-right a i{color:#fff;font-size:18px;vertical-align: middle;margin-right:5px;}
.footer-bottom-right a{color:#fff;font-weight:600;display:inline-block;margin:10px 0 5px;}
.footer-bottom-right a:before{content:'';display: inline-block;width:20px;height:10px;}
.footer-bottom-right a:nth-child(1):before{display: none}
.footer-bottom-right a:nth-child(3){font-size:16px;font-weight:600;position: relative}
.footer-bottom-right a:nth-child(3) i{font-size:30px;color:#fff;position: relative;z-index: 2}
.footer-bottom-right a:nth-child(3) i:after{content:'';display: inline-block;width:10px;}
.footer-bottom-right{position:relative;background:#f9a61c;}
/*
.footer-bottom-right:after{content:'';display:inline-block;width:300px;height:100%;background:#f9a61c;position:absolute;top:0px;left:100%;}*/
.footer-bottom-right:before{position: absolute;content: '';display: inline-block;width: 0;height: 0;border-bottom: 45px solid #f9a61c;border-left: 70px solid transparent;left: -70px;}
.footer-bottom-right span{content: '';display: inline-block;width: 6px;height: 45px;position: absolute;top: 0px;left: -53px;-webkit-transform: skewX(130deg);-moz-transform: skewX(130deg);transform: skewX(130deg);background: #fff;}

/************************************************

    Page
    
*************************************************/
.page_over{padding:0px 0 0px;background: #fff;}
.breadcrumb_page{margin-bottom:10px;padding:0;margin-top:6px;}
.breadcrumb_page ol{content: '';display:table;width: 100%;padding:0px;margin: 0px;}
.breadcrumb_page li{float: left;padding:0px;list-style: none;font-size: 14px;font-weight: 300;line-height: 18px;color:#d1d1d1}
.breadcrumb_page li:after{content:'\f105';display:inline-block;width:10px;font-family:'FontAwesome';margin:0 10px;}
.breadcrumb_page li:last-child::after{content:''}
.breadcrumb_page li a{font-size: 12px;font-weight: 300;line-height: 20px;color:#d1d1d1}

.title-contact{padding:15px 0 20px;}
.title-contact h1{margin:0px;font-size:18px;text-transform: uppercase;font-weight:600;font-family: Times New Roman;}
.contact-form{display: table;content:'';width:100%;}
.contact-form input{height:40px;line-height:40px;border:1px solid #ddd;padding:0 10px;color:#9c9b9b;width:100%;margin-bottom:20px;font-family: 'raleway-light-vi',Open Sans,Helvetica, sans-serif;outline: none;}
.contact-form textarea{border:1px solid #ddd;padding:0 10px;color:#9c9b9b;width:100%;margin-bottom:20px;font-family: 'raleway-light-vi',Open Sans,Helvetica, sans-serif;padding:10px;outline: none;}
.contact-form input::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder{color:#9c9b9b;opacity: 1;font-family: 'raleway-light-vi',Open Sans,Helvetica, sans-serif;}
.contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder {color:#9c9b9b;opacity: 1;font-family: 'raleway-light-vi',Open Sans,Helvetica, sans-serif;}
.contact-form input:-ms-input-placeholder,.contact-form textarea:-ms-input-placeholder {color:#9c9b9b;opacity: 1;font-family: 'raleway-light-vi',Open Sans,Helvetica, sans-serif;}
.contact-form input:-moz-placeholder,.contact-form textarea:-moz-placeholder {color:#9c9b9b;opacity: 1;font-family: 'raleway-light-vi',Open Sans,Helvetica, sans-serif;}
.contact-form button{background:#097dc0;outline: none;border:none;padding:8px 20px;color:#fff;margin-bottom:20px;}
.contact-form button:hover{background: #f9a61c;}
.contact-form label{color:#555;text-transform: uppercase;font-size:10px;margin-left:10px;letter-spacing: 1px;}

.contact_store_information{margin-bottom: 30px;margin-top: 50px;padding: 50px 10px 0;position: relative;width: 100%;}
.contact_store_information::before {border-top: 1px dashed #dddddd;content: "";height: 1px;left: 15px;position: absolute;top: 0;width: calc(100% - 30px);width: -webkit-calc(100% - 30px);width: -o-calc(100% - 30px);width: -ms-calc(100% - 30px);}
.contact_store_information_list{display:table;width:100%;clear: both;padding-bottom:0px;margin:0px;padding-left:0px;}
.contact_store_information_item{float:left;padding: 0 15px;position: relative;width: 33.333%;list-style: none;margin-bottom:10px;}
.contact_store_information_left i {background-color:#097dc0;border-radius: 50%;color: #fff;float: left;font-size: 34px;height: 66px;line-height: 66px;text-align: center;width: 66px;}
.contact_store_information_left{display: table-cell;vertical-align: top;}
.contact_store_information_right{position: relative;padding-left: 16px;display: table-cell;}
.contact_store_information_default .contact_store_information_right {width: 90%;}
.contact_store_information_right .content{clear: left;word-break: break-all;}
.contact_store_information_right > label {color: #666;font-size: 16px;font-weight: bold;margin: 0;text-transform: uppercase;}
.desc_contact.contact-title {clear: left;float: left;font-size: 10px;font-style: italic;}
.contact-form-box div div.selector span {color: #999;font-size: 13px;height: 38px;line-height: 38px;}

.banner-bg{position: relative;height: 400px;width: 100%;background-repeat: no-repeat;background-position: 50% 0;-ms-background-size: cover;-o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
.title-page{font-size:18px;line-height:1.5em;text-align:left;margin:20px 0 15px;color:#303339;font-weight:700;position: relative;}

.tuyendung-table td{vertical-align: middle!important;border-top:none!important;border-bottom:1px solid #ddd;padding:15px 10px!important;}
.tuyendung-table td:nth-child(1) a{font-weight:600;color:#303339;font-size:15px;}
.tuyendung-table td:nth-child(2) span{font-size:14px;color:#303339;}
.tuyendung-table td:nth-child(3){text-align: right}
.tuyendung-table td:nth-child(3) a{display: inline-block;padding:8px 30px;color:#f9a61c;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border:1px solid #f9a61c;font-weight:600;font-size:14px;text-transform:uppercase;}
.tuyendung-table td:nth-child(3) a:hover{background:#f9a61c;color:#fff;}

.timkiem{text-align: center;}
.timkiem form{width:100%;max-width:300px;display: table;margin:0 auto;border:1px solid #efefef}
.timkiem form input{width:calc(100% - 40px);float: left;height:40px;line-height:40px;padding:0 10px;border:none;outline: none;}
.timkiem form button{width:40px;height:40px;line-height: 40px;border:none;outline: none;float: right;position: relative;background: transparent;}
.timkiem form button:before{content:'\f002';display: inline-block;width:100%;height:100%;position: absolute;top:0px;left:0px;font-family:'FontAwesome';color: #097dc0;}
.caption-search{background: #efefef;color:#555;padding:20px;width:100%;text-align: center;margin-bottom:20px;}

.duan-titleblock{background:#ddd}
.duan-title h1{font-size:34px;line-height:1.5em;color:#303339;text-align:center;font-weight:600;margin:40px 0 5px;}
.duan-title p{line-height:2.0em;color:#303339;text-align: center;margin:0 auto 15px;font-size:14px;max-width:65%;}
.duan-title a{display:block;color:#fff;padding:10px 30px;background:#303339;font-weight:600;margin:0 auto 40px;outline:none;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-align:center;width:230px;}
.duan-title a:hover{background:#097dc0;color:#fff;}
.duan-block{background:#f4f5f9;padding:60px 0 30px;}
.duan-container{border-top:3px solid #303339;background:#fff;margin-bottom:35px}
.duan-container:before,.duan-container:after{content:'';display: table;clear:both;width:100%;}
.col-50{width:50%;float:left;}
.duan-container .img{margin:0px;}
.col-50--right{padding:30px;box-sizing: border-box}
.duan-container .name{margin:0px;margin:0 0 15px;}
.duan-container .name a{display: block;font-size:30px;line-height:1.5em;color:#303339;font-weight:600;}
.duan-container .name a:hover{color:#097dc0;}
.duan-container .info{margin-bottom:20px;}
.duan-container .info i{color:#303339;margin-right:6px;vertical-align:middle;}
.duan-container .info span{color:#303339;margin-right:30px;}
.duan-container .note{line-height:1.8em;margin-bottom:20px;}
.duan-container .link{color:#303339;font-weight:600;text-decoration:underline}
.duan-container .link:hover{color:#097dc0;}

.duan-detail--title{padding-top:0px;padding-bottom:10px;}
.duan-detail--title:before,.duan-detail--title:after{content:'';display:table;clear:both;}
.duan-detail--title h1{font-size:30px;line-height:1.5em;font-weight:600;color:#303339;margin:0px 0 15px;float:left;}
.duan-detail--title>div{float:right;padding-top:10px;}
.duan-detail--title a i{font-size:26px;color:#303339}
.duan-detail--title a{margin-left:15px;}
.duan-detail--title a:first-child{margin-left:0px;}

.duan-detail-album{position:relative;}
.duan-detail-album:before,.duan-detail-album:after{content:'';display:table;clear:both;}
.duan-detail-album ul{padding:0px;margin:0px;}
.duan-detail-album ul li{list-style:none;width:33.33%;float:left;box-sizing: border-box;box-shadow:-1px 0px 0px rgba(255,255,255,1);position:relative;}
.duan-detail-album ul li a:before{content:'';display:inline-block;width:100%;height:100%;position:absolute;top:0px;left:0px;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;}
.duan-detail-album ul li a:hover::before{box-shadow:0px 0px 80px 2px rgba(255,255,255,0.4) inset;transition-timing-function:ease-in-out;}
.duan-detail-album .nutalbum{font-size:13px;color:#fff;position: absolute;bottom:20px;left:7%;z-index:9;border:1px solid #fff;background:rgba(0,0,0,0.60);padding:4px 10px;}
.duan-detail-album .nutalbum i{margin-right:10px;color:#fff;font-weight:300;}

.album-project{position: relative;}
.album-project .next-project,.album-project .prev-project{position: absolute;top:50%;margin-top:-17.5px;width:35px;height:35px;background:rgba(0, 66, 130, 0);z-index:91;text-align:center;line-height:35px;color:#fff;}
.album-project .prev-project{left:10px;}
.album-project .next-project{right:10px;}
.album-project:hover .next-project,.album-project:hover .prev-project{background:rgba(0, 66, 130, 0.8);}

.duan-detail--htop{padding:10px 0;border-bottom:1px solid #f4f5f9;}
.duan-detail--htop:before,.duan-detail--htop:after{content:'';display:table;clear:both;}
.duan-detail--htop>div:nth-child(1){float:left;}
.duan-detail--htop>div:nth-child(2){float:right;}
.duan-detail--htop>div:nth-child(2) a{font-weight:600;color:#303339;font-size:14px;line-height:1.5em;padding:8px 20px;text-transform:uppercase;display:inline-block;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.duan-detail--htop>div:nth-child(2) a:nth-child(1){border:1px solid #303339;}
.duan-detail--htop>div:nth-child(2) a:nth-child(1):hover{border-color:#097dc0;color:#097dc0;}
.duan-detail--htop>div:nth-child(2) a:nth-child(1) i{margin-right:6px;}
.duan-detail--htop>div:nth-child(2) a:nth-child(2){margin-left:6px;}
.duan-detail--htop>div:nth-child(2) a:nth-child(2){background:#097dc0;color:#fff;}
.duan-detail--htop>div:nth-child(2) a:nth-child(2):hover{background:#f9a61c;}
#sidebar ul{padding:0px;margin:0px;}
#sidebar ul li{list-style:none;}
#sidebar>ul>li{float:left}
#sidebar>ul>li>a{font-weight:600;font-size:14px;line-height:1.5em;padding:8px 15px;display:block;}
#sidebar>ul>li:first-child>a{padding-left:0px;}
#sidebar>ul>li>a:hover,#sidebar>ul>li>a.active{color:#097dc0;}
.duan-detail--hbottom{padding:20px 0 20px;border-bottom: 1px solid #f4f5f9;}
.duan-detail--hbottom:before,.duan-detail--hbottom:after{content:'';display: table;clear:both;}
.duan-detail--hbottom ul{padding:0px;margin:0px;}
.duan-detail--hbottom ul li{list-style:none;float:left;width:25%;box-sizing:border-box;font-size:14px;line-height:1.5em;padding:9px 0;}
.duan-detail--hbottom ul li span{color:#8e9399;display:inline-block;box-sizing:border-box;padding-right:10px;}
.duan-detail--hbottom ul li i{font-weight:600;font-style: normal;width:65%;display:inline-block}
.fixed-tainguyen.active{position:fixed;top:0px;width:100%;z-index:99;left:0px;background:#fff;}

.duan-detail--tailieu{padding:40px 0 50px;background:#edeef2;}
.duan-detail--tlbox-right{padding:10px;}
.duan-detail--tlbox-right .name{margin:10px 0 15px;color:#303339;font-weight:600;line-height:1.5em;}
.duan-detail--tlbox-right .note{margin:0px;padding-left:15px;margin-bottom:20px;}
.duan-detail--tlbox-right .note li{padding:6px 0;color:#303339;}
.duan-detail--tlbox-right .link{display:inline-block;padding:8px 30px;background:#097dc0;color:#fff;font-weight:600;text-transform:uppercase;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.duan-detail--tlbox-right .link:hover{background:#303339;}

.duan-detail--vitri-block{max-width:80%;margin:0 auto;}
.duan-detail--vitri{padding:20px 0 50px;background:#f4f5f9;}
.duan-detail--title-center{font-size:30px;line-height:1.5em;font-weight:600;text-align:center;margin:20px 0 40px;}
.duan-detail--map{padding:25px;background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.1);margin-bottom:40px}
.duan-detail--map .note{margin:0px;text-align:center;margin-top:10px;margin-bottom:0px;}
.duan-detail--map .note span{font-weight:600;}
.duan-detail--khudothi .note{padding-left:0px!important;}

.duan-detail--thontin{padding:20px 0 40px;}

.duan-detail--tienich{background:#edeef2;padding:20px 0 40px;}
.duan-tienich--block ul{padding:0px;margin-bottom:20px;}
.duan-tienich--block ul:before,.duan-tienich--block ul:after{content:'';display: table;clear:both;}
.duan-tienich--block ul li{display:block;border-bottom:1px dotted #dedede;padding:10px 0;float: left;margin-right: 4%;width: 48%;font-size:14px;}
.duan-tienich--block ul li:nth-child(2n+2) {margin-right: 0;}
.duan-tienich--block ul li i{float:right;font-weight:300;margin-top:2px;}

.yeucauthongtin{padding:60px 0;}
.yeucauthongtin-block{max-width:80%;margin:0 auto;box-sizing:border-box;box-shadow:0 0 4px rgba(0,0,0,0.2);}
.yeucauthongtin-block:before,.yeucauthongtin-block:after{content:'';display: table;clear:both;}
.yeucauthongtin-left{width: 60%;float: left;padding: 60px 0 60px 60px;}
.yeucauthongtin-left h4{margin:0px;line-height:1.4em;font-size:28px;font-weight:600;color:#303339;margin-bottom:20px;}
.yeucauthongtin-left p{line-height:1.8em;margin-bottom:20px;}
.yeucauthongtin-left a{display:inline-block;padding:10px 20px;color:#fff;background:#097dc0;font-weight:600;text-transform:uppercase;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.yeucauthongtin-left a:hover{background:#303339;}
.yeucauthongtin-right{width:40%;float:left;display:block;position:relative;height:390px;overflow:hidden;}
.yeucauthongtin-right img{position: absolute;display: block;max-width: 100%;max-height: 100%;left: 0;right: 0;top: 0;bottom: 0;}

.duanlancan{background:#f4f5f9;padding:40px 0;}
.duanlancan-block{position:relative}
.duanlancan-block .owl-nav{position:absolute;top:50%;margin-top:-20px}
.duanlancan-block .prev-other,.duanlancan-block .next-other{width:40px;height:40px;background:url(../images/next-prev-other.png) no-repeat;z-index:9;transition:0.4s}
.duanlancan-block .prev-other{left:-50px;background-position:5px -25px}.duanlancan-block .prev-other:hover{background-position:5px -85px;}
.duanlancan-block .next-other{right:-50px;background-position:7px -145px}.duanlancan-block .next-other:hover{background-position:7px -205px;}

.view-all{width:230px;text-align:center;padding:8px 20px;display:block;margin:40px auto 20px;background:#303339;color:#fff;font-weight:600;outline:none;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.view-all:hover{background:#097dc0;color:#fff;}

.pagedowload{background:#f9fcfe;padding-bottom:30px;}
.form-dowload--block{background:#fff;padding:20px;}
.form-dowload--block button{background:#f9a61c;width:100%;text-align:center;font-size:16px;font-weight:600;text-transform:uppercase;padding:12px 15px;margin-bottom:0px;}
.form-dowload--block button:hover{background:#303339;color:#fff;outline:none;}
.view-all-dowload{display:block;padding:10px 0;color:#303339;outline:none;border-bottom:1px solid #ddd;}

.form-duan--order{background:#fff;min-width:300px;min-height:300px;max-width:430px;}
.form-duan--order>h6{font-size:18px;line-height:1.5em;font-weight:600;margin:0px;color:#303339;padding:10px 25px;background:#f2f2f2;border-bottom:1px solid #bfbfbf;}
.form-duan--order>div{padding:25px;}
.form-duan--order>div>p{text-align:center;}
.form-duan--order>div>p i{font-style:none;color:#f9a61c;}
.form-duan--order form{padding:0px;margin:0px;}
.form-duan--order form input{margin-bottom:10px;width:100%;background-color: #f4f5f9;letter-spacing: .5px;-webkit-transition: all .3s;transition: all .3s;padding: 8px 15px;box-shadow: 0 0 3px #dedede;border:1px solid #ccc;outline:none;}
.form-duan--order form input:focus{border-color:#097dc0}
.form-duan--order label{font-weight:300;text-transform:uppercase;font-size:12px;}.form-duan--order label i{color:#f00;font-style:none;}
.form-duan--order textarea{margin-bottom:20px;width:100%;border:1px solid #ccc;background:#f4f5f9;letter-spacing:.5px;outline:none;padding: 8px 15px;box-shadow: 0 0 3px #dedede}
.form-duan--order textarea:focus{border-color:#097dc0}
.form-duan--order button{width:100%;text-align:center;padding:10px 20px;color:#fff;background:#303339;font-weight:600;text-transform:uppercase;border:none;outline:none;border-radius:2px;}
.form-duan--order button:hover{background:#097dc0;}

.n-thongtincoban {padding:0px;margin:0px;margin-bottom:30px;display:table;color:#303339;}
.n-thongtincoban:before,.n-thongtincoban:after{content:'';display:table}
.n-thongtincoban li{display:block;border-bottom:1px dotted #dedede;padding:7px 0;float: left;margin-right: 4%;width: 48%;}
.n-thongtincoban li p{float: left;color: #303339;font-size: 16px;line-height: 24px;margin-bottom:0px;}
.n-thongtincoban li span{float: right;color: #303339;}
.n-thongtincoban li:nth-child(2n+2) {margin-right: 0;}

.row-tintuc{}
.box-tintuc:before,.box-tintuc:after{content:'';display: table;clear: both;width:100%}
.box-tintuc .img{float:left;max-width:280px;margin-right:20px;margin-bottom:10px;}
.box-tintuc .name{margin:0px;padding:0px;margin-bottom:6px;min-height:48px}
.box-tintuc .name a{font-size:16px;line-height:1.5em;color:#303339;font-weight:600;}
.box-tintuc .time{color:#888888;font-size:12px;margin-bottom:10px;}
.box-tintuc .time span{color:#097dc0}

.boxdungbolo{background:#f6fbff;padding:15px;text-align: center;}
.boxdungbolo img{max-width:200px;margin: 0 auto 10px}
.boxdungbolo p.name{font-weight:600;margin-bottom:4px;}
.boxdungbolo p.note{color:#888}
.boxdungbolo form input,.boxdungbolo form button{width:100%;height:35px;line-height:35px;padding:0 10px;}
.boxdungbolo form input{margin-bottom:10px;}
.boxdungbolo form button{border:none;background:#097dc0;color:#fff;font-weight:600;text-transform: uppercase;}

.baivietnoibat{padding:20px 0 10px;}
.baivietnoibat h5{font-size:16px;font-weight:600;margin:0px;padding:0px;margin-bottom:20px;}
.baivietnoibat ul{padding:0px;margin:0px}
.baivietnoibat ul li{list-style: none;margin-bottom:10px;}
.baivietnoibat ul li:before,.baivietnoibat ul li:after{content:'';display:table;clear: both;}
.baivietnoibat ul li .img{float:left;width:80px;margin-right:15px;}
.baivietnoibat ul li .name{font-size:13.1px;font-weight:600;display: block;margin-bottom:2px;}
.baivietnoibat ul li .time{color:#888;font-size:11px;}

.news-box2 .img{margin-bottom:10px;}
.news-box2 .name{margin:0px;padding:0px;margin-bottom:6px;}
.news-box2 .name a{font-size:16px;font-weight:600;}
.news-box2 .time{font-size:12px;color:#888;}

.aboutkhac{margin-bottom:30px;}
.about-title{font-size:20px;color:#097dc0;font-weight:600;}
.aboutkhac h6{font-size:20px;color:#097dc0;font-weight:600;text-transform: uppercase;margin-top:20px;margin-bottom:20px;}
.aboutkhac ul{padding:0px;margin:0px;}
.aboutkhac ul li{list-style:none;}
.aboutkhac ul li a{display: block;color:#555;text-transform: uppercase;border-top:1px solid #ececec;padding:8px 0}
.aboutkhac ul li a.active{color:#097dc0}

.vesion-2--secion{padding:50px 0 30px;}
.vesion-2--secion-maunen{background:#f4f5f9}
.vesion-2--title{font-size:24px;line-height:1.4em;font-weight:600;color:#303339;text-transform: uppercase;margin:20px 0 20px;padding:0px;text-align: center}

.xemgooglemap{width:237px;height:50px;background:#0e4780;color:#fff;text-transform:uppercase;text-align: center;line-height:50px;margin:30px auto 10px;display:block;outline:none}
.xemgooglemap:hover{color:#fff;background:#f9a61c;}
.name-loadmap{background:#097dc0;margin:0px;padding:10px;color:#fff;}

.bg-mau{background:#f6fbff}

.n-box-thumnal{background:#262626;margin-bottom:30px;}
.n-box-thumnal-left{width:60%;float:left;padding:10px 0;}
.sync2 .owl-nav{position:relative}
.sync2 .owl-prev{width:20px;height:20px;left:-20px;position:absolute;top:50%;margin-top:-45px;z-index:9;overflow: hidden}
.sync2 .owl-next{width:20px;height:20px;right:-20px;position:absolute;top:50%;margin-top:-45px;z-index:9;overflow: hidden}
.sync2 .owl-prev:before,.sync2 .owl-next:before{font-family:FontAwesome;content:'';display:inline-block;width:20px;height:20px;text-align:center;}
.sync2 .owl-next:before{content: '\f105';color:#fff;}
.sync2 .owl-prev:before{content: '\f104';color:#fff;}
.n-box-thumnal-right{width:calc(40% - 30px);float:right}
.n-box-thumnal-right ul{padding:0px;display:table;width:100%;margin:0px}
.n-box-thumnal-right ul li{list-style:none;width:25%;float:left;color:#999;text-align:center;opacity:0.3;padding:18px 10px;outline:none;cursor:pointer;}
.n-box-thumnal-right ul li.active{color:#fff;background:#3e3e3e;opacity:1}
.n-box-thumnal-right ul li i{display:block;margin-bottom:6px;font-size:30px;}

.n-project-header{border-bottom:1px solid #ccc;background:#fff;color:#303339;position:relative}
.n-project-header .n-address{color:#999;font-size:14px;line-height:1.5em;}
.n-project-header .n-titledetail--page{font-size:24px;line-height:1.5em;color:#303339;font-weight:600;margin:0px 0 20px;}
.n-info-detail{padding:0px;margin:0px;display:table;padding-bottom:24px;}
.n-info-detail li{list-style:none;display:table-cell;padding-right:30px;}
.n-info-detail li i{margin-right:6px;color: #989898;}
.n-tongquan{font-weight:600;color:#303339;margin:28px 0 20px;font-size:24px;line-height:1.5em;}
.n-noidung{height:150px;overflow:hidden}

.n-thongtincoban {padding:0px;margin:0px;margin-bottom:30px;display:table;color:#303339;}
.n-thongtincoban:before,.n-thongtincoban:after{content:'';display:table}
.n-thongtincoban li{display:block;border-bottom:1px dotted #dedede;padding:7px 0;float: left;margin-right: 4%;width: 48%;}
.n-thongtincoban li p{float: left;color: #303339;font-size: 16px;line-height: 24px;margin-bottom:0px;}
.n-thongtincoban li span{float: right;color: #303339;}
.n-thongtincoban li:nth-child(2n+2) {margin-right: 0;}

.n-tailieu-block{margin-bottom:30px;text-align: left;}
.n-tailieu-block img{text-align: left;margin:0px}
.n-thongtincoban-2 li span{color: #a7a7a7;font-size: 12px;}

.n-tags-detail ul{padding:0px;margin:0px;margin-left:-5px;margin-bottom:20px;}
.n-tags-detail ul:before,.n-tags-detail ul:after{content:'';display:table;width:100%;clear:both;}
.n-tags-detail ul li{list-style:none;display: block;float: left;margin: 5px;padding: 2px 10px;background: #dedede;color: #303339;font-size: 16px;border-radius: 3px;line-height: 30px;}
.blockcontenttags{}
.blockcontenttags table.table_uudiemngoinha{margin-bottom:0px;}
.blockcontenttags table.table_uudiemngoinha tr{}
.blockcontenttags table.table_uudiemngoinha tr td:first-child{width:170px;font-weight:600;text-transform:uppercase;}
.blockcontenttags table.table_uudiemngoinha tr td{padding:20px 10px;border-top:1px dotted #ccc!important;}
.blockcontenttags table.table_uudiemngoinha tr:last-child td{border-bottom:1px dotted #ccc!important;}

.n-banve-detail{}
.n-banve-box--detail{border:1px solid #ccc;padding:10px;display:block;overflow:hidden;margin-bottom:15px;}
.n-banve-box--detail:hover img{opacity:.8}

.n-albumroom{}
.n-albumroom ul{padding:0px;margin:0px;margin:0 -7.5px;}
.n-albumroom ul:after,.n-albumroom ul:before{content:'';display:table;width:100%;clear: both}
.n-albumroom ul li{position:relative;list-style:none;padding:0 7.5px;}
.n-albumroom ul li.tile-metro{width:100%;margin-bottom:15px;}
.n-albumroom ul li.tile-metro-wide{width:50%;margin-bottom:15px;float:left;}
.n-albumroom ul li a{position:relative}
.n-albumroom ul li span{position:absolute;bottom:0px;left:0px;display:inline-block;padding:6px 10px;background:rgba(0,0,0,0.5);font-size:12px;color:#fff;}

.duan-detail--map{padding:20px;box-shadow:0 0 4px rgba(0,0,0,0.4);position:relative;max-width:98%;margin:0 auto;z-index:99;background:#fff}
.duan-detail--map p{margin-bottom:0px;text-align:center;padding:20px 0 0;}

.compare-house{background:#f4f5f9;padding:20px 0;z-index:99;position:relative}
.n-house-block{background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.2);padding:20px 10px;display:table;width:100%}
.n-house--a,.n-house--img,.n-house--title,.n-house--info{vertical-align:middle;display:table-cell;box-sizing:border-box}
.n-house--a{width:50px;font-weight:600;text-transform:uppercase;text-align:center;}
.n-house--img{width:80px;}
.n-house--title{width:calc(100% - 512px);text-align:left;padding:0 20px;}
.n-house--title h2{margin:0px;padding:0px;font-size:100%;}
.n-house--title h2 a{font-size:14px;font-weight:600;color:#303339;line-height:1.5em;}
.n-house--info{width:402px;}
.n-house--info ul{padding:0px;margin:0px;}
.n-house--info ul li{list-style:none;float:left;margin-right:20px;}
.n-house--info ul li i{margin-right:6px;}

.n-khuchungcu{padding:10px 0 20px;position:relative;z-index:99;background:#fff}
.duan-detail--tlbox-right .name{font-size:18px;font-weight:600;line-height:1.5em;margin:0px;padding:0px;margin-bottom:20px;}
.duan-detail--tlbox-right .note{line-height:1.6em;color:#5555;margin-bottom:15px;}
.duan-detail--tlbox-right .link{display:inline-block;padding:6px 20px;border:1px solid #303339;color:#303339;text-transform:uppercase;font-weight:600;}

.timkiem{text-align: center;}
.timkiem form{width:100%;max-width:300px;display: table;margin:0 auto;border:1px solid #efefef}
.timkiem form input{width:calc(100% - 40px);float: left;height:40px;line-height:40px;padding:0 10px;border:none;outline: none;}
.timkiem form button{width:40px;height:40px;line-height: 40px;border:none;outline: none;float: right;position: relative;background: transparent;}
.timkiem form button:before{content:'\f002';display: inline-block;width:100%;height:100%;position: absolute;top:0px;left:0px;font-family:'FontAwesome';color: #004282;}
.caption-search{background: #efefef;color:#555;padding:20px;width:100%;text-align: center;margin-bottom:20px;}

.hinhnhanvat{margin-top:0px;border: 1px solid #ccc;border-bottom: 0;padding:10px 20px;margin-top:26px}
.hinhnhanvat:before,.hinhnhanvat:after{content:'';display:inline-block;width:100%;}
.hinhnhanvat img {
    width: 90px;
    height: 120px;
    clear: both;
    margin: 0 20px 0 0;
    float: left;
}
.hinhnhanvat-info{line-height: 1.8em;float: left;text-align: left;font-size: 16px;width: calc(100% - 160px);}
.hinhnhanvat-info p{font-size: 18px;font-weight: 600;text-transform: capitalize;margin-bottom:2px;line-height:1.5em}
.hinhnhanvat-info span{font-size:13px;color:#555;}

.n-form-sansan{border:1px solid #ccc;border-top:none;padding:20px;}
.n-form-sansan p{text-align:center;margin-bottom:20px;}
.n-form-sansan input{width:100%;padding:8px 10px;border:1px solid #ccc;outline:none;margin-bottom:15px;}
.n-form-sansan input:focus{border-color:#000;}
.n-form-sansan textarea{width:100%;padding:10px;border:1px solid #ccc;outline:none;margin-bottom:15px;}
.n-form-sansan textarea:focus{border-color:#000;}
.n-form-sansan button{width:100%;text-align:center;padding:9px 10px;color:#fff;font-weight:600;text-transform: uppercase;border:none;background:#3299c0;margin-bottom:15px;}
.n-form-sansan span.telsansanag{width:100%;display:block;padding:9px 10px;border:1px solid #ddd;color:#000;font-weight:600;text-align:center;}
.n-form-sansan span.telsansanag:hover {
    border-color: #3299c0;
    cursor: pointer;
    transition: border-color .3s ease;-webkit-transition: border-color .3s ease
}
.n-form-sansan span.telsansanag:hover a{color: #3299c0}
.n-form-sansan.active{position:fixed;z-index:9;top:52px;max-width:370px;}

/******************************************************************

					Error
                    
*******************************************************************/
.noti_nav{height:auto;display: inline-block;padding:8px 20px;background:rgba(0,0,0,1);color:#fff;font-size:12px;line-height:20px;position:fixed;bottom:15px;left:15px;text-transform: uppercase;z-index: 9999;margin-bottom:0px;text-align:center;display: inline-block;margin:0px;}
@-webkit-keyframes notiOut {from {opacity: 1;}to {opacity: 0.9;z-index: -1;display:none}}
@keyframes notiOut {from {opacity: 1;}to {opacity: 0.9;z-index: -1;display:none}}
.notiOut{-webkit-animation-name: notiOut;animation-name: notiOut;}
.aninoti{-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
/******************************************************************

					Hotline mobile
                    
*******************************************************************/
.coccoc-alo-phone {position: fixed;visibility: visible;background-color: transparent;width: 145px;height: 145px;cursor: pointer;z-index: 200000 !important;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-webkit-transition: visibility .5s;-moz-transition: visibility .5s;-o-transition: visibility .5s;transition: visibility .5s;left: -40px;bottom: 10px; display: none}
.coccoc-alo-phone.coccoc-alo-show {visibility: visible;}
.coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {opacity: 1;}
.coccoc-alo-ph-circle {width: 160px;height: 160px;top: 20px;left: 20px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid rgba(30, 30, 30, 0.4);border: 2px solid #bfebfc 9;
    opacity: .1;-webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;-o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-circle {border-color: #75eb50;opacity: .5;}
.coccoc-alo-ph-circle-fill {width: 100px;height: 100px;top: 50px;left: 50px;position: absolute;background-color: #000;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;
    border: 2px solid transparent;opacity: .1;-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5);background-color: #00aff2 9;opacity: .75 !important;}
.coccoc-alo-ph-img-circle {width: 60px;height: 60px;top: 70px;left: 70px;position: absolute;background: rgba(30, 30, 30, 0.1) url(../images/phone.png) no-repeat center center;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {background-color: #75eb50;}
@-moz-keyframes coccoc-alo-circle-anim {
	0% {-moz-transform: rotate(0) scale(.5) skew(1deg);	opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
	30% {-moz-transform: rotate(0) scale(.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
	100% {-moz-transform: rotate(0) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}
}
@-webkit-keyframes coccoc-alo-circle-anim {
	0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
	30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}
@-o-keyframes coccoc-alo-circle-anim {
	0% {-o-transform: rotate(0) kscale(.5) skew(1deg);-o-opacity: .1;}
	30% {-o-transform: rotate(0) scale(.7) skew(1deg);-o-opacity: .5;}
	100% {-o-transform: rotate(0) scale(1) skew(1deg);-o-opacity: .1;}
}
@-moz-keyframes coccoc-alo-circle-fill-anim {
	0% {-moz-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-moz-transform: rotate(0) -moz-scale(1) skew(1deg);opacity: .2;}
	100% {-moz-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
	0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
	0% {-o-transform: rotate(0) scale(.7) skew(1deg);opacity: .2}
	50% {-o-transform: rotate(0) scale(1) skew(1deg);opacity: .2}
	100% {-o-transform: rotate(0) scale(.7) skew(1deg);opacity: .2}
}
@-moz-keyframes coccoc-alo-circle-img-anim {
	0% {transform: rotate(0) scale(1) skew(1deg)}
	10% {-moz-transform: rotate(-25deg) scale(1) skew(1deg)}
	20% {-moz-transform: rotate(25deg) scale(1) skew(1deg)}
	30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg)}
	40% {-moz-transform: rotate(25deg) scale(1) skew(1deg)}
	50% {-moz-transform: rotate(0) scale(1) skew(1deg)}
	100% {-moz-transform: rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
	0% {-webkit-transform: rotate(0) scale(1) skew(1deg)}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg)}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg)}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg)}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg)}
}
@-o-keyframes coccoc-alo-circle-img-anim {
	0% {-o-transform: rotate(0) scale(1) skew(1deg)}
	10% {-o-transform: rotate(-25deg) scale(1) skew(1deg)}
	20% {-o-transform: rotate(25deg) scale(1) skew(1deg)}
	30% {-o-transform: rotate(-25deg) scale(1) skew(1deg)}
	40% {-o-transform: rotate(25deg) scale(1) skew(1deg)}
	50% {-o-transform: rotate(0) scale(1) skew(1deg)}
	100% {-o-transform: rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes burst {
	0% {
		opacity: .6;
	}
	50% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes burst {
	0% {
		opacity: .6;
	}
	50% {
		-webkit-transform: scale(1.8);
		-ms-transform: scale(1.8);
		transform: scale(1.8);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.transition04{transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;}
.img-rotate{transform:rotateY(180deg);transition-timing-function: ease-in-out;}
.img-effec{overflow: hidden;display: block;}
.img-effec img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.img-effec-hover:hover .img-effec img,.img-effec:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);transition-timing-function: ease-in-out;}
#back-to-top{position: fixed;bottom: 58px;right: 4px;z-index: 9999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: #f5f5f5;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top:hover{background: #e9ebec;}
#back-to-top.show{opacity: 1;}
#loader{position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 99999;background-color: #f1f1f1;}
#loader .loader{width: 0;height: 0;border: 2px solid #344a71;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;opacity: 1;animation: preloader 3s ease infinite;-ms-animation: preloader 3s ease infinite;-moz-animation: preloader 3s ease infinite;-webkit-animation: preloader 3s ease infinite;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
@-webkit-keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
@-moz-keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
@-ms-keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
@-o-keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
@keyframes preloader{0%{border-width:2px;}100%{border-width:50px;opacity:0;}}
/*End back to top*/
.blockcontent{overflow: hidden!important;max-width: 100%!important;min-height:60px}
.blockcontent br{line-height: 28px;}
.blockcontent img{max-width: 100%!important;height: auto!important}
.blockcontent iframe{max-width: 100%!important;min-height:400px!important;}
.blockcontent table{max-width: 100%!important;}
.blockcontent table tr td{padding: 8px 10px;}
.blockcontent table tr th{padding:8px 10px;}
/*End content common*/
.fb-share-button{float: left;}
.fb-like,.fb-send{float: left;margin: 2px 10px 2px 0;}
.right_xh{margin: 2px 10px 2px 0;float: left}
.printer{margin: 2px 10px 2px 0}
/*End fb-share-button*/

/*Media*/
@media (max-width: 1199px){
    .menu-home>ul>li>a{font-size:16px;padding:18px 16px;}
    .duan-detail--hbottom ul li{width:33.33%;}
}
@media (max-width: 1024px){
}
@media (max-width: 991px){
    #page{display: block}.menu-home{display: none;}
    .logo h1 a img, .logo h6 a img{max-height:59px}
    .hotline{margin:6px 0;float:left}
	.search {margin-top: 13px;margin-right: 70px;}
    .banner-bg{height:300px;}
    .duan-detail--hbottom ul li{width:50%;}
    #sidebar>ul>li>a{padding: 10px 2px;font-size: 12px;}
    .duan-detail--vitri-block{max-width:100%;}
    .yeucauthongtin-block{max-width:100%}
    .coccoc-alo-phone {display: block}
}
@media (max-width: 767px){
    .col767{width:100%;}.none767{display:none!important}
    .contact_store_information_item{display:block;float:none;width:100%;}
    .banner-bg{height:200px;}
    .col-50{width:100%;float:none;}.duan-title p{max-width:100%;}
    .duan-detail--title>div{display:none;}
    .yeucauthongtin-left{padding:30px 0 30px 30px;width:100%;}
    .duan-detail--htop>div:nth-child(2){position:fixed;bottom:0px;left:0px;z-index:99;background:#fff;width:100%;text-align:center;padding:4px 0}
    .n-thongtincoban li{width:100%;margin-right:0px;}
    .form-block ul li:nth-child(1){width:100%}
    .form-block ul li:nth-child(2){width:100%}
    .form-block ul li:nth-child(3){width:100%}
    .row-tags{text-align: center;}
    .row-tags li{width:25%;}
    .contact_store_information_item{width:100%;margin-bottom:20px}
    .n-box-thumnal-left {
        width: 100%;
        float: none;
        padding: 10px 0;
    }
    .n-box-thumnal-right {
        width: 100%;
        float: none;
    }
    .box-tintuc .img {
        max-width: inherit;
    }
    .row-tintuc .note,.row-tintuc .name {
        padding-right: 10px !important;
    }
}
@media (max-width: 600px){
    .col600{width:100%;}.none600{display:none!important}
    .searchbox-open {width: 230px;}
    .banner-bg{height:100px;}
    .col-50--right{padding:20px;}.duan-container .note{text-align:justify}
    .duan-detail--hbottom ul li{width:100%;}
    .duan-detail--htop>div:nth-child(2) a:nth-child(1) i{display:none}
    .duan-detail--htop>div:nth-child(2) a{padding:8px 15px}
    .footer-bottom-right{width:100%;padding:0 15px;}
    .footer-bottom-right span{display:none;}
    .footer-bottom-right:before{content:'';display:inline-block;width:300px;height:100%;background:#f9a61c;position:absolute;top:0px;left:-100%;}
    .fancybox-nav span{visibility: visible!important;}
    .duan-detail-album .nutalbum{display:none}
    .duan-detail-album ul li{width:50%;}.duan-detail-album ul li:nth-child(3){display:none}
    .album-project .next-project,.album-project .prev-project{background:rgba(0, 66, 130, 0.4)}
    .box-captionnv{padding-left:0px}
    .slider-wrapper .p2-caption{display:none!important;}
    .slider-wrapper .a-caption{display:none!important;}
    .row-tags li{width:33.33%;}
}
@media (max-width: 480px){
    .col480{width: 100%}.none480{display:none!important}
    .title-home a i{display: block;}
    .row-tags li{width:50%;}
    .row-tintuc .note, .row-tintuc .name {padding-right: 0 !important}
    .box-tintuc .img {
        width: 100%;
    }
}
@media (max-width: 320px){
}