@font-face{font-family:'SFUDinEngAlt';src:url('fonts/SFUDinEngAlt.eot');src:url('fonts/SFUDinEngAlt.eot') format('embedded-opentype'),url('fonts/SFUDinEngAlt.woff2') format('woff2'),url('fonts/SFUDinEngAlt.woff') format('woff'),url('fonts/SFUDinEngAlt.ttf') format('truetype'),url('fonts/SFUDinEngAlt.svg#SFUDinEngAlt') format('svg');}
@font-face{font-family:'SFUStoneSansBold';src:url('fonts/SFUStoneSansBold.eot');src:url('fonts/SFUStoneSansBold.eot') format('embedded-opentype'),url('fonts/SFUStoneSansBold.woff2') format('woff2'),url('fonts/SFUStoneSansBold.woff') format('woff'),url('fonts/SFUStoneSansBold.ttf') format('truetype'),url('fonts/SFUStoneSansBold.svg#SFUStoneSansBold') format('svg');}
.xemthem{position:relative;width:150px;background:var(--color__background);margin:20px 0 0;font:var(--bold) 15px/50px var(--web__font);color:#fff;text-align:center;}
.xemthem::after{position:absolute;top:0;left:100%;content:'';width:0;height:0;border-top:50px solid var(--color__background);border-right:20px solid transparent;}
.xemthem:hover{opacity: .8;color: #fff !important;}

/*header*/
.cover-header{position:absolute;top:0;left:0;width:100%;background: rgba(255,255,255,.65);;z-index:1001;}
.box-header.fixed{position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom: 1px solid #000;transition:all 1s;z-index:1001;}
.box-header.fixed .logo{max-width: 100px;}
.box-header .top .group-search .search{display:none;position:absolute;top: 100%;right:0;width:250px;height:30px;background: #fff;padding:5px;align-items:center;border:1px solid #000;}
.box-header .top .group-search .search input{width:100%;background:none;border:none;}
.box-header .top .group-search .search i{font-size: 18px;cursor: pointer;}
.box-header .top .group-search .search-h{padding-left:20px;font-size:16px;cursor:pointer;}

.lang .line{color:#000;}
.lang a.active{text-decoration:underline;}

/*menu*/
.menu ul li{position:relative;}
.menu ul li a{position: relative;padding:12px 16px;font: var(--regular) 18px var(--web__font);color: var(--color__text);text-transform:capitalize;z-index: 1;}
.menu ul li ul{position:absolute;min-width:200px;background:rgba(255,255,255,.8);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.active{background:var(--hover__background);color: #fff;}
.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.backInLeft:hover > a{color: #fff;}

/*title*/
.title{position:relative;margin-bottom:20px;font:var(--font__title);color:var(--color__title);text-align:center;text-transform:uppercase;}
.title span{color:#00b9b0;}
.sub-title{font-size:22px;text-transform:uppercase;}
.slogan{position:relative;margin:-10px 0 20px;padding-bottom:15px;font-size:15px;text-align:center;}
.slogan::after{position:absolute;bottom:0;left:calc(50% - 40px);content:'';width:80px;height:4px;background:#00b9b0;}

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

/*category*/
.item-category .img img{border-radius:10px;overflow:hidden;}
.item-category .info{background:var(--color__background);padding:8px 10px;border-radius: 5px;}
.item-category .info .name{background:url(../../assets/images/arrows.png) right no-repeat;padding-right:50px;}
.item-category .info:hover, .item-category.mg-row-open .info{background:var(--hover__background);}
.item-category .info:hover .name, .item-category .info:hover .name:hover{color:#fff!important;}
.mg-target{background:#f5f5f5;padding:20px 0!important;}
.mg-indicator{border-bottom-color:#f5f5f5;}
.name-lv1{font-size:18px;color:var(--color__text);}
.desc-lv1{color:#454444;}
.item-lv2{width:calc((100% / 5) - 10px);margin:5px;}
.item-lv2 .info .name{color:var(--colo__text);}

/*item*/
.item-product, .item-post{width:var(--item__width);margin:var(--item__margin);}
.item-product .info .price .new-price{color:var(--hover__text);}
.item-product .info .price .old-price{color:#666;text-decoration:line-through;}

.cover-hotProduct .item-product .img, .cover-hotProduct .item-product .img img{border-radius: 10px;}

/*service*/
.item-service .info{background:#00b9b0;}
.item-service .info .name{padding-left:12px;}
.item-service .info .name::after{position:absolute;top:5px;left:0;content:'';width:5px;height:15px;background:#fffc00;}
.item-service .seeMore{margin-top:10px;font-style:italic;font-weight:var(--bold);color:#fffc00;text-decoration:underline;}

/*news*/
.cover-news .col__2{background:#f5f5f5;padding:10px;}
.item-news .info .date{color:#676364;}
.item-news .info .btn{background:#00b9b0;padding:10px 30px;text-transform:uppercase;}

/*partner*/
.cover-partner{background:#f5f5f5;}
.item-partner::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:rgba(170,170,170,.2);}
.item-partner:hover::after{content: unset;}

/*newsletter*/
.cover-newsletter{background:#00a49c;}
.cover-newsletter::after{position:absolute;bottom:0;left:100px;content:'';width:174px;height:143px;background:url(../../assets/images/human.png) no-repeat;}
.cover-newsletter .col__2 span{font:italic 29px "SFUStoneSansBold";color:#ffcc00;}
.frm-newsletter .form-group{margin-bottom:0;}
.frm-newsletter .form-control{background:none;color:#fff;}
.frm-newsletter .btn{background:var(--hover__background);color:unset!important;}

/*footer*/
.cover-footer{background:#f5f5f5;}
.title-footer{margin-bottom:10px;font:var(--bold) 18px var(--web__font);text-transform:uppercase;}
.col-footer .hotline{font:var(--medium) 26px var(--web__font);color:var(--color__background);}

.copyright{background: #00a49c;}

/*left category*/
.leftCategory{border:1px solid #cacaca;}
.leftCategory ul li{position:relative;width:100%;}
.leftCategory ul li i{position:absolute;top:0;right:0;width:42px;height:42px;line-height:42px;padding:0 10px;text-align:right;cursor:pointer;}
.leftCategory ul li:last-child{border:none;}
.leftCategory ul li a{position: relative;padding:10px 15px;border-bottom:1px solid #cacaca;}
.leftCategory ul li a.active_bold{color: var(--hover__text);}
/*.leftCategory ul li a::after{position:absolute;top:0;right:0;display:flex;align-items:center;height:100%;content:'\f105';font:var(--awesome__font);font-size:13px;color:#666;}*/
.leftCategory ul li ul{display:none;width: 100%;}
.leftCategory ul li ul.active{display: block;}
.leftCategory ul li ul li a{padding-left: 25px;}
.leftCategory ul li ul li ul li a{padding-left: 35px;}
.leftCategory ul li ul li a::after{left:0;right:unset;}

/*template category*/
/*.this-group .info{max-height:230px;overflow:auto;}*/
.this-group .xemthem{display: none;}

.item-lv4{border-bottom:1px solid var(--color__background);}
.item-lv4 .name{font:21px var(--title__font);}
.item-child:nth-child(odd){background:#f5f5f5;}

.lv4-group .child-group{height:0;visibility:hidden;}
.lv4-group.active .child-group{height:unset;visibility:visible;}
.lv4-group.active .item-lv4{color:var(--hover__text);}

/*template 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: var(--bold) 21px var(--web__font);text-transform: uppercase;}

.group-detail{display: flex;align-items: center;padding:10px 0;}
.group-detail .price{width:100%;display:flex;justify-content:flex-start;align-items:baseline;}
.group-detail .price .new-price{font: var(--bold) 25px var(--web__font);color:var(--color__background);}
.group-detail .price .old-price{margin-left: 20px;font:var(--regular) 13px var(--web__font);color:#929292;text-decoration:line-through;}

.detail-content .title-content{border-bottom:1px solid #ddd;}
.detail-content .title-content p{padding:.5rem .75rem;font:var(--regular) 14px var(--web__font);color:var(--color__background);text-transform:capitalize;border-top:3px solid transparent;cursor: pointer;}
.detail-content .title-content p.active{border-top-width:3px;border:1px solid rgba(0,0,0,.09);border-top:3px solid var(--color__background);border-bottom:none;font-weight:var(--bold);}
.detail-content .content-group .tab{display:none;}
.detail-content .content-group .tab.active{display: block;}
.detail-content aside{padding: 10px 0;}

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