@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:'RobotoMedium';src:url('fonts/RobotoMedium.eot');src:url('fonts/RobotoMedium.eot') format('embedded-opentype'),url('fonts/RobotoMedium.woff2') format('woff2'),url('fonts/RobotoMedium.woff') format('woff'),url('fonts/RobotoMedium.ttf') format('truetype'),url('fonts/RobotoMedium.svg#RobotoMedium') 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:'UTMSwiss721BlackCondensed';src:url('fonts/UTMSwiss721BlackCondensed.eot');src:url('fonts/UTMSwiss721BlackCondensed.eot') format('embedded-opentype'),url('fonts/UTMSwiss721BlackCondensed.woff2') format('woff2'),url('fonts/UTMSwiss721BlackCondensed.woff') format('woff'),url('fonts/UTMSwiss721BlackCondensed.ttf') format('truetype'),url('fonts/UTMSwiss721BlackCondensed.svg#UTMSwiss721BlackCondensed') format('svg');}
@font-face{font-family:'SVN-NexaRushSlabBlackShadow';src:url('fonts/SVN-NexaRushSlabBlackShadow.eot');src:url('fonts/SVN-NexaRushSlabBlackShadow.eot?#iefix') format('embedded-opentype'),url('fonts/SVN-NexaRushSlabBlackShadow.woff2') format('woff2'),url('fonts/SVN-NexaRushSlabBlackShadow.woff') format('woff'),url('fonts/SVN-NexaRushSlabBlackShadow.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap;}
.xemthem{width:100px;margin:20px 0 0;font:14px/35px '';text-align:center;border:1px solid var(--color__background);}

/*header*/
.box-head .top{background:#e2ebf6;padding:5px 0;}
.box-head .bot{position:relative;padding:20px 0;}
.box-head .bot .logo{position:absolute;bottom:10px;}
.box-head .bot .logo::before{position:absolute;top:-10px;right:-25px;content:'';width:0;height:0;border-bottom:35px solid #fff;border-right:25px solid transparent;}
.box-head .bot .logo::after{position:absolute;top:-10px;right:0;content:'';width:500px;height:35px;background:#fff;}
.box-head .bot .logo img{position:relative;z-index:1;}
.box-head .bot .tool-head i{width:50px;height:50px;line-height:50px;font-size:25px;color:var(--hover__text);text-align:center;border:1px solid var(--hover__background);border-radius:50%;}
.box-head .bot .tool-head .info{width:calc(100% - 55px);}
.box-head .bot .tool-head .info .nowrap{white-space:nowrap;}
.box-head .bot .tool-head .info span{font:15px var(--bold);color:var(--hover__text);}

/*menu*/
.cover-menu{background:var(--color__background);}
.cover-menu.menu-fix{position: fixed;top: 0;left: 0;width: 100%;transition: all 1s;z-index: 99;}
.nav-menu{display: block !important;}
.menu ul{position:relative;}
.menu ul li{position:relative;z-index:99;}
.menu ul li a{position: relative;padding:12px 30px;font: 15px var(--bold);color:#fff;text-transform:uppercase;z-index: 1;}
.menu ul li ul{position:absolute;min-width:200px;background:var(--color__background);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(255,255,255,0.2);}
.menu ul li ul li ul{top:0;left:100%;}
.menu ul li a.active{background:var(--hover__background);}
.menu ul li.backInLeft{position:relative;}
.menu ul li.backInLeft::after{position:absolute;top:0;left:0;content:'';width:0;height:100%;background:var(--hover__background);opacity:0;visibility:hidden;transition:all .5s;}
.menu ul li.backInLeft:hover::after{width:100%;opacity:1;visibility:visible;transition:all .5s;}
.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{width: 35px;height: 35px;line-height: 35px;background: #fff;margin-left: 30px;font-size: 16px;text-align: center;cursor: pointer;border-radius: 50%}

/*title*/
.title{position:relative;background: url(../../images/line-title.png) bottom no-repeat;margin-bottom:20px;padding-bottom: 20px;font: var(--font__title);color:var(--color__title);text-align: center;text-transform: uppercase;}
.title-expense{background:var(--color__background);padding:8px;font:25px var(--title__font);color:#fff;text-transform:uppercase;text-align:center;}
.sub-title{margin-bottom: 10px;font:16px var(--bold);color:var(--hover__text);text-align:center;text-transform:uppercase;}

/*quote*/
.item-quote{margin:var(--item__margin);}
.item-quote .info{background:var(--color__background);padding:6px;}
.item-quote .info .name{font-size:15px;color:#fff;text-transform:uppercase;text-align:center;}

/*field*/
.cover-field .title{background-image:url(../../images/line-title2.png);color:#fff;}
.item-field{margin:var(--item__margin);}
.item-field .info{background:rgba(0,0,0,0.6);padding:15px;}
.item-field .info:hover{background: var(--color__background);}
.item-field .info .name{color:#fff;text-align:center;text-transform:uppercase;}

/*expense*/
.cover-expense{background:#5ab2e4;}
.cover-expense .row{margin:0 -20px;}
.cover-expense .item{padding: 10px 20px;}
.cover-expense .box{background: #fff;padding: 10px;}
.cover-expense .box .group{background:#f2f2f2;padding:20px;border:1px solid #d7d7d7;}
.cover-expense .box .group .form-group{margin-bottom:10px;}
.cover-expense .box .group .form-group label{font:14px var(--bold);}
.cover-expense .box .group .form-group label.font-size0{opacity: 0}
.cover-expense .box .group .form-group label span{font-family:var(--regular);}
.cover-expense .box .group .form-control{height: 35px;padding:8px;font-size: 14px;border-radius:0;}
.cover-expense .box .btn{display:block;margin:20px auto 10px;padding:12px 30px;font:14px var(--regular);color:#fff;text-transform:uppercase;border-radius:0;}

.group-expense .form-group{width:calc((100% / 2) - 10px);}
.group-info .form-group{width:calc((100% / 5) - 10px);}
.group-house .form-group.half{width:calc((100% / 2) - 10px);}
.group-house .btn{margin: 15px auto 0 !important;}

/*category*/
.item-category{background:#ebebeb;margin:0 10px 10px 0;padding:10px 20px;font:15px var(--bold);text-transform:uppercase;cursor:pointer;}
.item-category:hover,.item-category.active{background:var(--color__background);color:#fff;}

/*build*/
.item-build .info .name{height:auto;}
.item-build .info .desc{color: #4c4c4c;-webkit-line-clamp:2;}

/*newsletter*/
.cover-newsletter .row{margin:0 -20px;}
.cover-newsletter .item{padding:0 20px;}
.cover-newsletter img{width: 100%;height: 380px;object-fit: cover;}
.newsletter{background:var(--color__background);padding: 28px 30px;color:#fff;text-align:center;}
.newsletter .title-newsletter{font:30px "UTMSwiss721BlackCondensed";text-transform:uppercase;}
.newsletter .slogan{margin: 5px 0 10px;}
.newsletter .form-group{width: 100%;}
.newsletter .form-group.half{width: calc((100% / 2) - 5px);}
.newsletter .form-control{background:none;padding:10px;color:#fff;border-color:#80aee8;border-radius:0;}
.newsletter .btn{background:#fff;padding:8px 20px;color:var(--color__text);text-transform:uppercase;border-radius:0;}
.newsletter .btn:hover{background: var(--hover__background);color: #fff;}

/*news*/
.cover-news .title{background-image:url(../../images/line-title2.png);color:#fff;}
.item-news{position:relative;margin:var(--item__margin);}
.item-news .date{position:absolute;top:20px;left:20px;width:65px;height:65px;background:var(--color__background);color:#fff;border:1px solid #fff;z-index:1;}
.item-news .date p{font:20px var(--bold);}
.item-news .info{background:#fff;padding:20px;}
.item-news .info .name{margin-bottom: 5px;text-transform: uppercase;}

/*project*/
.grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:295px 295px;grid-gap:10px;}
.grid .img,.grid .img img{width:100%;height:100%;object-fit:cover;}
.item-project{grid-column:1;grid-row:1 / span 2;}
.item-project + .item-project{grid-column:2;grid-row:1;}
.item-project + .item-project + .item-project{grid-column:2;grid-row:2;}
.item-project + .item-project + .item-project + .item-project{grid-column:3;grid-row:1 / span 2;}

.item-project{position:relative;}
.item-project .info{position:absolute;bottom:0;left:0;width:100%;height:52px;background:rgba(0,0,0,0.6);font-size:15px;padding:15px;color:#fff;}
.item-project .info .box{height:0;opacity:0;visibility:hidden;}
.item-project .info .name{position:relative;font-size:15px;color:#fff;text-transform:uppercase;text-align:center;}
.item-project .info.active{height:100%;padding:10px;}
.item-project .info.active .name-hvr{display:none;}
.item-project .info.active .box{height:100%;padding:30px;border:1px solid #fff;opacity:1;visibility:visible;}
.item-project .info.active .box .name{margin-bottom:15px;padding-bottom:15px;}
.item-project .info.active .box .name::after{position:absolute;bottom:0;left:calc(50% - 25px);content:'';width:50px;height:3px;background:#fff;}

/*customer*/
.customer .box{background:#5ab2e4;padding:10px 40px;}
.item-customer{padding:5.5px 0;}
.item-customer .img{border:3px solid var(--color__background);border-radius:50%;}
.item-customer .img img{border:1px solid #fff;border-radius:50%;}
.item-customer .info{width:calc(100% - 150px);}
.item-customer .info .name{margin-bottom:10px;font-family:var(--regular);}
.item-customer .info .name span{font:16px var(--bold);color:var(--hover__text);text-transform:uppercase;}
.item-customer .info .content{color:#4c4c4c;}
.item-customer:nth-child(odd) .img{order:1;}

/*reason*/
.cover-reason .title{background-image:url(../../images/line-title3.png);color:#fff;}
.item-reason{margin:var(--item__margin);text-align:center;}
.item-reason .img{margin-bottom:-30px;}
.item-reason .info{padding:30px 15px 15px;border:2px solid #fff;border-top:none;}
.item-reason .info .name{margin-top:10px;font-size:18px;color:#fff;text-transform:uppercase;}

/*item*/
.item-product{width: var(--item__width);margin: var(--item__margin);padding: 0;text-align: center;}
.item-product .info{padding: 10px 0;}
.item-product .info .name{font-size: 15px;}
.item-product .info .price .new-price{color:#f30000;}
.item-product .info .price .old-price{color:#666;text-decoration:line-through;}

.container-direction .swal2-header{display: none;}
.container-direction .swal2-content{max-height:500px;overflow:auto;}
.container-direction .swal2-popup{width:90%;max-width: 800px;}
.container-direction #swal2-title{flex-wrap:wrap;}
.container-direction .color_green{font:24px var(--bold);color:var(--hover__text);line-height:51px;margin-top:10px;margin-bottom:5px;}
.container-direction .divBody{width:100%;font-size:14px;text-align:left;}
.container-direction .swal2-styled.swal2-confirm{margin-top:0;}

/*partner*/
.item-partner{margin: 0 10px;border: 1px solid #d9d9d9;}

/*footer*/
.cover-ft{padding: 40px 0 0;color:#fff;}
.title-ft{background: none;padding-bottom: 10px;font:16px var(--bold);color: #fff;text-align: left;text-transform: uppercase;}
.title-ft:after{position:absolute;bottom:0;left:0;content:'';width:30px;height:2px;background:var(--hover__background);}

.col-footer-1{position:relative;top:-65px;}
.col-footer-1 .social{position:relative;background:var(--color__background);padding:10px 20px;}
.col-footer-1 .social::after{position:absolute;top:0;right:100%;content:'';width:0;height:0;border-bottom:15px solid #999;border-left:10px solid transparent;}
.col-footer-1 .box{background:#fff;padding:20px;color:var(--color__text);text-align:center;}
.col-footer-2 .hotline{font-size:15px;}
.col-footer-2 .hotline i{width:30px;height:30px;line-height:30px;background:var(--hover__background);margin-right:5px;font-size:15px;color:#fff;text-align:center;border-radius:50%;}
.col-footer-2 .hotline span{font-family:var(--bold);color:var(--hover__text);}

.row-tags{margin:0 -5px;}
.item-tags{margin:5px;padding:6px 10px;border:1px solid #63686a;}
.item-tags:hover{background: var(--hover__background);border-color: var(--hover__background);}

.copyright{background: var(--color__background);padding: 15px;color: #fff;}
.copyright .thongke p.line{padding: 0px 10px;}