@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body{margin:0}
body,html{font-family:'Roboto',sans-serif;font-size:14px;line-height:22px;color:#333}
*,:active,:focus{outline:0!important}
a,a:hover,a:visited,a:focus{text-decoration:none}
a{color:#333;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
a:hover{color:#f47721}
.ovh{overflow-y:hidden!important}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700}
.clear{clear:both;font-size:0;line-height:0;height:0}
p{margin:0;padding:5px 0}
ol,ul{list-style:none}
a{text-decoration:none}
img{border:none;max-width:100%}
input{color:#2a2a2a}
.input-warn{border:1px solid red;line-height:20px;height:18px}
.input-ok{border:1px solid #0C6;line-height:20px;height:18px}
button.btn{padding:0 10px;height:24px;border:1px solid #d4d4d4;background:#fefefe;background-image:-moz-linear-gradient(top,#fefefe,#ebebeb);background-image:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#ebebeb));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fefefe,endColorStr=#ebebeb);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fefefe,endColorStr=#ebebeb)";-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap;vertical-align:middle;cursor:pointer;overflow:visible}
button.btn span{display:inline-block;vertical-align:middle;color:#656565;font-size:13px}
button.btn:hover,button.btn:focus{border-color:#d4d4d4;background:#ebebeb;background-image:-moz-linear-gradient(top,#ebebeb,#fefefe);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#fefefe));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ebebeb,endColorStr=#fefefe);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ebebeb,endColorStr=#fefefe)";outline:0;-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999}
.btn-default{background:#09459f;color:#fff;border-color:#073f93;text-transform:uppercase;font-weight:700;height:30px;line-height:18px}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default{color:#fff;background-color:#4e4e4e;border-color:#4e4e4e}
.textfiled{border:1px solid #b7b7b7;background:#efefef;color:#2a2a2a;border-bottom:none;border-right:none;line-height:20px;height:20px;font-size:12px}
.textarea{border:1px solid #b7b7b7;border-bottom:none;border-right:none;background:#efefef;color:#2a2a2a;line-height:20px;overflow:auto}
.select{border:1px solid #b7b7b7;border-bottom:none;border-right:none;background:#efefef;color:#2a2a2a;padding:3px;font-size:11px}
.clearfix:after{content:'[DO NOT LEAVE IT IS NOT REAL]';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline;position:relative;display:block}
.fl{float:left}
.fr{float:right}
.hidden{display:none}
.inner-addon{position:relative}
.inner-addon .glyphicon{position:absolute;padding:10px;pointer-events:none;color:#a1a1a1}
.left-addon .glyphicon{left:0}
.right-addon .glyphicon{right:0}
.left-addon input{padding-left:30px}
.right-addon input{padding-right:30px}
.left-addon textarea{padding-left:30px}
.hide-on-biggest{display:none}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.row:before{display:none}
#vnt-container{overflow:hidden;position:relative;margin-bottom:-22px}
.wrapper{max-width:1200px;padding:0 15px;margin:0 auto}
.custom-object-fit{position:relative;background-size:cover;background-position:center center}
.custom-object-fit img{opacity:0}
.top-banner{z-index:11}
.top-banner .img{overflow:hidden;position:relative;background-color:#FFF}
#vnt-slide-home .img{padding-top:37%}
.top-banner .img img{position:absolute;top:0;left:0;width:100%}
.wrapCont{min-height:500px;padding-bottom:60px}
.slick-init .item{display:none}
.slick-init .item.slick-slide,.slick-init .item:first-child{display:block}
.slick-slider{display:table;table-layout:fixed;width:100%}
.sl-gen .slick-list{margin:0 -10px}
.sl-gen .item{padding:0 10px}
.input-group-img{width:90px;white-space:nowrap;padding-left:7px;display:table-cell;vertical-align:middle}
.input-group-img img{max-width:inherit}
/*==================END SETUP======================*/
/*==================BEGIN LAZYLOADING==============*/
.lazyloading{opacity:0}
.lazy-start{-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.effectImg{display:block;position:relative;overflow:hidden;background:#000}
.effectImg img{transition:-webkit-transform 4s cubic-bezier(0,.6,.45,1),opacity .3s linear;transition:transform 4s cubic-bezier(0,.6,.45,1),opacity .3s linear;transition:transform 4s cubic-bezier(0,.6,.45,1),-webkit-transform 7s cubic-bezier(0,.6,.45,1),opacity .3s linear;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.effectImg:hover img{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);opacity:.9}
.effectImg:before{content:"";position:absolute;top:10px;bottom:10px;right:50%;left:50%;border-top:solid 1px rgba(255,255,255,0.5);border-bottom:solid 1px rgba(255,255,255,0.5);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;z-index:1}
.effectImg:hover:before,.effectImg.active:before{right:10px;left:10px}
.effectImg:after{content:"";position:absolute;right:10px;left:10px;top:50%;bottom:50%;border-right:solid 1px rgba(255,255,255,0.5);border-left:solid 1px rgba(255,255,255,0.5);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;z-index:1}
.effectImg:hover:after,.effectImg.active:after{top:10px;bottom:10px}
.effectBtn{overflow:hidden;position:relative}
.effectBtn:before{content:"";position:absolute;top:-15px;bottom:-15px;width:60px;left:-100%;z-index:2;-webkit-transform:skew(15deg);-ms-transform:skew(15deg);-o-transform:skew(15deg);transform:skew(15deg);background:rgba(255,255,255,0.2);-webkit-filter:blur(1px);filter:blur(1px)}
.effectBtn:after{content:"";position:absolute;top:-15px;bottom:-15px;width:60px;left:-100%;z-index:2;-webkit-transform:skew(15deg);-ms-transform:skew(15deg);-o-transform:skew(15deg);transform:skew(15deg);background:rgba(255,255,255,0.2);-webkit-filter:blur(1px);filter:blur(1px)}
.effectBtn:hover:before{-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;left:150%}
.effectBtn:hover:after{-webkit-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;transition:all .4s linear .2s;left:150%}
.scale-animate{display:block;position:relative;overflow:hidden}
.scale-animate img{-webkit-transition:transform .8s cubic-bezier(0.44,0.185,0.575,0.86);-moz-transition:transform .8s cubic-bezier(0.44,0.185,0.575,0.86);-o-transition:transform .8s cubic-bezier(0.44,0.185,0.575,0.86);transition:transform .8s cubic-bezier(0.44,0.185,0.575,0.86);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.scale-animate:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
@-moz-keyframes quick-alo-circle-img-anim {
0%{transform:rotate(0deg) scale(1) skew(1deg)}
10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}
100%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}
}
@-webkit-keyframes quick-alo-circle-img-anim {
0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}
}
@-o-keyframes quick-alo-circle-img-anim {
0%{-o-transform:rotate(0deg) scale(1) skew(1deg)}
10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-o-transform:rotate(0deg) scale(1) skew(1deg)}
100%{-o-transform:rotate(0deg) scale(1) skew(1deg)}
}
@keyframes quick-alo-circle-img-anim {
0%{transform:rotate(0deg) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0deg) scale(1) skew(1deg)}
100%{transform:rotate(0deg) scale(1) skew(1deg)}
}
.button-web{display:inline-block;padding:0 35px;height:40px;line-height:40px;min-width:170px;text-align:center;font-size:13px;font-weight:500;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;overflow:hidden}
/*==================END LAZYLOADING================*/
/*==================BEGIN HEADER===================*/
.mainHead{padding-bottom:16px;border-top:5px solid #2f8cda}
.mainHead .wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}
.logo{position:relative;width:320px;flex-shrink:0;padding-top:10px;padding-right:50px}
.header-tools{position:relative;width:100%;padding-top:20px}
.row-tools{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:flex-end}
.top-tools,.top-tools a,.top-tools a:hover{color:#FFF}
.top-tools{position:absolute;top:-5px;right:0;text-align:center}
.t-hotline{display:inline-block;height:36px;line-height:36px;position:relative;background:#077fe4;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.top-tools:before,.top-tools:after{position:absolute;top:0;content:'';background:#077fe4;width:20%;height:92%}
.top-tools:before{left:-10px;transform:skew(32deg);-webkit-transform:skew(32deg);-moz-transform:skew(32deg);-o-transform:skew(32deg);-ms-transform:skew(32deg)}
.top-tools:after{right:-10px;transform:skew(-29deg);-webkit-transform:skew(-29deg);-moz-transform:skew(-29deg);-o-transform:skew(-29deg);-ms-transform:skew(-29deg)}
.t-hotline > span{position:relative;z-index:1;display:block;background:url(../images/phone-icon.svg) 20px center no-repeat;background-size:20px 20px;padding:0 20px 0 50px}
.t-hotline a{font-size:20px;font-weight:700;-webkit-animation:flash1 2s infinite ease-in-out;-moz-animation:flash1 2s infinite ease-in-out;-ms-animation:flash1 2s infinite ease-in-out;-o-animation:flash1 2s infinite ease-in-out;animation:flash1 2s infinite ease-in-out}
@-webkit-keyframes flash1 {
0%{color:#ffeb3b}
50%{color:#fff}
75%{color:#FFF}
100%{color:#ffeb3b}
}
@keyframes flash1 {
0%{color:#ffeb3b}
50%{color:#fff}
75%{color:#FFF}
100%{color:#ffeb3b}
}
.searchTool{width:480px;margin-right:70px}
.searchTop{background:#fff;padding:3px 3px 3px 15px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;border:solid 1px rgba(0,0,0,0.2);padding-right:40px;margin-bottom:10px;position:relative}
.searchTop input{width:100%;height:34px;border:none;background:none;color:#666}
.searchTop button{background-color:#0068c0;border:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;width:34px;height:34px;position:absolute;top:3px;right:3px;padding:0}
.searchTop button:hover{background-color:#f47721}
.searchTop button img{max-width:16px;max-height:16px}
.key-search{font-size:12px;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;height:22px}
.accountTop{position:relative;width:135px;flex-shrink:0;margin:20px 50px 0 0}
.accountTop .icon{padding-left:50px;position:relative;cursor:pointer}
.accountTop .icon.ok:before{content:initial}
.accountTop.active:before{position:absolute;right:50%;top:40px;content:'';width:0;height:0;border-style:solid;border-width:0 6px 8px;border-color:transparent transparent #ddd}
.accountTop .icon:before{content:"";background:#0068c0 url(../images/user-icon.svg) center center no-repeat;background-size:18px 21px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:38px;height:38px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;font-size:20px;line-height:40px;text-align:center}
.accountTop .icon .t1{padding-right:15px;position:relative;display:inline-block;font-size:13px}
.accountTop .icon .t1:before{content:"\f107";font-family:fontawesome;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.accountTop .icon .t2{font-size:12px;line-height:21px}
.accountTop .icon .img{width:40px;height:40px;border-radius:100%;overflow:hidden;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.accountTop .icon .img img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}
.click-popup .popup{background:#fff;color:#333;position:absolute;top:48px;left:0;z-index:18;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;opacity:0;visibility:hidden;min-width:220px;border:solid 1px #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.click-popup .popup:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:2;width:0;height:0;border-bottom:solid 10px #fff;border-left:solid 10px transparent;border-right:solid 10px transparent;bottom:100%}
.click-popup.active .popup,.cart-popup.active .popup,.cart-popup.current .popup{opacity:1;visibility:visible}
.click-popup .popup a,.cart-popup .popup a{color:#333}
.accountTop .listNot{padding:15px;background-color:rgba(0,0,0,0.03)}
.accountTop .listNot ul li{margin-bottom:10px}
.accountTop .listNot ul li:last-child{margin-bottom:0}
.accountTop .listNot ul li a{display:block;text-align:center;background:#f47721;text-transform:uppercase;padding:8px 10px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.accountTop .listNot ul li a:hover{background:#0068c0;border-color:#0068c0}
.accountTop .listNot ul li a.v2{background:#eee;border-color:#eee;color:#333;border-bottom:1px solid #cbcbcb}
.accountTop .listNot ul li a.v2:hover{background:#0068c0;color:#fff}
.accountTop .listSocial{padding:15px}
.accountTop .listSocial .soc,.accountTop .listSocial .txt{margin-bottom:10px}
.accountTop .listSocial a{display:block;padding:9px 10px;position:relative;color:#fff;background:#666;text-align:center;border-radius:5px}
.accountTop .listSocial a:after{content:"";position:absolute;top:0;bottom:0;left:0;right:100%;z-index:1;background:hsla(0,0%,0%,0.15);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.accountTop .listSocial a span{position:relative;z-index:3;padding-left:30px}
.accountTop .listSocial a span:before{font-family:FontAwesome;position:absolute;font-size:16px;line-height:19px;text-align:center;color:#fff;z-index:2;top:0;left:0}
.accountTop .listSocial a:hover{color:#fff}
.accountTop .listSocial a:hover:after{right:0}
.accountTop .listSocial a.facebook{background:#3b5998}
.accountTop .listSocial a.google{background:#d34836}
.accountTop .user{padding:15px 20px;border-bottom:solid 1px #e5e5e5}
.accountTop .user .name{font-size:16px;line-height:24px;font-weight:700;color:#f47721;margin-bottom:5px}
.accountTop .user .stt{font-size:13px;line-height:21px;font-style:italic;color:#999}
.accountTop .list{padding:20px}
.accountTop .list ul li{position:relative;margin-bottom:8px}
.accountTop .list ul li:last-child{margin-bottom:0}
.accountTop .list ul li .fa{margin-right:10px}
.accountTop .list ul li a span{font-weight:700;color:#e40000}
.accountTop .logout a{display:block;text-align:center;background:#f2f2f2;text-transform:uppercase;padding:9px 10px}
.accountTop .logout a:hover{color:#fff;background:#444}
.cartTop{width:125px;flex-shrink:0;padding-left:50px;margin-top:15px;position:relative}
.cartTop .icon{cursor:pointer}
.cartTop .icon:before{content:"";position:absolute;width:38px;height:38px;background:#0068c0 url(../images/shopingcart-icon.svg) center center no-repeat;background-size:22px 20px;left:0;top:50%;z-index:100;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.cartTop .txt{font-size:13px;line-height:21px}
.cartTop .sl{font-weight:700}
.cartTop .sl span{font-size:13px;font-weight:400}
.cartTop .link{position:absolute;top:0;bottom:0;left:0;right:0}
/*=============================SHOPPING CART===============================*/
.cartTop.active:before{position:absolute;left:38%;top:43px;content:'';width:0;height:0;border-style:solid;border-width:0 6px 8px;border-color:transparent transparent #ddd}
.popup.cartpanel{background:#fff;color:#333;position:absolute;top:50px;left:auto;right:0;z-index:105;padding:5px;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;opacity:0;visibility:hidden;min-width:310px;border:solid 1px #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.cartTop.active:after{position:fixed;top:0;left:0;right:0;bottom:0;content:'';background-color:rgba(0,0,0,.8);z-index:51}
.cartpanel > .title{font-size:13px;text-transform:uppercase;background:#F5F5F5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0 15px;height:35px;line-height:35px;text-align:left}
.cartpanel > .title a{color:#0068c0}
.cartpanel .btn-closecart{font-size:1.125rem;width:18px;height:18px;color:#f47721;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:absolute;top:12px;right:10px;line-height:1;text-align:center;cursor:pointer;-webkit-transition:all,.5s;-khtml-transition:all,.5s;-moz-transition:all,.5s;-ms-transition:all,.5s;-o-transition:all,.5s;transition:all,.5s}
.cartpanel .btn-closecart:hover{-webkit-transform:rotateZ(180deg);-khtml-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);transform:rotateZ(180deg)}
.cartpanel .btn-closecart i{font-size:18px}
.cartpanel .cart-list{overflow:auto;max-height:243px;padding:0 10px}
.cartpanel .cart-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#efefef;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.cartpanel .cart-list::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f47721;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.cartpanel .cart-list::-webkit-scrollbar{width:3px;background-color:#F5F5F5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.cartpanel .cart-list ul{width:100%;padding:0;overflow:auto;display:flex;flex-direction:column}
.cartpanel .cart-list ul li{width:100%;padding:10px 0;border-bottom:1px solid #e0e0e0;position:relative;-webkit-transition:all,.5s;-khtml-transition:all,.5s;-moz-transition:all,.5s;-ms-transition:all,.5s;-o-transition:all,.5s;transition:all,.5s;display:flex;flex-wrap:wrap}
.cartpanel .cart-list ul li:after{content:'';display:table;width:100%;height:0;clear:both}
.cartpanel .cart-list ul li .product-img{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;align-content:center;justify-content:center;width:60px;height:60px;border:1px solid #e5e5e5}
.cartpanel .cart-list ul li .product-img img{max-width:100%;max-height:100%}
.cartpanel .cart-list ul li .product-info{width:calc(100% - 60px);padding:0 15px;margin-bottom:0;margin-top:0}
.cartpanel .cart-list .product-name{font-size:13px;font-weight:400;line-height:20px}
.cartpanel .cart-list .amount,.cartpanel .cart-list .pop-price{font-size:12px;color:#999;line-height:20px}
.cartpanel .cart-list .pop-price span{color:#f47721}
.cartpanel .cart-list ul li .remove-product{position:absolute;top:50%;right:0;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;color:#999;-webkit-transition:all,.5s;-khtml-transition:all,.5s;-moz-transition:all,.5s;-ms-transition:all,.5s;-o-transition:all,.5s;transition:all,.5s;cursor:pointer}
.cartpanel .total{display:block;width:100%;background-color:#eee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 15px;line-height:30px;margin-top:10px;text-transform:uppercase}
.cartpanel .total strong{float:right;color:#f47721}
.cartpanel .button{width:100%;padding:10px 0;text-align:center}
.cartpanel .button .btn-checkout{display:block;padding:0 15px;background:#0068c0;color:#fff;text-transform:uppercase;line-height:35px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.cartpanel .button .btn-checkout:hover{background-color:#f47721}
/**
 * =======================================================================
 * ACCOUNT RELATED STYLESHEET
 * =======================================================================
 */
/*--------------- CREATE - LOGIN - FORGOT PASSWORD - RESET PASSWORD PAGES ---------------*/
.account-create a,.account-login a,.account-forgot-password a,.account-change-password-forgotten a,.account-confirmation-link a{text-decoration:none}
.account-panel{margin:50px 0;padding-top:20px;padding-bottom:20px}
.account-panel .form-control{height:42px!important}
/*==========================*/
.menuNav ul li{position:relative}
/*==================END HEADER=====================*/
.tend,.tend a,.des{-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}
/*==================BEGIN BREADCRUMB===============*/
.vnt-main-top{position:relative;margin-bottom:40px}
.breadcrumb{background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:9px 0 10px;border-radius:0;min-height:40px;bottom:0;left:0;right:0}
.breadcrumb ul li{padding:0;margin:0 15px;float:left;position:relative;font-size:12px;line-height:20px}
.breadcrumb ul li:first-child{margin-left:0}
.breadcrumb ul li a,.breadcrumb ul li a i{display:block;font-size:inherit;line-height:inherit;color:inherit;text-transform:inherit}
.breadcrumb ul li a span{display:block}
.breadcrumb ul li a:hover{color:#0068c0}
.breadcrumb ul li:after{content:"\f105";font-family:FontAwesome;position:absolute;right:-18px;top:46%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;line-height:20px}
.breadcrumb ul li:last-child:after{content:initial}
.breadcrumb ul li:last-child{margin-right:0;color:#0068c0}
.breadcrumb ul li.home a i{display:inline-block;font-size:15px;line-height:20px;margin-right:5px;color:#0068c0}
/*==================END BREADCRUMB=================*/
.sl-gen .slick-arrow{width:40px;height:40px;background-color:rgba(255,255,255,.8);border:none;-webkit-box-shadow:0 0 15px rgba(0,0,0,.15);-moz-box-shadow:0 0 15px rgba(0,0,0,.15);box-shadow:0 0 15px rgba(0,0,0,.15);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:absolute;top:-85px;font-size:0;z-index:1;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.sl-gen .slick-arrow:hover{background:#0068c0;border-color:#FFF}
.sl-gen .slick-arrow:before{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:'';width:8px;height:14px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain}
.sl-gen .slick-prev:before{background-image:url(../images/left-arr.svg)}
.sl-gen .slick-next:before{background-image:url(../images/right-arr.svg)}
/*.sl-gen .slick-arrow:hover:before{-moz-filter:brightness(5) invert(0);-webkit-filter:brightness(5) invert(0);filter:brightness(5) invert(0)}*/
.sl-gen .slick-prev:hover:before{background-image:url(../images/w-left-arr.svg)}
.sl-gen .slick-next:hover:before{background-image:url(../images/w-right-arr.svg)}
/*================BEGIN MENU SIDEBAR===============*/
.menuSidebar{margin-bottom:30px}
.menuSidebar .title{font-size:16px;line-height:24px;background:#ee3024;font-weight:600;text-transform:uppercase;padding:8px 20px 9px;color:#fff;position:relative}
.menuSidebar .title:before{content:"\f0c9";font-family:fontAwesome;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;line-height:26px;font-weight:400}
.menuSidebar ul{border-top:none}
.menuSidebar ul li a{display:block;padding:7px 0;padding-left:35px;background:#f5f5f5;border-bottom:solid 1px #FFF;position:relative}
.menuSidebar ul li a:before{content:"\f105";font-family:FontAwesome;position:absolute;top:50%;left:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.menuSidebar ul li a:after{content:"";position:absolute;bottom:-1px;left:0;right:100%;border-bottom:solid 1px #ee3024;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.menuSidebar ul li:hover a:after,.menuSidebar ul li.current a:after{right:0}
.menuSidebar ul li:last-child a{border-bottom:none}
.menuSidebar ul li:hover a,.menuSidebar ul li.current a{color:#ee3024}
.menuSidebar ul li ul li a{background:#303030;font-weight:400;border:none;padding-left:45px;border-bottom:solid 1px #454545;position:relative}
.menuSidebar ul li ul li a:before{content:"\f111";font-family:FontAwesome;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;left:25px;font-size:5px}
.menuSidebar ul li ul li.active a,.menuSidebar ul li ul li:hover a{color:#b35de4}
.bannerSidebar a{display:block;margin-bottom:30px;display:block;margin-bottom:20px}
.bannerSidebar a img{width:100%}
/*================END MENU SIDEBAR=================*/
/*==================BEGIN BOX MID==================*/
.boxTitle{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;border-bottom:solid 1px rgba(0,0,0,0.15);margin-bottom:30px}
.boxTitle .title{display:inline-block;margin-right:20px;padding-bottom:12px;position:relative;font-size:26px;line-height:34px;font-weight:600}
.boxTitle .title:before{content:"";position:absolute;bottom:-1px;left:0;right:0;border-bottom:solid 2px #0068c0}
.box_mid .mid-title{margin-bottom:25px;padding-bottom:15px}
.box_mid .mid-title:before{content:"";position:absolute;left:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:0;width:50px;border-bottom:solid 1px #ee3024}
.box_mid .mid-title .titleL{font-size:32px;line-height:40px;font-weight:700}
.box_mid .mid-title .titleL span{color:#059ad3}
.box_mid .mid-title .titleL h1,.box_mid .mid-title .titleL h2{font-size:inherit;line-height:inherit;font-weight:inherit}
/*==================END BOX MID====================*/
/*================BEGIN : SELECT J=================*/
.select-j{position:relative}
.select-j .title{padding:8px 15px;position:relative;border:solid 1px #eee;background:#f8f8f8;color:#0068c0}
.select-j .title:after{content:"\f107";font-family:FontAwesome;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;line-height:26px;color:#999}
.select-j .title:hover{cursor:pointer}
.select-j .content{position:absolute;left:0;top:100%;background:#fff;border:solid 1px #e2e2e2;border-top:none;width:100%;max-height:200px;overflow:auto;z-index:5;display:none}
.select-j .content ul li a{padding:8px 15px;border-bottom:solid 1px #eee;display:block}
.select-j .content ul li li a{padding-left:25px;font-size:13px}
.select-j .content ul li li li a{padding-left:40px;color:#999}
/*================BEGIN: SELECT J==================*/
/*================BEGIN MY TOOLS===================*/
.date_share{margin-bottom:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed rgba(0,0,0,0.1)}
.date_share .ds_date{font-size:13px;line-height:20px;color:#999}
.ds_share{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center}
.ds_share .txt{margin-right:10px}
.ds_date:before{font-family:FontAwesome;content:"\f133";padding-right:5px}
.ds_share ul:after{display:block;content:'';clear:both}
.ds_share ul li{margin-left:5px;font-size:16px;line-height:30px;float:left}
.ds_share ul li a{display:block;width:30px;height:30px;background-color:#eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:relative}
.ds_share ul li a i,.ds_share ul li a img,.ds_share .zalo-share-button{line-height:30px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ds_share ul li a img{max-height:15px}
.myTools{padding-top:20px}
.myTools .share{float:left}
.myTools .share ul li{float:left;margin-right:10px}
.myTools .share ul li a,.myTools .zalo-share-button{display:block;width:30px!important;height:30px!important;line-height:30px;color:#FFFFFF!important;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:relative}
.myTools .share ul li.facebook a{background-color:#3b5a9b}
.myTools .share ul li.tumblr a{background-color:#2b5067}
.myTools .share ul li.google a{background-color:#dc4e41}
.myTools .share ul li.twitter a{background-color:#2b97f1}
.myTools .zalo-share-button{background-color:#03a5fa}
.myTools .share ul li.linkedin a{background-color:#0271ae}
.myTools .share ul li i,.myTools .zalo-share-button iframe{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.myTools .share ul li.blogger img{display:none}
.myTools .share ul li.blogger a{background:#f58b3b url(../images/w-blogger-icon.png) center center/20px 18px no-repeat}
.myTools .print{float:right}
.myTools .print ul li{float:left;margin-left:15px}
.myTools .print ul li a{line-height:22px;padding-left:25px;position:relative}
.myTools .print ul li a:before{font-family:FontAwesome;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.myTags{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:flex-start;margin-bottom:15px}
.myTags .txt{padding:2px 9px;background:#f1f1f1;margin-right:5px;font-size:13px;line-height:21px;color:#666}
.myTags .txt span{padding-left:15px;position:relative}
.myTags .txt span:before{content:"\f02b";font-family:fontAwesome;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.myTags ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;flex-wrap:wrap}
.myTags ul li{margin-right:5px;margin-bottom:5px}
.myTags ul li a{display:block;padding:2px 9px;background:#f1f1f1;font-size:13px;line-height:21px;color:#666}
.myTags ul li a:hover{color:#f47721}
.comment .title{font-size:25px;line-height:33px;margin-bottom:20px;text-transform:uppercase}
.formComment .form-control{width:100%;max-width:600px;height:38px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.formComment textarea.form-control{resize:vertical;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:100px}
.formComment .input-group-btn{padding-left:5px;vertical-align:top}
.formComment .input-group-img{display:table-cell;padding-left:10px;vertical-align:top}
.formComment .input-group-img img{max-width:none}
.formComment button.btn{height:auto;font-size:16px;line-height:24px;color:#fff;padding:7px 20px;text-transform:uppercase;background:#67635c;border:0;margin-right:5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.formComment button.btn:hover{background:#0068c0}
.formComment button.btn:active{outline:none}
.formComment button.btn span{color:#fff}
.formComment .w_content .content-info{padding:15px 0;clear:both;background-color:#fff}
.formComment .w_content .content-info .info-title{margin-bottom:10px}
.formComment .w_content .content-info .form-control{float:none;margin-bottom:10px}
/*=================================*/
.grid-comment{margin-bottom:20px}
.grid-comment .node-commnet{padding:20px 0;border-bottom:1px solid #e5e5e5}
.grid-comment .node-commnet .avatar{width:55px;float:left}
.grid-comment .node-commnet .avatar img{width:100%}
.grid-comment .node-commnet .info-comment{margin-left:70px}
.grid-comment .node-commnet .info-comment .info-preson{font-size:12px;line-height:25px;color:#7c7c7c}
.grid-comment .node-commnet .info-comment .info-preson .name{font-size:14px;color:#f47721;font-weight:700}
.grid-comment .node-commnet .info-comment .ccomment{font-size:14px;line-height:25px}
.grid-comment .node-commnet .info-comment .linkanswer{margin-bottom:10px;margin-top:5px;text-align:right;font-size:14px;line-height:24px;font-weight:700;color:#999}
.grid-comment .node-commnet .info-comment .linkanswer a{position:relative;display:inline-block;padding-right:12px;color:#999}
.grid-comment .node-commnet .info-comment .linkanswer a:hover{text-decoration:underline}
.grid-comment .node-commnet .info-comment .linkanswer a:after{position:absolute;font-family:"fontawesome";content:"\f054";top:2px;right:0;color:#999;font-size:7px}
.listanswer .nodeanswer{background-color:#f2f2f2;margin-bottom:1px;padding:10px}
/*========TEMPLATE TABLE========*/
.tableDesign table{text-align:center;border:solid 1px #333;border-bottom:none}
.tableDesign table tr th{background:#ccc0da;padding:5px 10px;font-weight:400;text-transform:uppercase;font-weight:bold}
.tableDesign table tr th,.tableDesign table tr td{text-align:center;border-right:solid 1px #333;border-bottom:solid 1px #333}
.tableDesign table tr td.mon{font-weight:700;text-transform:uppercase}
.tableDesign table tr th:last-child,.tableDesign table tr td:last-child{border-right:none}
/*================EMD MY TOOLS=====================*/
/*==================BEGIN FOOTER===================*/
#vnt-footer{position:relative;z-index:20}
.hi-icon{position:relative;-webkit-transition:background 0.2s,color .2s;-moz-transition:background 0.2s,color .2s;transition:background 0.2s,color .2s}
.hi-icon:after{pointer-events:none;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;top:-5px;left:-5px;bottom:-5px;right:-5px;-moz-box-shadow:0 0 0 30px rgba(255,255,255,.3);-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.3);box-shadow:0 0 0 30px rgba(255,255,255,.3);-moz-transition:-moz-transform 0.5s,opacity .5s;-webkit-transition:-webkit-transform 0.5s,opacity .5s;transition:transform 0.5s,opacity .5s;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0}
.support{padding:15px 0;background-color:#0068c0}
.support .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;color:#FFF;line-height:20px}
.support .icon{display:block;width:44px;height:44px;flex-shrink:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-right:5px;position:relative;text-align:center;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.support .icon i{font-size:28px;line-height:44px}
.support h5{font-size:14px;line-height:20px;font-weight:400}
.support p{font-size:16px;font-weight:700}
#policy{padding:20px 0;background-color:#0068c0}
#policy .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;color:#FFF;line-height:20px}
#policy .icon{display:block;width:50px;height:50px;color:#F47722;flex-shrink:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-right:15px;position:relative;text-align:center;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;background-color:rgba(255,255,255,1)}
#policy .icon i{font-size:28px;line-height:50px}
#policy .poli-desc{padding-top:4px;line-height:20px;font-weight:500;text-transform: uppercase}
.formNewsletter{width:100%;max-width:400px;margin-bottom:30px}
.formNewsletter .grid{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.formNewsletter .grid:after{display:block;clear:both;content:""}
.formNewsletter .grid .col1{width:330px;padding:0 30px;float:left;text-align:center}
.formNewsletter .text2{font-size:18px;font-weight:300;color:#fff}
.formNewsletter .grid .col2{width:calc(100% - 110px)}
.formNewsletter .grid .col3{width:110px;flex-shrink:0;padding-left:10px}
.formNewsletter input{width:100%;height:40px;padding-left:10px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.formNewsletter input:focus{border:1px solid #6cb9da}
.formNewsletter button{width:100%;height:40px;background:#0068c0;border:none;font-size:16px;line-height:40px;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:relative;color:#fff}
.formNewsletter button:before{display:inline-block;font-family:FontAwesome;content:'\f1d8';font-size:16px;line-height:40px;margin-right:10px}
.formNewsletter button:hover{background:#f47721;color:#fff}
.formNewsletter button:hover:before{color:#FFF}
.mainFoot{padding:40px 0 20px;background-position:center top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative}
.mainFoot:before{position:absolute;top:0;left:0;right:0;bottom:0;content:'';background-color:rgba(255,255,255,0.7)}
.mainFoot .wrapper{position:relative;z-index:2}
.boxBot{margin-bottom:30px}
.boxBot .title{font-size:16px;line-height:25px;font-weight:600;margin-bottom:20px;color:#222}
.infoFoot .be{font-size:13px;color:#666;padding-left:25px;background-repeat:no-repeat;background-position:top 5px left;margin-bottom:10px}
.infoFoot .be strong{font-size:14px;font-weight:700;color:#f47721}
.infoFoot .be.v1{background-image:url(../images/phone-icon1.svg);background-size:15px 15px}
.infoFoot .be.v2{background-image:url(../images/clock-icon.svg);background-size:15px 15px}
.infoFoot .be.v3{background-image:url(../images/email-icon.svg);background-size:15px 12px}
.infoFoot .be p{padding:0}
.botLink ul li{margin-bottom:10px}
.botLink ul li a{display:block;font-size:13px;font-weight:300;color:#555;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.botLink ul li a:hover{color:#f47721;-webkit-transform:translateX(3px);-ms-transform:translateX(3px);-o-transform:translateX(3px);transform:translateX(3px)}
.addressFoot{position:relative;font-size:13px;line-height:20px}
.addressFoot .logoFoot{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);max-width:85px}
.addressFoot .be{margin-bottom:5px}
.addressFoot .be em{font-style:normal;padding-left:25px;background-position:center left;background-repeat:no-repeat;margin-right:10px}
.addressFoot .be a{color:#FFF}
.addressFoot .be .v1{background-image:url(../images/adress-icon.svg);background-size:12px 15px}
.addressFoot .be .v2{background-image:url(../images/phone-icon.svg);background-size:14px 14px}
.addressFoot .be .v3{background-image:url(../images/email-icon1.svg);background-size:14px 11px;margin-left:20px}
.botFoot{padding:27px 0;background-color:#222;color:#FFF}
.botFoot .wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}
.copyright{margin-top:10px}
.copyright .per{margin:0 5px}
.copyright .copy strong{text-transform:uppercase}
.copyright .tkw a{font-size:13px;line-height:21px;color:#aaa;font-weight:400}
.copyright .tkw strong a{font-style:normal;font-weight:700;color:#f47721}
.socialFoot ul li{float:left;margin:0 5px}
.socialFoot ul li:first-child{margin-left:0}
.socialFoot ul li:last-child{margin-right:0}
.socialFoot ul li span{display:block;font-style:italic;font-size:18px;line-height:26px;padding:10px 10px 10px 0}
.socialFoot ul li a{background-color:#FFFFFF;width:30px;height:30px;color:#fff;display:table;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}
.socialFoot ul li a i{width:100%;height:100%;display:table-cell;text-align:center;vertical-align:middle;font-size:15px;line-height:30px;-moz-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg);-webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg);-o-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg);-ms-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg);transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg);-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease}
.socialFoot ul li a:hover i{-moz-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);-webkit-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);-o-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);-ms-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg)}
.socialFoot ul li a i.icon-blogger{background:#FFFFFF url(../images/blogger-icon.png) center center no-repeat}
.socialFoot ul li a i.icon-zalo{background:#FFFFFF url(../images/zalo-icon.png) center center no-repeat}
.socialFoot ul li a i.fa-facebook{color:#395795}
.socialFoot ul li a i.fa-twitter{color:#20b8ff}
.socialFoot ul li a i.fa-instagram{color:#cb0866}
.socialFoot ul li a i.fa-youtube{color:#c8312b}
.socialFoot ul li a i.fa-linkedin{color:#0271ae}
.bocongthuong{font-size:12px;color:#666}
.gov-img{margin-bottom:20px}
.gov-img img{max-height:50px}
.bocongthuong span{display:block;margin-bottom:5px}
.bocongthuong i{display:inline-block;margin-right:10px;font-size:13px;color:#0068c0}
.divAd{position:absolute;top:0;opacity:0;z-index:-5}
.divAd.active,.sub-page .divAd{opacity:1;z-index:10}
#divAdLeft{left:0}
#divAdRight{right:0}
.account-page .divAd{display:none!important}
/*==================END FOOTER=====================*/
/*==================GO TOP=========================*/
.go_top{width:45px;height:45px;position:fixed;background:#444444;bottom:100px;right:5px;z-index:100;color:#fff;font-size:20px;cursor:pointer}
.go_top:before{content:"\f106";font-family:FontAwesome;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;-webkit-animation:bouncez 1.2s 500ms infinite;-o-animation:bouncez 1.2s 500ms infinite;animation:bouncez 1.2s 500ms infinite}
@keyframes bouncez {
0%,20%,50%,80%,100%{transform:translate(-50%,-50%)}
40%{transform:translate(-50%,-80%)}
60%{transform:translate(-50%,-60%)}
}
@-webkit-keyframes bouncez {
0%,20%,50%,80%,100%{-webkit-transform:translate(-50%,-50%)}
40%{-webkit-transform:translate(-50%,-80%)}
60%{-webkit-transform:translate(-50%,-60%)}
}
@-moz-keyframes bouncez {
0%,20%,50%,80%,100%{-moz-transform:translate(-50%,-50%)}
40%{-moz-transform:translate(-50%,-80%)}
60%{-moz-transform:translate(-50%,-60%)}
}
@-o-keyframes bouncez {
0%,20%,50%,80%,100%{-o-transform:translate(-50%,-50%)}
40%{-o-transform:translate(-50%,-80%)}
60%{-o-transform:translate(-50%,-60%)}
}
.call-now-button{z-index:30;clear:both;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;border-radius:50px;background-color:#dd2730;left:20px;bottom:65px}
.call-now-button div{display:-webkit-box;display:-ms-flexbox;display:flex}
.call-now-button div .call-text{color:#fff;display:table;padding:10px;border-radius:21px;height:34px;line-height:14px;margin:8px 5px 8px 50px;text-transform:uppercase;font-weight:400;text-align:center;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.call-now-button div a{text-decoration:none}
.call-now-button div a .quick-alo-ph-circle.active{width:130px;height:130px;top:-40px;left:-40px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:50% 50%;-ms-transform:50% 50%;transform:50% 50%;-webkit-animation:quick-alo-circle-anim 1.2s infinite;animation:quick-alo-circle-anim 1.2s infinite}
.call-now-button div a .quick-alo-ph-circle-fill.active{width:80px;height:80px;top:-15px;left:-15px;position:absolute;background-color:#000;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:50% 50%;-ms-transform:50% 50%;transform:50% 50%;-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite;animation:quick-alo-circle-fill-anim 2.3s infinite}
.call-now-button div a .quick-alo-ph-img-circle{background-color:#f47721!important}
.call-now-button div a .quick-alo-ph-img-circle.shake{width:50px;height:50px;top:0;left:0;position:absolute;background:url(../images/phone-icon.svg) no-repeat center center/30px 30px;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;animation:quick-alo-circle-img-anim 1s infinite ease-in-out}
@-moz-keyframes quick-alo-circle-anim {
0%{-moz-transform:rotate(0) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}
30%{-moz-transform:rotate(0) scale(0.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}
100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}
}
@-webkit-keyframes quick-alo-circle-anim {
0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-moz-keyframes quick-alo-circle-fill-anim {
0%{-moz-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}
100%{-moz-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes quick-alo-circle-fill-anim {
0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2}
}
@-moz-keyframes quick-alo-circle-img-anim {
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
100%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes quick-alo-circle-img-anim {
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
/*===========================================================*/
.menuFix{background:#f47721;position:fixed;bottom:0;left:0;right:0;z-index:3}
.menuFix ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}
.menuFix ul li{padding:0 10px}
.menuFix ul li a{display:block;font-size:11px;line-height:21px;color:#fff;padding:28px 0 5px;background-repeat:no-repeat;background-position:center 8px;position:relative}
.menuFix ul li a span{width:18px;height:18px;border-radius:100%;background:#0068c0;line-height:18px;text-align:center;position:absolute;top:7px;right:-3px}
.menuFix ul li a.v1{background-image:url(../images/shopingcart-icon.svg);-webkit-background-size:22px 20px;background-size:22px 20px}
.menuFix ul li a.v2{background-image:url(../images/order-icon.svg);-webkit-background-size:16px 20px;background-size:16px 20px}
.menuFix ul li a.v3{background-image:url(../images/phone-icon.svg);-webkit-background-size:20px 20px;background-size:20px 20px}
.menuFix ul li a.v4{background-image:url(../images/adress-icon.svg);-webkit-background-size:16px 20px;background-size:16px 20px}
.cart-popup .popup.cartpanel{right:50px;top:0}
.overlay.active{position:fixed;top:0;left:0;right:0;bottom:0;content:'';background-color:rgba(0,0,0,.8);z-index:48}
.cartpanel .cart-list ul li:hover{background:none}
/*=================BEGIN POPUP==================*/
.modal-body{padding:0}
.modal-backdrop.in{opacity:.8}
#consolPopup{top:2vh;bottom:2vh}
.clsconsolPopup.in .modal-dialog{width:98%;max-width:800px;max-height:96vh;margin:0 auto;top:50%;-moz-transform:initial;-ms-transform:initial;-webkit-transition:initial;-o-transition:initial;transition:initial;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.clsconsolPopup .modal-body{padding:0}
.clsconsolPopup img{width:100%}
.clsconsolPopup .close{position:absolute;top:-15px;right:-15px;width:40px;height:40px;background-color:#0068c0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 10px rgb(40, 79, 109);-moz-box-shadow:0 0 10px rgb(40, 79, 109);box-shadow:0 0 10px rgb(40, 79, 109);cursor:pointer;z-index:8040;font-size:20px;line-height:16px;color:#FFF;font-weight:300;opacity:1}
.clsconsolPopup .close:before{font-family:FontAwesome;content:'\f00d';color:#FFFFFF}
.clsconsolPopup .grid{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin:0 -15px}
.clsconsolPopup .grid .col{width:50%;padding:0 15px}
.clsconsolPopup .form-popup{padding:20px 0 20px 25px}
.clsconsolPopup .modal-title{font-size:20px;line-height:35px;color:#0068c0;font-weight:600;margin-bottom:10px}
.clsconsolPopup .input-group{width:100%}
.clsconsolPopup input{height:45px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.clsconsolPopup .send-btn{width:100%;height:45px;background-color:#f47721;color:#FFF;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-transform:uppercase;padding:8px 15px;line-height:23px}
.clsconsolPopup .send-btn:hover{background-color:#0068c0}
.clsconsolPopup button span{position:relative;padding-left:15px}
.clsconsolPopup button span:before{font-family:FontAwesome;content:'\f1d8';font-size:16px;color:#FFF;position:relative;left:-15px}
/*===========================SLIDER HOME=============================*/
#vnt-slide-home .item{position:relative}
#vnt-slide-home .captionWrap{position:absolute;bottom:10%;left:0;right:0;pointer-events:none}
#vnt-slide-home .caption{background:rgba(255,255,255,0.8);padding:20px 25px;max-width:400px;-webkit-transition:all .5s linear .5s;-o-transition:all .5s linear .5s;transition:all .5s linear .5s;opacity:0;visibility:hidden;pointer-events:auto}
#vnt-slide-home .caption .t1{font-size:26px;line-height:34px;font-weight:700;color:#2655ad;margin-bottom:10px}
#vnt-slide-home .caption .t2{color:#555}
#vnt-slide-home .item.slick-current .caption{opacity:1;visibility:visible}
#vnt-slide-home .slick-arrow{width:35px;height:62px;background-color:rgba(4,104,168,.85);background-repeat:no-repeat;background-position:center;background-size:auto 25px;border:none;position:absolute;top:50%;font-size:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;opacity:0;visibility:hidden}
#vnt-slide-home .slick-prev{left:20px;background-image:url(../images/w-left-arr.svg)}
#vnt-slide-home .slick-next{right:20px;background-image:url(../images/w-right-arr.svg)}
#vnt-slide-home:hover .slick-arrow{opacity:1;visibility:visible}
#vnt-slide-home:hover .slick-prev{left:0}
#vnt-slide-home:hover .slick-next{right:0}
#vnt-slide-home .slick-dots{position:absolute;left:0;right:0;bottom:20px;text-align:center}
#vnt-slide-home .slick-dots li{display:inline-block;margin:0 5px}
#vnt-slide-home .slick-dots li button{width:10px;height:10px;background:transparent;border-radius:100%;font-size:0;padding:0;border:solid 2px #fff}
#vnt-slide-home .slick-dots li.slick-active button{background:#0068c0;border-color:#0068c0}
/*===========================BOX HOME=============================*/
.boxHome{margin-bottom:40px}
.list-cate-prods{margin-bottom:10px}
.list-cate-prods .boxHome{margin-bottom:0}
.boxHome .boxTitle .linkAll a{font-size:14px;line-height:24px;color:#0068c0}
.boxHome .boxTitle .linkAll a span{padding-right:15px;position:relative}
.boxHome .boxTitle .linkAll a span:before{content:"\f105";font-family:fontAwesome;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.boxHome .boxTitle .linkAll a:hover{color:#f47721}
/*============================BANNER HOME===============================*/
.bannerHome{margin-bottom:30px}
.bannerHome a{display:block;margin-bottom:15px;overflow:hidden}
.bannerHome img{width:100%}
.bannerHome .row{margin:0 -10px}
.bannerHome .row > div{padding:0 10px}
.brands{background-color:#f5f5f5;padding:20px 0;margin-bottom:40px;position:relative;z-index:11}
.brands .img{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;height:90px;padding:10px;background-color:#FFF;border:1px solid #e6e6e6}
/*=========BEGIN MENU NEWS========*/
.boxHome.boxNews{padding:50px 0 30px;margin:0;background-color:#f5f5f5}
.boxNews .news-item{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;position:relative;margin-bottom:25px}
.boxNews .news-item:before{pointer-events:none}
.news-item .img{position:relative;overflow:hidden;padding-top:76.491228%}
.news-item .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.news-item .date-post{display:block;font-size:13px;line-height:21px;margin-bottom:5px}
.news-item .tend{font-size:14px;line-height:20px;font-weight:400;-webkit-line-clamp:3;max-height:60px}
.hotNews .tend{font-size:24px;font-weight:500;line-height:30px;max-height:90px}
/*=========FEATURED NEWS========*/
.box_mid .boxTitle{margin-bottom:20px}
.boxNews{padding-bottom:10px;margin-bottom:40px;border-bottom:1px solid #e0e0e0}
.boxNews .news-item .caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:15px;color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,.4);background:-moz-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.85) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0)}
/*---------LIST NEWS--------*/
.list-news .news-item{margin-bottom:40px}
.list-news .news-item .caption{padding:15px 0}
.list-news .img{padding-top:75.135135%}
.list-news .date{font-size:12px}
.list-news .tend{font-size:16px;line-height:24px;max-height:72px}
/*---------DETAIL NEWS--------*/
.the-title{margin-bottom:15px;position:relative}
.the-title h1{font-size:30px;line-height:40px;font-weight:700}
.the-date{color:#999;margin-bottom:10px}
.the-content{text-align:justify;line-height:24px}
.mod-content .the-content{margin-bottom:30px}
.desc img{max-width:100%!important;height:auto!important}
/*------------ css cho box ------------*/ 
.desc ol{margin-left:10px;padding-left:10px;list-style:decimal}
.desc ul{list-style:disc;margin-left:10px;padding-left:10px}
.desc li{margin:3px 0}
.desc h2{font-size:18px;line-height:28px}
.desc h3{font-size:16px;line-height:26px}
.desc h4{font-size:14px;line-height:24px}
.desc h5{font-size:12px;line-height:22px}
.desc h6{font-size:6px;line-height:16px}
.desc table{margin:15px 0}
.desc td,.desc th{padding:5px;line-height:inherit;border:1px solid #CCCCCC}
.desc table th:first-child,.desc table td:first-child{background-color:#F5F5F5}
.desc img{max-width:100%;height:auto}
.desc iframe{width:100%!important}
.desc a,.SEO1-pro-cate a,.SEO2-pro-cate a{color:#D60202}
.desc a:hover{color:#1bbc9b}
/*=================BEGIN: PAGINATION==================*/
.pagination{width:100%;background:transparent;padding-top:0;margin:0}
.pagination ul{padding-bottom:2px}
.pagination ul li{display:inline-block;margin:0 4px 0 0}
.pagination ul li span.pagetotal{display:table-cell;height:45px;vertical-align:middle;background:none;color:#333}
.pagination ul li span.pagecur,.pagination ul li a{display:table-cell;width:36px;height:36px;box-sizing:border-box;border:1px solid #fff;font-size:16px;line-height:26px;vertical-align:middle;color:#333;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;font-weight:400;background-color:#fff;border:solid 1px #d0d0d0;text-align:center}
.pagination a,.pagination a:visited{color:#666}
.pagination ul li span.pagecur,.pagination ul li a{border:none;background:#fff;border:solid 1px #dfdedb;border-radius:5px}
.pagination ul li a:hover,.pagination ul li span.pagecur{background:#0068c0;border-color:#0068c0;color:#fff}
/*==========BOX SIDEBAR=============*/
.boxSidebar{background-color:#f5f5f5}
.boxSidebar ~ .boxSidebar{margin-top:30px}
.boxSidebar .news{padding:20px;border-bottom:1px solid #dcdcdc}
.boxSidebar .title{font-size:18px;line-height:23px;border-bottom:1px solid #dcdcdc;color:#0068c0;padding:9px 15px;font-weight:700}
.boxSidebar .img{margin-bottom:10px;overflow:hidden}
.boxSidebar .tend{line-height:22px;font-weight:500}
/*=================DETAIL===============*/
.the-other{margin-bottom:20px}
.the-other .news-item{margin:0}
#slideOther .slick-list{margin:0 -15px}
#slideOther .item{padding:0 15px}
#slideOther .slick-arrow{position:absolute;right:0;top:-80px;background:#e5e5e5;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;width:40px;height:40px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:2;color:#999}
#slideOther .slick-prev{margin-right:45px}
#slideOther .slick-arrow:before{font-family:FontAwesome;font-size:20px;line-height:28px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#slideOther .slick-prev:before{content:"\f104"}
#slideOther .slick-next:before{content:"\f105"}
#slideOther .slick-arrow:hover{background:#0068c0;color:#fff}
#slideOther .news{margin-bottom:0}
/*==BEGIN: ABOUT==*/
.vnt-about .name-company{text-transform:uppercase}
.vnt-about .name-company .t1{display:inline-block;padding-right:30px;position:relative;font-size:20px;font-weight:600;line-height:26px;margin-bottom:10px}
.vnt-about .name-company .t1:after{position:absolute;top:49%;right:-60px;content:'';width:50px;height:1px;background-color:#0068c0}
.vnt-about .name-company .txt{font-size:40px;font-weight:700;line-height:45px;color:#0068c0;margin-bottom:30px}
.vnt-about .des{line-height:25px;font-weight:300;color:#666}
.wrap-video{position:relative;text-align:center;max-width:800px;margin:auto;padding-top:30px}
.wrap-video .caption{cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden}
.wrap-video.active .caption{display:none}
.wrap-video .img{position:relative;padding-top:61.666666%;overflow:hidden;text-align:center}
.wrap-video .img img{position:absolute;top:0;left:0;width:100%;transition:-webkit-transform 4s cubic-bezier(0,.6,.45,1),opacity .3s linear;transition:transform 4s cubic-bezier(0,.6,.45,1),opacity .3s linear;transition:transform 4s cubic-bezier(0,.6,.45,1),-webkit-transform 7s cubic-bezier(0,.6,.45,1),opacity .3s linear;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.wrap-video .img:hover img{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.wrap-video .icon{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;width:80px;height:80px}
.wrap-video .icon:before{position:absolute;top:0;right:0;left:0;bottom:0;content:'';-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-webkit-animation:Ani-cir 1s infinite;animation:Ani-cir 1s infinite;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
@-webkit-keyframes Ani-cir {
0%{-webkit-box-shadow:0 0 0 rgba(255,255,255,0);-moz-box-shadow:0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);-webkit-transform:scale(.8);transform:scale(.8)}
70%{-webkit-box-shadow:0 0 50px rgba(255,255,255,1);-moz-box-shadow:0 0 50px rgba(255,255,255,1);box-shadow:0 0 50px rgba(255,255,255,1);border:1px solid rgba(255,255,255,1);-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-box-shadow:0 0 60px rgba(255,255,255,0);-moz-box-shadow:0 0 60px rgba(255,255,255,0);box-shadow:0 0 60px rgba(255,255,255,0);border:0 solid rgba(255,255,255,0);-webkit-transform:scale(1.7);transform:scale(1.7)}
}
@keyframes Ani-cir {
0%{-webkit-box-shadow:0 0 0 rgba(255,255,255,0);-moz-box-shadow:0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);-webkit-transform:scale(.8);transform:scale(.8)}
70%{-webkit-box-shadow:0 0 50px rgba(255,255,255,1);-moz-box-shadow:0 0 50px rgba(255,255,255,1);box-shadow:0 0 50px rgba(255,255,255,1);border:1px solid rgba(255,255,255,1);-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-box-shadow:0 0 60px rgba(255,255,255,0);-moz-box-shadow:0 0 60px rgba(255,255,255,0);box-shadow:0 0 60px rgba(255,255,255,0);border:0 solid rgba(255,255,255,0);-webkit-transform:scale(1.7);transform:scale(1.7)}
}
.wrap-video .caption .icon img{position:relative;z-index:1}
.wrap-video .youtubevideowrap{margin:0 auto;max-width:100%;display:none}
.wrap-video.active .youtubevideowrap{display:block}
.wrap-video .videoWrapper{position:relative;padding-top:61.666666%;height:0;overflow:hidden}
.wrap-video .videoWrapper embed,.wrap-video .videoWrapper iframe,.wrap-video .videoWrapper object{position:absolute;top:0;left:0;width:100%;height:100%}
.link-subscribe{padding-top:12px}
.boxStyle{margin-bottom:60px}
.boxHome.vnt-about{padding:50px 0;margin:0}
.vnt-about .the-content{padding-top:50px;color:#666}
.the-content img{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:20px}
/*==BEGIN: PRODUCT==*/
.product{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;padding:10px;margin:3px;position:relative;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.product:hover{-webkit-box-shadow:0 0 3px #0068c0;-moz-box-shadow:0 0 3px #0068c0;box-shadow:0 0 3px #0068c0}
.product .img{padding-top:100%;position:relative;overflow:hidden;margin-bottom:15px;-webkit-box-shadow:0 0 3px #d7d7d7;-moz-box-shadow:0 0 3px #d7d7d7;box-shadow:0 0 3px #d7d7d7}
.product:hover .img{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.product .img:after{position:absolute;left:0;width:100%;height:65%;top:17%;border-top:1px solid rgba(255,255,255,0.65);border-bottom:1px solid rgba(255,255,255,0.65);content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-moz-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-o-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-ms-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;pointer-events:none;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;z-index:2}
.product:hover .img:after{opacity:1;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);-moz-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);-o-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);-ms-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);transform:rotate3d(0,0,1,45deg) scale3d(1,1,1)}
.product .img img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.product:hover .img img{-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
.product .tend{margin-bottom:5px}
.product .tend a{font-size:15px;line-height:22px;font-weight:700;-webkit-line-clamp:3;height:66px}
.product .price{height:44px;margin-bottom:15px}
.product .price span{display:block}
.product .price .main-price{font-weight:700;color:#f47721;font-size:15px}
.product .price .nor{font-size:13px;color:#999;text-decoration:line-through}
.product .caption{position:relative}
.product .p-status{position:absolute;top:5px;display:inline-block;padding:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;line-height:26px;font-weight:700;text-transform:uppercase}
.product .s-new{font-size:11px;left:5px;background-color:#0068c0}
.product .s-percent{font-size:13px;right:5px;background-color:#B41309}
.product .addtocart a{display:inline-block;background-color:#0068c0;text-align:center;color:#fff;font-size:13px;line-height:35px;text-transform:uppercase;padding:0 15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}
.product .addtocart a span{display:inline-block;padding-left:30px;line-height:35px;position:relative;background:url(../images/shopingcart-icon.svg) no-repeat center left;background-size:auto 18px}
.product .addtocart a:hover{background:#f47721}
.prods-home .row{margin:0 -10px}
.prods-home [class^='col-']{padding:0 10px}
.prods-home .product,.vnt-product .product{margin-bottom:40px}
.brand .w_content_show_hidden .content_show_hidden{font-size:15px;line-height:25px;height:235px;overflow:hidden;position:relative}
.brand .w_content_show_hidden .content_show_hidden:not(.active_show):after{position:absolute;bottom:0;left:0;width:100%;height:50px;content:'';/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+51 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.brand .button_show_hidden{padding-bottom:10px}
.des-prod .button_show_hidden{margin-bottom:20px}
.button_show_hidden a{display:inline-block;font-size:15px;line-height:26px;font-weight:300;color:#0068c0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.button_show_hidden a:hover{color:#333}
.button_show_hidden a:after{font-family:FontAwesome;padding-left:10px;content:'\f105';font-style:normal}
.button_show_hidden a.active_hidden:after{content:'\f106'}
.fancybox-close-small{color:#f47721}
/*--------LEFT MENU---------*/
.menuProd{background-color:#f5f5f5;margin-bottom:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.boxMenu .title{position:relative;padding:12px 15px;font-size:15px;font-weight:700;border-bottom:1px solid #e2e2e2;text-transform:uppercase;background-color:#f5f5f5}
.menuProd .content{margin:10px 15px}
.menuProduct li{position:relative}
.menuProduct li a{display:block;color:#555;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05)}
.menuProduct > ul > li > a{color:#0068c0}
.menuProduct > ul > li.active > a,.menuProduct > ul > li.has-sub > a{padding-right:15px;position:relative}
.menuProduct ul ul{padding:10px 15px}
.menuProduct li:last-child > a{border:none}
.menuProduct ul ul > li.active > a{font-weight:600;color:#111111}
.menuProduct ul ul a{padding:7px 0}
.menuProduct ul li:last-child{margin-bottom:0}
.menuProduct ul ul ul a{color:#777777}
.menuProduct li:hover>a{color:#f47721!important}
.boxFilter .grid{background-color:#f5f5f5;padding-bottom:20px;margin-bottom:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.filter .title{padding:0 15px;font-size:15px;font-weight:700;line-height:44px;border-bottom:1px solid #e2e2e2}
.filter .content{padding:15px}
.myCheckbox input{display:none}
.myCheckbox{padding-left:25px;position:relative;margin-bottom:12px;cursor:pointer;color:#666}
.myCheckbox:hover{color:#f47721}
.myCheckbox:before{content:"\f096";font-family:FontAwesome;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;line-height:23px;color:#999}
.myCheckbox.active:before{content:"\f14a";color:#f47721}
.myCheckbox span{color:#999}
.myCheckboxStar{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;cursor:pointer;margin-bottom:5px}
.myCheckboxStar input{display:none}
.myCheckboxStar .wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;padding:3px 10px 4px;border-radius:18px}
.myCheckboxStar:hover .wrap,.myCheckboxStar.active .wrap{background:#f8f8f8}
.myCheckboxStar i{margin-right:3px;color:#f1c92b}
.myCheckboxStar span{font-size:13px;line-height:21px;color:#666}
.dropdown-list{position:relative;overflow:hidden;white-space:nowrap}
.dropdown-list select{width:100%;height:32px;padding:1px 20px 1px 7px !important;cursor:pointer;color:#565656;border:1px solid #CCC;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}
.dropdown-list:after {
    font-family: 'FontAwesome';
    content: "\f0d7";
    position: absolute;
    top: 5px;
    right: 10px;
    height: 5px;
    text-align: center;
    font-size: 14px;
    color: #333;
    pointer-events: none;
}
.dropdown-list select option{padding:3px}
.boxFilter .btn-fillter{display:inline-block;white-space:nowrap;padding:8px 30px;text-align:center;position:relative;cursor:pointer;font-size:15px;color:#fff;font-weight:400;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:none;background:#000}
.boxFilter .btn-fillter img{max-width:16px;max-height:16px;margin-right:10px}
.productFGH{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;padding:10px;background:#f1f1f1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:20px}
.menuProd:after,.menuFilter ul:after{content:"";display:block;clear:both}
.menuFilter ul li{float:left;margin-right:5px}
.menuFilter ul li:last-child{margin-right:0}
.menuFilter ul li a{display:block;font-size:13px;line-height:18px;background:#fff;padding:6px 12px}
.menuFilter ul li.active a,.menuFilter ul li a:hover{background:#f47721;color:#fff}
.productSort{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}
.productSort .sort1{width:140px;height:30px;border:none;font-size:13px;line-height:21px}
.productSort .txt{font-size:13px;line-height:21px;margin-right:5px}
.productSort .sort2{width:55px;height:30px;border:none}
.vnt-product .grid:after{content:"";display:block;clear:both}
.vnt-product .grid{margin:0 -10px}
.vnt-product .grid .col{float:left;width:25%;padding:0 10px}
.vnt-product .grid.v2 .col{width:20%}
.link-filter{padding:0 10px;margin-bottom:30px;background-color:#f47721;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:500;line-height:45px;text-align:center;cursor:pointer}
.link-filter span{text-transform:uppercase;color:#FFF}
.link-filter span:before{display:inline-block;width:23px;height:20px;content:'';background:url(../images/filter-icon.svg) center center no-repeat;-webkit-background-size:23px 20px;background-size:23px 20px;margin-right:12px;position:relative;top:4px;cursor:pointer}
.productThumbnail{position:relative;margin-bottom:40px}
.productThumbnail .img{padding-top:100%;position:relative;overflow:hidden}
.productThumbnail img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:94%;max-height:94%}
#vnt-thumbnail-for{margin-bottom:10px}
div#vnt-thumbnail-nav .slick-list{margin:0 -10px}
div#vnt-thumbnail-nav .item{padding:0 10px;cursor:pointer}
div#vnt-thumbnail-nav .item .img{border:solid 1px #dfdfdf}
div#vnt-thumbnail-nav .slick-slide.slick-current .img{border-color:#f58131}
div#vnt-thumbnail-nav .slick-arrow{position:absolute;width:25px;height:15px;background:none;border:none;font-size:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;color:#333;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
div#vnt-thumbnail-nav .slick-prev{left:0}
div#vnt-thumbnail-nav .slick-next{right:0}
div#vnt-thumbnail-nav .slick-arrow:before{font-family:FontAwesome;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:40px;line-height:50px;color:#333}
div#vnt-thumbnail-nav .slick-prev:before{content:"\f104"}
div#vnt-thumbnail-nav .slick-next:before{content:"\f105"}
div#vnt-thumbnail-nav .slick-arrow:hover{color:#bcd02f}
div#vnt-thumbnail-for{padding:10px;border:1px solid #eee}
/*============================DETAIL PRODUCT===============================*/
.productTitle{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee}
.productTitle h1,.productTitle h2{font-size:28px;line-height:32px;font-weight:600}
.productAttr > ul > li,.quantiProduct,.productPrice,.productButton{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}
.productAttr > ul > li{padding:6px 0}
.productAttr > ul > li:before{font-family:FontAwesome;content:'\f111';font-size:6px;color:#999;padding-right:10px}
.productAttr > ul > li:last-child{flex-wrap:wrap}
.productAttr > ul > li:last-child .ats{width:100%}
.productExcerpt{white-space:pre-line;margin-bottom:10px}
.productAttr .att{white-space:nowrap;margin-right:5px;position:relative;color:#999}
.productAttr .atr-brand{color:#0068c0}
.quantiProduct{margin-bottom:20px;align-items:center}
.quantiProduct .att{margin-right:15px}
.quantity{position:relative;width:95px}
.quantity input{width:60px;height:40px;text-align:center;border:solid 1px #eaeaea}
.quantity .group-button{width:35px;height:40px;position:absolute;right:0;top:0;border:solid 1px #eaeaea;border-left:none}
.quantity .group-button button{background:#fff;border:none;float:left;width:100%;height:19px;font-size:8px;line-height:16px;color:#333}
.quantity .group-button button.btn-up{border-bottom:solid 1px #eaeaea}
.productPromotion{background-color:#f5f5f5;padding:25px;margin-bottom:30px}
.productPromotion .title{color:#f47721;font-size:16px;line-height:30px;text-transform:uppercase;font-weight:700;padding-left:40px;position:relative}
.productPromotion .title:before{content:"\f06b";font-family:FontAwesome;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:25px;line-height:30px;color:#f47721}
.productPromotion .content{position:relative;font-size:13px;line-height:26px}
.productPromotion .content p{padding:0;position:relative}
.productPromotion .content p:not(:last-child):before{font-family:FontAwesome;content:'\f058';font-size:13px;color:#0068c0;padding-left:3px;padding-right:10px}
.productPromotion .content p:last-child{color:#999}
.productPromotion .content a{color:#f47721;text-decoration:underline}
.productReview{background:#f5f5f5;padding:7px 10px;border:solid 1px #d6d6d6}
.productReview .txt{float:left;font-weight:700;margin-right:15px;margin-top:3px}
.productReview .stars{float:left}
.productReview .stars ul li{float:left;font-size:18px;line-height:26px;color:#fbd009;margin-right:5px}
/*=============PRICE============*/
.productPrice{margin-bottom:20px;align-items:center}
.productPrice .pm.price{font-size:30px;line-height:34px;font-weight:700;color:#f47721;margin:0 10px 0 15px}
.productPrice .pf.price{text-decoration:line-through;font-size:18px;line-height:25px;color:#bbb}
.productButton{margin-bottom:20px}
.productButton a,.btnBuy a{font-size:15px;color:#fff;font-weight:400;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;white-space:nowrap;padding:0 20px;text-align:center;position:relative;cursor:pointer}
.productButton a{width:49%;max-width:280px;line-height:50px}
.productButton a:before,.btnBuy a:before{position:absolute;top:0;left:0;bottom:0;right:100%;content:'';-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.productButton a.inCart,.productButton a.inBuy:hover,.btnBuy a:hover{background-color:#0068c0}
.productButton a.inBuy,.btnBuy a,.productButton a.inCart:hover{background-color:#f47721}
.productButton a.inBuy{margin-left:2%}
.productButton a span{position:relative;z-index:1}
.productWrap .ds_share{margin-bottom:20px}
.productWrap .p-banner{margin-bottom:40px}
.productContent{padding-bottom:40px}
#menuAffix .Affix,.otherProduct .product{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}
.toolTab{background-color:#f5f5f5;padding:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:20px;height:80px}
.otherProduct .product{padding:0;margin:0}
.otherProduct .product:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.otherProduct .product .img{width:50px;height:48px;padding:0;margin-bottom:0;background-color:#FFF}
.otherProduct .product .caption{margin:0 15px;text-align:left;width:calc(100% - 230px)}
.otherProduct .product .tend,.otherProduct .product .price{margin:0}
.otherProduct .product .tend a{font-size:14px;-webkit-line-clamp:1;height:22px}
.otherProduct .product .price{padding-top:5px;height:auto}
.otherProduct .product .price span{display:inline-block}
.otherProduct .product .price .nor{font-size:12px;margin-left:10px}
.otherProduct .btnBuy a{width:145px;line-height:40px}
.boxToolsProduct ~ .boxToolsProduct{margin-top:50px}
/*========MENU FIXED=========*/
#menuAffix{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
#menuAffix.fixed{background-color:#f5f5f5;position:fixed;top:0;left:0;width:100%;z-index:50;padding:10px 0;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1)}
#menuAffix.fixed .Affix{max-width:1170px;margin:auto;padding:0 15px}
#menuAffix ul{padding-left:0}
#menuAffix ul:after{clear:both;content:"";display:block;height:0}
#menuAffix ul li{float:left;display:inline-block;margin-right:10px}
#menuAffix ul li a{display:block;position:relative;overflow:hidden;font-size:16px;height:50px;line-height:50px;font-weight:500;padding:0 20px;background-color:#FFF;text-align:center}
#menuAffix ul li.active a{background-color:#f09028;color:#fff}
.mnfixed_fixed#menuAffix ul li.active a{background-color:#f09028}
/*==========DETAIL PRODUCT==========*/
.boxProduct ~ .boxProduct{padding-top:40px}
.boxProduct .the-content{margin:0}
.productContent .box-content{width:50%;padding-left:20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.mnfixed_fixed .box-content{padding-right:0}
.boxProduct .comment{max-height:1100px;overflow:auto}
.boxProduct .comment iframe{width:100%!important}
/*===========================================================*/
#slideOther .slick-arrow{position:absolute;right:0;top:-68px;background:#e5e5e5;border:none;font-size:0;width:40px;height:40px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:2;color:#999}
#slideOther .slick-prev{margin-right:41px}
#slideOther .slick-arrow:before{font-family:FontAwesome;font-size:20px;line-height:28px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#slideOther .slick-prev:before{content:"\f104"}
#slideOther .slick-next:before{content:"\f105"}
#slideOther .slick-arrow:hover{background:#ee3024;color:#fff}
/*=========================================================*/
.productRelate .title{font-size:15px;line-height:23px;color:#fff;background:#ee3024;border-top-left-radius:5px;border-top-right-radius:5px;padding:11px 15px;font-weight:700}
.productRelate .content{border:solid 1px #ddd;background:#fff}
.productRelate .item{padding:10px;border-bottom:solid 1px #ddd}
.productRelate .item:after{content:"";display:block;clear:both}
.productRelate .item:last-child{border-bottom:none}
.productRelate .item .img{width:70px;height:70px;border:solid 1px #ddd;position:relative;float:left;margin-right:10px}
.productRelate .item .img img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:90%;max-height:90%}
.productRelate .item .caption{overflow:hidden}
.productRelate .item .tend{margin-bottom:5px}
.productRelate .item .tend a{font-size:14px;line-height:22px;font-weight:400;overflow:hidden;max-height:44px}
.productRelate .item .price .red{font-weight:700;color:#ee3024;margin-right:5px}
.productRelate .item .price .nor{font-size:13px;line-height:21px;color:#999}
/*--------CART----------*/
.choose-btn{position:relative;padding-left:24px!important;cursor:pointer;font-weight:500;color:#2a2a2a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:20px}
.choose-btn input{position:absolute;opacity:0;top:0;left:0;cursor:pointer;height:20px}
.checkmark{position:absolute;top:3px;left:0;width:14px;height: 14px;background-color: #e7e7e7;-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.24);
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.24);
box-shadow:inset 0 0 6px rgba(0,0,0,.24);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.choose-btn input[type='radio']~.checkmark{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.choose-btn input~.checkmark:after{content:"";position:absolute;opacity:0;visibility:hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.choose-btn input:checked ~ .checkmark:after{opacity:1;visibility:visible}
.choose-btn input[type='radio']~.checkmark:after{left:3px;top:3px;width:8px;height:8px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#f47721}
.choose-btn input[type='checkbox']~.checkmark:after{left:3px;top:-1px;width:6px;height:10px;border:solid #fff;border-width:0 .1em .1em 0;border-color:#f47721}
.choose-btn input[type='checkbox']:checked ~ .checkmark:after{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.vnt-cart{padding-top:50px}
.boxWrapCart > .title{font-size:25px;line-height:33px;font-weight:700;text-transform:uppercase;margin-bottom:30px}
.style_step{background-color:#f5f5f5;margin-bottom:30px}
.style_step ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:flex-start;text-align:center}
.style_step ul li{width:33.333333%}
.style_step ul li,.style_step ul li a{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-size:14px;color:#333;font-weight:600}
.style_step ul li{padding:15px 10px;line-height:40px}
.style_step ul li .icon{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#333}
.style_step ul li .icon img{max-width:24px;max-height:22px}
.style_step ul li.active .icon{background-color:#0068c0;color:#fff}
.result-cart{padding:0;margin-bottom:20px}
/*.result-cart:before{position:relative;top:3px;display:inline-block;content:'';width:22px;height:20px;margin-right:10px;background:url(../images/shopingcart-icon.svg) 0 center/contain no-repeat;-moz-filter:grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);-webkit-filter:grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);filter:grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8)}*/
.result-cart b{color:#e20010}
.table_cart{margin-bottom:30px}
table.tbl-addtocart{width:100%;background:#fff;border-bottom:1px solid #ededed;margin-bottom:20px}
table.tbl-addtocart tr{border:1px solid #ededed;border-bottom:none}
table.tbl-addtocart tr td{padding:10px 15px}
table.tbl-addtocart thead tr td{background:#f5f5f5;padding:15px;font-size:14px;font-weight:600;text-transform:uppercase}
table.tbl-addtocart thead tr td:first-child{padding-left:105px}
table.tbl-addtocart tfoot tr td{padding:20px 15px}
table.tbl-addtocart tr td .img{width:60px}
table.tbl-addtocart tr td .t-title{font-weight:600;margin-bottom:10px}
table.tbl-addtocart tr td .t-id{font-size:13px;color:#666}
table.tbl-addtocart tr td .t-bold{font-size:18px;line-height:25px;color:#e20010;font-weight:600}
table.tbl-addtocart tr td .red{font-size:18px;line-height:22px;font-weight:700}
table.tbl-addtocart tr td .nor{color:#999;line-height:22px;text-decoration:line-through}
table.tbl-addtocart tr td .t-close{display:block;font-size:12px;color:#999;cursor:pointer}
table.tbl-addtocart tr td .t-close .fa{color:#ff8686}
table.tbl-addtocart tr td .t-close:hover{color:#f60000}
table.tbl-addtocart tr td.calcPrice{background:#f5f5f5;padding:0}
.calcPrice .des{padding:22px 15px;position:relative;float:left;width:100%;max-width:460px;font-size:14px;line-height:35px}
.calcPrice .des b{font-size:16px;color:#e50000}
.calcPrice .des:before{display:inline-block;font-family:"FontAwesome";font-size:16px;line-height:35px;content:'\f2a0';margin-right:10px}
.totalPrice{float:right;padding:22px 15px;line-height:35px}
.totalPrice .p{float:left;font-size:16px;text-transform:uppercase}
.totalPrice .total_price{float:right;text-align:right;font-size:24px;color:#e20010;font-weight:600;padding-left:55px}
.div_button button.btn{height:auto;font-size:14px;line-height:35px;padding:5px 25px;outline:0!important;color:#333;text-transform:uppercase;font-weight:700;background:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;font-weight:bold;width:auto;width:200px;position:relative}
.div_button button.button-back:before{display:inline-block;font-family:"FontAwesome";font-size:14px;line-height:35px;content:'\f100';margin-right:10px}
.div_button button.button-buy{background:#0068c0;color:#FFFFFF}
.div_button button.button-cart{background:#f47721;color:#FFF;margin-left:10px}
.div_button button.btn:hover{background:#f47721;color:#fff}
.div_button button.button-cart:hover{background:#0068c0;color:#fff}
.div_button button.btn span{font-size:inherit;line-height:inherit;color:inherit}
.div_button button.btn.v1 span{padding-left:25px;position:relative}
.div_button button.btn.v1 span:before{font-family:FontAwesome;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.info_general{margin-bottom:30px;background:#fff}
.info_general .bg_color{background:#f5f5f5}
.info_general .info_title{font-size:16px;line-height:20px;padding:14px 15px;border:1px solid #e5e5e5;text-transform:uppercase;font-weight:700}
.info_general .row_info{padding:15px 15px 10px;border:1px solid #e5e5e5;border-top:0}
.info_general .row_info > div{margin-bottom:8px;font-weight:600}
.info_general .row_info .row_left{float:left}
.info_general .row_info .row_right{float:right;font-size:18px}
.info_general .total_price{color:#e20010}
.info_general .color_promotion{color:#ea0101}
.box-form{margin-bottom:10px;padding:15px;border:1px solid #e5e5e5;background:#f0f0f0}
.box-form .box-form-title{font-size:14px;line-height:25px;font-weight:700;margin-bottom:10px}
.box-form .box-form-title a{font-size:13px;font-weight:400;color:#f47721}
.box-form .core{padding-top:10px}
.box-form .box-form-title a:hover{text-decoration:underline}
.box-form .input-group input{height:40px;border:1px solid #e5e5e5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.box-form .input-group .input-group-btn{padding-left:10px}
.box-form .input-group .input-group-btn button{height:40px;background:#0068c0;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-left:0!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:15px;line-height:20px;text-transform:uppercase;color:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.box-form .input-group .input-group-btn button:hover{-webkit-box-shadow:inset 0 0 3px #fff;-moz-box-shadow:inset 0 0 3px #fff;box-shadow:inset 0 0 3px #fff}
.box-form .input-group .input-group-btn button span{font-size:inherit;line-height:inherit;color:inherit}
.box-form .link-login a{display:block;font-size:15px;line-height:20px;padding:9px;border:none;background:#0068c0;font-weight:700;text-transform:uppercase;text-align:center;color:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.box-form .link-login a:hover{-webkit-box-shadow:inset 0 0 3px #fff;-moz-box-shadow:inset 0 0 3px #fff;box-shadow:inset 0 0 3px #fff}
.box-form .text{margin-top:3px}
.box-form .linkNotRegis{display:block;text-align:center;font-weight:700;background:#0068c0;padding:9px 10px;text-transform:uppercase;color:#fff;border-radius:5px}
.box-form .linkNotRegis:hover{background:#f47721}
.info_general .table_info table tr{border:1px solid #e5e5e5;border-top:none}
.info_general .table_info table tr td{padding:10px;text-align:center;font-size:14px;line-height:20px;font-weight:600}
.info_general .table_info table tr td:last-child{text-align:right;white-space:nowrap}
.info_general .table_info table tr td .img{width:60px;height:60px;text-align:center}
.info_general .table_info table tr td .img img{max-height:100%}
.info_general .table_info table{width:100%}
.info_general .table_info table thead tr td{text-align:left}
.info_general .table_info table thead tr td:nth-child(2){text-align:center}
.info_general .table_info table tbody tr td:first-child{padding-right:0;width:70px}
.info_general .table_info table tbody tr td:nth-child(2){text-align:left}
.info_general .table_info table tbody tr td .t-id{color:#666;font-size:13px;line-height:22px}
.info_general .info_content{border:1px solid #e5e5e5;border-top:0}
.wrap_box_login{padding:30px 20px 20px}
.wrap_box_login.border-bottom{border-bottom:1px solid #e5e5e5}
.box_login{max-width:570px;margin:0 auto}
.soc .box_login{max-width:620px}
.box_login.rowLeft_200{max-width:600px;padding-top:20px}
.box_login .row_input{margin-bottom:10px}
.box_login .row_input:last-child{margin-bottom:0}
.box_login .ad_content .row_input:last-child{margin-bottom:10px}
.box_login .row_input .row_left{width:170px;padding-right:15px;float:left;text-align:right}
.box_login.rowLeft_200 .row_input .row_left{width:220px}
.box_login .row_input .row_left label{margin-top:8px;line-height:25px;font-weight:600}
.box_login .row_input .row_left label span{color:red}
.box_login .row_input .row_right{padding-left:175px}
.box_login.rowLeft_200 .row_input .row_right{padding-left:220px}
.box_login .row_input .form-control{height:40px;border-radius:0;border:1px solid #ddd;box-shadow:none}
.box_login .row_input textarea.form-control{height:120px;resize:none}
.box_login .row_input .form-control:focus{border-color:silver;outline:0}
.box_login button.btn{width:100%;height:auto;font-size:14px;line-height:25px;padding:10px 15px;min-width:170px;font-weight:700;outline:0!important;text-transform:uppercase;background:#f47721;border:none;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.box_login button.btn.button{background:#eee;border-color:#eee;color:#333}
.box_login button.btn:hover{border-color:#0068c0;background:#0068c0;color:#fff}
.box_login button.btn span{font-size:inherit;line-height:inherit;color:inherit}
.box_login .div_right{text-align:right}
.address_delivery{margin-top:30px}
.check_login_cart{padding-bottom:10px}
.check_login_cart ul li{margin-bottom:8px}
.check_login_cart ul li label{margin:0;font-weight:400}
.show_login_id{position:relative}
.show_login_id > div{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.show_login_id > div.active{position:relative;opacity:1;visibility:visible}
.margin_left{margin-left:150px}
.loginSocial .row_input{width:190px;float:left;margin-right:10px;padding-top:10px}
.loginSocial .login_social{overflow:hidden}
.login_social > div{margin-bottom:10px}
.login_social > div.div_or{vertical-align:middle;margin:0 10px}
.login_social .link_login{display:inline-block;margin-right:10px}
ul.method li{margin-bottom:5px;text-align:justify}
ul.method li label{margin:5px 0}
ul.method li .padding-left{padding-left:20px;font-size:14px;line-height:22px}
ul.method li .color_bold{font-weight:700;color:#149c45}
ul.method li .color_red{color:#eb3131}
.infomed_title,.box_login .ad_title{font-size:15px;line-height:20px;padding:15px 20px;background:#f5f5f5;margin-bottom:10px;position:relative}
.infomed_title{font-weight:700}
.box_login .ad_title{cursor:pointer;padding:15px 50px}
.box_login .ad_title:before{position:absolute;top:50%;right:10px;font-family:FontAwesome;font-size:20px;line-height:30px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.box_login .ad_title:after{position:absolute;width:20px;height:20px;background:#fff;border:1px solid #666;top:50%;left:20px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);content:'';text-align:center;font-size:10px;line-height:18px;font-family:FontAwesome;color:red}
.box_login .active .ad_title:after{content:'\f00c'}
.box_login .ad_content{display:none}
.info_payment_center li{padding-bottom:8px;margin-top:10px;clear:both}
.info_payment_center li:not(:last-child){border-bottom:1px dotted #ddd}
.info_payment_center p{padding:0;margin:3px 0}
.payment-thumb{margin-bottom:10px;text-align:center}
.info_general table.tbl-addtocart{margin-top:20px}
.info_general table.tbl-addtocart .fl_mr{float:left;margin-right:10px}
.info_general .wraspMethod{padding:10px 20px}
.info_general .wraspMethod .radio{margin-bottom:15px}
.info_general .wraspMethod .radio label{font-weight:700}
.info_order{background-color:#FFFFFF}
.info_order.fixed{position:fixed;top:60px;right:calc((100% - 1170px)/2);width:calc((41.66666667*1200px)/100 - 30px);z-index:20}
.table_info{max-width:100%;overflow:auto}
.table_info table{width:100%;border-collapse:collapse}
.table_info .t-title{font-size:13px}
.table_info .t-id{font-size:12px!important}
.sex-item{display:inline-block;line-height:25px;margin-right:10px;margin-top:5px;margin-bottom:0;font-weight:500}
.sex-item input{position:relative;margin-right:3px;top:2px}
.info_finish{margin-bottom:15px}
.info_finish .if_title{font-size:16px;line-height:25px;padding-bottom:10px;margin-bottom:15px;text-transform:uppercase;font-weight:700;color:#00a650;position:relative}
.info_finish .if_title:before{position:absolute;bottom:0;left:0;content:'';width:60px;height:3px;background:#00a650}
.info_finish .if_content .if_row{padding:8px 0;border-bottom:1px solid #eee}
.info_finish .if_content .if_row:last-child{border-bottom:0}
.info_finish .if_content .if_row .if_row_left{float:left;width:200px;padding-right:15px;font-weight:700}
.info_finish .if_content .if_row .if_row_right{padding-left:200px}
.box_success{background-color:#f5f5f5;min-height:400px;padding:40px}
.box_success .box_content{max-width:620px;margin:0 auto}
.box_success .img{margin-bottom:30px}
.box_success .s_title{font-size:40px;line-height:50px;font-weight:600;margin-bottom:10px;text-transform:uppercase}
.box_success .text1{font-size:16px;line-height:25px;margin-bottom:15px}
.box_success .t1{font-size:18px;line-height:25px;font-weight:700;text-transform:uppercase}
.box_success .block.block1 span{color:#0068c0}
.box_success .block{max-width:370px;margin:auto}
.box_success .block2{margin-bottom:10px;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.box_success .block.block1{padding:10px 20px;background:#fff;border:solid 1px #0068c0}
.box_success .block.block2{font-size:16px;line-height:24px;padding:15px;color:#fff;background:#0068c0}
.box_success .block.block2 .id{font-size:40px;line-height:50px}
.box_success .text2{font-size:14px;line-height:24px}
.box_success .color_bold{color:#F00}
.stepfinish{padding:20px}
.boxFinish{margin-bottom:40px}
.boxFinish .tit{font-size:16px;line-height:24px;font-weight:700;text-transform:uppercase;padding-bottom:15px;margin-bottom:15px;position:relative;color:#0068c0}
.boxFinish .tit:before{content:"";position:absolute;left:0;bottom:0;width:60px;border-bottom:solid 3px #0068c0}
.stepfinish ul li{padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #eee}
.stepfinish ul li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
.stepfinish .att{width:215px;float:left;font-weight:700}
.stepfinish .ats{overflow:hidden;padding-left:15px}
.box_success .buttons{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:15px}
.box_success .buttons span{position:relative;z-index:1;padding-left:20px}
.box_success .buttons .button-web:before,.box_success .buttons .button-web span:after{display:none}
.box_success .buttons .button-web{width:calc(50% - 5px);min-width:auto;padding:0 10px;text-transform:none;background-color:#FFF;border:1px solid #0068c0;color:#0068c0}
.box_success .buttons .button-web span:before{position:absolute;top:50%;left:0;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-family:FontAwesome;font-size:14px}
.box_success .buttons .btn-order span:before{content:'\f15c';color:#0068c0}
.box_success .buttons .btn-back span:before{content:'\f01e';color:#FFFFFFF}
.box_success .buttons .button-web:hover{background-color:#0068c0;border-color:#0068c0;color:#FFF}
.box_success .buttons .button-web:hover span:before{color:#FFF}
/*-----ACCOUNT------*/
.boxAccount{padding:35px 60px;background:#f6f6f6}
.boxAccount .form-acc{width:100%;max-width:490px;margin:auto}
.boxAccount label{font-weight:500;min-height:22px;display:block}
.boxAccount label span{color:#ee3024}
.boxAccount input[type="text"],.boxAccount input[type="password"],.boxAccount select{width:100%;height:45px;padding-left:10px;border:solid 1px #ddd}
.boxAccount .grid{margin:0 -5px}
.boxAccount .grid:after{content:"";display:block;clear:both}
.boxAccount .grid .col{width:33.333333%;float:left;padding:0 5px;margin-bottom:10px}
.boxAccount .checkbox label{font-weight:400}
.boxAccount .checkbox label a{font-weight:700;text-decoration:underline}
.boxAccount .txtAttend{font-style:italic}
.boxAccount .txtAttend span{color:#ee3024}
.boxAccount button{width:305px;height:45px;background:#f47721;text-transform:uppercase;color:#fff;border-radius:5px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;border:none}
.boxAccount button:hover{background:#f47721}
.boxAccount .txtSocial{margin-bottom:10px}
.boxAccount .linkSocial a{display:inline-block}
/*=================BEGIN MENU TAB==================*/
.menuTab-acc ul li{display:inline-block;margin-bottom:30px}
.menuTab-acc ul li a{display:block;font-size:16px;line-height:40px;font-weight:400;text-transform:uppercase}
.menuTab-acc ul li a:before{display:inline-block;position:relative;top:3px;font-family:FontAwesome;font-size:30px;color:#ccc;margin-right:10px}
.menuTab-acc ul li.login a:before{content:'\f090'}
.menuTab-acc ul li.register a:before{content:'\f2c0'}
.menuTab-acc ul li.info-acc a:before{content:'\f2b9'}
.menuTab-acc ul li.change-pass a:before{content:'\f023'}
.menuTab-acc ul li.order a:before{content:'\f073'}
.menuTab-acc ul li.core a:before{content:'\f1c0'}
.menuTab-acc ul li:hover a,.menuTab-acc ul li.current a,.menuTab-acc ul li:hover a:before,.menuTab-acc ul li.current a:before{color:#f47721}
.boxAccount .col-input{position:relative}
.boxAccount .col-input:before{position:absolute;top:50%;left:10px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-family:FontAwesome;color:#999}
.boxAccount .col-input input{padding-left:30px}
/*==========MEMBER===========*/
.boxMember{padding:22px;background:#f6f6f6}
.boxMember .boxWrap{max-width:1000px;margin:0 auto}
.boxMember label{font-weight:600}
.boxMember label span{color:#ee3024}
.boxMember input[type="text"],.boxMember input[type="password"],.boxMember select{width:100%;height:45px;padding-left:10px;border:solid 1px #ddd}
.boxMember .grid{margin:0 -5px}
.boxMember .grid:after{content:"";display:block;clear:both}
.boxMember .grid .col{width:33.333333%;float:left;padding:0 5px;margin-bottom:13px}
.boxMember .grid.v1 .col{width:100%}
.boxMember .checkbox label{font-weight:400}
.boxMember .checkbox label a{font-weight:700;text-decoration:underline}
.boxMember .txtAttend{font-style:italic}
.boxMember .txtAttend span{color:#ee3024}
.boxMember button{width:100%;height:45px;background:#0068c0;text-transform:uppercase;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;border:none}
.boxMember button:hover{background:#2461c8}
.boxMember .txtSocial{margin-bottom:10px}
.boxMember .linkSocial a{display:inline-block;margin-bottom:10px}
.boxMember .changeAvatar{width:100%;max-width:170px;margin-bottom:15px}
.file-upload{position:absolute;top:0;left:0;opacity:0}
.boxMember .changeAvatar .img{position:relative;padding-top:100%;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-bottom:15px}
.boxMember .changeAvatar .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.boxMember .changeAvatar .upload-button{display:block;background:#666;color:#fff;text-transform:uppercase;text-align:center;padding:9px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}
.boxMember .changeAvatar .upload-button:hover{background:#0068c0}
.boxMember .wrapMax{max-width:370px;margin:0 auto}
/*==========BILL===========*/
.formSearch{margin-bottom:25px}
.formSearch .gridS{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}
.formSearch .col:first-child,.formSearch .col:last-child{width:130px}
.formSearch .col:nth-child(2){width:125px}
.formSearch .col:first-child(3){width:230px}
.formSearch .col:not(:last-child){margin-right:10px}
.formSearch .chosen-container-single .chosen-single{width:100%;height:40px;border:solid 1px #d6d6d6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;color:#666;padding-left:10px}
.formSearch .chosen-container .chosen-drop{border-color:#d6d6d6}
.formSearch .date{width:100%;height:40px;color:#666;border:solid 1px #d6d6d6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;margin-right:10px;padding-left:10px}
.formSearch .date input{border:none;padding:0;height:38px;-webkit-box-shadow:none;box-shadow:none}
.formSearch .input-group-addon:last-child{border:none;background:none}
.formSearch input.idorder{width:100%;height:40px;border:solid 1px #d6d6d6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;color:#666;margin-right:10px;padding-left:10px}
.formSearch button{width:100%;height:40px;background:#0068c0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;font-weight:600;border:none;padding:8px 10px;position:relative;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.formSearch button span{position:relative}
.formSearch button span:before{font-family:FontAwesome;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;line-height:26px}
.tableManager{width:100%;margin-bottom:15px;background:#fff;border:solid 1px rgba(0,0,0,0.1)}
.tableManager thead tr th{padding:11px 20px;background:#0068c0;text-transform:uppercase;font-weight:700;color:#fff}
.tableManager tbody tr td{padding:10px 20px;border-bottom:solid 1px rgba(0,0,0,0.1);font-size:14px;line-height:30px}
.tableManager .code{font-weight:700}
.tableManager .red{color:#ee3024;float:left}
.tableManager .blue{color:#0084cb}
.tableManager .green{color:#009840}
.tableManager .orange{color:#f47721}
.tableManager button{float:right;text-transform:uppercase;background:#888;color:#fff;border:none;width:50px!important;height:30px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;padding:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.tableManager button:hover{background:#0068c0}
.boxManagerTitle{padding:15px 20px;text-align:center;background:#f5f5f5;margin-bottom:25px}
.boxManagerTitle .code{font-size:25px;line-height:35px}
.boxManagerTitle .code span{color:#fe0000}
.boxManagerTitle .txt{font-size:15px;line-height:28px}
/*================================INFO CONTACT===========================*/
.info-contact{position:relative;padding:20px;background-color:#f5f5f5}
.info-contact ~ .info-contact{margin-top:30px}
.nameContact{font-size:32px;line-height:40px;color:#0068c0;font-weight:600;text-transform:uppercase;margin-bottom:10px}
.info-contact .img{float:left;width:170px;padding:20px;margin-right:20px;background-color:#FFF;-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow:3px 3px 0 rgba(0,0,0,0.1);box-shadow:3px 3px 0 rgba(0,0,0,0.1)}
.info-contact .name{font-size:18px;line-height:28px;font-weight:400;text-transform:uppercase;margin-bottom:10px}
.info-contact ul{margin-bottom:15px}
.info-contact ul li{padding-left:25px;position:relative;margin-bottom:5px}
.info-contact ul li:before{font-family:FontAwesome;position:absolute;left:0;top:0;color:#999}
.info-contact ul li:after{position:absolute;left:23px;top:0}
.info-contact .view-map-contact a{background:#FFFFFF;font-size:13px;line-height:22px;text-transform:uppercase;padding:8px 23px;display:inline-block;position:relative;border-radius:5px;overflow:hidden}
.info-contact .view-map-contact a:before{content:"";position:absolute;left:0;right:100%;top:0;bottom:0;background:#0068c0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.info-contact .view-map-contact a:hover:before{right:0}
.info-contact .view-map-contact a span{padding-right:40px;position:relative}
.info-contact .view-map-contact a span:before{content:"\f041";font-size:16px;line-height:24px;font-family:FontAwesome;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.info-contact .view-map-contact a:hover{color:#fff}
.info-contact .over{overflow:hidden}
.map-contact{position:relative;z-index:11;margin-bottom:-68px}
/*=================================FORM CONTACT===================================*/
.form-contact{padding:40px 0}
.form-contact .textContact{font-size:16px;line-height:25px;margin-bottom:20px}
.form-contact .textContact p{padding:0}
.form-contact .textContact b{color:#0068c0}
.form-contact label{display:block;font-size:15px;font-weight:400;line-height:25px}
.form-contact input,.form-contact textarea,.form-contact select{width:100%;border:solid 1px #eee;background:#f5f5f5;height:45px}
.form-contact textarea{height:164px;resize:none;padding-top:7px}
.form-contact .faForm{position:relative}
.form-contact .faForm:before{font-family:FontAwesome;position:absolute;left:10px;top:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#bbbcbf}
.form-contact button{min-width:150px;height:45px;background-color:#0068c0;color:#FFF;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-transform:uppercase;padding:8px 15px;font-size:16px;line-height:23px}
.form-contact button span{position:relative;z-index:1;padding-left:25px}
.form-contact button span:after{position:absolute;left:0;top:0;font-family:FontAwesome;content:'\f1d8';font-size:16px;color:#FFF}
.form-contact button:hover{background-color:#f47721}
/*==========================================================================*/
.call-zalo{display:block;width:50px;height:49px;background:url(../images/zalo-icon1.png) 0 0 no-repeat;cursor:pointer;position:fixed;right:5px;bottom:10px;z-index:50}
.chat-mess{display:block;width:48px;height:49px;background:url(../images/mess-icon.png) 0 0 no-repeat;cursor:pointer;position:fixed;right:55px;bottom:10px;z-index:50}
/*============================RESPONSIVE====================================*/
/*==========================================================================*/
@media all and (min-width: 420px) {
.div_button button.button-cart.v2{min-width:370px}
.payment-thumb{float:left;width:100px;height:100px;display:inline-block;margin-right:15px}
.payment-detail{overflow:hidden}
}
@media all and (min-width: 641px) {
.sl-gen .slick-prev{right:50px}
.sl-gen .slick-next{right:0}
.sl-logos .slick-arrow{top:32%}
}
@media all and (min-width: 992px) {
.icon_drop{display:none}
.accountTop:hover .popup{opacity:1;visibility:visible}
.accountTop:hover:before{position:absolute;right:50%;top:40px;content:'';width:0;height:0;border-style:solid;border-width:0 6px 8px;border-color:transparent transparent #ddd}
#vnt-header.fixed .cartTop{position:fixed;top:0;right:0;z-index:50;cursor:pointer;width:50px;height:50px;padding:0;margin:0;z-index:50}
#vnt-header.fixed .cartTop .icon:before{width:50px;height:50px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:#f47721}
#vnt-header.fixed .cartTop .popup.cartpanel{right:50px;top:0}
#vnt-header.fixed .cartTop .txt,#vnt-header.fixed .cartTop .sl span{display:none}
#vnt-header.fixed .cartTop .sl{width:18px;height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#0068c0;font-size:10px;line-height:18px;text-align:center;position:absolute;top:3px;right:3px;color:#FFF;z-index:101}
.headerMenuWrap{min-height:50px}
#vnt-header.fixed{display:block!important}
#vnt-header.fixed .headerMenu{position:fixed;top:0;left:0;right:0;z-index:40;-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 8px rgba(0,0,0,0.2);box-shadow:0 1px 8px rgba(0,0,0,0.2)}
.headerMenu{background:#03569c}
.menuNav ul:after{content:"";display:block;clear:both}
.menuNav > ul > li{float:left;display:inline-block;max-width:calc(100%/8)}
.menuNav ul li a{display:block;position:relative;line-height:22px;font-weight:500}
.menuNav > ul > li > a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;height:50px;padding:5px 10px;line-height:20px;border-left:1px solid #b8d0e4;border-right:1px solid #034073;color:#FFFFFF}
.menuNav > ul > li:first-child > a{border-left:none}
.menuNav > ul > li:last-child > a{border-right:none}
.menuNav ul ul{position:absolute;left:-9999px;top:60px;min-width:200px;display:inherit;padding:0;background-color:#fff;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.4);box-shadow:1px 1px 3px rgba(0,0,0,0.4);opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,top .25s ease;-moz-transition:opacity .3s ease,top .25s ease;-ms-transition:opacity .3s ease,top .25s ease;-o-transition:opacity .3s ease,top .25s ease;transition:opacity .3s ease,top .25s ease;z-index:999;text-align:left}
.menuNav li:hover > ul{opacity:1;visibility:visible;left:0;top:100%}
.menuNav li li:hover > ul{left:100%;top:0}
.menuNav > ul > li:last-child:hover > ul,.menuNav > ul > li:nth-last-child(2):hover > ul{left:auto;right:0}
.menuNav ul ul li{display:block}
.menuNav ul ul li.has-sub a{padding-right:25px}
.menuNav ul ul li.has-sub::after{position:absolute;font-family:FontAwesome;font-weight:400;content:'\f105';right:10px;top:6px;color:#f47721}
.menuNav ul ul li a{padding:7px 15px;font-weight:400;white-space:nowrap}
.menuNav ul li.current > a,.menuNav ul li:hover > a{background-color:#0068c0!important;color:#FFF}
.menuNav ul ul li.has-sub:hover:after{color:#FFF}
.menuNav ul ul li:not(:last-child) a{border-bottom: 1px solid rgba(0,0,0,.05)}
.vnt-about .grid{margin:0 -15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.vnt-about .grid .col{padding:0 15px}
.vnt-about .grid .col:first-child{padding-right:50px}
.vnt-about .grid .col:last-child{width:630px}
.vnt-about .grid .col:first-child{width:calc(100% - 630px)}
.menuProduct > ul > li.active > a:before,.menuProduct > ul > li.has-sub > a:before{font-family:FontAwesome;font-size:12px;content:"\f054";position:absolute;right:0;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#0068c0}
.menuProduct ul ul{position:absolute;left:-9999px;top:40px;min-width:200px;padding:5px 15px;display:inherit;white-space:nowrap;background-color:#fff;-moz-box-shadow:2px 2px 5px #ccc;-webkit-box-shadow:2px 2px 5px #ccc;box-shadow:2px 2px 5px #ccc;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,top .25s ease;-moz-transition:opacity .3s ease,top .25s ease;-ms-transition:opacity .3s ease,top .25s ease;-o-transition:opacity .3s ease,top .25s ease;transition:opacity .3s ease,top .25s ease;z-index:999;text-align:left}
.menuProduct li:hover>ul{opacity:1;visibility:visible;left:100%;top:0}
/*=================BEGIN MENU TAB==================*/
.menuTab{margin-bottom:30px}
.menuTab ul li{float:left;display:inline-block}
.menuTab ul li ~ li{margin-left:10px}
.menuTab ul li a{display:block;background:#f5f5f5;padding:9px 20px;-moz-border-radius:5px;border-radius:5px;margin-bottom:15px}
.menuTab ul li a:hover,.menuTab ul li.current a{background:#0068c0;color:#fff}
.menuTab-acc{text-align:center}
.menuTab-acc ul li ~ li{margin-left:60px}
/*=================END MENU TAB====================*/
.boxProduct .boxTitle .title{font-size:22px;line-height:24px}
.style_step ul li .icon{margin-right:10px}
table.tbl-addtocart tr td:nth-child(2) ~ td{width:15%}
.box_success .grid{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;flex-direction:row-reverse}
.box_success .col1{width:67.289719%;flex-shrink:0}
.box_success .col2{width:32.710291%;padding-right:70px}
.view-map-contact{position:absolute;top:20px;right:20px}
.bot-form{text-align:center}
.support .col{width:22%}
.support .col:nth-child(3){width:34%}
.support .item:hover .icon{background-color:rgba(255,255,255,.2)}
.support .item:hover .hi-icon:after,#policy .item:hover .hi-icon:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.info-contact .over{padding-right:200px}
}
@media all and (min-width: 1150px) {
.sl-logos .slick-prev{left:-70px;right:auto}
.sl-logos .slick-next{right:-70px}
}
@media screen and (min-width: 1441px) {
.prods-home [class^='col-']{width:20%}
.prods-home [class^='col-']:nth-child(n+11){display:none}
}
@media screen and (max-width: 1440px) {
.wrapper,#menuAffix.fixed .Affix{max-width:1000px}
.logo{width:250px}
.searchTool{width:320px}
.vnt-product .grid .col{width:33.333333%}
.box_login.rowLeft_200 .row_input .row_left{width:180px}
.box_login.rowLeft_200 .row_input .row_right{padding-left:180px}
.info_order.fixed{width:calc((41.66666667*1000px)/100 - 30px);right:calc((100% - 970px)/2)}
}
@media all and (max-width: 1199px) {
.searchTop input{width:380px}
.vnt-product .grid.v2 .col{width:25%}
.mainFoot{padding:30px 0 1px}
}
@media all and (max-width: 1149px) {
.sl-logos .slick-prev{left:-15px;right:auto}
.sl-logos .slick-next{right:-15px}
}
@media all and (max-width: 991px) {
#vnt-header{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3)}
.ovh .overlay{position:fixed;top:0;left:0;right:0;bottom:0;content:'';background-color:rgba(0,0,0,.8);z-index:48}
.mainHead{padding-bottom:25px}
.headerMenu .wrapper{padding:0}
.searchTopWrap{padding-bottom:15px}
.searchTop{padding-right:0;margin-bottom:0}
.searchTop input{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:-o-calc(100% - 40px);width:calc(100% - 40px);border-left:none;padding-left:0;margin-left:0}
.header-tools{padding-top:10px}
.accountTop,.cartTop{width:auto;margin:0;margin-right:10px}
.accountTop .icon .t1,.accountTop .icon .t2,.cartTop .txt,.cartTop .sl span{display:none}
.accountTop.active:before{top:23px}
.accountTop .popup{top:30px;left:auto;right:-70px}
.cartTop .sl{width:18px;height:18px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#f47721;font-size:10px;line-height:18px;text-align:center;position:absolute;top:-21px;right:3px;color:#FFF;z-index:101}
.popup.cartpanel{top:30px}
.wrapCont{padding-bottom:40px}
.vnt-main-top{padding-top:10px;margin-bottom:30px}
.mainFoot{background-attachment:inherit}
.botFoot{padding-bottom:80px}
.boxTitle .title{font-size:22px;line-height:24px}
.botFoot .wrapper{display:block}
.addressFoot{margin-bottom:20px}
.cart-popup{position:fixed;top:0;left:0;right:auto;bottom:0}
.cart-popup .popup.cartpanel{right:auto;left:0;bottom:0;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.cart-popup.active .popup.cartpanel{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.cartpanel .cart-list{height:calc(100% - 130px);max-height:inherit}
.menu_mobile{position:relative;overflow:hidden}
.menu_mobile .icon_menu{position:relative;width:38px;height:38px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding-top:32px;text-align:center;font-size:12px;line-height:12px;text-transform:uppercase;background-color:#0068c0;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.menu_mobile .icon_menu:before{content:"";position:absolute;display:block;top:50%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:20px;height:2px;background:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.menu_mobile .icon_menu .style_icon:before,.menu_mobile .icon_menu .style_icon:after{content:"";position:absolute;display:block;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:20px;height:2px;background:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.menu_mobile .icon_menu .style_icon:before{top:12px}
.menu_mobile .icon_menu .style_icon:after{top:26px}
.menu_mobile:hover .icon_menu:not(.icon_close) .style_icon:before,.menu_mobile:hover .icon_menu:not(.icon_close) .style_icon:after{width:12px}
.menu_mobile .icon_menu.icon_close{position:fixed;top:5px;right:5px;z-index:5000;background:none}
.menu_mobile .icon_menu.icon_close:before{display:none}
.menu_mobile .icon_menu.icon_close .style_icon:before,.menu_mobile .icon_menu.icon_close .style_icon:after{background:#222;top:50%;left:0;width:30px}
.menu_mobile .icon_menu.icon_close span::before{-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);top:0}
.menu_mobile .icon_menu.icon_close span::after{-moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform::rotate(-45deg);bottom:0}
.menuNav{background-color:#fff;position:fixed;top:0;right:0;height:100%;min-height:100%;width:100%;max-width:320px;z-index:1000;overflow:hidden;overflow-y:auto;padding:50px 0 15px;-ms-transition:-ms-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);text-align:left}
.menuNav.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.menuNav li{display:block}
.menuNav a{display:block;font-size:17px;text-decoration:none;outline:none;padding:14px 50px 14px 15px!important;border-bottom:1px solid #efefef}
.menuNav>ul>li:first-child>a{border-top:1px solid #efefef}
.menuNav li.active>a{color:#FF5A00}
.menuNav > ul > li:first-child img{display:none}
.menuNav ul ul{display:none;position:relative;background-color:transparent}
.menuNav ul ul a{padding-left:30px!important}
.menuNav ul ul ul a{padding-left:45px!important}
.menuNav ul ul.active{max-height:100vh;opacity:1;visibility:visible;pointer-events:auto}
.icon_drop{position:absolute;top:0;right:0;width:50px;height:50px;border:none;border-left:solid 1px rgba(0,0,0,0.1);background:none;cursor:pointer;font-size:26px;line-height:34px;color:#666}
.icon_drop:before{content:"\f107";font-family:fontAwesome;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
li.has-sub.active>.icon_drop:before{content:"\f106";color:#FF5A00}    
.boxHome .grid .col1{display:none}
.boxHome .grid .col2{width:100%}
.boxHome{margin-bottom:25px}
.boxTitle{margin-bottom:20px}
.boxNews{padding:30px 0}
.boxNews .row,.bannerHome .slick-list{margin-left:-10px;margin-right:-10px}
.boxNews .row [class^="col-"],.bannerHome .item{padding-left:10px;padding-right:10px}
.boxNews .news-item{margin-bottom:20px}
.vnt-news .row{margin-left:-10px;margin-right:-10px}
.vnt-news .row [class^="col-"]{padding-left:10px;padding-right:10px}
.vnt-news .news-item{margin-bottom:20px}
.boxNews,.list-news .news-item{margin-bottom:30px}
.boxNews{padding-bottom:20px}
.hotNews .tend{font-size:20px;line-height:28px}
.boxHome.vnt-about{padding:40px 0 50px}
.vnt-about .link{padding-top:0;padding-bottom:30px}
.vnt-about .grid{display:block}
.vnt-about .name-company .txt{font-size:30px;line-height:35px;margin-bottom:20px}
.vnt-about .the-content{padding-top:30px}
.boxMenu .title{font-size:17px;color:#000;cursor:pointer;padding:0 15px;height:50px;line-height:50px;border:solid 1px #e2e2e2}
.boxMenu .title:before{float:right;display:inline-block;font-family:FontAwesome;content:'\f107';font-size:20px;color:#0068c0}
.boxMenu .content{display:none!important;margin:0;border:solid 1px #e2e2e2;border-top:none}
.boxMenu.active .content{display:block!important}
.menuProd li a{padding:14px 15px!important}
.menuProd li li a{padding-left:25px!important}
.menuProd li li li a{padding-left:35px!important}
.menuProd > ul > li > ul > li > a{font-weight:600;color:#111}
.menuProd .icon_drop{border:none;background-color:rgba(255,255,255,.9)}
.menuProd ul ul{display:none;position:relative;background-color:#FFFFFF;padding:0;border-bottom:1px solid rgba(0,0,0,.05)}
.boxFilter{background-color:#fff;position:fixed;top:0;right:0;height:100%;min-height:100%;width:100%;max-width:280px;z-index:1000;overflow:hidden;overflow-y:auto;padding:10px;-ms-transition:-ms-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);text-align:left;border-left:1px solid rgba(0,0,0,.05)}
.boxFilter.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.link-filter i,.link-filter.fixed span,.link-filter.active span{display:none}
.link-filter.fixed,.link-filter.active{background:#f47721;color:#FFF;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;border:1px solid rgba(0,0,0,.05);-moz-box-shadow:-1px 0 8px rgba(0,0,0,.175);-webkit-box-shadow:-1px 0 8px rgba(0,0,0,.175);box-shadow:-1px 0 8px rgba(0,0,0,.175);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;width:20px;height:100px;position:fixed;top:50%;right:-1px;margin-top:-50px;z-index:50;margin-bottom:0;cursor:pointer;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;text-align:center}
.link-filter.fixed i,.link-filter.active i{display:inline-block;width:12px}
.link-filter.active{right:279px}
.link-filter.active i:before{content:"\e080"}
.filter{padding-bottom:0;border-bottom:none;margin-bottom:10px}
.filter .title{background:#f5f5f5;cursor:pointer}
.productThumbnail,.productFacebook{margin-bottom:30px}
.productTitleWrap{margin-bottom:20px}
.productInBrand{padding:15px}
#vnt-thumbnail-for .img{padding-top:60%}
.menuTab .content li,.menuTab-acc ul li{float:none;display:block;margin:0}
.menuTab .content ul li a{display:block;padding:8px 15px}
.menuTab .content ul li ~ li a{border-top:solid 1px #eee}
.menuTab .content ul li li a{padding-left:25px;font-size:13px}
.menuTab .content ul li li li a{padding-left:40px;color:#999}
.menuTab-acc{margin-bottom:30px}
.menuTab-acc .content{padding:10px 15px}
.menuTab-acc ul li ~ li{border-top:1px solid rgba(0,0,0,.05)}
.menuTab-acc ul li a{text-transform:none}
.menuTab-acc ul li a:before{width:30px;text-align:center}
.support .icon i{font-size:20px}
.support .caption{width:calc(100% - 49px);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center}
.support h5{white-space:nowrap;padding-right:10px}
.support h5:after{content:':';padding-left:3px}
.socialFoot ul li{float:none;display:inline-block}
.nameContact{font-size:24px;line-height:31px}
.form-contact .textContact{font-size:15px}
.form-contact form{width:100%}
.form-contact .colRight{float:none;width:100%}
.liter{display:block}
.col-right{text-align:left}
.map-contact{padding:0}
.vnt-cart{padding-top:30px}
.style_step{margin-bottom:25px;margin-top:0}
.style_step ul li,.style_step ul li a{flex-direction:column}
.info_general{margin-bottom:20px}
.wrap_box_login{padding:20px 20px 15px}
.info_order{margin-bottom:40px;position:relative!important;top:auto!important;width:100%!important;right:auto!important}
.boxMember{padding:15px}
.boxMember .changeAvatar{margin:0 auto;margin-bottom:15px}
.tableManager thead{display:none}
.tableManager tbody tr{display:block;padding:10px;padding-left:135px;border-bottom:solid 1px rgba(0,0,0,0.1);position:relative}
.tableManager tbody tr td{display:block;padding:0;border-bottom:none;margin-bottom:10px;position:relative;font-size:13px;line-height:24px}
.tableManager tbody tr td:before{content:attr(data-cont);position:absolute;left:-136px;top:0;width:110px;font-size:13px;line-height:22px;text-align:right;color:#333}
.tableManager tbody tr td:after{content:':';position:absolute;left:-12px;top:0;width:10px;font-size:13px;line-height:22px;text-align:center;color:#333}
.tableManager .code,.tableManager .code a{color:#0068c0;font-size:15px}
.tableManager .red,.tableManager button{float:none;display:inline-block}
.tableManager button{position:absolute;left:100px;bottom:0}
.box_success{padding:30px 25px}
.box-form:last-child{margin-bottom:30px}
.box_success .s_title{font-size:30px;line-height:34px}
.box_success .text2{font-size:15px;line-height:24px}
.box_success .img{margin-bottom:20px}
.boxAccount{padding:20px 15px}
#policy .col:nth-child(2) ~ .col{margin-top:20px}
.boxProduct .comment{max-height:500px}
}
@media all and (min-width: 769px) {
table.tbl-addtocart tr td:last-child{border-right:1px solid #ededed}
.totalPrice .total_price{padding-right:50px}
}
@media all and (max-width: 768px) {
.boxNews .row{margin-left:-5px;margin-right:-5px}
.boxNews .row [class^="col-"]{padding-left:5px;padding-right:5px}    
.vnt-news .row{margin-left:-5px;margin-right:-5px}
.vnt-news .row [class^="col-"]{padding-left:5px;padding-right:5px}
#vnt-thumbnail-for .img{padding-top:80%}
#slideOther .slick-list{margin:0 -10px}
#slideOther .item{padding:0 10px}
#slideOther{padding-bottom:55px}
#slideOther .slick-arrow{bottom:0;top:initial;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
#slideOther .slick-prev{margin-left:-25px}
#slideOther .slick-next{margin-left:25px}    
.style_step ul li{line-height:20px}
.style_step ul li .txt{padding-top:10px}
.result-cart{margin-bottom:0;padding:10px 15px;background-color:#f5f5f5;border:1px solid #ededed;border-bottom:none}
table.tbl-addtocart thead tr td,table.tbl-addtocart thead tr{display:block}
table.tbl-addtocart thead,table.tbl-addtocart tr td .t-close span,.calcPrice .des{display:none}
table.tbl-addtocart tbody tr,table.tbl-addtocart tbody tr td{display:block}
table.tbl-addtocart tfoot tr,table.tbl-addtocart tfoot tr td{display:block;padding:0}
table.tbl-addtocart tfoot tr{padding:15px 20px}
table.tbl-addtocart tbody tr:not(:last-child){padding:15px 20px;padding-left:95px;position:relative}
table.tbl-addtocart tbody tr td ~ td{width:100%;padding:0;margin-bottom:10px}
table.tbl-addtocart tbody tr td:first-child{padding:0}
table.tbl-addtocart tbody tr td:last-child{margin-bottom:0}
table.tbl-addtocart .img{position:absolute;top:15px;left:15px}
table.tbl-addtocart tr td .t-title{padding-right:20px}
table.tbl-addtocart .red,table.tbl-addtocart .nor{display:none}
.totalPrice .total_price{padding-left:15px}
table.tbl-addtocart button.btn{width:100%;margin-bottom:15px}
table.tbl-addtocart .fr{float:none}
table.tbl-addtocart tr td .t-bold{font-size:16px}
table.tbl-addtocart tr td .t-bold:before{content:attr(data-cont);display:inline-block;font-size:14px;line-height:30px;color:#333}
table.tbl-addtocart tr td .t-bold > span:before{content:':';display:inline-block;font-weight:300;font-size:14px;line-height:30px;color:#333;margin-right:5px}
table.tbl-addtocart tr td .t-close{position:absolute;top:15px;right:15px;z-index:2;font-size:18px}
table.tbl-addtocart tr td .t-close i:before{content:'\f057'}
.totalPrice{float:left;width:100%;padding:22px 15px}
.box_login{max-width:100%}
.box_login .row_input .row_left{text-align:left}
.box_login .row_input .row_right{padding-left:0}
.loginSocial .row_input{float:none}
.box_login.rowLeft_200 .row_input .row_left{width:100%;float:none}
.box_login.rowLeft_200 .row_input .row_right{padding-left:0}
.box_success .block.block2 .id{font-size:25px;line-height:33px}
.boxAccount .grid .col{width:100%}
}
@media all and (max-width: 767px) {
.sl-gen .slick-list,.prods-home .row,.vnt-product .grid{margin:0 -5px}
.sl-gen .item,.prods-home [class^='col-'],.vnt-product .grid .col{padding:0 5px}
#slideOther{padding-bottom:55px}
#slideOther .slick-arrow{bottom:0;top:initial;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
#slideOther .slick-prev{margin-left:-25px}
#slideOther .slick-next{margin-left:25px}
.vnt-product .grid.v2 .col{width:50%}
.support .col ~ .col{padding-top:5px}
.support .icon{width:25px;height:30px;text-align:left}
.support .icon i{line-height:30px}
.support .caption{width:calc(100% - 30px);justify-content:space-between}
.botFoot .wrapper{display:block}
.copyright{margin-bottom:20px;display:block}
.copyright .per{display:none}
.box_mid .mid-title .titleL{font-size:25px;line-height:33px}
.form-contact .row-btn{padding-top:15px}
.boxMember .grid .col{width:100%}
.boxMember button{width:100%}
.formSearch .gridS{display:block}
.formSearch .col{width:100%!important;margin-right:0;margin-bottom:10px}
.div_button .fl,.div_button .fr{float:none}
.div_button button.btn{width:100%;margin-left:0;margin-bottom:10px}
}
@media all and (max-width: 640px) {
.clsconsolPopup .grid{display:block}
.clsconsolPopup .grid .col{width:100%}
.clsconsolPopup .form-popup{padding:25px}
.sl-gen{padding-bottom:70px}
.sl-gen .slick-arrow{top:auto;bottom:10px}
.sl-gen .slick-prev{left:50%;margin-left:-45px}
.sl-gen .slick-next{right:50%;margin-right:-45px}
.prods-home .product,.vnt-product .product{margin-bottom:30px}
.vnt-product .grid .col{width:50%}
.product{padding:10px 5px}
.product .price .nor{margin-left:5px}
.productButton{display:block}
.productButton a{width:100%;max-width:100%;margin-bottom:10px}
.productButton a.inBuy{margin-left:0}
}
@media all and (max-width: 480px) {
.boxNews .row [class^="col-"],.list-news .row [class^="col-"],#policy .col{width:100%}{width:100%}	
.hotNews .tend{font-size:18px;line-height:25px}
.boxFilter .grid .col{width:100%}
.menuTab-acc ul li a{font-size:15px}
.menuTab-acc ul li a:before{display:block;margin-right:0}
#policy{padding:25px 0}
#policy .col ~ .col{margin-top:25px!important}
.addressFoot .be .v3{display:block;margin-left:0}
}
@media all and (max-width: 420px) {
.accountTop{margin:0}
.cartTop{position:absolute;top:85px;right:-15px}  
.searchTop{margin-right:55px}  
.date_share{display:block}
.date_share > div,.productSort .sort1{width:100%}
.date_share .ds_date{margin-bottom:15px}
.box_success .buttons{display:block}
.box_success .buttons .button-web{width:100%;margin-bottom:10px}
.box_success .buttons .btn-back{margin-left:1%}
.stepfinish .att{width:100%}
.stepfinish .ats{padding:0;overflow:visible}
.box_success .s_title{font-size:24px;line-height:30px}
.boxAccount button{width:100%}
.support .col ~ .col{padding-top:10px}
.support .item{align-items:flex-start}
.support .caption{display:block}
.support .icon{height:20px}
.support .icon i{line-height:20px}
}
@media all and (max-width: 400px) {
.vnt-about .name-company .txt{font-size:22px;line-height:30px}
.menuFilter{display:none}
.productFGH{display:block}
.productFGH .left{margin-bottom:10px}
.productSort .sort1{width:100%;margin:0}
.info_general .table_info table thead tr td{display:none}
.info_general .table_info table tbody tr{display:block;padding:10px 0 10px 80px;position:relative}
.info_general .table_info table tbody tr td{display:block;width:100%!important;padding:0;margin-bottom:5px;text-align:left!important}
.info_general .table_info table tbody tr td .img{position:absolute;top:15px;left:10px}
.info_general .table_info table tbody tr td:before{content:attr(data-cont);display:inline-block;font-size:14px;line-height:20px;font-weight:600;margin-right:2px}
.info_general .table_info table tbody tr td:first-child:before,.info_general .table_info table tbody tr td:nth-child(2):before{display:none}
.info_general .table_info table tbody tr td>span:before{content:':';display:inline-block;font-weight:300;font-size:14px;line-height:18px;color:#333;margin:0 5px 0 1px}
.box_success .t1{font-size:15px}
}
@media all and (max-width: 380px) {
.boxTitle .title{font-size:18px;line-height:24px}
.vnt-product .grid.v2 .col{width:100%}
.menuFix ul li a{font-size:10px}
.menuFix ul li a span{top:7px;right:0}
}
@media all and (max-width: 360px) {
.logo{width:230px}    
.box_success .s_title{font-size:20px}
.box_success .block.block2{font-size:14px;line-height:22px}
}
@media all and (max-width: 321px) {
.logo{width:190px}	
.product .addtocart a{padding:0 10px}
.tableManager button{left:80px}
.box_success .s_title{font-size:18px;line-height:24px}
.box_success .t1{font-size:13px}
}
@media all and (min-width: 1101px) and (max-width: 1199px) {
.searchTool{width:400px}
}
@media all and (min-width: 769px) and (max-width: 991px) {
table.tbl-addtocart tr td:nth-child(2) ~ td{width:18%}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.support .col:nth-child(2) ~ .col{padding-top:10px}	
.support .caption{display:block}
.support .icon i{line-height:20px}	
}
@media all and (min-width: 641px) and (max-width: 991px) {
.sl-gen:not(.sl-logos) .slick-arrow{top:-75px}
}
@media all and (min-width: 641px) and (max-width: 767px) {
.prods-home *[class^='col-']{width:33.33333333%}
}
@media all and (min-width: 481px) and (max-width: 991px) {
.boxNews .hotNews .img{padding-top:50%}
}