@font-face{font-family:'RobotoRegular';src:url('css/fonts/RobotoRegular.eot');src:url('css/fonts/RobotoRegular.eot') format('embedded-opentype'),url('css/fonts/RobotoRegular.woff2') format('woff2'),url('css/fonts/RobotoRegular.woff') format('woff'),url('css/fonts/RobotoRegular.ttf') format('truetype'),url('css/fonts/RobotoRegular.svg#RobotoRegular') format('svg');}
@font-face{font-family:'RobotoBold';src:url('css/fonts/RobotoBold.eot');src:url('css/fonts/RobotoBold.eot') format('embedded-opentype'),url('css/fonts/RobotoBold.woff2') format('woff2'),url('css/fonts/RobotoBold.woff') format('woff'),url('css/fonts/RobotoBold.ttf') format('truetype'),url('css/fonts/RobotoBold.svg#RobotoBold') format('svg');}
@font-face{font-family:'SFU';src:url('css/fonts/SFUTradeGothicBoldCondensedTwenty.eot');src:url('css/fonts/SFUTradeGothicBoldCondensedTwenty.eot') format('embedded-opentype'),url('css/fonts/SFUTradeGothicBoldCondensedTwenty.woff2') format('woff2'),url('css/fonts/SFUTradeGothicBoldCondensedTwenty.woff') format('woff'),url('css/fonts/SFUTradeGothicBoldCondensedTwenty.ttf') format('truetype'),url('css/fonts/SFUTradeGothicBoldCondensedTwenty.svg#SFUTradeGothicBoldCondensedTwenty') format('svg');}
@font-face{font-family:'UTMAlexander';src:url('css/fonts/UTMAlexander.eot');src:url('css/fonts/UTMAlexander.eot') format('embedded-opentype'),url('css/fonts/UTMAlexander.woff2') format('woff2'),url('css/fonts/UTMAlexander.woff') format('woff'),url('css/fonts/UTMAlexander.ttf') format('truetype'),url('css/fonts/UTMAlexander.svg#UTMAlexander') format('svg');}
@font-face{font-family:'UTMAlpineKT';src:url('css/fonts/UTMAlpineKT.eot');src:url('css/fonts/UTMAlpineKT.eot') format('embedded-opentype'),url('css/fonts/UTMAlpineKT.woff2') format('woff2'),url('css/fonts/UTMAlpineKT.woff') format('woff'),url('css/fonts/UTMAlpineKT.ttf') format('truetype'),url('css/fonts/UTMAlpineKT.svg#UTMAlpineKT') format('svg');}
.totop{position:fixed;background:url(images/totop.png) top center no-repeat;width:40px;height:40px;bottom:80px;right:20px;cursor:pointer;border-radius:50%;z-index:999;}
.xemthem{width:140px;margin:20px auto 0;font:15px/36px var(--bold);text-align:center;background:#ffeb13;color:var(--color-title);border-radius:35px;text-transform:uppercase;transition:all 0.4s;}
.xemthem:hover{background:var(--hover-background);color:var(--cover-background);}

/*header*/
.box-head{background:url(images/bg-banner.jpg) no-repeat center;background-size:cover;position:relative;}
.box-head:before{content:"";background:url(images/before-header.png) no-repeat center;width:339px;height:95px;position:absolute;right:0;top:0;}
.box-head .container{align-items:flex-start;}
.banner{padding-top:10px;padding-bottom:5px;flex-basis:42%;}
.box-head .hotline{background:url(images/icon-hotline.png) left no-repeat;padding:5px 0 5px 40px;font:21px var(--bold);position:relative;color:var(--hover-background);margin-top:21px;}
.box-head .hotline span{display:block;font:14px var(--regular);color:#aaaaaa;}

/*menu*/
.cover-menu{background:url(images/bg-menu.png) center no-repeat;position:relative;z-index:99;}
.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{max-width:1000px;margin:auto;}
.menu ul li{position:relative;z-index:99;}
.menu ul li a{padding:9px 25px;font-size:14px;color:#fff;text-transform:uppercase;font-family:var(--regular);}
.menu ul li ul{position:absolute;min-width:200px;background:var(--color-background);display:none;}
.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:hover,.menu ul li a.active{background:var(--hover-background);}
.menu ul li.search-h{padding-left:20px;font-size:18px;color:#fff;cursor:pointer;}
.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;}
.red-hs{background: #ff0000;}

/*Slider*/
section.nivo-slider{margin-top:-20px;}
section.nivo-slider .nivo-directionNav a{width:50px;height:50px;}
section.nivo-slider a.nivo-prevNav{background:url(images/pre-slide.png) no-repeat;transform:inherit;}
section.nivo-slider a.nivo-nextNav{background:url(images/next-slide.png) no-repeat;}

/*End slider*/

/*about*/
.cover-about{background:url(images/bg-abouts.jpg) no-repeat center;background-size:cover;}
.cover-about .col-1{width:45%;position:relative;}
.cover-about .col-1:before{content:"";background:#288d5a;width:525px;height:320px;position:absolute;right:0;top:15px;-moz-transform:rotate(8deg);-webkit-transform:rotate(8deg);-o-transform:rotate(8deg);-ms-transform:rotate(8deg);transform:rotate(8deg);}
.cover-about .col-1 img{position:relative;}
.cover-about .col-2{width:48.75%;text-align:center;}
.slogan-about{color:var(--cover-background);font:38px var(--title-utm);text-transform:capitalize;}
.cover-about .col-2 .title{font-size:58px;color:#0d75c7;text-transform:capitalize;text-shadow:var(--text-shadow);line-height:40px;background:url(images/line-w.png) no-repeat center bottom;padding-bottom:55px;margin-bottom:12px;}
.cover-about .col-2 .desc{margin-top:10px;color:var(--cover-background);font:16px/2 var(--regular);}

/*Album*/
.cover-album{padding:40px 0 50px 0;}
.cover-album .title{background:url(images/line-title-album.png) no-repeat center bottom;}
.cover-album .container{max-width:100%;}
.item-album{width:calc(100% / 4);}

/*End album*/

/*title*/
.title{position:relative;margin-bottom:20px;font:33px var(--title-font);color:var(--color-title);text-align:center;text-transform:uppercase;background:url(images/line-title.png) no-repeat center bottom;padding-bottom:30px;}
.title > span{display:block;font:15px var(--regular);color:var(--color-des);text-transform:capitalize;}
.title-home{width:100%;}

/*item*/
.item{flex:0 var(--item-width);margin:0 var(--item-margin) var(--item-margin) var(--item-margin);text-align:center;}
.item .info{padding:10px 0;}
.item .info .name{font-size:15px;}

/*danhmuc*/
#left{width:240px;}
#center{width:calc(100% - 260px - 260px);}
#right{width:240px;}
.title-category{font:17px/40px var(--bold);padding-left:65px;color:var(--cover-background);text-transform:uppercase;background:#389a69 url(images/before-title-dm.jpg) no-repeat left center;}
.box-leftCategory{background:#eee;}
.box-leftCategory ul li{padding:13.5px 8px;border-top:1px solid #d6d6d6;border-bottom:1px solid #fff;}
.box-leftCategory ul li:last-child{border-bottom:none;}
.box-leftCategory ul li:first-child{border-top:none;}
.box-leftCategory ul li a{background:url(images/list.png) left no-repeat;padding-left:15px;font:14px var(--regular);color:var(--color-title);}
.item-hotline{padding:5px 10px 5px 40px;font:14px var(--regular);color:var(--hover-background);background:url(images/icon1.png) no-repeat 14px center;}
.item-hotline:last-child{color:var(--color-title);background:url(images/icon2.png) no-repeat 14px center;}
#right .box-leftCategory{padding:10px 0;}
#right .cover-leftCategory .title-category{background:#389a69 url(images/before-title-ht.jpg) no-repeat left center;}
#right .cover-leftCategory:last-child .title-category{background:#389a69 url(images/before-title-dt.jpg) no-repeat left center;}
#right .cover-leftCategory:first-child{margin-bottom:12px;}
#right .cover-leftCategory:last-child .box-leftCategory{text-align:center;}
#right .cover-leftCategory:last-child .box-leftCategory a{display:block;margin-bottom:40px;}
#right .cover-leftCategory:last-child .box-leftCategory a:last-child{margin-bottom:12px;}

/*footer*/
.cover-ft{background:url(images/bg-footer.jpg) no-repeat left center;color:#fff;background-size: cover;}
.title-ft{padding-bottom:10px;font-size:18px;color:#fff;text-align:left;background:transparent;}
.title-ft:after{position:absolute;bottom:0;left:0;content:'';width:50px;height:2px;background:#fff;}
.col-ft1{width:41.25%;}
.col-ft2{width:25%;}
.col-ft3{width:25%;}
.copyright{background:#0e5b35;padding:10px;color:#fff;font:13px var(--bold);}
.copyright span{font-family:var(--regular);font-weight:normal;}
.copyright .thongke p.line{padding:0px 10px;}
.logof{display:block;margin-bottom:10px;}
.name-regular{font:14px var(--regular);display:block;margin-bottom:15px;background:url(images/list2.png) no-repeat left center;padding-left:15px;}

/*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{align-items:flex-end;}
.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;}

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

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