@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');}
.xemthem{width:145px;background:var(--hover__background);margin:20px 0 0;font:var(--bold) 14px/50px var(--web__font);color:#fff;text-align:center;text-transform:uppercase;}
.xemthem:hover{opacity: .8;color: #fff;}

/*header*/
.box-header .top{background:var(--color__background);}
.box-header .top .hotline i{font-size:18px;transform:rotate(-45deg);}
.box-header .bottom.menu-fix{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 1001;}
.box-header .bottom.menu-fix .logo{width: 110px;}

/*menu*/
.cover-menu{background:#fff;z-index:1001;}
.menu ul li{position:relative;}
.menu ul li.line{height:15px;border-right: 1px solid #fff;}
.menu ul li a{position: relative;padding:12px 20px;text-transform:uppercase;z-index: 1;}
.menu ul li ul{position:absolute;min-width:200px;background:#fff;box-shadow:0 3px 11px 0 rgba(0,0,0,0.1);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;}
.menu ul li ul.active{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu ul li ul li a{padding:6px 10px;text-transform:none;border-bottom: 1px solid rgba(0,0,0,0.2);}
.menu ul li ul li ul{top:0;left:100%;}
.menu ul li > a:after{position:absolute;bottom:0;left:calc(50% - 18px);width:36px;height:2px;background:var(--hover__background);}
.menu ul li a:hover,.menu ul li a.active{color:var(--color__background);}
.menu ul li a.active::after{content: '';}
.menu ul li.search{position:absolute;top: 100%;right:0;width:250px;height:30px;background:#fff;padding:0 10px;align-items:center;border: 1px solid var(--color__background);border-radius:5px;visibility: hidden;}
.menu ul li.search.active{visibility: visible;}
.menu ul li.search input{width: 100%;background: none;border: none;}
.menu ul li.search i{font-size: 17px;cursor: pointer;}
.menu ul li.search-h{padding-left:20px;font-size:16px;color: var(--color__title);cursor:pointer;border-left: 1px dotted #cecece;}

/*title*/
.title{position:relative;margin-bottom:20px;font: var(--font__title);color:var(--color__title);text-align: center;text-transform: uppercase;}
.sub-title{margin-bottom:10px;padding-left:50px;font:var(--regular) 20px var(--web__font);text-transform:uppercase;}
.sub-title::after{position:absolute;top:calc(50% - 1px);left:0;content:'';width:40px;height:2px;background:var(--color__text);}
.title-category{font:var(--light) 24px var(--web__font);text-transform:uppercase;cursor:pointer;}
.title-category.active{font:var(--black) 30px var(--web__font);}
.title-category + .title-category::before{display:inline-block;padding:0 20px;content:'/';font: var(--light) 24px var(--web__font);}
.slogan{position:relative;margin-bottom:10px;color:#8a8a8a;border-bottom:1px solid #d7dfe7;}
.slogan::before{position:absolute;bottom:-4px;left:0;content:'';width:8px;height:8px;background:var(--color__background);border-radius:50%;}
.slogan::after{position:absolute;bottom:-1px;left:0;content:'';width:120px;height:1px;background:var(--color__background);}

/*reason*/
.cover-reason{background:var(--color__background);}
.item-reason .img{position:relative;width:90px;height:100%;padding:10px;background:#fbbc05;}
.item-reason .img::before{position:absolute;top:0;left:100%;content:'';width:0;height:0;border-top:45px solid #fbbc05;border-right:35px solid transparent;}
.item-reason .img::after{position:absolute;bottom:0;left:100%;content:'';width:0;height:0;border-bottom:45px solid #fbbc05;border-right:35px solid transparent;}
.item-reason .info{width:calc(100% - 120px);}
.item-reason .info .name{font-weight:var(--black);}

/*item*/
.item-post{width:var(--item__width);margin:var(--item__margin);}
.item-post .info{background:#f4f4f4;padding:15px 10px;}
.item-post .info .hotline{color:#666;}
.item-post .info .hotline span{color:var(--color__background);}

/*paging*/
.paging-post .xemthem{width:160px;margin:20px auto 0;}

/*newsletter*/
.cover-newsletter .col__1{background:url(../images/bg-subnewsletter.png) center/100% 100% no-repeat;padding:40px;}
.frm-newsletter .form-group{margin-bottom:8px;}
.frm-newsletter .btn{background:#ffc30d;padding:15px 30px;font:var(--black) 15px var(--web__font);color:var(--color__text)!important;text-transform:uppercase;border-radius:10px;}

/*construction*/
.cover-construction .col__1 .item-construction .info{background:#fbbc05;padding:20px 10px;}
.cover-construction .col__2 .item-construction .info{position:absolute;bottom:0;left:0;width:100%;background:rgba(255,255,255,.8);padding:12px 20px;}

/*procedure*/
.cover-procedure .slogan{border-color:rgba(251,188,5,.2);}
.cover-procedure .slogan::before{background:#fbbc05;}
.cover-procedure .slogan::after{background: #fbbc05;}

/*procedure*/
.cover-procedure .row{max-width:910px;padding:125px 0;background:url(../images/cord.png) center no-repeat;}
.item-procedure{width:calc(100% / 5);padding:0 35px;}
.item-procedure:nth-child(odd){top:-25px;}
.item-procedure:nth-child(even){top:38px;}
.item-procedure:hover .info .name, .item-procedure .info .name:hover{color:#fff!important;}

/*video*/
.cover-video{background:#f1f4fb;}
.item-fengshui .info .date{color:#a6a6a6;}
.item-fengshui .info .date i{font-size:12px;color:#fbbc05;transform:rotate(90deg);}

/*news*/
.item-news .info .desc{color: #898989}
.item-news .info .date{color: var(--hover__text);}

/*partner*/
.cover-partner{background: #f5f5f5;}

/*footer*/
.cover-footer{background:var(--color__background);}
.title-footer{margin-bottom:20px;font:var(--black) 18px var(--web__font);text-transform:uppercase;}
.moit{margin-top:20px;}
.col-footer .name{border-color:rgba(255,255,255,.2)!important;}
.col-footer .name i{position:relative;top:-3px;font-size:5px;color:#fbbc05;}

.copyright{background: var(--color__background);}

/*template quote*/
.item-quote
{
	width: calc((100% / 3) - (var(--item__margin)*2));
	margin: var(--item__margin);
}