@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal;font-display:swap;}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical > .swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow > .swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column > .swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),transparent)}
.swiper-container-css-mode > .swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper{scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-vertical > .swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}
.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal > .swiper-pagination-progressbar,.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical > .swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#fff}
.swiper-pagination-black{--swiper-pagination-color:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}
.swiper-container-horizontal > .swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical > .swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container > canvas,.swiper-zoom-container > img,.swiper-zoom-container > svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin {
100%{transform:rotate(360deg)}
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next + .swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.display_,.hidden,.d-none{display:none}
.hidden{display:none!important}
@media (min-width: 992px) {
.col-xl-fix-5,.col-lg-fix-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
.alert-success p{margin:0}
.lazyload{background:#ebebeb}
.lazyload.loaded{background:transparent}
.row{margin-right:-10px;margin-left:-10px}
@media (max-width: 480px) {
.row{margin-right:-7px;margin-left:-7px}
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-lg-cus-30,.col-lg-cus-20{padding-left:10px;padding-right:10px}
@media (max-width: 480px) {
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-lg-cus-30,.col-lg-cus-20{padding-left:7px;padding-right:7px}
}
@media (min-width: 1200px) {
.col-xl-cus-20{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
@media (min-width: 992px) {
.col-lg-cus-25{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-cus-20{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-lg-cus-35{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}
}
.swiper-button-next:after,.swiper-button-prev:after{font-size:1.6rem;font-weight:700;color:#333}
.container,.container-fluid{padding-left:10px;padding-right:10px;width:100%;max-width:100%;margin-right:auto;margin-left:auto}
@media (min-width: 1200px) {
.container,.container-fluid{padding-right:45px;padding-left:45px;max-width:1349px}
}
@media (min-width: 1199px) {
@-webkit-keyframes shine {
100%{left:125%}
}
@keyframes shine {
100%{left:125%}
}

}
.duration-300{transition-duration:.3s}
.aspect-1{aspect-ratio:1}
@media (min-width: 992px) {
.md-hidden{display:none!important}
}
@media (max-width: 991px) {
.sm-hidden{display:none!important}
}
.line-clamp{display:block;display:-webkit-box;-webkit-box-orient:vertical;position:relative;line-height:1.4!important;overflow:hidden;text-overflow:ellipsis;padding:0!important}
.line-clamp:after{content:"";text-align:right;bottom:0;right:0;width:25%;display:block;position:absolute;height:calc(1em * 1.4);background:linear-gradient(to right,rgba(255,255,255,0),#fff 75%)}
@supports (-webkit-line-clamp: 1){.line-clamp:after {;display:none!important}
}
.line-clamp-1{-webkit-line-clamp:1;height:calc(1em * 1.4 * 1)}
.line-clamp-1-new{-webkit-line-clamp:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-2-new{-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-3-new{-webkit-line-clamp:3;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-4-new{-webkit-line-clamp:4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-5-new{-webkit-line-clamp:5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-2{-webkit-line-clamp:2;height:calc(1em * 1.4 * 2)}
.line-clamp-3{-webkit-line-clamp:3;height:calc(1em * 1.4 * 3)}
.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}
.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
html{overflow-x:hidden;font-size:62.5%}
html,body{padding:0!important;padding:0;margin:0}
body{background:var(--shop-color-bg);word-break:break-word}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="text"],input[type="email"],input[type="password"],input[type="tel"]{border:1px solid #e9e9e9;color:#1c1c1c;margin:0 0 19px;min-height:40px;padding:0 20px}
a{color:var(--textColor)}
a:hover{color:var(--hover);text-decoration:none;cursor:pointer}
.dropdown-menu{box-shadow:none}
.dropdown-menu > li > a{white-space:inherit}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover{background:none}
body,input,textarea,button,select{line-height:1.7;color:var(--textColor);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
body:focus,input:focus,textarea:focus,button:focus,select:focus{outline:none;box-shadow:none}
body{font-size:1.4rem;font-family:"Roboto",sans-serif;color:var(--textColor);font-weight:400}
h1,h2,h3,h4,h5,h6{line-height:1.4}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;font-weight:inherit}
a:focus{outline:none}
p{margin:0 0 15px}
p img{margin:0}
em{font-style:italic}
img.lazyload:not(.loaded){width:100%!important;height:100%!important;opacity:.2}
.page-title .title-head{font-size:2rem;text-transform:uppercase;font-weight:700;margin-bottom:16px}
@media (max-width: 767px) {
.page-title .title-head{font-size:1.8rem;margin-bottom:10px}
}
.banner-effect{position:relative;overflow:hidden;display:block}
.banner-effect:before{position:absolute;top:0;left:-100%;z-index:2;display:block;content:"";width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.banner-effect:hover:before{-webkit-animation:shine 1.1s;animation:shine 1.1s}
@-webkit-keyframes shine {
100%{left:125%}
}
@keyframes shine {
100%{left:125%}
}
ul{list-style:none outside;margin-bottom:0;padding-left:0}
ol{list-style:decimal}
ul.square{list-style:square outside}
ul.disc{list-style:disc outside}
ol.alpha{list-style:lower-alpha outside}
.inline-list li{display:inline-block;margin-bottom:0}
table{width:100%;margin-bottom:1em;border-collapse:collapse;border-spacing:0}
.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
th{font-weight:500}
th,td{text-align:center;padding:15px;border:1px solid #ebebeb}
a,.text-link{color:var(--textColor);text-decoration:none;background:transparent}
button{overflow:visible}
button[disabled],html input[disabled]{cursor:default}
img{border:0 none;max-width:100%;height:auto}
svg:not(:root){overflow:hidden}
.video-wrapper{position:relative;overflow:hidden;max-width:100%;padding-bottom:56.25%;height:0;height:auto}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.table-wrapper{max-width:100%;overflow:auto}
form{margin-bottom:30px}
a:focus,.btn:focus,input[type="submit"]:focus,button:focus,.page-link:focus,.button:focus,.btn-button:focus{outline:none;box-shadow:none}
input,textarea,button,select{font-size:1em}
input:focus,textarea:focus,button:focus,select:focus{outline:none}
button,input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],input[type="submit"],textarea{-webkit-appearance:none;-moz-appearance:none}
input,textarea,select,fieldset{border-radius:0;max-width:100%}
input.input-full,textarea.input-full,select.input-full,fieldset.input-full{width:100%}
fieldset{border:1px solid #ebebeb;padding:15px}
legend{border:0;padding:0}
optgroup{font-weight:700}
input{display:inline-block;width:auto}
button,input[type="submit"]{cursor:pointer}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],textarea,select{border:1px solid #ebebeb;padding:0 110px 0 15px;width:100%;max-width:100%;display:block}
input[type="text"][disabled],input[type="text"].disabled,input[type="search"][disabled],input[type="search"].disabled,input[type="password"][disabled],input[type="password"].disabled,input[type="email"][disabled],input[type="email"].disabled,input[type="file"][disabled],input[type="file"].disabled,input[type="number"][disabled],input[type="number"].disabled,input[type="tel"][disabled],input[type="tel"].disabled,textarea[disabled],textarea.disabled,select[disabled],select.disabled{cursor:default}
textarea{min-height:100px;padding-top:6px;padding-bottom:6px}
input[type="checkbox"]{display:inline;margin:0;padding:0;width:100%;height:40px;position:absolute;background:transparent;outline:none;opacity:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:right center;background-image:url(/image/catalog/zwine/icon/ico-select.png);background-repeat:no-repeat;background-position:right 10px center;background-color:#fff!important;padding-right:28px;text-indent:.01px;text-overflow:;cursor:pointer}
.ie9 select,.lt-ie9 select{padding-right:10px;background-image:none}
option{color:#000;background-color:#fff}
select::-ms-expand{display:none}
label,legend{display:block;font-weight:400}
label.inline,legend.inline{display:inline}
input[type="checkbox"] + label,input[type="radio"] + label{font-weight:400}
label[for]{cursor:pointer}
.label-hint{color:#999}
form.form-horizontal,.form-horizontal{margin-bottom:0}
form.form-horizontal input[type="text"],form.form-horizontal input[type="search"],form.form-horizontal input[type="password"],form.form-horizontal input[type="email"],form.form-horizontal input[type="file"],form.form-horizontal input[type="number"],form.form-horizontal input[type="tel"],form.form-horizontal textarea,form.form-horizontal select,form.form-horizontal label,.form-horizontal input[type="text"],.form-horizontal input[type="search"],.form-horizontal input[type="password"],.form-horizontal input[type="email"],.form-horizontal input[type="file"],.form-horizontal input[type="number"],.form-horizontal input[type="tel"],.form-horizontal textarea,.form-horizontal select,.form-horizontal label{display:inline-block;margin-bottom:0;width:auto}
input[type="text"].error,input[type="search"].error,input[type="password"].error,input[type="email"].error,input[type="file"].error,input[type="number"].error,input[type="tel"].error,textarea.error{border-color:red;color:red}
label.error{color:red}
.hidden{display:none}
label{display:inline-block!important}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group .input-group-field:first-child,.input-group .input-group-btn:first-child,.input-group .input-group-btn:first-child > .btn,.input-group .input-group-btn:first-child > input[type="submit"],.input-group input[type="hidden"]:first-child + .input-group-field,.input-group input[type="hidden"]:first-child + .input-group-btn > .btn,.input-group
input[type="hidden"]:first-child
+ .input-group-btn
> input[type="submit"]{border-radius:0}
.input-group .input-group-field:last-child,.input-group .input-group-btn:last-child > .btn,.input-group .input-group-btn:last-child > input[type="submit"]{border-radius:0}
.input-group input::-moz-focus-inner{border:0;padding:0;margin-top:-1px;margin-bottom:-1px}
.input-group-field,.input-group-btn{display:table-cell;vertical-align:middle;margin:0}
.input-group .btn,.input-group input[type="submit"],.input-group .input-group-field{height:40px}
.input-group .input-group-field{width:100%;margin-bottom:0}
.input-group-btn{position:relative;white-space:nowrap;width:1%;padding:0}
.form-group{margin:0;padding:0 0 8px;border:0}
.form-group .form-control{display:block;width:100%;min-height:40px;padding:10px 15px;font-size:14px;line-height:1.5;color:var(--textColor);background-color:#fff;background-image:none;margin-bottom:15px;border:1px solid #eaebf3;box-shadow:none}
.form-group .form-control::-webkit-input-placeholder{color:#cdcfdd}
.form-group .form-control::-moz-placeholder{color:#cdcfdd}
.form-group .form-control:-ms-input-placeholder{color:#cdcfdd}
.form-group input,.form-group select{height:40px}
.flexbox,.awe-popup{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center}
.list-inline{*zoom:1}
.list-inline:after{content:"";display:table;clear:both}
.list-inline li{float:left;margin:0}
@media (max-width: 767px) {
.hidden-xs{display:none!important}
}
.text-bold{font-weight:700!important}
.a-center{text-align:center!important}
.a-left{text-align:left!important}
.a-right{text-align:right!important}
.f-right{float:right!important}
.f-none{float:none!important}
.inline{display:inline!important}
.block{display:block!important}
.inline-block{display:inline-block!important}
.flexbox{display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}
.flexbox > div{flex:1}
.background-none{background:none!important}
.no-margin{margin:0!important}
.no-padding{padding:0!important}
.no-border{border:none!important}
.ov-h{overflow:hidden!important}
.relative{position:relative!important}
.absolute{position:absolute!important}
.margin-0{margin:0!important}
.margin-vertical-0{margin-top:0!important;margin-bottom:0!important}
.margin-horizontal-0{margin-left:0!important;margin-right:0!important}
.margin-top-0{margin-top:0!important}
.margin-bottom-0{margin-bottom:0!important}
.margin-left-0{margin-left:0!important}
.margin-right-0{margin-right:0!important}
.padding-0{padding:0!important}
.padding-vertical-0{padding-top:0!important;padding-bottom:0!important}
.padding-horizontal-0{padding-left:0!important;padding-right:0!important}
.padding-top-0{padding-top:0!important}
.padding-bottom-0{padding-bottom:0!important}
.padding-left-0{padding-left:0!important}
.padding-right-0{padding-right:0!important}
.margin-5{margin:5px!important}
.margin-vertical-5{margin-top:5px!important;margin-bottom:5px!important}
.margin-horizontal-5{margin-left:5px!important;margin-right:5px!important}
.margin-top-5{margin-top:5px!important}
.margin-bottom-5{margin-bottom:5px!important}
.margin-left-5{margin-left:5px!important}
.margin-right-5{margin-right:5px!important}
.padding-5{padding:5px!important}
.padding-vertical-5{padding-top:5px!important;padding-bottom:5px!important}
.padding-horizontal-5{padding-left:5px!important;padding-right:5px!important}
.padding-top-5{padding-top:5px!important}
.padding-bottom-5{padding-bottom:5px!important}
.padding-left-5{padding-left:5px!important}
.padding-right-5{padding-right:5px!important}
.margin-10{margin:10px!important}
.margin-vertical-10{margin-top:10px!important;margin-bottom:10px!important}
.margin-horizontal-10{margin-left:10px!important;margin-right:10px!important}
.margin-top-10{margin-top:10px!important}
.margin-bottom-10{margin-bottom:10px!important}
.margin-left-10{margin-left:10px!important}
.margin-right-10{margin-right:10px!important}
.padding-10{padding:10px!important}
.padding-vertical-10{padding-top:10px!important;padding-bottom:10px!important}
.padding-horizontal-10{padding-left:10px!important;padding-right:10px!important}
.padding-top-10{padding-top:10px!important}
.padding-bottom-10{padding-bottom:10px!important}
.padding-left-10{padding-left:10px!important}
.padding-right-10{padding-right:10px!important}
.margin-15{margin:15px!important}
.margin-vertical-15{margin-top:15px!important;margin-bottom:15px!important}
.margin-horizontal-15{margin-left:15px!important;margin-right:15px!important}
.margin-top-15{margin-top:15px!important}
.margin-bottom-15{margin-bottom:15px!important}
.margin-left-15{margin-left:15px!important}
.margin-right-15{margin-right:15px!important}
.padding-15{padding:15px!important}
.padding-vertical-15{padding-top:15px!important;padding-bottom:15px!important}
.padding-horizontal-15{padding-left:15px!important;padding-right:15px!important}
.padding-top-15{padding-top:15px!important}
.padding-bottom-15{padding-bottom:15px!important}
.padding-left-15{padding-left:15px!important}
.padding-right-15{padding-right:15px!important}
.margin-20{margin:20px!important}
.margin-vertical-20{margin-top:20px!important;margin-bottom:20px!important}
.margin-horizontal-20{margin-left:20px!important;margin-right:20px!important}
.margin-top-20{margin-top:20px!important}
.margin-bottom-20{margin-bottom:20px!important}
.margin-left-20{margin-left:20px!important}
.margin-right-20{margin-right:20px!important}
.padding-20{padding:20px!important}
.padding-vertical-20{padding-top:20px!important;padding-bottom:20px!important}
.padding-horizontal-20{padding-left:20px!important;padding-right:20px!important}
.padding-top-20{padding-top:20px!important}
.padding-bottom-20{padding-bottom:20px!important}
.padding-left-20{padding-left:20px!important}
.padding-right-20{padding-right:20px!important}
.margin-25{margin:25px!important}
.margin-vertical-25{margin-top:25px!important;margin-bottom:25px!important}
.margin-horizontal-25{margin-left:25px!important;margin-right:25px!important}
.margin-top-25{margin-top:25px!important}
.margin-bottom-25{margin-bottom:25px!important}
.margin-left-25{margin-left:25px!important}
.margin-right-25{margin-right:25px!important}
.padding-25{padding:25px!important}
.padding-vertical-25{padding-top:25px!important;padding-bottom:25px!important}
.padding-horizontal-25{padding-left:25px!important;padding-right:25px!important}
.padding-top-25{padding-top:25px!important}
.padding-bottom-25{padding-bottom:25px!important}
.padding-left-25{padding-left:25px!important}
.padding-right-25{padding-right:25px!important}
.margin-30{margin:30px!important}
.margin-vertical-30{margin-top:30px!important;margin-bottom:30px!important}
.margin-horizontal-30{margin-left:30px!important;margin-right:30px!important}
.margin-top-30{margin-top:30px!important}
.margin-bottom-30{margin-bottom:30px!important}
.margin-left-30{margin-left:30px!important}
.margin-right-30{margin-right:30px!important}
.padding-30{padding:30px!important}
.padding-vertical-30{padding-top:30px!important;padding-bottom:30px!important}
.padding-horizontal-30{padding-left:30px!important;padding-right:30px!important}
.padding-top-30{padding-top:30px!important}
.padding-bottom-30{padding-bottom:30px!important}
.padding-left-30{padding-left:30px!important}
.padding-right-30{padding-right:30px!important}
.margin-35{margin:35px!important}
.margin-vertical-35{margin-top:35px!important;margin-bottom:35px!important}
.margin-horizontal-35{margin-left:35px!important;margin-right:35px!important}
.margin-top-35{margin-top:35px!important}
.margin-bottom-35{margin-bottom:35px!important}
.margin-left-35{margin-left:35px!important}
.margin-right-35{margin-right:35px!important}
.padding-35{padding:35px!important}
.padding-vertical-35{padding-top:35px!important;padding-bottom:35px!important}
.padding-horizontal-35{padding-left:35px!important;padding-right:35px!important}
.padding-top-35{padding-top:35px!important}
.padding-bottom-35{padding-bottom:35px!important}
.padding-left-35{padding-left:35px!important}
.padding-right-35{padding-right:35px!important}
.margin-40{margin:40px!important}
.margin-vertical-40{margin-top:40px!important;margin-bottom:40px!important}
.margin-horizontal-40{margin-left:40px!important;margin-right:40px!important}
.margin-top-40{margin-top:40px!important}
.margin-bottom-40{margin-bottom:40px!important}
.margin-left-40{margin-left:40px!important}
.margin-right-40{margin-right:40px!important}
.padding-40{padding:40px!important}
.padding-vertical-40{padding-top:40px!important;padding-bottom:40px!important}
.padding-horizontal-40{padding-left:40px!important;padding-right:40px!important}
.padding-top-40{padding-top:40px!important}
.padding-bottom-40{padding-bottom:40px!important}
.padding-left-40{padding-left:40px!important}
.padding-right-40{padding-right:40px!important}
.margin-45{margin:45px!important}
.margin-vertical-45{margin-top:45px!important;margin-bottom:45px!important}
.margin-horizontal-45{margin-left:45px!important;margin-right:45px!important}
.margin-top-45{margin-top:45px!important}
.margin-bottom-45{margin-bottom:45px!important}
.margin-left-45{margin-left:45px!important}
.margin-right-45{margin-right:45px!important}
.padding-45{padding:45px!important}
.padding-vertical-45{padding-top:45px!important;padding-bottom:45px!important}
.padding-horizontal-45{padding-left:45px!important;padding-right:45px!important}
.padding-top-45{padding-top:45px!important}
.padding-bottom-45{padding-bottom:45px!important}
.padding-left-45{padding-left:45px!important}
.padding-right-45{padding-right:45px!important}
.margin-50{margin:50px!important}
.margin-vertical-50{margin-top:50px!important;margin-bottom:50px!important}
.margin-horizontal-50{margin-left:50px!important;margin-right:50px!important}
.margin-top-50{margin-top:50px!important}
.margin-bottom-50{margin-bottom:50px!important}
.margin-left-50{margin-left:50px!important}
.margin-right-50{margin-right:50px!important}
.padding-50{padding:50px!important}
.padding-vertical-50{padding-top:50px!important;padding-bottom:50px!important}
.padding-horizontal-50{padding-left:50px!important;padding-right:50px!important}
.padding-top-50{padding-top:50px!important}
.padding-bottom-50{padding-bottom:50px!important}
.padding-left-50{padding-left:50px!important}
.padding-right-50{padding-right:50px!important}
.margin-55{margin:55px!important}
.margin-vertical-55{margin-top:55px!important;margin-bottom:55px!important}
.margin-horizontal-55{margin-left:55px!important;margin-right:55px!important}
.margin-top-55{margin-top:55px!important}
.margin-bottom-55{margin-bottom:55px!important}
.margin-left-55{margin-left:55px!important}
.margin-right-55{margin-right:55px!important}
.padding-55{padding:55px!important}
.padding-vertical-55{padding-top:55px!important;padding-bottom:55px!important}
.padding-horizontal-55{padding-left:55px!important;padding-right:55px!important}
.padding-top-55{padding-top:55px!important}
.padding-bottom-55{padding-bottom:55px!important}
.padding-left-55{padding-left:55px!important}
.padding-right-55{padding-right:55px!important}
.margin-60{margin:60px!important}
.margin-vertical-60{margin-top:60px!important;margin-bottom:60px!important}
.margin-horizontal-60{margin-left:60px!important;margin-right:60px!important}
.margin-top-60{margin-top:60px!important}
.margin-bottom-60{margin-bottom:60px!important}
.margin-left-60{margin-left:60px!important}
.margin-right-60{margin-right:60px!important}
.padding-60{padding:60px!important}
.padding-vertical-60{padding-top:60px!important;padding-bottom:60px!important}
.padding-horizontal-60{padding-left:60px!important;padding-right:60px!important}
.padding-top-60{padding-top:60px!important}
.padding-bottom-60{padding-bottom:60px!important}
.padding-left-60{padding-left:60px!important}
.padding-right-60{padding-right:60px!important}
.margin-65{margin:65px!important}
.margin-vertical-65{margin-top:65px!important;margin-bottom:65px!important}
.margin-horizontal-65{margin-left:65px!important;margin-right:65px!important}
.margin-top-65{margin-top:65px!important}
.margin-bottom-65{margin-bottom:65px!important}
.margin-left-65{margin-left:65px!important}
.margin-right-65{margin-right:65px!important}
.padding-65{padding:65px!important}
.padding-vertical-65{padding-top:65px!important;padding-bottom:65px!important}
.padding-horizontal-65{padding-left:65px!important;padding-right:65px!important}
.padding-top-65{padding-top:65px!important}
.padding-bottom-65{padding-bottom:65px!important}
.padding-left-65{padding-left:65px!important}
.padding-right-65{padding-right:65px!important}
.margin-70{margin:70px!important}
.margin-vertical-70{margin-top:70px!important;margin-bottom:70px!important}
.margin-horizontal-70{margin-left:70px!important;margin-right:70px!important}
.margin-top-70{margin-top:70px!important}
.margin-bottom-70{margin-bottom:70px!important}
.margin-left-70{margin-left:70px!important}
.margin-right-70{margin-right:70px!important}
.padding-70{padding:70px!important}
.padding-vertical-70{padding-top:70px!important;padding-bottom:70px!important}
.padding-horizontal-70{padding-left:70px!important;padding-right:70px!important}
.padding-top-70{padding-top:70px!important}
.padding-bottom-70{padding-bottom:70px!important}
.padding-left-70{padding-left:70px!important}
.padding-right-70{padding-right:70px!important}
.margin-75{margin:75px!important}
.margin-vertical-75{margin-top:75px!important;margin-bottom:75px!important}
.margin-horizontal-75{margin-left:75px!important;margin-right:75px!important}
.margin-top-75{margin-top:75px!important}
.margin-bottom-75{margin-bottom:75px!important}
.margin-left-75{margin-left:75px!important}
.margin-right-75{margin-right:75px!important}
.padding-75{padding:75px!important}
.padding-vertical-75{padding-top:75px!important;padding-bottom:75px!important}
.padding-horizontal-75{padding-left:75px!important;padding-right:75px!important}
.padding-top-75{padding-top:75px!important}
.padding-bottom-75{padding-bottom:75px!important}
.padding-left-75{padding-left:75px!important}
.padding-right-75{padding-right:75px!important}
.margin-80{margin:80px!important}
.margin-vertical-80{margin-top:80px!important;margin-bottom:80px!important}
.margin-horizontal-80{margin-left:80px!important;margin-right:80px!important}
.margin-top-80{margin-top:80px!important}
.margin-bottom-80{margin-bottom:80px!important}
.margin-left-80{margin-left:80px!important}
.margin-right-80{margin-right:80px!important}
.padding-80{padding:80px!important}
.padding-vertical-80{padding-top:80px!important;padding-bottom:80px!important}
.padding-horizontal-80{padding-left:80px!important;padding-right:80px!important}
.padding-top-80{padding-top:80px!important}
.padding-bottom-80{padding-bottom:80px!important}
.padding-left-80{padding-left:80px!important}
.padding-right-80{padding-right:80px!important}
.margin-85{margin:85px!important}
.margin-vertical-85{margin-top:85px!important;margin-bottom:85px!important}
.margin-horizontal-85{margin-left:85px!important;margin-right:85px!important}
.margin-top-85{margin-top:85px!important}
.margin-bottom-85{margin-bottom:85px!important}
.margin-left-85{margin-left:85px!important}
.margin-right-85{margin-right:85px!important}
.padding-85{padding:85px!important}
.padding-vertical-85{padding-top:85px!important;padding-bottom:85px!important}
.padding-horizontal-85{padding-left:85px!important;padding-right:85px!important}
.padding-top-85{padding-top:85px!important}
.padding-bottom-85{padding-bottom:85px!important}
.padding-left-85{padding-left:85px!important}
.padding-right-85{padding-right:85px!important}
.margin-90{margin:90px!important}
.margin-vertical-90{margin-top:90px!important;margin-bottom:90px!important}
.margin-horizontal-90{margin-left:90px!important;margin-right:90px!important}
.margin-top-90{margin-top:90px!important}
.margin-bottom-90{margin-bottom:90px!important}
.margin-left-90{margin-left:90px!important}
.margin-right-90{margin-right:90px!important}
.padding-90{padding:90px!important}
.padding-vertical-90{padding-top:90px!important;padding-bottom:90px!important}
.padding-horizontal-90{padding-left:90px!important;padding-right:90px!important}
.padding-top-90{padding-top:90px!important}
.padding-bottom-90{padding-bottom:90px!important}
.padding-left-90{padding-left:90px!important}
.padding-right-90{padding-right:90px!important}
.margin-95{margin:95px!important}
.margin-vertical-95{margin-top:95px!important;margin-bottom:95px!important}
.margin-horizontal-95{margin-left:95px!important;margin-right:95px!important}
.margin-top-95{margin-top:95px!important}
.margin-bottom-95{margin-bottom:95px!important}
.margin-left-95{margin-left:95px!important}
.margin-right-95{margin-right:95px!important}
.padding-95{padding:95px!important}
.padding-vertical-95{padding-top:95px!important;padding-bottom:95px!important}
.padding-horizontal-95{padding-left:95px!important;padding-right:95px!important}
.padding-top-95{padding-top:95px!important}
.padding-bottom-95{padding-bottom:95px!important}
.padding-left-95{padding-left:95px!important}
.padding-right-95{padding-right:95px!important}
.margin-100{margin:100px!important}
.margin-vertical-100{margin-top:100px!important;margin-bottom:100px!important}
.margin-horizontal-100{margin-left:100px!important;margin-right:100px!important}
.margin-top-100{margin-top:100px!important}
.margin-bottom-100{margin-bottom:100px!important}
.margin-left-100{margin-left:100px!important}
.margin-right-100{margin-right:100px!important}
.padding-100{padding:100px!important}
.padding-vertical-100{padding-top:100px!important;padding-bottom:100px!important}
.padding-horizontal-100{padding-left:100px!important;padding-right:100px!important}
.padding-top-100{padding-top:100px!important}
.padding-bottom-100{padding-bottom:100px!important}
.padding-left-100{padding-left:100px!important}
.padding-right-100{padding-right:100px!important}
@keyframes fadeInDown {
0%{transform:translateY(-20px)}
100%{transform:translateY(0)}
}
@keyframes popup-fade-in-up {
0%{opacity:0;transform:translateY(100px)}
100%{opacity:1}
}
.btn-continus{height:40px!important;line-height:40px!important;text-transform:uppercase;font-size:14px;padding:0 25px!important;background:#ec2c1e!important;border:1px solid #ec2c1e!important}
.btn-continus:hover{border:1px solid var(--hover);background:#fff!important;color:var(--hover)!important}
.btn,input[type="submit"]{display:inline-block;height:40px;line-height:39px;padding:0 20px;text-align:center;white-space:nowrap;outline:none!important;cursor:pointer;border:none;font-weight:400;border-radius:0;letter-spacing:0}
.btn[disabled],input[disabled][type="submit"],.btn.disabled,input.disabled[type="submit"]{cursor:default;background-color:#ebebeb}
.btn.btn-primary,input.btn-primary[type="submit"]{position:relative;display:inline-flex;justify-content:center;align-items:center;line-height:40px;background:var(--shop-color-button);color:#fff;text-decoration:none;font-size:1.4rem;font-weight:500;padding:0 20px;transition-duration:.3s}
@media (max-width: 767px) {
.btn.btn-primary,input.btn-primary[type="submit"]{font-size:1.4rem}
}
.btn.btn-primary:hover,input.btn-primary[type="submit"]:hover{background:var(--hover);color:#000}
.btn.btn-extent,input.btn-extent[type="submit"]{position:relative;display:inline-flex;justify-content:center;align-items:center;line-height:40px;background:var(--hover);color:#000;text-decoration:none;font-size:1.4rem;font-weight:500;padding:0 20px;transition-duration:.3s}
@media (max-width: 767px) {
.btn.btn-extent,input.btn-extent[type="submit"]{font-size:1.4rem}
}
.btn.btn-extent:hover,input.btn-extent[type="submit"]:hover{background:var(--mainColor);color:#fff}
.btn.btn-popup,input.btn-popup[type="submit"]{text-transform:uppercase!important;width:100%;padding:0 25px;background:var(--mainColor);color:#fff!important;font-weight:700;border:1px solid transparent!important}
.btn.btn-popup:hover,input.btn-popup[type="submit"]:hover{background:#fff;color:var(--hover)!important;border:1px solid var(--hover)!important}
.btn.btn-circle,input.btn-circle[type="submit"]{border-radius:50%;padding:0}
.btn.btn-large,input.btn-large[type="submit"]{height:50px;line-height:50px;padding:0 74px}
.btn.btn-small,input.btn-small[type="submit"]{height:34px;line-height:34px;padding:0 32px;font-size:em(12px)}
.btn.btn-dark-address,input.btn-dark-address[type="submit"]{background:#2a2a2a;border:1px solid transparent!important;color:#fff;padding:0 25px;color:#fff;border-radius:0}
.btn.btn-white,input.btn-white[type="submit"]{background:#fff;color:var(--textColor);border:1px solid #ebebeb;font-weight:400}
.btn.btn-white:hover,input.btn-white[type="submit"]:hover{background:#ffb733;color:#fff}
.btn.btn-gray,input.btn-gray[type="submit"]{background:#9e9e9e;color:#fff}
.btn.btn-gray:hover,input.btn-gray[type="submit"]:hover{background:var(--hover)}
.btn.btn-gray a,input.btn-gray[type="submit"] a{color:#fff}
.btn.btn-full,input.btn-full[type="submit"]{display:block;width:100%}
.btn-link{line-height:40px;color:var(--mainColor)}
.btn-link:hover{text-decoration:underline}
@media (max-width: 1199px) {
.top-cart-content{display:none!important}
}
.header-action_cart:hover .top-cart-content{display:block}
.top-cart-content{display:none;position:absolute;top:calc(100% + 15px);right:0;background:#fff;padding:0;text-align:left;box-shadow:2px 4px 9px rgba(0,0,0,0.329);z-index:9999;border-radius:5px}
.top-cart-content:before{display:block;position:absolute;border:10px solid transparent;border-bottom-color:#fff;content:"";right:16px;top:-18px}
.tab-wrap .tabs-title{*zoom:1;display:inline-block;position:relative;z-index:9;margin:0 0 26px}
.tab-wrap .tabs-title:after{content:"";display:table;clear:both}
.tab-wrap .tabs-title li{font-size:2.2rem;font-weight:700;text-transform:uppercase;position:relative;line-height:40px;float:left}
.tab-wrap .tabs-title li:before{content:"|";color:#c9c9c9;padding:0 16px;color:#1c1c1c}
.tab-wrap .tabs-title li:first-child:before{display:none}
.tab-wrap .tabs-title li.current{color:#212121}
.tab-wrap .tab-content{position:relative}
ul.tabs li{background:none;display:inline-block;cursor:pointer}
ul.tabs li.current{color:#000}
.tab-content{opacity:0;visibility:hidden;height:0;overflow:hidden}
.tab-content.current{opacity:1;visibility:visible;height:auto}
header.header .main-header{padding:5px 0;background-color:#fff}
@media (max-width: 992px) {
header.header .main-header{padding:7px 0}
}
header.header .main-header .align-items-center .header-logo a{position:relative;display:inline-block;width:400px;max-width:240px;height:auto;aspect-ratio:400/95;margin:0 auto}
header.header .main-header .align-items-center .header-mid .header_tim_kiem{position:relative}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar{margin-bottom:0;position:relative;width:100%;background:#f5f5f5;border-radius:40px}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
input{height:40px;line-height:40px;margin:0;border:0;background:transparent;padding-right:55px;min-height:initial}
@media (min-width: 1200px) {
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
input{min-width:360px}
}
@media (max-width: 1199px) and (min-width: 992px) {
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
input{min-width:215px}
}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.icon-fallback-text{width:40px;height:40px;line-height:40px;position:absolute;top:0;right:0;padding:0;display:flex;background:transparent;justify-content:center;align-items:center;border-radius:50%}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.icon-fallback-text
svg{width:20px;height:20px}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.icon-fallback-text:hover{background:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.icon-fallback-text:hover
svg
path{fill:#fff}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest{position:absolute;top:100%;left:0;width:100%;z-index:99;background:#fff;border:solid 1px #dfe3e8;box-shadow:0 1px 5px 2px rgba(0,0,0,0.1);padding:16px;display:none;border-radius:10px}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest.open{display:block;z-index:99}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent{margin-bottom:18px}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent
.search-title{width:100%;display:block;padding-bottom:5px;margin-bottom:10px;line-height:normal;border-bottom:1px solid #ccc;text-transform:uppercase;font-weight:500;padding-left:26px;position:relative}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent
.search-title
svg{position:absolute;top:-1px;left:0;width:20px;height:20px;vertical-align:middle;display:inherit}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent
.search-title
svg
path{fill:#515151!important}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent
.search-list{display:block;width:100%;margin-bottom:-5px}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent
.search-list
a.search-item{position:relative;display:inline-block;padding:3px 7px;padding-right:28px;border:1px solid var(--mainColor);line-height:normal;background:#f1f1f1;margin-right:5px;margin-bottom:5px;font-size:1.4rem}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent
.search-list
a.search-item
span.close{font-size:0;background:url(/image/catalog/zwine/icon/rem_cart.svg) no-repeat center/14px 14px;position:absolute;right:4px;top:50%;transform:translate(0,-50%);width:16px;height:16px;padding-right:0!important;filter:grayscale(100%)}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent
.search-list
a.search-item:hover{background:var(--mainColor);color:#fff}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent
.search-list
a.search-item:hover
span.close{filter:brightness(10)}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.search-recent
.search-list
a.search-item:hover
span.close:hover{filter:brightness(0);filter:grayscale(0%)}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.item-suggest{display:block}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.item-suggest
.search-title{width:100%;display:block;padding-bottom:5px;margin-bottom:10px;line-height:normal;border-bottom:1px solid #ccc;text-transform:uppercase;font-weight:500;padding-left:26px;position:relative}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.item-suggest
.search-title
svg{position:absolute;top:-1px;left:0;width:20px;height:20px;vertical-align:middle;display:inherit}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.item-suggest
.search-title
svg
path{fill:#515151!important}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.item-suggest
.search-list{display:block;width:100%;margin-bottom:-5px}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.item-suggest
.search-list
.search-item{display:inline-block;padding:3px 7px;border:1px solid var(--mainColor);line-height:normal;background:#f1f1f1;margin-right:5px;margin-bottom:5px;font-size:1.4rem}
@media (max-width: 480px) {
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.item-suggest
.search-list
.search-item{font-size:1.3rem}
}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.search-suggest
.item-suggest
.search-list
.search-item:hover{background:var(--mainColor);color:#fff}
header.header .main-header .align-items-center .header-right{display:flex;justify-content:end;align-items:center;gap:15px}
@media (max-width: 1199px) {
header.header .main-header .align-items-center .header-right{gap:14px}
}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-stores{display:inline-block;position:relative;transition:color .2s ease-in-out}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-stores
> a{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-stores
> a
.box-icon{text-align:center}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-stores
> a
.box-icon
svg{width:20px;height:20px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-stores
> a
.box-icon
svg
path{fill:#000}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-stores
> a
.item-title{display:inline-block;text-align:center;font-size:1rem;margin-top:2px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-stores
> a:hover{color:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-stores
> a:hover
.box-icon
svg
path{fill:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-iwish{display:inline-block;position:relative;transition:color .2s ease-in-out}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-iwish
> a{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-iwish
> a
.box-icon{text-align:center;position:relative}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-iwish
> a
.box-icon
svg{width:20px;height:20px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-iwish
> a
.box-icon
.js-wishlist-count{position:absolute;top:-3px;right:0;min-width:16px;height:16px;border-radius:50%;background-color:var(--mainColor);transition:all .3s ease-in-out;text-align:center;line-height:18px;font-size:1rem;color:#fff;font-weight:500}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-iwish
> a
.item-title{display:inline-block;text-align:center;font-size:1rem;margin-top:2px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-iwish
> a:hover{color:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-iwish
> a:hover
.box-icon
svg
path{fill:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account{display:inline-block;position:relative;transition:color .2s ease-in-out}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
.box-icon{text-align:center}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
.box-icon
svg{width:20px;height:20px;position:relative}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
.box-icon
svg
path{fill:#000}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
> svg{width:10px;height:10px;transform:rotate(90deg);position:absolute;top:12px;right:0}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
> svg
path{stroke:#000}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
.item-title{display:inline-block;text-align:center;font-size:1rem;margin-top:2px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a:hover{color:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a:hover
.box-icon
svg
path{fill:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul{position:absolute;border:1px solid #efefef;background:#fff;width:auto;min-width:125px;z-index:15;list-style:none;margin:0;padding:10px;box-shadow:rgba(0,0,0,0.18) 0 6px 12px 0;top:calc(100% + 15px);right:-15px;text-align:left;display:none;width:210px;background-color:#fff;box-shadow:2px 4px 9px rgba(0,0,0,0.329);gap:4px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul::before{display:block;position:absolute;border:10px solid transparent;border-bottom-color:#fff;content:"";top:-18px;right:26px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul
li{padding:5px;transition:background .5s}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul
li
a{color:#000;display:flex;text-align:center;touch-action:manipulation;cursor:pointer;border:0;white-space:nowrap;padding:0;font-size:1.4rem;user-select:none;line-height:20px;width:100%;outline:none;align-items:center}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul
li
a
svg{width:18px;height:18px;margin-right:5px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul
li:hover,header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul
li:focus{color:#fff;background-color:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul
li:hover
a,header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul
li:focus
a{color:#fff}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul
li:hover
a
svg
path,header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul
li:focus
a
svg
path{fill:#fff}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account:before{position:absolute;content:"";top:100%;left:0;bottom:0;width:100%;height:20px;z-index:1}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account:hover
> ul{display:grid}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart{display:inline-block;transition:color .2s ease-in-out;position:relative;background:transparent;position:relative}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a
.box-icon{position:relative;text-align:center}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a
.box-icon
svg{width:20px;height:20px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a
.box-icon
svg
path{fill:#000}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a
.box-icon
.count_item_pr{position:absolute;top:-3px;right:0;width:16px;height:16px;border-radius:50%;background-color:var(--mainColor);transition:all .3s ease-in-out;text-align:center;line-height:18px;font-size:1rem;color:#fff;font-weight:500}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a
.item-title{display:inline-block;text-align:center;margin-top:2px;font-size:1rem}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a:hover{color:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a:hover
.box-icon
svg
path{fill:var(--mainColor)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart:before{position:absolute;content:"";right:0;top:100%;width:100%;height:20px;z-index:1}
header.header .header-menu{background:#f5f5f5;position:relative}
@media (min-width: 992px) {
header.header .header-menu .navigation-horizontal{position:static}
header.header .header-menu .navigation-horizontal.overflow #nav{justify-content:flex-start}
header.header .header-menu .navigation-horizontal > .row{justify-content:space-between}
header.header .header-menu .navigation-horizontal .sudes-main-header{display:flex;align-items:center;position:static}
header.header
.header-menu
.navigation-horizontal
.sudes-main-header
.control-menu{display:none}
header.header
.header-menu
.navigation-horizontal
.sudes-main-header
.control-menu
svg{width:22px;height:16px}
header.header
.header-menu
.navigation-horizontal
.sudes-main-header
.control-menu
svg
path{fill:#000}
header.header
.header-menu
.navigation-horizontal
.sudes-main-header
.control-menu
svg:hover
path{fill:var(--subColor)}
header.header
.header-menu
.navigation-horizontal
.sudes-main-header
.col-menu{flex:1;display:block;overflow-x:hidden;overflow-y:hidden}
header.header .header-menu .navigation-horizontal.overflow .control-menu{display:flex;align-items:center;padding-left:5px}
}
header.header .header-menu .col-menu .title_menu{display:none}
header.header .header-menu .col-menu #nav{position:static;display:flex;flex-wrap:nowrap;overflow:visible;justify-content:center}
header.header .header-menu .col-menu #nav .nav-item{float:none;position:static;display:inline-block}
@media (min-width: 992px) and (min-width: 992px) {
header.header .header-menu .col-menu #nav .nav-item.has-mega{position:static}
header.header .header-menu .col-menu #nav .nav-item.has-mega .mega-content{background:#fff none repeat scroll 0 0;display:block;opacity:0;margin:0;visibility:hidden;padding:10px 15px 10px 10px;position:absolute;top:calc(100% + 10px);left:0;z-index:999;width:100%;transition:all .2s ease-in-out;-webkit-box-shadow:0 2px 6px 0 rgba(23,57,99,0.33);-moz-box-shadow:0 2px 6px 0 rgba(23,57,99,0.33);box-shadow:0 2px 6px 0 rgba(23,57,99,0.33)}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list{overflow:hidden;max-height:450px;overflow-y:auto}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);border-radius:5px;background-color:#f5f5f5}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list::-webkit-scrollbar{width:5px;background-color:#f5f5f5}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);background-color:var(--mainColor)}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level0{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item{float:left;width:20%;padding:10px;display:block}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item
> a{color:#000!important;font-weight:500;margin-bottom:10px;text-transform:uppercase;display:block;line-height:normal;width:100%;padding-bottom:5px}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item
> a:hover,header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item
> a:focus{color:var(--subColor)!important}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item
h2{font-size:14px;margin-top:0}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item
ul.level1{margin-bottom:0}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item
ul.level1
li.level2{line-height:normal;margin-bottom:5px}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item
ul.level1
li.level2
a{font-weight:400!important;text-transform:none;color:#555}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item
ul.level1
li.level2
a:hover,header.header
.header-menu
.col-menu
#nav
.nav-item.has-mega
.mega-content
.mega-menu-list
.level1.item
ul.level1
li.level2
a:focus{color:var(--subColor)!important}
}
@media (min-width: 992px) {
header.header .header-menu .col-menu #nav .nav-item:hover,header.header .header-menu .col-menu #nav .nav-item:focus{background-color:transparent}
header.header .header-menu .col-menu #nav .nav-item > a{color:#000;font-size:1.4rem;padding:10px 15px;display:inline-block;text-align:center;position:relative;font-weight:500;top:1px;white-space:nowrap}
header.header .header-menu .col-menu #nav .nav-item > a svg{width:12px;height:12px;margin-left:5px;transform:rotate(90deg);transition:all .4s;overflow:hidden;vertical-align:middle;margin-left:3px;margin-bottom:3px}
header.header .header-menu .col-menu #nav .nav-item > a svg path{stroke:#000}
header.header .header-menu .col-menu #nav .nav-item:hover > a,header.header .header-menu .col-menu #nav .nav-item:focus > a{color:var(--mainColor)}
header.header .header-menu .col-menu #nav .nav-item:hover > a svg path,header.header .header-menu .col-menu #nav .nav-item:focus > a svg path{stroke:var(--mainColor)}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-childs:hover
> .dropdown-menu{opacity:1;visibility:visible;top:100%;margin-top:0;display:block}
header.header
.header-menu
.col-menu
#nav
.nav-item.has-childs:hover
> .mega-content{visibility:visible;opacity:1;top:100%}
}
@media (min-width: 992px) and (min-width: 1025px) {
header.header
.header-menu
.col-menu
#nav
.nav-item.has-childs:hover
> .mega-content{opacity:1;filter:alpha(opacity=100);visibility:visible;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;-webkit-transition:.3s ease-in;-ms-transition:.3s ease-in;transition:.3s ease-in;-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}
}
@media (min-width: 992px) and (max-width: 1025px) {
header.header
.header-menu
.col-menu
#nav
.nav-item.has-childs:last-child:hover
> .dropdown-menu{right:15px}
}
@media (min-width: 992px) {
header.header .header-menu .col-menu #nav .nav-item .nav-item-lv2{padding:0 10px}
header.header
.header-menu
.col-menu
#nav
.nav-item
.nav-item-lv3:not(.level2){padding:0 10px}
header.header .header-menu .col-menu #nav .nav-item li.dropdown-submenu{position:relative}
header.header
.header-menu
.col-menu
#nav
.nav-item
li.dropdown-submenu
.dropdown-menu{left:-100%;top:0}
header.header .header-menu .col-menu #nav .nav-item.active > a{color:var(--mainColor)}
header.header .header-menu .col-menu #nav .nav-item.active > a svg path{stroke:var(--mainColor)}
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1){-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.15);box-shadow:0 1px 4px rgba(0,0,0,0.15);background:#fff;position:absolute;top:calc(100% + 10px);left:auto;width:210px;z-index:1030;display:block;opacity:0;visibility:hidden;border-radius:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:0}
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li{padding:0;border-bottom:1px solid #ebebeb}
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li:last-child{border-bottom:none}
}
@media (min-width: 992px) and (max-width: 991px) {
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li
+ li{margin-top:0;border-top:1px solid #f5f5f5}
}
@media (min-width: 992px) {
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li:hover
> a,header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li:focus
> a{color:var(--hover)}
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li
a{padding:7px 15px 7px 10px;line-height:25px;position:relative;padding-right:20px;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;color:#222;font-size:1.4rem;display:block}
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li
a
i{float:right}
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li.dropdown-submenu
.dropdown-menu{top:-1px;left:100%}
}
@media (min-width: 992px) and (max-width: 991px) {
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li.dropdown-submenu
.dropdown-menu{left:0}
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li.dropdown-submenu
.dropdown-menu
.nav-item-lv3
a{padding-left:35px}
}
@media (min-width: 992px) {
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li.dropdown-submenu
> a
svg{height:9px;position:absolute;right:6px;top:calc(50% - 4px);transition:all .4s}
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li.dropdown-submenu
> a
svg
path{stroke:#222}
}
@media (min-width: 992px) and (max-width: 991px) {
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li.dropdown-submenu
> a
svg{height:20px;position:absolute;top:50%;transform:translate(0,-50%);right:10px;margin-right:0;float:right;line-height:22px;width:20px;text-align:center}
}
@media (min-width: 992px) {
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li.dropdown-submenu
> a:hover
svg
path{stroke:var(--subColor)}
header.header
.header-menu
.col-menu
#nav
.nav-item
ul.dropdown-menu:not(.level1)
li.dropdown-submenu:hover
.dropdown-menu{opacity:1;visibility:visible;top:-1px;margin-top:0}
header.header
.header-menu
.col-menu
#nav
.nav-item.hover-left
ul.dropdown-menu
li{padding:0}
header.header
.header-menu
.col-menu
#nav
.nav-item.hover-left
ul.dropdown-menu
li:hover
> a
svg,header.header
.header-menu
.col-menu
#nav
.nav-item.hover-left
ul.dropdown-menu
li:focus
> a
svg{transform:rotate(90deg) translateX(0px)!important}
header.header
.header-menu
.col-menu
#nav
.nav-item.hover-left
ul.dropdown-menu
li:hover
> a
svg
path,header.header
.header-menu
.col-menu
#nav
.nav-item.hover-left
ul.dropdown-menu
li:focus
> a
svg
path{stroke:var(--subColor)}
header.header
.header-menu
.col-menu
#nav
.nav-item.hover-left
ul.dropdown-menu
li.dropdown-submenu
.dropdown-menu{top:0;right:0;left:initial!important;padding-left:10px}
header.header
.header-menu
.col-menu
#nav
.nav-item.hover-left
ul.dropdown-menu
li.dropdown-submenu:hover
.dropdown-menu{position:relative;right:0;padding-left:10px;box-shadow:none;border-top:1px solid #ebebeb}
}
@media (min-width: 992px) {
header.header.hSticky .header-menu{position:fixed;top:0;left:0;width:100%;z-index:99;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-animation:fadeInDown .4s both;animation:fadeInDown .4s both;border-top:0}
}
@media (max-width: 991px) {
header.header .main-header .align-items-center .header-logo{order:1}
header.header .main-header .align-items-center .header-logo .logo-wrapper{max-width:200px;width:100%}
header.header .main-header .align-items-center .header-mid{order:3}
header.header .main-header .align-items-center .header-mid .header_tim_kiem{margin-top:12px;margin-bottom:5px}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
input{height:34px;line-height:34px;margin:0;border:0;background:transparent;padding-right:45px;min-height:initial}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.icon-fallback-text{width:34px;height:34px;line-height:34px}
header.header
.main-header
.align-items-center
.header-mid
.header_tim_kiem
form.search-bar
.icon-fallback-text
svg{width:18px;height:18px}
header.header .main-header .align-items-center .header-right{order:2;gap:10px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account{padding-right:12px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account:before{display:none}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
.box-icon{margin-bottom:0}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
.box-icon
svg{width:27px;height:27px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
> svg{width:10px;height:10px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
.text-box{margin-left:5px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
> a
.text-box
.acc-text{font-size:0!important}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-account
ul{top:calc(100% + 5px)}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart:before{display:none}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a{padding-right:4px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a
.box-icon
.count_item_pr{position:absolute;width:15px;height:15px;line-height:16px;font-size:.8rem;right:-6px;top:-2px}
header.header
.main-header
.align-items-center
.header-right
.sudes-header-cart
> a
.box-icon
svg{width:27px;height:27px;position:relative}
header.header .main-header .align-items-center .header-right .menu-icon{line-height:1;transition:color .2s ease-in-out;position:relative;background:transparent;border:none;border-radius:0;-webkit-appearance:none;padding:0;width:32px;height:auto;vertical-align:middle;color:#000}
header.header .main-header .align-items-center .header-right .menu-icon svg{width:32px;height:32px;position:relative;top:2px}
header.header
.main-header
.align-items-center
.header-right
.menu-icon
svg
path{fill:#000}
header.header .header-menu{height:100%;position:fixed;top:0!important;left:0;z-index:99999;width:310px;transform:translateX(-310px);visibility:hidden;transition:transform .5s cubic-bezier(0.645,0.045,0.355,1),visibility .5s cubic-bezier(0.645,0.045,0.355,1);box-shadow:none;touch-action:manipulation;border:0;background:#fff}
}
@media (max-width: 991px) and (max-width: 350px) {
header.header .header-menu{width:280px}
}
@media (max-width: 991px) {
header.header .header-menu.current{visibility:visible;transform:translateX(0)}
header.header .header-menu .container{padding:0;height:100%}
header.header .header-menu .container .title_menu{width:100%;background:var(--mainColor);padding:0 10px;display:block}
header.header .header-menu .container .title_menu .close-mb-menu{position:absolute;width:30px;height:30px;top:0;left:100%;cursor:pointer;border:1px solid #494949;background:#000}
header.header .header-menu .container .title_menu .close-mb-menu::before{transform:rotate(45deg);content:"";width:1px;height:20px;background:#fff;position:absolute;top:5px;right:14px}
header.header .header-menu .container .title_menu .close-mb-menu::after{content:"";width:1px;height:20px;background:#fff;position:absolute;top:5px;right:14px;transform:rotate(-45deg)}
header.header .header-menu .container .title_menu ul#tabs-menu-mb{display:flex;justify-content:center;align-items:center;flex-direction:row;list-style:none;margin:0;gap:12px}
header.header
.header-menu
.container
.title_menu
ul#tabs-menu-mb
li.tab-link{position:relative;text-align:left;font-size:1.6rem;font-weight:500;padding:10px 0;cursor:pointer;min-width:100px;text-align:center;color:#fff}
header.header .header-menu .container .navigation-horizontal{display:flex;padding:0;margin:0;flex-direction:column;overflow:hidden;height:100%}
header.header .header-menu .container .navigation-horizontal > .row{margin:0;padding:0;overflow-y:auto;flex-grow:1;flex-basis:0;display:block}
header.header .header-menu .container .navigation-horizontal > .row .col-12{padding:0}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav{display:block;padding-bottom:10px}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item{position:relative;display:inline-block;width:100%}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-mega
.mega-content.dropdown-menu{display:none;width:100%;background:transparent;position:relative;box-shadow:none;opacity:1;visibility:visible;transition:none}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-mega
.mega-content.dropdown-menu
.row{padding:0;margin:0}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-mega
.mega-content.dropdown-menu
.row
.mega-menu-list{padding:0}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-mega
.mega-content.dropdown-menu
.row
.mega-menu-list
.level0{padding-left:10px}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-mega
.mega-content.dropdown-menu
.row
.mega-menu-list
.level0:before{content:"";width:1px;background:#ddd;height:100%;position:absolute;top:0;left:10px}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-mega
.mega-content.dropdown-menu
.row
.mega-menu-list
.level0
ul
li
> a{padding:6px 10px;color:#222}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item:hover,header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item:focus{background-color:transparent}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
a{display:block;padding:4px 10px;text-align:left;text-decoration:none!important;color:#222}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
a
svg{display:none}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
a:before{display:none!important}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
a:after{display:none!important}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
.down_icon{width:35px;height:35px;top:0;right:0;transition:.5s all;cursor:pointer;position:absolute;display:flex;justify-content:center;align-items:center}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
.down_icon:before{content:"";position:absolute;display:block;width:10px;height:10px;transition:all .5s;background:url(/image/catalog/zwine/icon/ic-list.svg) center/cover no-repeat}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
.down_icon.current:before{transform:rotate(90deg);moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.active
> a{color:var(--subColor)}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-childs
> ul.dropdown-menu{display:none;width:100%;background:transparent;position:relative;box-shadow:none;opacity:1;visibility:visible;transition:none;padding-left:10px}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-childs
> ul.dropdown-menu:before{content:"";width:1px;background:#ddd;height:100%;position:absolute;top:0;left:10px}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-childs
> ul.dropdown-menu
> li{border:0}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-childs
> ul.dropdown-menu
> li
> a{color:#222}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item.has-childs
> a{padding:4px 35px 4px 10px}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
.nav-item-lv2.has-childs2{position:relative}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
.nav-item-lv2.has-childs2
> ul.dropdown-menu{display:none;width:100%;background:transparent;position:relative;box-shadow:none;opacity:1;visibility:visible;transition:none;padding-left:10px}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
.nav-item-lv2.has-childs2
> ul.dropdown-menu:before{content:"";width:1px;background:#ddd;height:100%;position:absolute;top:0;left:10px}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
.nav-item-lv2.has-childs2
> ul.dropdown-menu
> li{border:0}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
.nav-item-lv2.has-childs2
> ul.dropdown-menu
> li
> a{color:#222;text-decoration:none!important}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.col-menu
#nav
.nav-item
.nav-item-lv2.has-childs2
> a{padding:4px 35px 4px 10px}
header.header
.header-menu
.container
.navigation-horizontal
.sudes-main-header
.control-menu{display:none}
header.header
.header-menu
.container
.navigation-horizontal
.list-menu-account{width:100%;border-top:1px solid #ddd;padding:10px 0}
header.header
.header-menu
.container
.navigation-horizontal
.list-menu-account
.li-account
a{display:block;padding:4px 10px;text-align:left;text-decoration:none!important;color:#222}
header.header
.header-menu
.container
.navigation-horizontal
.list-menu-account
.li-account
a
svg{position:relative;top:-1px;width:18px;height:18px;margin-right:5px}
header.header
.header-menu
.container
.navigation-horizontal
.list-menu-account
.li-account
a
svg
path{fill:#333}
header.header
.header-menu
.container
.navigation-horizontal
.list-menu-account
.li-account
a
img{position:relative;top:-1px;width:18px!important;height:18px!important;margin-right:5px;-webkit-animation:playnow 2000ms infinite;-moz-animation:playnow 2000ms infinite;-o-animation:playnow 2000ms infinite;animation:playnow 2000ms infinite}
header.header
.header-menu
.container
.navigation-horizontal
.list-menu-account
.li-account
a:hover{color:var(--subColor)}
header.header
.header-menu
.container
.navigation-horizontal
.list-menu-account
.li-account
a
.js-wishlist-count{display:inline-block;width:20px;height:20px;line-height:20px;font-size:1.2rem;border-radius:20px;background:var(--mainColor);text-align:center;position:relative;color:#fff;top:-2px}
header.header
.header-menu
.container
.navigation-horizontal
.list-menu-account
.li-account
a
span{font-weight:700}
header.header .header-menu .container .navigation-horizontal .tab-content-mb{display:none}
header.header
.header-menu
.container
.navigation-horizontal
.tab-content-mb.active{display:block;padding-top:12px}
header.header .mobile-nav-overflow.open{content:" ";width:100vw;height:100vh;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:999}
header.header.hSticky .main-header{position:fixed;top:0;left:0;width:100%;z-index:99;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-animation:fadeInDown .4s both;animation:fadeInDown .4s both}
header.header.hSticky .main-header .header_tim_kiem{display:none}
}
.topbar{padding:3px 0;position:relative;background:var(--mainColor);border-bottom:1px solid rgba(253,201,125,0.4)}
.topbar .header-promo{display:flex;align-items:center;justify-content:center}
.topbar .header-promo .js-promo{text-align:left}
.topbar .header-promo .js-promo > li.promo-item{color:#fff;text-align:center;line-height:24px;font-size:1.2rem}
.topbar .header-promo .js-promo > li.promo-item.see-none{display:none}
.topbar .header-promo .js-promo > li.promo-item:not(:first-child){display:none}
.topbar .header-promo .js-promo > li.promo-item.see-block{display:block}
.topbar .header-promo .js-promo > li.promo-item p{margin-bottom:0}
.topbar .header-promo .js-promo > li.promo-item a{color:var(--subColor);font-size:1.2rem;text-decoration:underline}
.topbar .header-promo .js-promo > li.promo-item a span{color:#fff;font-weight:500}
.topbar .header-promo .js-promo > li.promo-item a:hover{opacity:.8}
@media (max-width: 767px) {
.topbar .header-promo .js-promo > li.promo-item{min-height:24px}
.topbar .header-promo .js-promo > li.promo-item a{font-size:1.2rem}
}
.section_services{background-color:var(--mainColor);margin-top:30px;padding:30px 0}
.section_services .item_null .item_service{aspect-ratio:300/61;background-color:rgba(255,255,255,0.3)}
@media (max-width: 767px) {
.section_services{margin-top:25px;padding:25px 0}
}
@media (max-width: 992px) {
.section_services .promo-box .promo-item{justify-content:center}
}
@media (max-width: 767px) {
.section_services .promo-box{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-14px;margin-left:-14px;padding-left:7px;padding-right:7px;width:auto}
.section_services .promo-box .promo-item{padding-left:7px;padding-right:7px;-ms-flex:0 0 200px;flex:0 0 200px;max-width:200px;min-width:200px}
}
.section_services .promo-box .promo-item{text-align:center;display:flex;flex-wrap:wrap}
.section_services .promo-box .promo-item .icon{width:64px;height:61px;position:relative;display:inline-block}
@media (max-width: 992px) {
.section_services .promo-box .promo-item .icon{margin-bottom:5px;width:64px;height:61px}
}
.section_services .promo-box .promo-item .info{text-align:left;display:inline-table;vertical-align:middle;text-align:center;margin-bottom:0;margin-top:0}
.section_services .promo-box .promo-item .info h3{font-size:1.6rem;font-weight:700;margin:0;margin-bottom:3px;line-height:initial;color:var(--subColor)}
@media (max-width: 992px) {
.section_services .promo-box .promo-item .info h3{font-size:1.4rem}
}
.section_services .promo-box .promo-item .info span{color:#fff;font-size:1.4rem;display:block;line-height:initial}
@media (max-width: 992px) {
.section_services .promo-box .promo-item .info span{font-size:1.2rem}
}
@media (min-width: 992px) {
.section_services .promo-box .promo-item .info{text-align:left;flex-grow:1;padding-left:10px;max-width:calc(100% - 65px)}
}
footer.footer{position:relative;background-color:var(--footer-bg-color)}
footer.footer .mid-footer{position:relative;padding:40px 0}
footer.footer .mid-footer .footer-info .logo-footer{margin-bottom:15px}
footer.footer .mid-footer .footer-info .logo-footer a{width:400px;max-width:250px;display:inline-block}
footer.footer
.mid-footer
.footer-info
.logo-footer
a
img.lazyload:not(.loaded){width:auto;height:auto}
footer.footer .mid-footer .footer-info .content-contact{font-weight:500;position:relative}
footer.footer .mid-footer .footer-info .content-contact:last-child{margin-bottom:0}
footer.footer .mid-footer .footer-info .content-contact.mb-3{margin-bottom:10px}
footer.footer .mid-footer .footer-info .content-contact span.list_footer a{color:var(--mainColor)}
footer.footer
.mid-footer
.footer-info
.content-contact
span.list_footer
a:hover{color:var(--hover)}
footer.footer .mid-footer .social-footer{margin-top:20px;margin-bottom:20px}
footer.footer .mid-footer .social-footer .social a{display:inline-block;background-color:transparent;width:35px;font-size:14px;margin-right:3px;height:35px;line-height:35px;border-radius:50%;text-align:center;position:relative}
footer.footer .mid-footer .social-footer .social a + a{margin-left:3px}
footer.footer .mid-footer .social-footer .social a img{height:35px;width:35px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
footer.footer .mid-footer .social-footer .social a:hover,footer.footer .mid-footer .social-footer .social a:focus{filter:brightness(1.3);transition-duration:.3s}
footer.footer .mid-footer .col-xs-12 .title-menu{line-height:normal;position:relative;font-size:1.6rem;margin:0 0 12px;font-weight:700;color:var(--footer-color-title)}
@media (max-width: 767px) {
footer.footer .mid-footer .col-xs-12 .title-menu{margin-top:0;padding-top:0;position:relative}
}
footer.footer .mid-footer .col-xs-12 .list-menu{line-height:26px;padding-left:0;margin:0}
@media (max-width: 767px) {
footer.footer .mid-footer .col-xs-12 .list-menu.hidden-mob{display:none}
footer.footer .mid-footer .col-xs-12 .list-menu.hidden-mob.current{display:block}
}
footer.footer .mid-footer .col-xs-12 .list-menu .li_menu a{padding:5px 0;position:relative;line-height:normal;display:block;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-ms-transition:all ease .2s;-o-transition:all ease .2s;transition:all ease .2s}
footer.footer .mid-footer .block-payment .payment-footer{margin-top:20px;max-width:220px}
footer.footer .mid-footer .block-payment .payment-footer .payment-item{display:inline-block;width:63px;margin-right:5px;height:29px;position:relative;overflow:hidden;background-color:#fff}
footer.footer .mid-footer .block-payment .payment-footer .payment-item + a{margin-left:5px}
footer.footer .mid-footer .block-payment .payment-footer .payment-item img{height:29px;width:63px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
footer.footer .mid-footer .block-certifi{margin-top:20px}
footer.footer .mid-footer .block-certifi .certifi-footer{margin-top:15px}
footer.footer .mid-footer .block-certifi .certifi-footer a{display:inline-block;width:auto;margin-right:5px;height:70px;position:relative}
footer.footer .mid-footer .block-certifi .certifi-footer a + a{margin-right:0}
footer.footer .mid-footer .block-certifi .certifi-footer a img{max-height:100%;width:auto}
@media (max-width: 991px) {
footer.footer .mid-footer .block-certifi .certifi-footer a{height:60px}
}
footer.footer .mid-footer .col-xs-12 .title-menu span{display:block;position:relative;text-transform:uppercase}
footer.footer .info_foo_content{border-top:1px solid rgba(189,189,189,0.7);padding-top:30px;margin-top:30px}
footer.footer .copyright{text-align:center;margin-bottom:0;background:#122d4e;position:relative}
footer.footer .copyright span.wsp{display:block;padding:10px 0;color:#fff}
footer.footer .copyright span.wsp b{font-weight:700}
footer.footer .copyright a{font-weight:700;color:#fff}
footer.footer .copyright a:hover{color:var(--subColor)!important;text-decoration:underline}
@media (max-width: 992px) {
footer.footer .footer-info{margin-bottom:30px}
}
@media (max-width: 767px) {
footer.footer .copyright .wsp{overflow:hidden;display:block;line-height:24px}
footer.footer .copyright .mobile{display:block;width:100%;line-height:24px}
footer.footer .copyright .dash{display:none}
footer.footer .padding-bottom-50{padding-bottom:20px!important}
}
footer.footer .clicked{position:relative}
@media (max-width: 767px) {
footer.footer .clicked::before,footer.footer .clicked::after{position:absolute;content:"";top:50%;right:0;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);background-color:currentColor;-webkit-transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,opacity .4s ease-in-out;transition:transform .4s ease-in-out,opacity .4s ease-in-out,-webkit-transform .4s ease-in-out}
footer.footer .clicked::before{width:11px;height:1.5px;opacity:1}
footer.footer .clicked::after{width:1.5px;height:11px;right:10px}
footer.footer .clicked.open_:after{transform:rotate(180deg);right:0}
footer.footer .clicked.cls_mn::after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}
footer.footer .clicked.cls_mn::before{opacity:0}
}
footer.footer .footer-info{margin-bottom:20px}
footer.footer .footer-click{margin-bottom:20px}
footer.footer .footer-click:last-child{margin:0}
.backtop{position:fixed;bottom:100px;right:15px;z-index:99;top:auto;width:40px;height:40px;display:flex;background:transparent;text-decoration:none;transition:all .3s ease-out 0;transform:translateY(-20px);opacity:0;visibility:hidden;background-color:var(--subColor)}
.backtop svg{width:100%;height:100%;transform:rotate(270deg)}
.backtop svg path{stroke:#000}
.backtop:hover{background-color:var(--mainColor)}
.backtop:hover svg path{stroke:#fff}
@media (max-width: 767px) {
.backtop{bottom:95px}
}
.backtop.show{transition:all .3s ease-out 0;transform:translateY(0px);opacity:1;visibility:visible}
.fancybox-close{background-color:transparent!important}
@media (min-width: 992px) and (max-width: 1199px) {
#bizweb-product-reviews{width:100%!important}
}
@media (max-width: 480px) {
.bizweb-product-reviews-form{min-width:250px!important}
}
@media (max-width: 1199px) {
.h_recover{margin-bottom:30px}
}
.page_404{background-size:cover;background-position:center center;background-repeat:no-repeat;height:100%;width:100%;min-height:700px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media (max-width: 767px) {
.page_404{min-height:400px}
}
.page_404 .page-404{text-align:center}
.page_404 .page-404 h1{font-size:200px;font-weight:700;line-height:200px;margin:0;padding:0;color:var(--textColor)}
@media (max-width: 767px) {
.page_404 .page-404 h1{font-size:100px;line-height:100px}
}
.page_404 .page-404 p{font-size:22px;color:var(--textColor)}
@media (max-width: 767px) {
.page_404 .page-404 p{font-size:16px}
}
.bizweb-product-reviews-module{margin:0!important}
.breadcrumb{margin:0;font-size:14px;padding:0;border-radius:0;font-weight:400;line-height:24px;background-color:transparent;width:100%;text-align:left}
.breadcrumb li{display:inline}
.breadcrumb li > a{color:var(--textColor)}
.breadcrumb li > a > span{color:var(--textColor)}
.breadcrumb li .mr_lr{padding:0 3px;color:var(--textColor)}
.breadcrumb li span{display:inline;color:var(--textColor)}
.breadcrumb li span .fa{color:var(--textColor);padding:0 5px}
.breadcrumb li a:hover,.breadcrumb li.active,.breadcrumb li strong{color:var(--hover);font-weight:400;text-decoration:none}
.breadcrumb li a:hover span,.breadcrumb li.active span,.breadcrumb li strong span{color:var(--hover)}
.breadcrumb > li + li:before{display:none}
.pagination > li:first-child > a,.pagination > li:first-child > span{border-top-left-radius:0;border-bottom-left-radius:0;border-radius:50%}
.pagination > li:last-child > a,.pagination > li:last-child > span{border-top-left-radius:0;border-bottom-left-radius:0;border-radius:50%}
.pagenav{text-align:right}
.pagenav span{display:inline-block;float:left;margin-right:10px;line-height:30px;font-weight:700}
.item_product_main{display:block;height:100%;padding-bottom:28px;position:relative}
@media (max-width: 767px) {
.item_product_main{padding-bottom:14px}
}
.item_product_main .product-action{background:#fff;height:100%;margin-bottom:0;position:relative;overflow:hidden;border:1px solid #e9e9e9}
.item_product_main .product-action .box_item_main{transition:transform 1s}
.item_product_main .product-action .box_item_main .product-thumbnail{width:100%;aspect-ratio:1;position:relative;overflow:hidden}
.item_product_main
.product-action
.box_item_main
.product-thumbnail
.image_thumb
img{width:auto;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;object-fit:contain}
.item_product_main
.product-action
.box_item_main
.product-thumbnail
.farm_sticker{position:absolute;top:7px;left:7px;z-index:2}
.item_product_main
.product-action
.box_item_main
.product-thumbnail
.farm_sticker
img{max-width:100%;max-height:33px;width:auto}
.item_product_main
.product-action
.box_item_main
.product-thumbnail
.ghn_sticker{position:absolute;bottom:7px;left:7px;top:auto;z-index:2}
.item_product_main
.product-action
.box_item_main
.product-thumbnail
.ghn_sticker
img{max-height:28px;max-width:100%;width:auto}
.item_product_main
.product-action
.box_item_main
.product-thumbnail
.flash-sale{width:44px;height:auto;aspect-ratio:40/20;text-align:center;font-size:1.2rem;font-weight:500;display:inline-block;position:absolute;top:10px;right:10px;color:#fff;z-index:1;background-color:#A00D0D;padding:1px 0}
.item_product_main
.product-action
.box_item_main
.product-thumbnail
.video_tem{justify-content:center;align-items:center;display:flex;position:absolute;width:100%;top:50%;left:50%;text-align:center;transition:all .3s ease-in-out;transform:translate(-50%,-50%);transition:all .3s ease-in-out}
.item_product_main
.product-action
.box_item_main
.product-thumbnail
.video_tem
img{max-width:46px;max-height:46px}
.item_product_main .product-action .box_item_main .product-info{width:100%;padding:10px;position:relative;background:#fff;transition-duration:.3s;z-index:1;text-align:center}
.item_product_main .product-action .box_item_main .product-info .item_vendor{display:block;margin:5px 0;font-size:1.4rem;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:16px;line-height:16px}
.item_product_main .product-action .box_item_main .product-info .product-name{font-size:1.6rem;min-height:45px;text-transform:uppercase}
.item_product_main
.product-action
.box_item_main
.product-info
.product-name:hover,.item_product_main
.product-action
.box_item_main
.product-info
.product-name:focus{color:var(--hover)}
.item_product_main
.product-action
.box_item_main
.product-info
.product-price-cart{margin-top:4px;min-height:24px}
.item_product_main
.product-action
.box_item_main
.product-info
.product-price-cart
.compare-price{display:inline-block;width:auto;color:#717171;font-size:1.4rem;text-decoration:line-through;line-height:initial;margin-left:10px}
.item_product_main
.product-action
.box_item_main
.product-info
.product-price-cart
.price{color:var(--price);font-weight:700;display:inline-block;width:auto;font-size:1.6rem;line-height:initial;position:relative}
@media (max-width: 991px) {
.item_product_main
.product-action
.box_item_main
.product-info
.name-price
.product-name{font-size:1.4rem}
.item_product_main
.product-action
.box_item_main
.product-info
.name-price
.product-price-cart{gap:4px}
.item_product_main
.product-action
.box_item_main
.product-info
.name-price
.product-price-cart
.price{font-weight:700;font-size:1.6rem}
}
@media (max-width: 991px) and (max-width: 480px) {
.item_product_main
.product-action
.box_item_main
.product-info
.name-price
.product-price-cart
.price{font-size:1.4rem}
}
@media (max-width: 991px) {
.item_product_main
.product-action
.box_item_main
.product-info
.name-price
.product-price-cart
.compare-price{font-size:1.2rem}
}
@media (min-width: 992px) {
.item_product_main .product-action .sub-info-item{background:#f1f1f1;position:absolute;bottom:0;right:0;width:100%;height:100%;backface-visibility:hidden;z-index:1;-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);transition:all 1s;padding:10px;visibility:hidden;-webkit-perspective:0;-webkit-backface-visibility:hidden}
.item_product_main .product-action .sub-info-item .product-name{font-size:1.4rem;text-transform:uppercase}
.item_product_main .product-action .sub-info-item .product-name:hover,.item_product_main .product-action .sub-info-item .product-name:focus{color:var(--hover)}
.item_product_main .product-action .sub-info-item .product-price-cart{margin-top:4px;min-height:24px}
.item_product_main
.product-action
.sub-info-item
.product-price-cart
.compare-price{display:inline-block;width:auto;color:#9aa5b3;font-size:1.4rem;text-decoration:line-through;line-height:initial;margin-left:10px}
.item_product_main .product-action .sub-info-item .product-price-cart .price{color:var(--price);font-weight:700;display:inline-block;width:auto;font-size:1.6rem;line-height:initial;position:relative}
.item_product_main .product-action .sub-info-item .box_ven_type{display:block;margin-top:5px;margin-bottom:10px}
.item_product_main
.product-action
.sub-info-item
.box_ven_type
.item_ven_type{line-height:22px;display:block}
.item_product_main .product-action .sub-info-item .box_tag_pro{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;gap:5px}
.item_product_main .product-action .sub-info-item .box_tag_pro .info{display:flex}
.item_product_main .product-action .sub-info-item .box_tag_pro .info span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.item_product_main .product-action .sub-info-item .box_tag_pro .info img{max-width:18px;max-height:18px}
.item_product_main .product-action .sub-info-item .box_cont_pro{line-height:22px;text-transform:capitalize;max-height:44px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;margin-bottom:10px}
.item_product_main .product-action .sub-info-item .product-button{display:flex;align-items:center;gap:8px;transition:.3s all}
.item_product_main .product-action .sub-info-item .product-button button{display:flex;justify-content:center;align-items:center;transition-duration:.3s;position:relative;width:36px;font-size:1.4rem;padding:0;height:36px;border-radius:0;background:var(--mainColor)}
.item_product_main .product-action .sub-info-item .product-button button svg{width:18px;height:18px;display:block}
.item_product_main
.product-action
.sub-info-item
.product-button
button
svg
path{fill:#fff}
.item_product_main
.product-action
.sub-info-item
.product-button
button:hover{background-color:var(--hover)}
.item_product_main
.product-action
.sub-info-item
.product-button
button:hover
svg
path{fill:#000}
.item_product_main .product-action .sub-info-item .product-button button .svg-stroke{stroke:#fff;fill:none!important;transition:stroke .3s ease}
.item_product_main .product-action .sub-info-item .product-button button:hover .svg-stroke{stroke:#000;fill:none!important}
.item_product_main .product-action .sub-info-item .product-button button path.svg-stroke{fill:none!important}
.item_product_main
.product-action
.sub-info-item
.product-button
a.btn-circle{display:flex;justify-content:center;align-items:center;width:36px;height:36px;position:relative;z-index:1;font-size:0;color:#fff;background:var(--mainColor);border-radius:0}
.item_product_main
.product-action
.sub-info-item
.product-button
a.btn-circle
img{width:18px;height:18px;filter:brightness(0) invert(1)}
.item_product_main
.product-action
.sub-info-item
.product-button
a.btn-circle.active
img{filter:inherit}
.item_product_main
.product-action
.sub-info-item
.product-button
a.btn-circle:hover{background:var(--hover);color:#000}
.item_product_main
.product-action
.sub-info-item
.product-button
a.btn-circle:hover:not(.active)
img{filter:brightness(0)}
.item_product_main .product-action .sub-info-item .product-button a.btn-circle:hover svg path{stroke:#000}
.item_product_main
.product-action
.sub-info-item
.product-button
button.btn-circle{display:flex;justify-content:center;align-items:center;width:36px;height:36px;position:relative;z-index:1;font-size:0;color:#fff;background:var(--mainColor);border-radius:0;border:unset}
.item_product_main
.product-action
.sub-info-item
.product-button
button.btn-circle
img{width:18px;height:18px;filter:brightness(0) invert(1)}
.item_product_main
.product-action
.sub-info-item
.product-button
button.btn-circle.active
img{filter:inherit}
.item_product_main
.product-action
.sub-info-item
.product-button
button.btn-circle:hover{background:var(--hover);color:#000}
.item_product_main
.product-action
.sub-info-item
.product-button
button.btn-circle:hover:not(.active)
img{filter:brightness(0)}
.item_product_main .product-action .sub-info-item .product-button button.btn-circle:hover svg path{stroke:#000}
}
@media (min-width: 992px) and (max-width: 991px) {
.item_product_main .product-action .sub-info-item .product-button{padding:0 7px}
.item_product_main .product-action .sub-info-item .product-button button{font-size:1.2rem;width:100%;min-width:inherit;padding:0 12px;height:36px}
.item_product_main .product-action .sub-info-item .product-button button svg{width:16px;height:16px;display:block}
}
@media (min-width: 992px) {
.item_product_main .product-action:hover .sub-info-item,.item_product_main .product-action:focus .sub-info-item{z-index:2;transform:rotateY(0);visibility:visible}
.item_product_main .product-action:hover .box_item_main,.item_product_main .product-action:focus .box_item_main{z-index:1;transform:rotateY(180deg)}
}
@media (max-width: 992px) {
.item_product_main .product-action .sub-info-item{display:none!important}
}
.content-page{min-height:400px}
.content-page ul,.content-page ol{padding-left:20px}
.wd-icon:before{content:"\f180"}
.list-search .product-smart{display:flex;padding:8px 5px;border-bottom:1px solid #ededed;background:#fff;position:relative;width:100%}
.list-search .product-smart:first-child{margin-top:12px}
.list-search .product-smart:last-child{border-bottom:none}
.list-search .product-smart .image_thumb{display:flex;justify-content:center;align-items:center;width:60px;height:60px;aspect-ratio:1;border:1px solid #f1f1f1;border-radius:4px;position:relative}
.list-search .product-smart .image_thumb img{width:auto;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;object-fit:contain}
.list-search .product-smart .product-info{display:block;width:calc(100% - 60px);-o-width:calc(100% - 60px);-moz-width:calc(100% - 60px);-webkit-width:calc(100% - 60px);padding-left:10px}
.list-search .product-smart .product-info{margin:5px 0;position:relative}
.list-search .product-smart .product-info h3{padding:0;font-size:1.4rem;font-weight:500;margin:0 0 3px;padding-bottom:3px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--textColor)!important}
.list-search .product-smart .product-info h3:hover{color:var(--subColor)}
.list-search .product-smart .product-info h3 a{color:var(--textColor)}
.list-search .product-smart .product-info h3 a:hover{color:var(--subColor)}
.list-search .product-smart .product-info .price-box{color:var(--price);line-height:23px;display:block;font-size:1.4rem;font-weight:500}
.list-search .product-smart .product-info .price-box .price{padding-right:5px}
.list-search .product-smart .product-info .price-box .compare-price{text-decoration:line-through;font-size:1.3rem;color:#9e9e9e;line-height:24px;font-weight:300}
.list-search .product-smart:hover{background:#f5f5f5;border-radius:5px}
.list-search .product-smart:hover .product-info h3 span{color:var(--subColor)}
.list-search .see-all-search{display:block;position:relative;text-align:center;line-height:initial;margin-top:10px}
.list-search .see-all-search:hover{text-decoration:underline}
.list-search .not-pro{margin-top:16px;font-style:italic;padding:4px 12px;background:#ffedca;border-radius:6px}
@keyframes alert-fade-in-up {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes alert-fade-out {
0%{opacity:1}
100%{opacity:0}
}
#js-global-alert{position:fixed;top:5%;right:15px;width:290px;transition:all ease 0 .5s;z-index:9999;padding:10px;margin-bottom:0;opacity:0;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards;display:none}
#js-global-alert .alert-heading{margin-bottom:0;font-size:1.6rem}
#js-global-alert .alert-content{font-size:1.4rem;margin-bottom:0;line-height:initial}
#js-global-alert.active{display:block;animation-name:alert-fade-in-up}
#js-global-alert.inactive{animation-name:alert-fade-out}
#js-global-alert button.close{position:absolute;top:0;right:10px}
#modal-banner{bottom:0;left:0;overflow-x:auto;overflow-y:auto;position:fixed;right:0;top:0!important;z-index:9999}
#modal-banner .modal-banner-promo{position:absolute;width:460px;top:50%;left:50%;height:auto;margin:0 auto;padding:5px;transform:translate(-50%,-50%);background-color:transparent;z-index:8011}
#modal-banner .modal-banner-promo .modal-body{position:relative;width:100%;opacity:0;animation-delay:.2s;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-name:popup-fade-in-up;aspect-ratio:500/500}
#modal-banner .modal-banner-promo .modal-body img.lazyload{opacity:0;background:transparent!important}
#modal-banner .modal-banner-promo .modal-body img.lazyload.loaded{opacity:1;background:transparent}
#modal-banner .modal-banner-promo .modal-body form{margin:0}
#modal-banner .modal-banner-promo .modal-body form a.banner-promotion{display:flex;background:#ddd}
#modal-banner .modal-banner-promo .modal-body form a.banner-promotion img{width:100%}
#modal-banner .modal-banner-promo .modal-body form .check-close{display:flex;align-items:center;color:#fff;justify-content:center;margin-top:12px}
#modal-banner .modal-banner-promo .modal-body form .check-close input{display:inline-block;background:#fff;width:20px;height:20px;opacity:1;position:relative;top:inherit;left:inherit;margin-right:8px;cursor:pointer}
#modal-banner .modal-banner-promo .modal-body form .check-close label{margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.25)}
@media (max-width: 767px) {
#modal-banner .modal-banner-promo{width:calc(100% - 40px)}
}
#modal-banner .modal-banner-promo .modalbanner-close{background-color:var(--subColor);border-radius:0;height:30px;width:30px;position:absolute;text-align:center;top:0;right:0;color:#000;opacity:1;font-weight:400;text-shadow:none;padding:0;display:flex;justify-content:center;align-items:center;float:none}
#modal-banner .modal-banner-promo .modalbanner-close svg{width:20px;height:20px}
#modal-banner .modal-banner-promo .modalbanner-close:hover{background:var(--mainColor);color:#fff}
#modal-banner .modalbanner-overlay{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;opacity:.8}
@keyframes zoomzoom {
from{transform:scale(0)}
to{transform:scale(1.2)}
}
.main-widget{position:fixed;left:14px;bottom:20px;z-index:99;top:auto!important}
@media (max-width: 767px) {
.main-widget{bottom:25px}
}
.main-widge .img svg{width:100%;height:100%}
.main-widget .img{width:25px;height:25px}
.main-icon svg{width:20px;height:20px;fill:#fff;margin-bottom:5px}
.main-icon p{font-size:1rem;color:#fff;margin:0}
.out-circle{overflow:hidden;padding:17px;border-radius:100%;background:#173963;width:60px;height:60px}
.main-icon{line-height:0;color:#fff;width:100%;height:32px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.main-icon i{width:26px;height:26px;transform:translateX(2px)}
.ser-icon{display:inline-flex;position:absolute;font-size:30px;top:0;left:0;padding:10%;background:#fff;max-width:100%;overflow:hidden;border-radius:100%;color:#173963;width:70%;height:70%;margin:15%;transition:.2s all}
.unsee{opacity:0;transform:scale(0)}
.process{display:inline-flex;transform:translateX(0px);transition:.15s linear transform;line-height:0}
.ser-icon .item{margin-right:40px;width:30px;height:30px;color:#173963;display:flex;justify-content:center;align-items:center}
.ser-icon .item svg{width:25px;height:25px;color:#173963}
.ser-icon i:nth-child(2n){color:#000}
.def-content{position:absolute;bottom:62px;left:0;background:#fff;border-radius:8px;transition:.2s all;box-shadow:0 0 10px rgba(0,0,0,0.2);width:300px;z-index:1}
.def-content:before{position:absolute;bottom:-8px;left:22px;right:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content:""}
.def-content .def-header{background:#173963;padding:10px;border-radius:8px 8px 0 0;color:#fff;position:relative}
.def-content .def-header .close-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:10px;top:10px;left:initial;padding:0;margin:0;border:0 none;background:none;line-height:1;width:26px;height:26px;cursor:pointer;color:#fff;background:#173963;border-radius:50%;text-align:center}
.def-content .item > a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 10px;transition:.3s linear all}
.def-content .item > a .img{flex-grow:0;flex:none;height:34px;width:34px;display:flex;justify-content:center;align-items:center;margin-right:10px;border-radius:50%;color:#fff!important}
.def-content .item > a .img svg{height:20px;width:20px}
.def-content .item > a .detail{flex-grow:1;line-height:normal}
.def-content .item > a .detail .arcu-item-title{font-weight:700;font-size:1.4rem;display:block;line-height:normal}
.def-content .item > a .detail .arcu-item-subtitle{font-size:1.3rem;color:#787878}
.def-content .item.phone > a .img{background:#4eb625}
.def-content .item.mess > a .img{background:#31adff}
.def-content .item.zalo > a .img{background:#0165f8}
.def-content .item.map > a .img{background:#d94234}
.def-content .item:last-child{margin-bottom:0}
.main-widget .close-icon{display:flex;justify-content:center;align-items:center;position:absolute;font-size:25px;top:0;padding:10px;left:0;width:60px;height:60px;line-height:1;text-align:center;color:#fff;background:#173963;border-radius:100%;transition:.2s all;transform:rotate(0);cursor:pointer}
.main-widget .close-icon svg{width:25px;height:25px}
.close-icon.unsee{transform:rotate(180deg)}
.pregan{position:absolute;width:100%;height:100%;left:0;top:0;background:#143257;z-index:-2;border-radius:100%;opacity:.6;animation:zoomzoom 3s linear .2s infinite}
.pregan:nth-child(1){animation-delay:.5s}
.main-widget .item svg{fill:#173963}
.def-content .item svg{fill:#fff}
.def-content .item:hover{background:#f1f1f1}
.popup-sapo{position:fixed;bottom:60px;left:17px;margin:0;z-index:99;top:auto!important;font-size:1.4rem}
@media (min-width: 992px) {
.popup-sapo{bottom:30px}
}
@media (max-width: 767px) {
.popup-sapo{bottom:25px}
}
.popup-sapo .icon{position:relative;z-index:4;height:48px;width:48px;text-align:center;border-radius:50%;border:1px solid #fff;cursor:pointer;background:var(--mainColor);box-shadow:0 4px 8px rgba(0,0,0,0.15);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;animation:pulse 2s infinite;animation:pulse 2s infinite;cursor:pointer}
.popup-sapo .icon svg{fill:#fff;width:20px;height:20px;transition:opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;transition:opacity .35s ease-in-out,transform .35s ease-in-out;transition:opacity .35s ease-in-out,transform .35s ease-in-out,-webkit-transform .35s ease-in-out;animation:iconSkew 1s infinite ease-out;min-height:-webkit-fill-available}
.popup-sapo .content{background:#122d4e;color:#fff;padding:20px 20px 40px;border-radius:10px;width:300px;position:absolute;bottom:40px;left:5px;box-shadow:0 4px 20px rgba(0,0,0,0.2);-webkit-transform-origin:100% bottom;transform-origin:0 bottom;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transition:-webkit-transform .35s cubic-bezier(0.165,0.84,0.44,1);transition:transform .35s cubic-bezier(0.165,0.84,0.44,1);transition:transform .35s cubic-bezier(0.165,0.84,0.44,1),-webkit-transform .35s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:transform .35s cubic-bezier(0.165,0.84,0.44,1)}
@media (max-width: 767px) {
.popup-sapo .content{width:250px;padding:14px}
}
@media (max-width: 322px) {
.popup-sapo .content{width:220px;padding:7px}
}
.popup-sapo .content .title{font-size:1.6rem;line-height:normal;font-weight:700;margin-bottom:20px}
@media (max-width: 767px) {
.popup-sapo .content .title{margin-bottom:5px}
}
@media (max-width: 322px) {
.popup-sapo .content .title{font-size:1.4rem}
}
.popup-sapo .content .close-popup-sapo{position:absolute;right:5px;top:5px;cursor:pointer}
.popup-sapo .content .close-popup-sapo svg{width:15px;height:15px}
.popup-sapo .content .close-popup-sapo svg path{fill:#fff}
.popup-sapo .content .close-popup-sapo:hover svg path{fill:var(--subColor)}
.popup-sapo .content ul{margin-bottom:10px}
@media (max-width: 767px) {
.popup-sapo .content ul{margin-bottom:5px}
}
.popup-sapo .content ul li{margin-bottom:10px}
@media (max-width: 767px) {
.popup-sapo .content ul li{margin-bottom:5px}
}
.popup-sapo .content ul li svg{margin-right:10px}
.popup-sapo .content ul li svg path{fill:#fff}
.popup-sapo .content ul li a{color:#fff}
.popup-sapo .content ul li:hover a{color:var(--subColor)}
.popup-sapo .content ul li:hover svg path{fill:var(--subColor)}
.popup-sapo .content .ghichu{font-style:italic}
@media (max-width: 767px) {
.popup-sapo .content .ghichu{font-size:1.3rem}
}
.popup-sapo.active .content{-ms-transition-delay:.1s;-webkit-transition-delay:.15s;transition-delay:.1s;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.popup-ngonngu{position:fixed;right:0;top:30%!important;z-index:95}
.popup-ngonngu .icon{width:40px;height:40px;background:#dd0115;display:flex;align-items:center;justify-content:center;border-radius:5px 0 0 5px}
.popup-ngonngu .icon path{fill:#fff}
.popup-ngonngu .language{opacity:0;filter:alpha(opacity=0);visibility:hidden;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;-webkit-transition:.2s ease-out;-ms-transition:.2s ease-out;transition:.2s ease-out;-moz-transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);position:absolute;top:100%;right:0;width:110px;background:#fff;box-shadow:0 2px 6px 0 rgba(50,50,50,0.33);padding:5px}
.popup-ngonngu .language li{margin-bottom:5px}
.popup-ngonngu .language li:last-child{margin-bottom:0}
.popup-ngonngu .language a{display:flex;align-items:center;font-size:1.4rem}
.popup-ngonngu .language a img{margin-right:4px}
.popup-ngonngu:hover .language{opacity:1;filter:alpha(opacity=100);visibility:visible;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;-webkit-transition:.3s ease-in;-ms-transition:.3s ease-in;transition:.3s ease-in;-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}
.custom-loading{padding:40px;text-align:center;color:#555;font-size:15px;opacity:.85}
.custom-loading i{font-size:26px;color:#888}
.custom-loading span{display:block;margin-top:10px}
.product-tab-module .tab-content{display:none;}
@media(min-width:992px){.product-tab-module .tab-content{min-height:775px}}
.product-tab-module .tab-content.current{display:block}
#article-comments #comment .article-comment{display:flex;gap:10px;margin-top:20px}
#article-comments #comment .article-comment .article-comment-user-image img{border-radius:100px;width:50px}
#article-comments #comment .article-comment .article-comment-user-comment .user-name-comment{font-weight:700;margin-bottom:0}
.layout-collection .sort-cate .sort-cate-right{display:block!important}
.layout-collection .sort-cate .sort-cate-navigation{display:flex;align-items:center;gap:10px;width:100%}
.layout-collection .sort-cate .sort-cate-navigation h3{font-size:1.4rem;color:#000;float:left;margin:0;margin-right:24px;font-weight:700}
.layout-collection .sort-cate .sort-cate-right{flex:1;overflow:hidden}
.layout-collection .sort-cate .sort-items-container{display:flex;transition:transform .3s ease;margin:0;padding:0;list-style:none;white-space:nowrap}
.layout-collection .sort-cate .nav-button{background:none;border:none;cursor:pointer;padding:5px;color:#333}
.layout-collection .sort-cate .nav-button svg{display:block}
.nav-button.disabled{opacity:.5;cursor:not-allowed}
.sort-cate-right ul{padding-left:0}