@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:'helveticaneue';src:url('css/fonts/helveticaneue.eot');src:url('css/fonts/helveticaneue.eot') format('embedded-opentype'),url('css/fonts/helveticaneue.woff2') format('woff2'),url('css/fonts/helveticaneue.woff') format('woff'),url('css/fonts/helveticaneue.ttf') format('truetype'),url('css/fonts/helveticaneue.svg#helveticaneue') format('svg');}
@font-face{font-family:'helveticaneuebold';src:url('css/fonts/helveticaneuebold.eot');src:url('css/fonts/helveticaneuebold.eot') format('embedded-opentype'),url('css/fonts/helveticaneuebold.woff2') format('woff2'),url('css/fonts/helveticaneuebold.woff') format('woff'),url('css/fonts/helveticaneuebold.ttf') format('truetype'),url('css/fonts/helveticaneuebold.svg#helveticaneuebold') 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');}

.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/45px var(--regular);text-align:center;text-transform: uppercase;border:1px solid #666;}
.xemthem:hover{background: var(--hover-background) !important;color: #fff;}

/*header*/
.box-head{background:var(--color-background);padding: 25px 0;}
.box-head .container{align-items: center;}

/*menu*/
.cover-menu{background:var(--color-background);}
.cover-menu.menu-fix{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;transition: all 1s;}
.nav-menu{display: block !important;}
.menu ul{position:relative;align-items: center;}
.menu ul li{position:relative;z-index:99;}
.menu ul li a{padding:12px;font-size: 16px;color:#fff;text-transform:capitalize;}
.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{position:absolute;right:0;width:250px;height:30px;background:#fff;padding:0 10px;align-items:center;border: 1px solid var(--color-background);border-radius:5px;}
.menu ul li.search input{width: 100%;background: none;border: none;}
.menu ul li.search i{font-size: 17px;cursor: pointer;}

/*Tiêu đề*/
.title{position:relative;margin-bottom:20px;font: var(--font-title);color:var(--color-title);text-align: center;text-transform: uppercase;}
.title span{font-family: var(--bold);}

/*Hot category*/
.cover-category .row{margin:0 -15px;}
.item-category{position:relative;width:calc((100% / 3) - 30px);margin:15px;}
.item-category .name{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.5);padding:12px;font:18px var(--bold2);color:#fff;text-transform:uppercase;text-align:center;}

/*about*/
.cover-about .container{height: 600px;align-items: center;}
.about .col-1{width:41%;color:#fff;text-align:center;}
.about .col-2{width:55%;padding:55px 0;position:relative;}
.about .col-2:before{position:absolute;bottom:0;right:-20px;content:'';width:176px;height:162px;background:url(images/line-about.png) no-repeat;}
.about .col-2:after{position:absolute;bottom:0;right:0;content:'';width:500px;height:480px;border:6px solid #9c958e;}

.about .col-1 .title{padding-bottom:15px;font:30px var(--bold2);color: #fff;}
.about .col-1 .title:after{position:absolute;bottom:0;left:calc(50% - 50px);content:'';width:100px;height:3px;background:#fff;}
.about .col-1 .desc{margin-top:10px;font-size:15px;}
.about .col-1 .xemthem{background:none;margin:20px auto 0;border-color: #fff;}

.about .col-2 .link{max-width: 590px;position: relative;z-index: 1;}

/*item*/
.row{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0 calc(0px - var(--item-margin));}
.item{flex:0 var(--item-width);margin: var(--item-margin);text-align: center;}
.item .info{padding: 10px 0;font-size: 15px;}
.item .info .price span{color:#f30000;}

/*footer*/
.cover-ft{padding-bottom: 0;color:#fff;}

.title-ft{padding-bottom: 10px;font:18px var(--bold);color: #fff;text-align: left;}
.title-ft:after{position:absolute;bottom:0;left:0;content:'';width:40px;height:3px;background:#fff;}

.col-ft1{width: 30%;}
.col-ft2{width: 30%;}
.col-ft3{width: 25%;}

.col-ft2 .slick-d3{margin-top: -10px;}
.item-news{margin: 10px 0;}
.item-news .flex{align-items: center;}
.item-news .info{width: calc(100% - 120px);}
.item-news .info .name{margin-bottom: 2px;font-size:14px;}
.item-news .info .time{font-style:italic;font-size:14px;color:#999;}

.copyright .container{margin-top: 40px;padding: 15px 0;color: #fff;border-top: 1px solid rgba(255,255,255,0.5);}
.copyright .thongke p.line{padding: 0px 10px;}

/*map*/
.map iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

/*Chat facebook*/
.icon-face{position: absolute;font-size: 45px;color: #448aff;top: 0;right: calc(100% + 20px);cursor: pointer;}
.chat-face{position: fixed;width: 250px;bottom: 0;right: -250px;transition: all 1s;z-index: 99999;}
.chat-face.active{right: 0;transition: all 1s;}

/*Chat Zalo*/
.chat-zalo{position: fixed;top: 200px;right: 20px;z-index: 9999}

/*Product detail*/
.img-detail{width:500px;text-align:center;}
.img-detail .sub-img{margin: 0 -4px;}
.img-detail .sub-img a{margin: 10px 5px;cursor:pointer;}
.img-detail .sub-img img:hover, .mz-thumb-selected{opacity:0.7;transition:1s;}
.img-detail .slick-prev{left: 5px;}
.img-detail .slick-next{left: unset;right: 5px;}

.info-detail{width:calc(100% - 520px);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;}

.group-detail.block{display:block;}
.item-hotline{margin:5px 0;align-items:center;}
.item-hotline .img{line-height:0;}
.item-hotline .info{width:calc(100% - 25px);font:15px var(--bold);}
.item-hotline .info .name{margin:0 5px;font:15px var(--bold);color:#113A7A;text-transform:capitalize;}

.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{height: 40px;border-bottom:1px solid #ddd;}
.cover-tabs ul li{float: left;background: #fff;padding: 8px 5px;margin-right: 5px;text-transform: uppercase;font-weight: bold;border-top: 3px solid transparent;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);border-bottom: none;}
.content-tabs{padding:10px;}