@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:'RobotoBlack';src:url('fonts/RobotoBlack.eot');src:url('fonts/RobotoBlack.eot') format('embedded-opentype'),url('fonts/RobotoBlack.woff2') format('woff2'),url('fonts/RobotoBlack.woff') format('woff'),url('fonts/RobotoBlack.ttf') format('truetype'),url('fonts/RobotoBlack.svg#RobotoBlack') 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:'RobotoLight';src:url('fonts/RobotoLight.eot');src:url('fonts/RobotoLight.eot') format('embedded-opentype'),url('fonts/RobotoLight.woff2') format('woff2'),url('fonts/RobotoLight.woff') format('woff'),url('fonts/RobotoLight.ttf') format('truetype'),url('fonts/RobotoLight.svg#RobotoLight') format('svg');}
@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:100px;margin:20px 0 0;font:14px/35px '';text-align:center;border:1px solid var(--color__background);}

/*header*/
.cover-head{padding:10px 0;background:var(--color__background);color:var(--cover__background);}
.cover-head i{display:inline-block;margin-right:8px;}

/*menu*/
.cover-menu{background:var(--cover__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;align-items:center;}
.menu ul li.logo a{padding:0!important;background:transparent!important;}
.menu ul li.logo a:before{display:none!important;}
.menu ul li{position:relative;z-index:99;}
.menu ul li a{position:relative;padding:43.5px 18px;color:#262626;text-transform:uppercase;z-index:1;font:15px var(--bold);}
.menu ul li ul{position:absolute;min-width:200px;background:var(--cover__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:before,.menu > ul > li > a:hover:before{content:"";background:var(--hover__background);width:42px;height:2px;position:absolute;bottom:36px;left:50%;transform:translateX(-50%);}
.menu ul li a.active,.menu ul li a:hover{color:var(--color__background);}

/*about*/
.cover-about{background:#f1f1f1;}
.cover-about .col-1{width:49%;}
.cover-about .col-2{width:49%;}
.cover-about .col-1 .title-about{min-height:105px;background:url(../images/border-about.png) no-repeat left center;padding:22px 0 22px 22px;font:20px var(--light);color:#051841;line-height:18px;}
.cover-about .col-1 .title-about h3{text-transform:uppercase;font:30px var(--title__font);color:var(--color__background);}
.cover-about .col-1 .desc{margin-top:10px;font-size:15px;text-align:justify;}
.itemThongke h3{font:30px var(--black);color:var(--color__title);}
.cover-about .col-1 .itemThongke span.desc{font-size:18px;color:#3d3d3d;}

/*title*/
.title{position:relative;margin-bottom:30px;font:var(--font__title);color:var(--color__title);text-transform:uppercase;line-height:35px;}
.title .slogan{font:20px var(--light);text-transform:initial;}
.title .slogan span{background:var(--color__title);color:var(--cover__background);}

/*Danh mục sản phẩm*/
.cover-Category .slick__page{margin:0 -19px;}
.itemCategory{margin:0 19px;}
.itemCategory .info{background:var(--hover__background);color:var(--cover__background);width:calc(100% - 88px);padding:20px 0 8px 20px;text-transform:uppercase;font:26px var(--light);position:relative;margin-top:-35px;}
.itemCategory .info:before{content:"";width:0;height:0;border-top:25px solid #1e0205;border-right:88px solid transparent;position:absolute;left:100%;bottom:0;}
.itemCategory .info strong{font-family:var(--black);}

/*End danh mục sản phẩm*/

/*item*/
.topContent{align-items:stretch;}
.topContent .col-1{width:53.5%;}
.topContent .col-2{width:calc(100% - 53.5%);background:var(--color__title);position:relative;color:var(--cover__background);font-size:15px;padding:90px 60px 0 68px;}
.topContent .col-2:before{content:"";width:0;height:0;border-top:410px solid var(--color__title);border-left:78px solid transparent;position:absolute;right:100%;top:0;}
.topContent .col-2 h3{font-size:30px;margin-bottom:8px;}
.cover-hotProduct{background:#F1F1F1;}
.item-product{margin:var(--item__margin);text-align:center;transition:initial;padding:7px;border:1px solid #cfcfcf;background:var(--cover__background);-webkit-box-shadow:3px 3px 0px 0px #e5e5e5;-moz-box-shadow:3px 3px 0px 0px #e5e5e5;box-shadow:3px 3px 0px 0px #e5e5e5;}
.item-product .info{padding:10px 0;}
.item-product .info .name{font:15px var(--regular);color:#1d1d1d;}
.item-product .info .price{display:none;}

/*Dự án*/
.cover-Project{padding-top:40px;}
.cover-Project .container{max-width:1366px;}
.cover-Project .title{padding-left:87px;}
.item-project{width:calc(100% / 4);position:relative;overflow:hidden;}
.item-project .info{position:absolute;left:0;top:100%;width:100%;height:100%;background:rgba(5,24,65,0.9);color:var(--cover__background);padding:78px 30px;transition:all 0.4s;}
.item-project:hover .info{top:0;}
.item-project .info .name.line-2{-webkit-line-clamp:1;font-size:18px;text-transform:uppercase;}
.item-project .info .desc{font-size:15px;text-align:justify;}

/*End dự án*/

/*Quy trình xử lý*/
#timeline{padding-top:30px;}
.timeline-section{width:100%;margin:0;padding:0;position:relative;}
.timeline-section:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;height:5px;width:80%;background:var(--color__title);}
.timeline-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.item-quytrinh{width:20%;display:inline-block;position:relative;cursor:pointer;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content{text-align:center;z-index:1;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content .timeline-thumb{display:inline-block;text-align:center;padding:0 0 75px;position:relative;top:32px;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content .timeline-thumb:after{content:"";position:absolute;left:50%;left:-webkit-calc(50% - 2px);left:-moz-calc(50% - 2px);left:calc(50% - 4px);bottom:55px;width:5px;height:24px;background:var(--color__title);}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content h3{color:var(--color__title);text-transform:uppercase;font:16px var(--bold);}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content h3{margin-top:20%;font-size:15px;font-weight:700;text-transform:uppercase;position:relative;margin-bottom:35px;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content h3:before{content:"";position:absolute;left:0;right:0;bottom:-10px;margin:auto;height:1px;width:70px;background-color:#4a280c;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content p{color:#000;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content p{text-align:justify;margin:0;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content h4{position:absolute;top:10%;left:12%;background:#fff;border-radius:50%;width:51px;height:51px;border:1px solid #d5d5d5;font:18px/51px var(--regular);}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content h4{color:#051841;}
.timeline-section .timeline-wrapper .hr-timeline.bottom .timeline-content h3{margin-top:0;}
.timeline-section .timeline-wrapper .hr-timeline.bottom .timeline-content p{margin-bottom:35%;}
.timeline-section .timeline-wrapper .hr-timeline.bottom .timeline-content .timeline-thumb{padding:93px 0 0;top:-61px;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content .timeline-thumb:before{content:"";position:absolute;left:42%;left:-webkit-calc(50% - 13px);left:-moz-calc(50% - 13px);left:calc(50% - 14px);bottom:32px;width:24px;height:24px;border:1px solid var(--color__title);border-radius:50%;background:#fff;z-index:9;}
.timeline-section .timeline-wrapper .hr-timeline.bottom .timeline-content .timeline-thumb:before{bottom:inherit;top:50px;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content .timeline-thumb:after{content:"";position:absolute;left:50%;left:-webkit-calc(50% - 2px);left:-moz-calc(50% - 2px);left:calc(50% - 4px);bottom:55px;width:5px;height:24px;background:var(--color__title);}
.timeline-section .timeline-wrapper .hr-timeline.bottom .timeline-content .timeline-thumb:after{bottom:inherit;top:73px;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content .timeline-thumb img{width:156px;border:5px solid #eeeeee;border-radius:50%;max-width:100%;height:auto;display:inherit;}
.timeline-section .timeline-wrapper .hr-timeline.bottom .timeline-content h4{top:auto;bottom:30%;left:10%;}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content:hover .timeline-thumb img{border-color:var(--color__background);}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content:hover .timeline-thumb:before{background:var(--color__title);}
.timeline-section .timeline-wrapper .hr-timeline .timeline-content:hover h4{background:var(--color__background);color:var(--cover__background);}

/*End quy trình xử lý*/

/*news*/
.cover-news{background:#F1F1F1;}
.cover-news .news,.cover-news .video{width:48%;}
.news .slick__page{margin:-15px 0;}
.item-news{padding:15px 0;}
.item-news .info{width:calc(100% - 275px);}
.item-news .info .date{font-size:13px;color:#a8a8a8;}
.item-news .info .name{margin:10px 0 5px;color:#000000;font-size:16px;}
.item-news .info .desc{color:#222222;line-height:1.8;}
.item-news .info > span{display:inline-block;font:14px var(--bold);color:var(--color__background);margin-top:5px;}
.item-news .info > span i{display:inline-block;margin-right:7px;font-size:20px;vertical-align:middle;}
.box-video{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;}
.sub-video1{width:calc(100% - 152px);}
.sub-video1 iframe{float:left;}
.sub-video2{width:152px;background:var(--color__background);padding:39px 10px;}
.sub-video2 a{margin:4px 0;cursor:pointer;}
.sub-video2 a img{height:86px;width:100%;object-fit:cover;}
.sub-video2 .slick-video .slick-prev::after,.sub-video2 .slick-video .slick-next::after{display:none;}
.sub-video2 .slick-video .slick-prev,.sub-video2 .slick-video .slick-next{transform:initial;border:none;width:34px;height:18px;right:initial;left:50%;transform:translateX(-50%);}
.sub-video2 .slick-video .slick-prev{background:url(../images/arrTop.png) no-repeat center;top:-25px;}
.sub-video2 .slick-video .slick-next{background:url(../images/arrBottom.png) no-repeat center;bottom:-25px;top:initial;}

/*partner*/
.cover-partner .slick__page{margin:0 -11px;}
.item-partner{margin:0 11px;border:1px solid #dbdbdb;}

/*footer*/
.cover-ft{color:#fff;}
.cover-ft .container{max-width:1366px;}
.col-ft1{width:47%;background:var(--color__background);padding:65px 0 38px 86px;position:relative;}
.col-ft1:before{content:"";width:0;height:0;border-bottom:402px solid var(--color__background);border-right:78px solid transparent;position:absolute;left:100%;top:0;z-index:99;}
.col-ft2{width:calc(100% - 47%);position:relative;}
.col-ft2 .itemFrame{display:none;width:100%;position:relative;height:402px;}
.col-ft2 .itemFrame iframe{position:absolute;left:0;top:0;width:100%;height:100%;float:left;}
.col-ft2 .itemFrame.active{display:block;}
.title-chinhanh{position:absolute;left:88px;top:35px;z-index:99;}
.title-chinhanh a{background:#051841;line-height:34px;text-transform:uppercase;padding:0 20px;-moz-transform:skew(10deg,0deg);-webkit-transform:skew(10deg,0deg);-o-transform:skew(10deg,0deg);-ms-transform:skew(10deg,0deg);transform:skew(10deg,0deg);margin:0 3px;}
.title-chinhanh a span{display:inline-block;-moz-transform:skew(-10deg,0deg);-webkit-transform:skew(-10deg,0deg);-o-transform:skew(-10deg,0deg);-ms-transform:skew(-10deg,0deg);transform:skew(-10deg,0deg);}
.title-chinhanh a:hover,.title-chinhanh a.active{background:var(--hover__background);}

/*breadcrumb*/
.breadcrumb{padding:.75rem 1rem;background-color:#e9ecef;border-radius:.25rem;}
.breadcrumb-item + .breadcrumb-item::before{display:inline-block;padding:0 .5rem;color:#6c757d;content:"/";}
.breadcrumb-item a{display:inline;color:#007bff;}
.breadcrumb-item a:hover{text-decoration:underline;}
.breadcrumb-item:last-child a{color:#6c757d;}
.breadcrumb-item:last-child a:hover{text-decoration:none;}

/*templaate product detail*/
.img-detail{width:41%;text-align:center;}
.img-detail .gallery-product{margin:0 -4px;}
.img-detail .gallery-product a{margin:10px 2px;border:2px solid transparent;cursor:pointer;}
.img-detail .gallery-product a:hover,.img-detail .gallery-product .mz-thumb-selected{border-color:var(--color__background);}
.img-detail .slick-prev{left:5px;}
.img-detail .slick-next{left:unset;right:5px;}
.info-detail{width:57%;font-size:14px;}
.name-detail{font:21px var(--bold);text-transform:uppercase;}
.desc-detail{margin:10px 0;}
.group-detail{display:flex;align-items:center;padding:5px 0;}
.group-detail .price{width:100%;display:flex;justify-content:flex-start;align-items:baseline;}
.group-detail .price .new-price{font:22px var(--bold);color:var(--color__background);}
.group-detail .price .old-price{flex:0 0 100px;font:15px var(--regular);color:#929292;text-decoration:line-through;order:-1;}
.group-detail label{flex:0 0 100px;}
.option-detail span{position:relative;width:30px;height:25px;line-height:23px;margin:5px 5px 0 0;text-align:center;border:1px solid #ddd;cursor:pointer;}
.option-detail span.active:after{position:absolute;right:0px;bottom:0px;content:'';width:14px;height:14px;background:url(../images/check.png) no-repeat;}
.quantity{width:100%;max-width:100px;text-align:center;}
.quantity span{width:25px;height:25px;line-height:24px;margin:0;padding:0px;color:#333;border:1px solid #ddd;cursor:pointer;}
.quantity input{width:calc(100% - 60px);height:25px;text-align:center;border:none;border-bottom:1px solid #ddd;}
.quantity input::-webkit-inner-spin-button{-webkit-appearance:none;}
.btn-cart{min-width:150px;background:var(--color__background);color:#fff;padding:10px 20px;font:14px var(--bold);text-align:center;border-radius:3px;cursor:pointer;}
.btn-cart:hover{background:var(--hover__background);}
.cover-tabs{margin:20px 0;}
.cover-tabs > ul{border-bottom:1px solid #ddd;}
.cover-tabs > ul > li{background:#fff;padding:.5rem .75rem;font:14px var(--bold);text-transform:capitalize;border:1px solid transparent;border-top-width:3px;border-bottom:none!important;cursor:pointer;}
.cover-tabs > ul > li.active,.cover-tabs > ul > li:hover{color:var(--color__background);border:1px solid #ddd;border-top:3px solid var(--color__background);}
.content-tabs{padding:10px;}
#hiddenContentDetail{width:100%;max-width:350px;text-align:center;padding:15px;}
#hiddenContentDetail h2{text-transform:uppercase;color:#333;font:30px var(--bold);}
.itemInput{padding:0 10px;border:1px solid #051841;}
input.itemInput{height:32px;}
textarea.itemInput{padding-top:10px;}
.subBaogia{width:100%;height:32px;background:var(--hover__background);color:var(--cover__background);text-transform:capitalize;font-size:16px;border:none;cursor:pointer;}

/*template cart*/
.cover-cart .box{align-items:flex-start;}
.shopping-cart{width:72%;font-size:14px;color:#555;}
.total-cart{width:25%;}
.title-cart{margin-bottom:10px;font:18px var(--bold);text-transform:uppercase;}
.item-cart{position:relative;align-items:center;border-bottom:1px solid #ccc;}
.item-cart{padding:10px 0;}
.item-cart .img{max-width:110px;}
.item-cart .info{width:calc(100% - 110px);padding:0 10px;align-items:flex-end;}
.item-cart .info .box{width:calc(100% - 250px);}
.item-cart .info .option{display:flex;justify-content:flex-start;align-items:flex-end;}
.item-cart .info .option label{flex:0 0 50px;}
.item-cart .info .option span{width:25px;height:25px;}
.item-cart .info .cart-delete{display:inline;cursor:pointer;}
.item-cart .price{width:100px;font-weight:bold;font-size:16px;text-align:right;}
.cart-empty{background:#f5f5f5;text-align:center;}
.cart-empty img{width:120px;}
.cart-empty p{margin:10px 0;font:14px var(--bold);}
.total-cart{position:sticky;top:0;}
.total-cart .info{padding:10px;font-size:14px;align-items:center;border-bottom:1px solid #ddd;}
.total-cart .amount{padding:10px;font-size:14px;align-items:center;}
.total-cart .amount span{font-size:20px;color:#fe3834;}
.total-cart .checkout{background:var(--color__background);margin-top:10px;padding:10px;font-size:14px;color:#fff;border-radius:3px;text-align:center;}
.total-cart .checkout:hover{background:var(--hover__background);}

/*template pay*/
.cover-pay .frm{align-items:flex-start;}
.pay-info{width:63%;}
.pay-cart{width:35%;}
.pay-info .col{width:calc((100% / 2) - 20px);margin:0 10px;}
.payments .box{border:1px solid #ddd;border-radius:3px;}
.item-payments{border-bottom:1px solid #ddd;}
.item-payments .info{padding:20px;cursor:pointer;}
.item-payments .info .radio{position:relative;width:20px;height:20px;border:1px solid #ddd;border-radius:50%;}
.item-payments .info .name{width:75%;font:15px var(--regular);color:#737373;}
.item-payments .info i{font-size:20px;color:var(--color__background);}
.item-payments:last-child{border:none;}
.item-payments .content{display:none;background:#f8f8f8;padding:20px;border-radius:0 0 3px 3px;}
.item-payments.active .radio{background:var(--color__background);}
.item-payments.active .radio:after{position:absolute;top:calc(50% - 2px);left:calc(50% - 2px);content:'';width:4px;height:4px;background:#fff;border-radius:50%;}
.item-payments.active .content{display:block;}
.pay-cart .item-cart .info{width:calc(100% - 120px);}
.pay-cart .item-cart .info .price{width:100%;font-size:14px;text-align:left;align-items:baseline;}
.pay-cart .item-cart .info .price span{color:#ff424e;}
.total-pay{font-size:14px;color:rgba(0,0,0,0.5);}
.total-pay .row{margin:5px 0;}
.total-pay .info{align-items:baseline;}
.total-pay span{font-weight:bold;font-size:16px;color:#ff424e;}
.btn-pay .btn{float:right;width:100%;max-width:200px;font-size:18px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;}

/*template login*/
.user-login{align-items:center;}
.user-login .name span{margin-right:12px;font:14px var(--bold);}
.user-login .logout{text-decoration:underline;}
.user-login .logout:hover{color:var(--hover__text);}
.cover-login{width:100%;max-width:500px;margin:auto;}
.cover-login .btn-tab{font-size:21px;color:var(--default-color);text-align:right;font-weight:500;}
.cover-login .btn-tab:hover{color:var(--hover__text);}
.cover-login::-webkit-inner-spin-button{-webkit-appearance:none;}