@font-face{font-family:'UTMEdwardianB';src:url('fonts/UTMEdwardianB.eot');src:url('fonts/UTMEdwardianB.eot') format('embedded-opentype'),url('fonts/UTMEdwardianB.woff2') format('woff2'),url('fonts/UTMEdwardianB.woff') format('woff'),url('fonts/UTMEdwardianB.ttf') format('truetype'),url('fonts/UTMEdwardianB.svg#UTMEdwardianB') format('svg');}
.xemthem{width:150px;background:var(--color__background);margin:20px 0 0;font:var(--bold) 14px/45px var(--web__font);color:#fff;text-align:center;text-transform:uppercase;border-radius:5px;}
.xemthem:hover{opacity:.8;}

/*header*/
.box-header .top .item-textSlider{padding: 0 10px;font:var(--bold) 18px var(--title__font);text-transform:uppercase;}
.col-header i{width:45px;height:45px;line-height:45px;font-size:20px;color:var(--color__background);text-align:center;border:1px solid #9c9c9c;border-radius:50%;}
.col-header .info{width: calc(100% - 45px);}
.col-header.hotline i{font-size:25px;transform:rotate(-45deg);}
.col-header.hotline span{font-size:20px;}

#google_language_translator{height:50px;overflow:hidden;}
#google_language_translator select{background:none;height:45px;background: #f0f0f0;padding: 10px 15px;border:1px solid #cacaca;border-radius:50px;cursor:pointer;}

/*menu*/
.cover-menu{background:var(--color__background);z-index:1001;}
.cover-menu.menu-fix{position: fixed !important;top: 0;left: 0;width: 100%;transition: all 1s;}
.menu ul li{position:relative;}
.menu ul li a{position: relative;padding:15px 25px;font: var(--bold) 15px var(--title__font);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);color: var(--color__text);}
.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: var(--color__text);}
.menu ul li.search{position:absolute;right:0;width:250px;height:40px;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;color: var(--color__background);cursor: pointer;}

/*title*/
.title{position:relative;background: url(../images/line-title.png) bottom no-repeat;margin-bottom:20px;padding-bottom: 30px;font:var(--font__title);color:var(--color__title);text-align:center;text-transform:uppercase;}
.sub-title{font:var(--bold) 50px var(--title__font);}
.slogan{margin: -10px 0 20px;text-align:center;}

/*about*/
.cover-about .container{max-width:780px;}
.cover-about .title{background: none;margin-top:10px;padding: 0;font:var(--regular) 22px var(--title__font);color:var(--color__background);text-transform:uppercase;}

/*nutrition*/
.cover-nutrition .col__1{background:url(../images/number-nutrition.png) 90%/190px 425px no-repeat;}
.item-nutrition{margin-bottom:30px;}
.item-nutrition .info .name{font-size:18px;text-transform:uppercase;}
.item-nutrition:nth-child(1) .info .name{color:var(--color__background);}
.item-nutrition:nth-child(2) .info .name{color:#f4c021;}
.item-nutrition:nth-child(3) .info .name{color:#e93c25;}
.item-nutrition:nth-child(4) .info .name{color:#0680b9;}

/*benefit*/
/*.cover-benefit .row{background:url(../../assets/images/img-benefit.png) center no-repeat;}*/
.benefit-slider{position:absolute;bottom:100px;left:calc(50% - 255px);width:510px;}
.title-category{padding-left:20px;font:50px "UTMEdwardianB";color:var(--color__background);}
.title-category .number{position:absolute;bottom:-12px;left:0;font:var(--black) 100px var(--web__font);color:#dadada;z-index:-1;}
.item-benefit .info .name i{font-size:18px;color:var(--color__background);}

/*brand*/
.item-brand .img{top:-25px;}
.item-brand .info .name{font:var(--bold) 16px var(--title__font);color:var(--color__background);text-transform:uppercase;}
.item-brand .info .price span{font:var(--bold) 18px var(--web__font);color:#d10000;}
.item-brand .info .desc{border-bottom:1px solid #cacaca;}

/*video*/
.item-video .info{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.6);padding:10px 20px;color:#fff;}

/*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;}
.item-post .info .date{font-size:13px;color:#666;}

/*news*/
.cover-news .title{background:url(../images/liine-title2.png) left 65% no-repeat;padding:0 0 0 30px;font-size:25px;text-align:left;}

/*reason*/
.item-reason{background:#f2f2f2;border:1px solid #bbb;border-radius:10px;}
.item-reason .info .name{color:var(--color__background);}

/*footer*/
.cover-footer{background: var(--color__background);}
.title-footer{background: none;padding-bottom: 10px;font: var(--bold) 15px var(--web__font);}
.title-footer:after{position:absolute;bottom:0;left:0;content:'';width:50px;height:1px;background:#fff;}
.moit{margin-top:20px;}
.col-footer .name i{position:relative;top:-2px;font-size:8px;}

.frm-newsletter .form-control{border-radius:50px;}
.frm-newsletter .btn{position:absolute;top:5px;right:10px;color:var(--color__background)!important;}

.copyright{background: #063200;}

/*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;}
.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 aside{padding: 10px 0;}

.page-inside{background:#f1f1f1;}
.page-inside .container{background: #fff;}