@import 'https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300';html{background-color:#FFF}body{font-family:"Roboto Slab",sans-serif;font-size:16px;color:#212121;background-color:#FFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0.5px}h1,.h1,h1 *,.h1 *,h2,.h2,h2 *,.h2 *,h3,.h3,h3 *,.h3 *,h4,.h4,h4 *,.h4 *,h5,.h5,h5 *,.h5 *,h6,.h6,h6 *,.h6 *{line-height:1.5 !important}h1,.h1,h1 *,.h1 *{font-size:48px !important;font-weight:400 !important}h2,.h2,h2 *,.h2 *{font-size:32px !important;font-weight:700 !important}h3,.h3,h3 *,.h3 *{font-size:24px !important;font-weight:400 !important}h4,.h4,h4 *,.h4 *{font-size:20px !important;font-weight:400 !important}h5,.h5,h5 *,.h5 *{font-size:16px !important;font-weight:700 !important}h6,.h6,h6 *,.h6 *{font-size:14px !important;font-weight:400 !important}p,.paragraph{font-size:16px;line-height:1.7;font-weight:400}a,.link{font-size:14px;line-height:1;font-weight:400;transition:all 0.3s;cursor:pointer !important}a:focus,.link:focus{outline:none !important}button,.button{padding:10px 20px;display:inline-block;font-size:16px;line-height:1;font-weight:700;text-align:center;text-transform:uppercase;border-radius:40px;border:1px solid;transition:all 0.3s}button.-first,.button.-first{font-size:18px !important}button.-seccond,.button.-seccond{font-size:14px !important}button.-ghost,.button.-ghost{font-size:10px !important}.filled-button{color:#212121 !important;background-color:#ffc107;border-color:transparent}.filled-button:hover{color:#212121 !important;text-decoration:none;background-color:#ffce3d}.filled-button:focus,.filled-button:active{color:#212121 !important;text-decoration:none;background-color:#c99700}.filled-reversed-button{color:#FFF !important;background-color:#ffc107;border-color:transparent}.filled-reversed-button:hover{color:#FFF !important;text-decoration:none;background-color:#ffce3d}.filled-reversed-button:focus,.filled-reversed-button:active{color:#FFF !important;text-decoration:none;background-color:#c99700}.outline-button{color:#212121 !important;background-color:transparent;border-color:#212121}.outline-button:hover{color:#FFF !important;text-decoration:none;border-color:#212121;background-color:#212121}.outline-button:focus,.outline-button:active{color:#FFF !important;text-decoration:none;border-color:#212121;background-color:#212121}.badges{margin:0 5px 5px 0;padding:5px 10px;display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:40px;border:1px solid transparent}.badges.-new-arrival{color:#4caf50 !important;border-color:#4caf50}.badges.-reccommend{color:#ff9800 !important;border-color:#ff9800}.badges.-best-seller{color:#03a9f4 !important;border-color:#03a9f4}.badges.-promotion{color:#f44336 !important;border-color:#f44336}.in-active{opacity:0.3 !important}.darker{color:#c99700 !important}.primary{color:#ffc107 !important}.lighter{color:#ffce3d !important}.-time{margin:10px 0 0;display:block;line-height:1 !important;text-decoration:none !important}.-locaton{margin:10px 0 0;display:block;line-height:1 !important;text-decoration:none !important}.-old-price{margin:10px 0 0;display:block;color:red !important;font-size:18px !important;font-weight:700 !important;line-height:1 !important;text-decoration:line-through !important}.-old-price .small{color:red !important;font-size:14px !important}.-price{margin:0 0 10px;display:block;font-size:24px !important;font-weight:400 !important;line-height:1 !important;text-decoration:none !important}.-price.-big{font-size:32px !important}.-price.-not-old-price{margin:10px 0}.-price .small{font-size:14px}.-currency{margin:5px 0 0;display:block;font-size:14px !important;font-weight:700 !important;line-height:1.5 !important;text-decoration:none !important}.-quan{margin:10px 0 5px;display:block;font-size:16px !important;font-weight:700 !important;line-height:1 !important;text-decoration:none !important}.-referral{margin:20px 0 0;display:block;line-height:1 !important;text-decoration:none !important}.inline-{font-size:0}.load-effect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1033;display:block;width:100%;height:100vh;background-color:#FFF;transform:translateX(-100%)}.load-effect div{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%, -50%)}.load-effect div span{position:relative;display:block;z-index:0;width:100%;color:#ffc107;line-height:150px;text-align:center;text-transform:uppercase}.load-effect div span:before{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:" ";opacity:0;border-radius:100px;border:5px solid #ffc107;box-shadow:0 0 0px #ffc107,inset 0 0 0px #ffc107;animation:circleloader 3s infinite}.load-effect div span:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:" ";opacity:0;border-radius:100px;border:5px solid #ffc107;box-shadow:0 0 0px #ffc107,inset 0 0 0px #ffc107;animation:circleloader 3s infinite 1.5s}.load-effect.is-active{transform:translateX(0)}.load-effect.is-active.de-active{opacity:0;transition:all 0.3s linear}.load-effect.is-active.de-active.loaded{display:none}@-webkit-keyframes circleloader{0%{transform:scale(0);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}body ui-customer-box .UiCustomerBox-modal-filter{z-index:1032}body .ui-search-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1032;display:block;width:100%;height:100vh;background-color:rgba(0,0,0,0.6);display:none;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:scroll;transition:all 0.3s linear}body .ui-search-box.is-active{display:block;opacity:1;visibility:visible}body .ui-search-box .search{background-color:#FFF}body .ui-search-box .search .-form{position:relative}body .ui-search-box .search .-form:before{content:"";position:absolute;top:50%;left:0;font-family:"FontAwesome";font-size:24px;transform:translate3d(0, -50%, 0)}body .ui-search-box .search .-form md-input-container{margin:0 0 0 35px;padding:40px 0;position:relative}body .ui-search-box .search .-form md-input-container label{margin:0;padding:0;top:50%;bottom:auto;font-size:24px;font-weight:400;color:#212121;transform:translate3d(0, -50%, 0) scale(1)}body .ui-search-box .search .-form md-input-container input{margin:0;padding:0;width:calc(100% - 5rem - .9rem);height:45px;font-family:"Roboto Slab",sans-serif;font-size:24px;font-weight:400;line-height:45px;border:none;outline:0;-webkit-appearance:none}body .ui-search-box .search .-form md-input-container.md-input-focused label,body .ui-search-box .search .-form md-input-container.md-input-has-value label{transform:translate3d(0, -120%, 0) scale(0.6)}body .ui-search-box .search .-form md-input-container .-close{margin:10px 0;position:relative;display:inline-block;float:right;width:25px;height:25px;transition:all 0.3s linear}body .ui-search-box .search .-form md-input-container .-close:before{position:absolute;top:0;left:50%;width:1px;height:100%;content:"";background-color:#212121;transform:translateX(-50%) rotate(45deg);transition:all 0.3s linear}body .ui-search-box .search .-form md-input-container .-close:after{position:absolute;top:0;right:50%;width:1px;height:100%;content:"";background-color:#212121;transform:translateX(-50%) rotate(135deg);transition:all 0.3s linear}body .ui-search-box .search .-form md-input-container .-close:hover:before,body .ui-search-box .search .-form md-input-container .-close:hover:after{background-color:#ffce3d}body .ui-search-box .search .-form md-input-container .-close:active:before,body .ui-search-box .search .-form md-input-container .-close:active:after{background-color:#c99700}body .ui-search-box .search .-error{margin:0 0 20px 35px;position:relative;display:none;width:100%;height:40px;font-size:24px;color:#212121;line-height:40px;font-weight:700;transition:all 0.3s}body .ui-search-box .search .-error.is-active{display:block}body .ui-search-box .search .-loading{margin:0 0 20px 35px;position:relative;display:none;transition:all 0.3s}body .ui-search-box .search .-loading.is-active{display:block}body .ui-search-box .search .-loading md-progress-circular{display:block}body .ui-search-box .search .-loading md-progress-circular path{stroke:#ffc107}body .ui-search-box .search .-result{opacity:0;visibility:hidden;transition:all 0.3s}body .ui-search-box .search .-result.is-active{opacity:1;visibility:visible}body .ui-search-box .search .-result ul{margin:0 0 20px;padding:10px 0;display:block;list-style:none;border-top:0.1rem solid #e4eaf8}body .ui-search-box .search .-result ul li{margin:0 0 10px;position:relative;overflow:hidden;cursor:pointer}body .ui-search-box .search .-result ul li a{padding:0 0 0 80px;position:relative;display:block;color:#212121}body .ui-search-box .search .-result ul li a.active,body .ui-search-box .search .-result ul li a:hover,body .ui-search-box .search .-result ul li a:focus,body .ui-search-box .search .-result ul li a:active{text-decoration:none;outline:none}body .ui-search-box .search .-result ul li a.active{color:#c99700}body .ui-search-box .search .-result ul li a:hover{color:#ffce3d}body .ui-search-box .search .-result ul li a:active{color:#c99700}body .ui-search-box .search .-result ul li a .-img{position:absolute;top:0;left:0;width:60px;height:60px;background-position:center center;background-repeat:no-repeat}body .ui-search-box .search .-result ul li a .-detail{padding:0;width:100%;height:60px;border-bottom:0.1rem solid #e4eaf8;transition:all 0.2s linear}body .ui-search-box .search .-result ul li a .-detail .-prop{width:100%;height:20px;font-size:12px;line-height:20px;text-transform:uppercase}body .ui-search-box .search .-result ul li a .-detail .-title{width:100%;height:40px;font-size:24px;line-height:40px;font-weight:700}body .ui-search-box .search .-result ul li a .-detail .-title .hilight{font-weight:400}body .ui-search-box .search .-result ul li a .bold{font-weight:700}body .ui-search-box .search .-result ul li a:hover .-detail{padding:0}body .ui-search-box .search .-result ul li a.-see-all{padding:10px 0;display:inline-block;color:#212121}body .ui-search-box .search .-result ul li a.-see-all.active,body .ui-search-box .search .-result ul li a.-see-all:hover,body .ui-search-box .search .-result ul li a.-see-all:focus,body .ui-search-box .search .-result ul li a.-see-all:active{text-decoration:none;outline:none}body .ui-search-box .search .-result ul li a.-see-all.active{color:#c99700}body .ui-search-box .search .-result ul li a.-see-all:hover{color:#ffce3d}body .ui-search-box .search .-result ul li a.-see-all:active{color:#c99700}body .ui-search-box .search .-result ul.-cat{border:none}body .ui-search-box .search .-result ul.-cat li{margin:0;padding:0;display:inline-block}body .ui-search-box .search .-result ul.-cat li+li{border-left:0.1rem solid #e4eaf8}body .ui-search-box .search .-result ul.-cat li .-title{padding:5px 10px;display:block;width:auto;color:#212121;font-size:20px;font-weight:700;text-transform:uppercase}body .ui-search-box .search .-result ul.-cat li .-title.active,body .ui-search-box .search .-result ul.-cat li .-title:hover,body .ui-search-box .search .-result ul.-cat li .-title:focus,body .ui-search-box .search .-result ul.-cat li .-title:active{text-decoration:none;outline:none}body .ui-search-box .search .-result ul.-cat li .-title.active{color:#c99700}body .ui-search-box .search .-result ul.-cat li .-title:hover{color:#ffce3d}body .ui-search-box .search .-result ul.-cat li .-title:active{color:#c99700}body .ui-search-box .search .-result ul.-cat li .-title .hilight{font-weight:400}body .ui-search-box .search .-notfound{margin:0 0 20px 35px;position:relative;display:none;width:100%;height:40px;font-size:24px;color:#212121;line-height:40px;font-weight:700;transition:all 0.3s}body .ui-search-box .search .-notfound.is-active{display:block}landing-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1034;display:block;width:100%;height:100vh;background-color:#F5F5F5;overflow-x:hidden;overflow-y:auto;transition:all 0.3s linear}landing-page .-relative{position:relative;width:100%;height:100%}landing-page .-relative .-content{position:absolute;top:50%;left:50%;width:85%;color:#616161;font-family:"Work Sans",sans-serif;text-align:center;transform:translate(-50%, -50%)}landing-page .-relative .-content img{max-width:250px}landing-page .-relative .-content .title,landing-page .-relative .-content time{margin:10px 0}landing-page .-relative .-content .title{display:block;font-size:4rem}landing-page .-relative .-content time{display:block;font-size:5rem}landing-page .-relative .-content .countdown span{display:inline-block;font-size:2.2rem;font-weight:400 !important;vertical-align:top}landing-page .-relative .-content .countdown span+span{margin:0 0 0 10px;padding:0 0 0 16px;position:relative}landing-page .-relative .-content .countdown span+span:before{position:absolute;top:0;left:0;content:":"}landing-page .-relative .-content .countdown span small{display:block;font-size:1.2rem}