@charset "utf-8";

@font-face {
    font-family: 'UTMAvoBold';
    src: url('../fonts/UTMAvoBold.eot');
    src: url('../fonts/UTMAvoBold.eot') format('embedded-opentype'),
         url('../fonts/UTMAvoBold.woff2') format('woff2'),
         url('../fonts/UTMAvoBold.woff') format('woff'),
         url('../fonts/UTMAvoBold.ttf') format('truetype'),
         url('../fonts/UTMAvoBold.svg#UTMAvoBold') 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 { min-width: 1200px; 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;}
.wrap-content{margin: auto;}
.left{width: 250px;float: left;}
.right{width: 930px;float: right;}
.title_main span{display: block;background: #DDDFE2;padding: 2px 10px;margin-bottom: 15px;font-size: 20px;color: #4b4f56;}
.title_home span{position: relative;display: block;color: #313131;font-weight: bold;text-transform: uppercase;text-align: center;font-size: 25px;margin-bottom: 25px;padding-bottom: 5px;}
.title_home span:before{content: "";position: absolute;width: 250px;height: 1px;background: #0AB70A;bottom: 0px;left: calc(50% - 125px);}
.title_home span:after{content: "";position: absolute;height: 5px;width: 100px;background: #0AB70A;bottom: -2px;left: calc(50% - 50px);}
/* End Contain */

/* Begin Left */
span.title-left{display: block;color: #fff;z-index: 9;text-transform: uppercase;font-size: 15px;line-height: 35px;height: 35px;position: relative;display: block;text-align: center;background: #068606;}
.content-left{background: #EDECEC}
.mangxahoi{list-style: none;padding: 0;text-align: center;padding-bottom: 10px;}
.mangxahoi li{display: inline-block;vertical-align: middle;margin: 0px 2px;color: #424242;}
/* End Left */

/* Begin Menu Left */
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {margin: 0;padding: 0;border: 0;list-style: none;position: relative;}
#cssmenu > ul > li{position: relative;border-bottom: 1px solid rgba(128, 128, 128, 0.4);}
#cssmenu > ul > li:last-child, #cssmenu ul ul li:last-child, #cssmenu ul ul li:last-child a{border-bottom: 0px;}
#cssmenu > ul > li a:hover{background: #ccc;color: red;}
#cssmenu > ul > li > a{display: block;color: #000;position: relative;padding: 7px 0px;padding-left: 15px;padding-right: 30px;background: #EDECEC;line-height: 18px;}
#cssmenu > ul > li > a > i{font-size: 7px;vertical-align: top;margin-top: 6px;margin-right: 5px;}
#cssmenu > ul > li > span{position: absolute;right: 10px;top: 10px;width: 15px;height: 15px;cursor: pointer;}
#cssmenu > ul > li.has-sub span{background: url(../images/icon_plus.png) 98% center no-repeat;}
#cssmenu > ul > li.has-sub.active span{background: url(../images/icon_minus.png) 98% center no-repeat;}
#cssmenu ul ul{display: none;}
#cssmenu ul ul li{padding: 0;border-top: none;}
#cssmenu ul ul a{display: block;background: #dddfe2 !important;color: #313131 !important;border-bottom: 1px solid rgba(128, 128, 128, 0.2);border-top: none;font-size: 13px;padding: 8px 10px;padding-left: 25px;}
#cssmenu ul ul a:hover{background: #ccc !important;color: red !important}
/* End Menu Left */

/* Begin Wrap Dịch Vụ */
.wrap-dichvu{max-width: 1349px;margin: auto;margin-top: 20px;margin-bottom: 50px;}
.item-dv{max-width: 265px;margin: auto;}
.item-dv h3 a{display: block;font-size: 13px;color: #313131;font-family: 'UTMAvoBold';text-transform: uppercase;font-weight: normal;text-align: center;margin-top: 10px;}
.item-dv h3 a:hover{color: #0AB70A}
/* End Wrap Dịch Vụ */

/* Begin Wrap Hình Ảnh */
.wrap-hinhanh{background: url(../images/bg-ha.png);}
.wrap-hinhanh .wrap-content{max-width: 1115px;padding: 30px 10px;}
.item-hinhanh{width: 540px;float: left;}
.item-hinhanh:last-child{float: right;}
.item-kh{max-width: 165px;margin: auto;}
.item-kh:first-child{margin-bottom: 13px;}
/* End Wrap Hình Ảnh */

/* Begin Wrap Liên Hệ */
.wrap-lh{min-height: 360px;display: flex;align-items: center;justify-content: center;}
.lbl-lh{font-family: 'UTMAvo';font-size: 27px;color: #FFF;text-align: center;margin-bottom: 30px;}
.icon-lh{margin: 0px 30px;height: 60px;padding-right: 10px;display: inline-block;vertical-align: top;background-color: #0AB70A;background-position: left 10px center;background-repeat: no-repeat;line-height: 54px;color: #000;font-family: 'UTMAvoBold';font-size: 28px;text-indent: 60px;}
.hl-lh{background-image: url(../images/hl.png);}
.email-lh{background-image: url(../images/email.png);font-size: 15px;}
/* End Wrap Liên Hệ */

/* Begin Wrap Dự Án */
.wrap-duan{max-width: 1349px;margin: auto;}
.wrap-duan .title_home{padding-top: 20px;}
.wrap-duan .title_home span{color: #fff;}
.ft-list{list-style: none;padding: 0px 10px;text-align: center;margin-bottom: 25px;}
.ft-list li{display: inline-block;vertical-align: top;color: #fff;margin-bottom: 10px;background: rgba(128, 128, 128, 0.45)font-size: 16px;cursor: pointer;font-family: 'UTMAvoBold';text-transform: uppercase;padding: 6px 15px;}
.ft-list li:hover, .ft-list li.active{color: #fff;background: #0AB70A;}
.item-ft{float: left;width: 25%;position: relative;overflow: hidden;}
.item-ft img{width: 100%;}
.item-ft:hover .info-ft{bottom: 0;opacity: 1;}
.info-ft{opacity: 0;position: absolute;bottom: -100%;left: 0px;width: 100%;height: 100%;box-sizing: border-box;padding: 15px;background: rgba(0, 0, 0, 0.7);}
.name-ft{display: block;text-align: center;font-size: 18px;color: #fff;font-weight: normal;text-transform: uppercase;font-family: 'UTMAvoBold';border-bottom: 2px solid #fff;padding-bottom: 10px;margin-bottom: 10px;}
.desc-ft{line-height: 20px;text-align: center;color: #fff;}
/* End Wrap Dự Án */

/* Begin Intro */
.intro{background: #EEEEEE;}
.intro .wrap-content{padding: 45px 10px;}
.title_intro{text-align: left;margin-bottom: 20px;border-bottom: 1px solid #0AB70A;}
.title_intro span{color: #0AB70A;font-size: 20px;text-transform: uppercase;display: inline-block;font-weight: bold;padding-bottom: 5px;padding-right: 10px;border-bottom: 3px solid #0AB70A;}
.title_intro span a{color: #0AB70A;}
.item-intro{width: 615px;float: left;}
.item-intro:last-child{width: 550px;float: right;}
/* End Intro */

/* Begin News Home */
.news-est{width: 270px;float: left;margin-right: 10px;}
.slick-news-intro{width: calc(100% - 280px);float: left;}
.item-tt-moi{overflow: hidden;height: 95px;}
.pic-tt-moi{float: left;margin-right: 10px;}
.name-tt-moi a{color: #313131;font-size: 13px;line-height: 18px;display: block;font-weight: bold;}
.name-tt-moi a:hover{color: red;}
.desc-tt-moi{font-size: 12px;line-height: 18px;color: #313131;}
/* End News Home */

/* Begin Header */
.header-top{line-height: 50px;height: 50px;background: #068606;color: #fff;}
.header-bottom{background: #0ab70a;height: 116px;}
.item-hdt{float: left;color: #fff;font-family: 'UTMAvo';}
.item-hdt:first-child{margin-right: 35px;;}
.item-hdt:last-child{float: right;}
/* End Header */

/* Menu */
.logo{float: left;text-align: right;width: 265px;height: 116px;background: #fff;position: relative;margin-left: -75px;padding-left: 75px;}
.logo img{padding-top: 6px;padding-right: 85px;}
.logo:after{content: "";position: absolute;top: 0px;right: -50px;border-top: 58px solid transparent;border-left: 50px solid #fff;border-bottom: 58px solid transparent;}
.menu{float: right;margin-top: 38px;}
.menu ul{padding: 0px; list-style: none;}
.menu ul li a{color: white;display: block;font-size: 17px;padding: 0px 15px;line-height: 40px;text-decoration: none;font-family: 'UTMAvo';text-transform: uppercase;}
.menu ul li:hover a, .menu ul li a.active{color: yellow;}
/* End Menu */

/* Begin Search */
.search{width: 200px;height: 30px;background: white;border-radius: 30px;margin-top: 4px;}
.btn_search{float: right;width: 21px;height: 17px;cursor: pointer;outline: none;background: url(../images/btn-search.png) no-repeat;border: none;margin-right: 7px;margin-top: 7px;}
.txt_search{width: calc(100% - 28px);float: left;background: transparent;line-height: 28px;text-indent: 10px;outline: none;border: none;color: #313131;font-size: 12px;font-weight: normal;font-family: tahoma;}
/* End Search */

/* 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;}
.box-slide .nivo-caption a{display: block !important}
.box-slide .nivo-caption{top: 50px;right: 100px;left: inherit;bottom: inherit;max-width: 400px;background: transparent;color: #000;padding: 0px;opacity: 1;overflow: inherit !important;-moz-opacity: 1;filter: alpha(opacity=1);}
.title-slide{line-height: 35px;height: 38px;margin-bottom: 6px;}
.title-slide a{font-size: 25px;font-weight: normal;color: #fff !important;border-bottom: 0px !important;}
.title-slide a:hover{color: #109748 !important;}
.desc-slide{line-height: 25px;text-align: justify;color: #fff;margin-bottom: 15px;}
/* End Slideshow */

/* Begin Crumbtrail */
.crumbtrail{list-style: none;line-height: normal;background: #dddfe2;padding: 13px 0px;}
.crumbtrail li{float: left;}
.crumbtrail li.crumbtrail_br{border-bottom: 0.3em solid transparent;border-left: 0.5em solid #000;border-top: 0.3em solid transparent;margin: 0px 10px;margin-top: 4px;}
.crumbtrail a{color: #000;font-size: 13px;text-transform: uppercase;}
.crumbtrail a:hover{color: #0AB70A;text-decoration: underline;}
.crumbtrail .crumbtrail_lst{color: #0AB70A;text-transform: capitalize;}
/* End Crumbtrail */

/* Begin Tin Tức 2 */
.preview-news-list{margin-bottom: 20px;}
.news2{max-width: 295px;float: left;margin-right: 22px;margin-bottom: 22px;}
.news2:nth-child(3n){margin-right: 0px;}
.news2:nth-child(3n+1){clear: both;}
.news2 h3 a{font-family: 'UTMAvo';font-weight: normal;display: block;text-align: center;text-transform: capitalize;color: #313131;margin-top: 10px;}
.news2 h3 a:hover{color: #0AB70A}
/* End Tin Tức 2 */

/* Begin Tin Tức */
.news{;margin-bottom: 15px;border-bottom: 1px solid rgba(128, 128, 128, 0.42);padding-bottom: 15px;}
.pic_news{float: left;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: #068606;}
.name_news{text-align: justify;}
.name_news h3 a{color: #068606;font-size: 13px;font-weight: bold;}
.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: #068606;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: #068606;}
.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{background: #0AB70A;}
.footer .wrap-content{padding-top: 25px;padding-bottom: 15px;}
.title_footer span{margin-bottom: 10px;color: yellow;font-size: 17px;display: block;font-family: 'UTMAvoBold';text-transform: uppercase;}
.content_footer{color: #fff;font-family: 'UTMAvo';line-height: 25px;}
.footer_news{float: left;}
.footer_news:nth-child(1){margin-right: 50px;width: 480px;}
.footer_news:nth-child(2){width: 330px;}
.footer_news:nth-child(3){width: 270px;float: right;}
.tbl_tk{width: 100%;color: #fff;line-height: 25px;text-align: left;}
.mangxahoi{list-style: none;padding: 0px;margin-top: 10px;}
.mangxahoi li{display: inline-block;vertical-align: middle;margin: 0px 3px;}
span#copy{display: block;background: #015712;color: #fff;padding: 15px 10px;text-align: center;}
/* End Footer */

/* Begin Đối Tác */
.slick-doitac{max-width: 1200px;margin: 20px auto;}
.item-doitac{width: 130px;}
.item-doitac img{border: 1px solid #c0c0c0;}
.slick-doitac .slick-prev,.slick-doitac .slick-next{width: 15px !important;height: 53px !important; }
.slick-doitac .slick-prev:before,.slick-doitac .slick-next:before{display: none !important}
.slick-doitac .slick-next{background: url(../images/next.png) no-repeat !important;}
.slick-doitac .slick-prev{background: url(../images/prev.png) no-repeat !important;}
/* End Đối Tác */

/* 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 #068606;-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);}}