html,body{box-sizing:border-box;scroll-behavior:smooth;background-color:#ee3123!important;font-family:'Play',sans-serif}
.soft-menu__item a{font-family:'Play',sans-serif;color:#fff!important;font-weight:700!important;font-size:16px!important}
.btnLikeDay{background-color:#ee3123!important;color:white;padding:8px 15px;line-height:25px;border:none;border-radius:10px;cursor:pointer}
.text-clips{display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.color-blue{color:#1212dcc2!important}
.color-primary{color:#ee3123!important}
.block-quote{text-align:justify!important}
ul{padding-left:0}
ul li{list-style:none}
#ulEvent{position:absolute;width:300px;line-height:40px;background:white;color:white;padding-left:10px;z-index:9999;border-radius:10px;margin-top:0}
#ulEvent li{list-style:none;border-bottom:1px solid #ff00004a}
#ulEvent li a{color:red!important}
#ulEvent li:hover a{color:green!important}
.custom-file-input2::-webkit-file-upload-button{visibility:hidden}
.custom-file-input2::before{content:'Tải ảnh lĂªn';display:inline-block;background:linear-gradient(top,#f9f9f9,#e3e3e3);border:1px solid #999;border-radius:3px;padding:5px 8px;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-weight:700;font-size:10pt}
.custom-file-input2:hover::before{border-color:black}
.custom-file-input2:active::before{background:-webkit-linear-gradient(top,#e3e3e3,#f9f9f9)}
img{width:100%;height:auto}
a{display:inline;color:unset;text-decoration:none}
.divCom{background-color:white!important;padding:10px!important;border-radius:10px;cursor:pointer}
.divCom:hover{transition:all .5s linear}
.divCom label{font-weight:bold}
.bg-white{background-color:white!important}
.mr-10{margin-right:10px}
.p-10{padding:10px!important}
.border-r-10{border-radius:10px}
.form-control{background-color:#fffffff2!important}
.line30{line-height:30px}
.line35{line-height:35px}
.line40{line-height:40px}
.text-bold{font-weight:bold!important}
.mt-20{margin-top:20px}
.fs-20{font-size:20px}
.mb-40{margin-bottom:40px!important}
.link-active{border-bottom:2px solid white!important}
a:hover{text-decoration:none;color:unset}
.centering{display:flex;align-items:center;justify-content:center}
.centering-y{display:flex;align-items:center}
@keyframes animatedBackground {
.0%{background-position:0 0}
.50%{background-position:50% 0}
100%{background-position:100% 0}
}
.primary-gradient-text-1{user-select:none;font-weight:900!important;background-image:linear-gradient(180deg,rgba(202,145,11,0.98) 0%,#EFE494 47%,rgba(202,145,11,0.96) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}
.primary-gradient-text-2{user-select:none;font-weight:900!important;background-image:linear-gradient(180deg,#038DDA 30%,rgba(107,179,233,0.96) 51%,rgba(3,141,218,0.96) 73%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}
.primary-gradient-text-3{user-select:none;font-weight:900!important;background-image:linear-gradient(180deg,#AF2021 30%,rgba(192,93,94,0.96) 51%,rgba(175,32,33,0.96) 73%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}
.primary-gradient-text-4{user-select:none;font-weight:900!important;background-image:linear-gradient(180deg,#677F00 30%,rgba(149,177,24,0.96) 51%,rgba(103,127,0,0.96) 73%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}
.primary-gradient-text-5{user-select:none;font-weight:900!important;background-image:linear-gradient(180deg,#D7A88E 30%,rgba(249,209,188,0.96) 51%,rgba(215,168,142,0.96) 73%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}
.primary-button{display:inline-flex;align-items:center;-webkit-box-shadow:10px 20px 18px -13px #000;border-radius:100px;background-color:#F4D011;padding:12px 18px;color:#fff;font-weight:700;border:none;background-color:#F4D011;border-radius:5px;color:#ffffff;cursor:pointer;padding:0 30px;display:inline-block;font-weight:400;outline:none;position:relative;overflow:hidden;border-radius:23px;-webkit-transform:translateZ(0);-webkit-transition:all .35s ease;transition:all .35s ease;-webkit-box-sizing:border-box;box-sizing:border-box}
.primary-button:before{opacity:0;content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;background-color:#ffffff;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(100%);transform:translateY(100%)}
.primary-button:after{position:absolute;top:0;bottom:0;left:0;right:0;border:5px solid #F4D011;content:'';border-radius:inherit}
.primary-button:hover,.primary-button.hover{background-color:#F4D011;color:#ffffff}
.primary-button:hover:before,.primary-button.hover:before{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:.25}
.second-primary{color:rgb(0,128,55);font-size:14px;font-weight:bold;text-align:center;padding:6px 16px;border:1px solid rgb(0,128,55);border-radius:100px}
.products .primary-button{padding:10px 12px;display:flex}
.primary-button i{margin-right:10px}
.title-white{font-weight:500;color:#fff;font-size:32px;letter-spacing:1px}
.desc-white{color:#fff;font-size:26px}
.title-primary-blue{font-weight:500;color:#478FFE;font-weight:700;font-size:32px;letter-spacing:1px}
.primary-button:hover{cursor:pointer;transform:scale(0.98)}
.paragraph{color:#000;text-align:justify;line-height:28px;letter-spacing:1px;font-weight:300}
.paragraph.center{text-align-last:center}
.primary-title{color:rgb(0,153,102);font-size:28px;font-weight:700;text-align:center}
.yellow-text{color:rgb(244,208,17)}
.soft-menu{position:fixed;top:60px;left:0;right:0;bottom:0;height:100vh;width:100vw;background-color:rgba(0,0,0,0.407);-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all linear .01s;transition:all linear .01s;opacity:1;z-index:1232323232}
.soft-menu.open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.soft-menu__list{position:absolute;top:0;left:0;background-color:#ffffff!important;width:330px;height:100vh;overflow-y:auto;max-height:90%;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all linear .3s;transition:all linear .3s}
.soft-menu__list.open{-webkit-transform:translateX(0);transform:translateX(0)}
.soft-menu__item{letter-spacing:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0 12px 18px;border-top:1px solid #eaeccaf0}
.soft-menu__item.child a{font-weight:normal!important}
.soft-menu__item a{position:relative;color:#ee3123!important;font-size:15px;font-weight:500}
.soft-menu__item i{padding-right:8px;font-size:14px;color:#ee3123}
.soft-menu__item:hover a{color:#47BAD4;-webkit-transform:translateX(10px);transform:translateX(10px);-webkit-transition:all .3s;transition:all .3s}
.soft-menu__item.dark-modes:hover a{-webkit-transform:translateX(0);transform:translateX(0);color:unset}
.soft-menu__item--active a{color:#47BAD4}
.soft-menu__item.dark-modes{height:60px;display:flex;justify-content:flex-start}
.soft-menu__item.dark-modes img{height:100%}
.soft-menu__item.hehe{display:flex;justify-content:space-between}
.soft-menu__item.hehe i{color:#fff}
.header-mobile{width:100%;height:60px;background-color:white!important;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0 14px;margin-bottom:20px;position:fixed;top:0;z-index:9999!important}
.header-mobile-icon i{color:#FCCB27;font-size:22px}
.header-mobile-right{height:100%;padding:0;display:flex;align-items:center}
.header-mobile-right img{height:100%;width:auto}
.header-buttons{display:flex}
.header-buttons div:first-child{margin-right:8px}
.thumb-likeday{background-repeat:no-repeat;height:200px!important;background-size:cover;background-position:center}
.thumb-likeday2{background-repeat:no-repeat;height:400px!important;background-size:cover;background-position:center}
.hr{background-color:white;max-width:300px}
.ulPaging a{padding:2px 10px;margin-right:10px;color:white!important;background-color:#ee3123;border-radius:10px}
.select2-container .select2-selection--single{height:38px!important}
.clstab{padding:10px;color:white;text-align:center;border-radius:10px;cursor:pointer;border:1px solid white}
.rotate180{transform:rotate(180deg)}
@media (min-width: 600px) {
.itemCart{background-repeat:no-repeat;height:150px!important;width:150px!important;background-size:cover;background-position:center;margin:10px 0}
.iCart{line-height:35px}
.wCart{width:200px}
.detailProduct{background-repeat:no-repeat;height:330px!important;background-size:cover;background-position:center}
.img-banner-home{width:100%;min-height:380px;background-position:center;background-size:contain;background-repeat:no-repeat;overflow:hidden;border-radius:20px;display:flex;align-items:center;justify-content:center}
.bgEffect{animation:animatedBackground 3s linear infinite}
.divRank{justify-content:space-evenly}
#bgEvents{background-size:contain}
#frameEvents{width:100%;height:500px}
.onPc{line-height:30px;min-height:30px}
.nameProfile{padding-top:80px;text-align:left}
}
.cursor-pointer{cursor:pointer}
@media (max-width: 739px) {
.divRank{justify-content:space-between}
.itemCart{background-repeat:no-repeat;height:100px!important;width:100px!important;background-size:cover;background-position:center;margin:10px 0}
.iCart{line-height:30px}
.wCart{width:130px}
.detailProduct{background-repeat:no-repeat;height:330px!important;background-size:cover;background-position:center}
.thumb-likeday2{background-repeat:no-repeat;height:250px!important;background-size:cover;background-position:center}
.bgEffect{animation:animatedBackground 20s linear infinite}
.img-banner-home{width:100%;min-height:100px!important;background-position:center;background-size:contain;background-repeat:no-repeat;overflow:hidden;border-radius:0;display:flex;align-items:center;justify-content:center}
#bgEvents{background-size:cover}
#frameEvents{width:100%;height:300px}
.nameProfile{padding-top:20px;padding-left:20px}
.check-form{margin:10px!important;margin-top:70px!important}
.fixCols{width:120px!important}
}