@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:'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');}
@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');}
@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:'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');}
.xemthem{width:260px;background:var(--color__background);margin:20px 0 0;font:17px/52px "RobotoBold";color:#fff;text-align:center;text-transform:uppercase;}
.xemthem i{margin-left:10px;}
.xemthem:hover{background:var(--hover__background);}

/*header*/
.box-head{padding:10px 0;}
.box-head .container{align-items:center;}
.box-head .hotline{background:url(../../images/hotline.png) left bottom no-repeat;padding:0 0 0 60px;font-size:15px;}
.box-head .hotline span{display:block;font:27px/1.2 var(--title__font);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;align-items:center;}
.menu ul li{position:relative;z-index:99;}
.menu ul li.line{height:45px;border-left:1px solid #048837;border-right:1px solid #03a742;}
.menu ul li a{position:relative;padding:12px 25px;font-size:16px;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;right:0;width:240px;height:35px;background:#fff;padding:0 10px;align-items:center;border:1px solid var(--color__background);border-radius:50px;}
.menu ul li.search input{width:100%;background:none;border:none;}
.menu ul li.search i{font-size:17px;cursor:pointer;}

/*title*/
.title{position:relative;background:url(../../images/line-title.png) bottom no-repeat;margin-bottom:20px;padding-bottom:15px;font:var(--font__title);color:var(--color__title);text-align:center;text-transform:uppercase;}
.sub-title{font-size:24px;color:#292929;text-transform:uppercase;}

/*about*/
.cover-about .col-1{max-width:700px;}
.cover-about .col-2{position:relative;max-width:calc(100% - 700px);padding-right:80px;}
.cover-about .col-2::after{position:absolute;top:0;right:0;content:'';width:920px;height:500px;background:url(../../images/bg-descAbout.png) no-repeat;}
.cover-about .col-2 > .d-flex{height:100%;}
.cover-about .col-2 .info{position:relative;z-index:1;}
.cover-about .col-2 .info .desc{font-size:16px;color:#2b2b2b;line-height:1.8;}

/*item*/
.item-product{width:var(--item__width);margin:var(--item__margin);padding:0;text-align:center;border:1px solid #f1f1f1;}
.item-product .info{padding:10px;}
.item-product .info .name{font-size:15px;text-transform:uppercase;}
.item-product .info .price span{color:var(--hover__text);font-family:var(--bold);}

/*newsletter*/
.cover-newsletter .col-hotline{margin-right:5%;}
.cover-newsletter .col-hotline p{background:url(../../images/img-newsletter.png) top no-repeat;padding-top:135px;font-size:18px;color:#fff;text-transform:uppercase;}
.cover-newsletter .col-hotline .title{letter-spacing:2px;}
.cover-newsletter .title{background:none;margin-bottom:10px;padding:0;font-size:30px;color:#ffde00;}
.cover-newsletter .slogan{margin-bottom:10px;color:#fff;}
.frm-newsletter{position:relative;}
.frm-newsletter .form-control{padding:10px;border:none;border-radius:0;}
.form-icon{display:flex!important;justify-content:center;align-items:center;width:50px;background:#e7b800;font-size:20px;color:#fff;}
.frm-newsletter .form-group.content{background:#fff;}
.frm-newsletter .form-group.content .form-icon{height:40px;}
.frm-newsletter .box-btn{position:absolute;bottom:5px;right:10px;}
.frm-newsletter .btn{background:rgb(250,204,37);background:linear-gradient(90deg,rgba(250,204,37,1) 60%,rgba(231,177,0,1) 100%);padding:5px 15px;color:var(--color__text);text-transform:uppercase;}
.frm-newsletter .btn:hover{background:var(--hover__background);color:#fff;}

/*infrastructure*/
.item-infrastructure{margin:0 10px;}
.item-infrastructure img{border-radius:10px;overflow:hidden;}

/*service*/
.item-service{position:relative;width:calc((100% / 2) - 20px);background:#ebebeb;margin:10px;}
.item-service::after{position:absolute;top:0;left:0;content:'';width:197px;height:0;border-top:180px solid var(--color__background);border-right:65px solid transparent;}
.item-service .img{position:relative;clip-path:polygon(0 0,100% 0%,72% 100%,0% 100%);z-index:1;}
.item-service .info{width:calc(100% - 260px);padding:20px 20px 20px 10px;}
.item-service .info .name{font-size:18px;text-transform:uppercase;}
.item-service .info .desc{margin-top:10px;font-size:14px;}

/*news*/
.cover-news{background:#edf1ef;}
.cover-news .title{background:none;margin-bottom:0;padding-bottom:0;text-align:left;}
.cover-news .slogan{margin-bottom:10px;font-size:15px;color:#333;}
.col__news .slick__page{margin-top:-10px;}
.col__news .info .name{margin:10px 0 5px;font-size:15px;}
.item-news{padding:15px 0;}
.item-news .img{position:relative;}
.item-news .img .date{position:absolute;top:0;right:0;background:var(--hover__background);padding:10px 5px;font-size:15px;color:#fff;text-align:center;line-height:1.2;}
.item-news .img .date p{font:25px/1 "RobotoBold";}
.item-news .info{width:calc(100% - 215px);padding:10px 0;}
.item-news .info .name{margin:0 0 5px;font:18px "RobotoBold";line-height:1.2;}
.item-news:nth-child(even) .img{order:1;}
.box-video{display:flex;justify-content:space-between;}
.sub-video1{width:76%;}
.sub-video2{width:22%;max-height:375px;padding-right:10px;overflow:auto;}
.sub-video2 a{margin:15px 0;cursor:pointer;}
.sub-video2 a:first-child{margin-top:0;}
.sub-video2 a:last-child{margin-bottom:0;}

/*footer*/
.cover-ft{background:var(--color__background);color:#fff;}
.title-ft{background:none;margin-bottom:10px;padding-bottom:0;font:18px var(--bold);color:#fff;text-align:left;text-transform:capitalize;}
.cover-ft .row-1 .title{background:none;margin-bottom:0;padding:0;color:#fff;}
.cover-ft .row-1 .slogan{position:relative;padding-bottom:15px;font-size:19px;color:#fff;}
.cover-ft .row-1 .slogan::after{position:absolute;bottom:0;left:calc(50% - 120px);content:'';width:240px;height:1px;background:#fff;}
.cover-ft .row-2{padding:40px 0;}
.cover-ft .row-2 .icon{width:70px;height:70px;background:#007e30;border-radius:10px;transform:rotate(45deg);}
.cover-ft .row-2 .icon i{font-size:30px;transform:rotate(-45deg);}
.cover-ft .row-2 .icon i.fa-phone-alt{transform:rotate(-30deg);}
.cover-ft .row-2 .info{width:calc(100% - 90px);}
.cover-ft .row-2 .info p{font-size:15px;}
.cover-ft .row-2 .info span{font-size:30px;letter-spacing:2px;}
.copyright{background:#007d30;padding:15px;color:#fff;}
.copyright span{font-family:var(--bold);}

/*templaate product detail*/
.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__page .slick-arrow{opacity:0;visibility:hidden;transition:all .5s;}
.img-detail .gallery-product:hover .slick__page .slick-arrow{opacity:1;visibility:visible;transition:all .5s;}
.img-detail .slick-prev{left:5px;}
.img-detail .slick-next{left:unset;right:5px;}
.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;}
.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;}
.hotline-fixed-6.bottom_left{bottom:20px;left:20px;}
.hotline-fixed-6{background:var(--color__background);background:-webkit-linear-gradient(left,var(--color__background),#195631);background:-o-linear-gradient(right,var(--color__background),#195631);background:-moz-linear-gradient(right,var(--color__background),#195631);background:linear-gradient(to right,var(--color__background),#195631);color:#fff;border-radius:70px;position:fixed;transition:all 0.4s;-webkit-transition:all 0.4s;z-index:9;border:2px solid #fff;line-height:35px;background:var(--color__background);background:-webkit-linear-gradient(left,var(--color__background),#195631);background:-o-linear-gradient(right,var(--color__background),#195631);background:-moz-linear-gradient(right,var(--color__background),#195631);background:linear-gradient(to right,var(--color__background),#195631);}
.hotline-fixed-6-text{padding:5px 15px 5px 53px;}
.hotline-fixed-6-icon i{font-size:28px;display:inline-block;border:2px solid;border-radius:50%;width:42px;height:42px;text-align:center;line-height:42px;cursor:pointer;}
.hotline-fixed-6-text{display:flex;align-items:center;height:100%;}
.hotline-fixed-6 a{font:17px/1 var(--bold);color:#fff;}
.hotline-fixed-6-text-title{display:none}
.mypage-alo-phone{visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:20;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.infinite{animation-iteration-count:infinite;}
.mypage-alo-ph-circle{width:78px;height:78px;top:15px;left:15px;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;opacity:.5;background:#f37123;border-color:#fff;border-width:3px;}
.mypage-alo-ph-circle-fill{width:40px;height:40px;top:36px;left:35px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:#f37123;opacity:.75!important;}
.mypage-alo-ph-img-circle{width:25px;height:25px;top:43px;left:43px;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-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s 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%;background-size:70%;background-color:#d71921;}
.call-now{position:absolute;left:-39px;top:-41px;}
.mm-menu {
    background: #009539 !important;
    color: rgba(255, 255, 255, 0.6);
}