@import 'https://fonts.googleapis.com/css?family=Titillium+Web:400,700';@font-face{font-family:"cloudbold";src:url("./fonts/cloud-bold-webfont.woff2") format("woff2"),url("./fonts/cloud-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"cloudlight";src:url("./fonts/cloud-light-webfont.woff2") format("woff2"),url("./fonts/cloud-light-webfont.woff") format("woff");font-weight:normal;font-style:normal}html{background-color:#FFF}body{font-family:"Titillium Web",sans-serif;font-size:16px;font-weight:400;color:#212121;background-color:#FFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0.5px}.-thai{-webkit-text-stroke:0;letter-spacing:0.5px !important;font-family:"cloudlight",sans-serif !important}.button.-thai{font-weight:700 !important}.-top-name{margin:0 0 50px !important;padding:15px 20px !important;opacity:0;background-color:#00417b !important}.-top-name.-fixed{position:fixed;top:100px;right:0;left:0;z-index:1030;display:none;opacity:1}.-top-name.-fixed.-active{display:block}.-top-name h2{margin:0 !important;color:#FFF !important;text-transform:uppercase !important}@media (max-width: 991px){.-top-name.-fixed{top:64px}.-top-name h2{font-size:24px !important}}@media (min-width: 768px){.-show-xs{display:none !important}}@media (max-width: 767px){.-show-xs{display:block !important}.-hidden-xs{display:none !important}}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:700 !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:400;text-align:center;border-radius:5px;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:#27aae1;border-color:transparent}.filled-button:hover{color:#212121 !important;text-decoration:none;background-color:rgba(0,65,123,0.8)}.filled-button:focus,.filled-button:active{color:#212121 !important;text-decoration:none;background-color:#00417b}.filled-reversed-button{color:#FFF !important;background-color:#27aae1;border-color:transparent}.filled-reversed-button:hover{color:#FFF !important;text-decoration:none;background-color:rgba(0,65,123,0.8)}.filled-reversed-button:focus,.filled-reversed-button:active{color:#FFF !important;text-decoration:none;background-color:#00417b}.outline-button{color:#27aae1 !important;background-color:transparent;border-color:#27aae1}.outline-button:hover{color:#FFF !important;text-decoration:none;border-color:rgba(0,65,123,0.8);background-color:rgba(0,65,123,0.8)}.outline-button:focus,.outline-button:active{color:#FFF !important;text-decoration:none;border-color:#00417b;background-color:#00417b}.seccond-filled-button{color:#FFF !important;background-color:#212121;border-color:#212121}.seccond-filled-button:hover{color:#FFF !important;text-decoration:none;background-color:rgba(0,65,123,0.8);border-color:rgba(0,65,123,0.8)}.seccond-filled-button:focus,.seccond-filled-button:active{color:#FFF !important;text-decoration:none;background-color:#00417b;border-color:#00417b}.seccond-outline-button{color:#212121 !important;background-color:transparent;border-color:#212121}.seccond-outline-button:hover{color:#27aae1 !important;text-decoration:none;border-color:rgba(0,65,123,0.8)}.seccond-outline-button:focus,.seccond-outline-button:active{color:#00417b !important;text-decoration:none;border-color:#00417b}.seccond-button{color:#FFF !important;background-color:#bcbec0;border-color:#bcbec0}.seccond-button:hover{color:#FFF !important;text-decoration:none;background-color:rgba(0,65,123,0.8);border-color:rgba(0,65,123,0.8)}.seccond-button:focus,.seccond-button:active{color:#FFF !important;text-decoration:none;background-color:#00417b;border-color:#00417b}.reversed-primary-button{color:#27aae1 !important;background-color:#FFF;border-color:#FFF}.reversed-primary-button:hover{color:#FFF !important;text-decoration:none;background-color:rgba(0,65,123,0.8);border-color:rgba(0,65,123,0.8)}.reversed-primary-button:focus,.reversed-primary-button:active{color:#FFF !important;text-decoration:none;background-color:#00417b;border-color:#00417b}.badges{margin:0 5px 5px 0;padding:5px 10px;display:inline-block;color:#FFF !important;font-size:12px;font-weight:700;text-transform:capitalize;border-radius:5px}.badges.-new-arrival{background-color:#4caf50}.badges.-reccommend{background-color:#ff9800}.badges.-best-seller{background-color:#03a9f4}.badges.-promotion{background-color:#f44336}.badges.-primary{background-color:#27aae1}.in-active{opacity:0.3 !important}.darker{color:#00417b !important}.primary{color:#27aae1 !important}.lighter{color:#a0c9ec !important}.-old-price{margin:10px 0 0;display:block;color:red !important;font-size:14px !important;font-weight:700 !important;line-height:1 !important;text-decoration:line-through !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}.-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}.-logo-no-result{margin:0 auto;max-width:150px}.-txt-no-result,.-button-no-result{margin:40px 0 0}.inline-{font-size:0}@media (max-width: 767px){.text-xs-center{text-align:center !important}}.spinner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;background-color:#FFF;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all 0.1s}.spinner.-progress{opacity:1;visibility:visible;transition:all 0.1s}.spinner .-table{display:table;width:100%;vertical-align:middle}.spinner .-table .-cell{display:table-cell;text-align:center;vertical-align:middle}.spinner .-table .-cell div{display:inline-block;width:10px;height:10px;background-color:#27aae1;border-radius:100%;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .-table .-cell .bounce1{animation-delay:-0.32s}.spinner .-table .-cell .bounce2{animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,
80%,
100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,
80%,
100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.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:#27aae1;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 #27aae1;box-shadow:0 0 0px #27aae1,inset 0 0 0px #27aae1;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 #27aae1;box-shadow:0 0 0px #27aae1,inset 0 0 0px #27aae1;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-customer-box .UiCustomerBox-modal-filter .-close{margin:10px 0;position:relative;display:inline-block;float:right;width:25px;height:25px;transition:all 0.3s linear}body ui-customer-box .UiCustomerBox-modal-filter .-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-customer-box .UiCustomerBox-modal-filter .-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-customer-box .UiCustomerBox-modal-filter .-close:hover:before,body ui-customer-box .UiCustomerBox-modal-filter .-close:hover:after{background-color:#a0c9ec}body ui-customer-box .UiCustomerBox-modal-filter .-close:active:before,body ui-customer-box .UiCustomerBox-modal-filter .-close:active:after{background-color:#00417b}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:"Titillium Web",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:#a0c9ec}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:#00417b}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:#27aae1}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:#00417b}body .ui-search-box .search .-result ul li a:hover{color:#a0c9ec}body .ui-search-box .search .-result ul li a:active{color:#00417b}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:#00417b}body .ui-search-box .search .-result ul li a.-see-all:hover{color:#a0c9ec}body .ui-search-box .search .-result ul li a.-see-all:active{color:#00417b}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:#00417b}body .ui-search-box .search .-result ul.-cat li .-title:hover{color:#a0c9ec}body .ui-search-box .search .-result ul.-cat li .-title:active{color:#00417b}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 .-close{margin:50px;position:relative;display:inline-block;float:right;width:25px;height:25px;cursor:pointer;transition:all 0.3s linear}landing-page .-relative .-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}landing-page .-relative .-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}landing-page .-relative .-close:hover:before,landing-page .-relative .-close:hover:after{background-color:#a0c9ec}landing-page .-relative .-close:active:before,landing-page .-relative .-close:active:after{background-color:#00417b}landing-page .-relative input{position:absolute;top:90px;right:50px;z-index:1500;width:100px;opacity:0;visibility:hidden;transition:all 0.3s}landing-page .-relative input.is-active{opacity:1;visibility:visible}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}@media (max-width: 543px){landing-page .-relative .-close{margin:15px 15px 0 0}landing-page .-relative input{position:absolute;top:11px;right:45px}landing-page .-relative .-content img{max-width:150px}landing-page .-relative .-content .title{font-size:1.8rem}landing-page .-relative .-content time{font-size:3.5rem}}