/* Theme Name: Flatsome Child Description: This is a child theme for Flatsome Theme Author: UX Themes Template: flatsome Version: 3.0 */ /*************** ADD CUSTOM CSS HERE. ***************/ .section__salel .col.small-12{ padding-bottom: 0 !important; } .title__web { display: inline-block; padding-right: 20px; color: #fff; font-size: 30px; font-weight: 600; text-transform: capitalize; line-height: 62px; background: -webkit-linear-gradient(#98b1ff,#ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .soci__footer { display: flex; align-items: center; padding-top: 10px; } .soci__footer img { width: auto !important; height: 48px; } #top-bar marquee { font-size: 15px; } .box__nen h3 { color: #fff; font-size: 16px; margin: 3; text-transform: uppercase; } .section__salel .icon-box { padding: 8px 15px; border-radius: 50px; background: #fd7e03; } .section__salel .icon-box img { max-height: 50px; } .section__salel .section__salel__1 .col:nth-child(2) .icon-box  { background: #ff462d; } .section__salel .section__salel__1 .col:nth-child(3) .icon-box  { background: #21c673; } .section__salel  .section__salel__1 .col:nth-child(4) .icon-box  { background: #ff462d; } .section__salel .icon-box:hover { background: #0e579d; } .section__salel .section__salel__1 .col:nth-child(4) .icon-box { background: #0c6efd; } .section__salel .section__salel__1 .col:nth-child(2) .icon-box { background: #ff462d; } .section__salel .section__salel__1 .col:nth-child(3) .icon-box { background: #21c673; } .section__thang { padding: 10px 0 !important; } .section__thang .row__row > .col.large-6 { /*padding: 0;*/ } .section__thang .row__row > .col.large-:nth-child(1) { /*padding-right: 3px;*/ } .section__thang .row__row > .col.large-6:nth-child(2n) { /*padding-left: 3px;*/ } .section__thang .section-title-container { margin: 0; } .section__thang #slick-next , .section__thang #slick-prev { display: none !important; } .slider__vetical { /*padding-left: 0 !important;*/ /*padding-bottom: 0 !important;*/ } .row__sl_img { padding-right: 0 !important; padding-bottom: 0 !important; } .section__thang .icon-box { overflow: hidden; border: none; /* border-bottom: 1px solid #ccc; */ /* border-top: 1px solid #ccc; */ padding: 0 x; width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease align-items: center; display: flex; cursor: pointer; transition: all 400ms ease; -webkit-transition: all 400ms ease; padding: 0 82px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 42px; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#2b2a2e),to(#252326)); background: linear-gradient( 180deg ,#2b2a2e,#252326); margin-bottom: 1px; padding: 0 80px; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease; } .section__thang .icon-box:hover { background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#2f2f31),to(#09060d)); background: linear-gradient( 180deg ,#2f2f31,#09060d); -webkit-transition: all .5s ease; transition: all .5s ease; } .section__hca { padding-top: 20px !important; } .section__hca .section-content > .img { display: block; margin: auto; } .section__thang .icon-box .icon-box-img img { border: 1px solid #6f6f70; margin-right: 16px; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; } .section__thang .slick-vertical .slick-slide { border-top: 0 !important; } .row__sl_img .slider img { width: 100%; height: 263px !important; object-fit: cover; } .section__thang .icon-box .icon-box-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 46px; margin-bottom: 1px; padding: 0 35px; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease; } .section__thang .icon-box .icon-box-text p { color: #b3ffd6; margin: 0; font-size: 13px; font-weight: 400; } .section__thang .icon-box .icon-box-text p img { max-width: 14px; width: 14px; height: 14px; display: inline-block; margin-right: 5px; } .section__thang .icon-box .icon-box-text p.img__coin { color: #fee71b; font-size: 11px; margin: 0; } .champions-header { height: 45px; -webkit-box-shadow: rgb(0 0 0 / 10%) 0 4px 4px; box-shadow: 0 4px 4px rgb(0 0 0 / 10%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f90; padding: 0 30px; -webkit-animation: lightAnimation 3s ease 0s infinite normal none running; animation: lightAnimation 3s ease 0s infinite normal none running; } .champions-header span { font-style: normal; font-weight: 700; font-size: 22px; line-height: 26px; letter-spacing: .03em; text-transform: uppercase; color: #fff; text-shadow: 0 2px 4px rgb(0 0 0 / 25%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .section__salel .section__salel__1 .col:nth-child(4) .icon-box:hover { background: #2f435f; } .section__salel .section__salel__1 .col:nth-child(2) .icon-box:hover { background: #0c6efd; } .section__salel .section__salel__1 .col:nth-child(3) .icon-box:hover { background: #ff462d; } .section__salel .icon-box .icon-box-img { width: 40px !important; } .section__salel .icon-box .icon-box-text { width: calc(100% - 40px) !important; } .section__salel .icon-box .icon-box-text h3 { color: #fff; font-size: 16px; font-weight: 600; margin: 0 0 5px 0; } .section__salel .icon-box .icon-box-text p { color: #fff; font-size: 13px; font-weight: 500; margin: 0; } .header-bottom .nav > li > a { font-family: "Arial" !important; font-weight: 400 !important; font-size: 14px; padding: 0 9px; text-transform: uppercase; line-height: 46px;    color: #333 !important; } .header-bottom .nav > li > a:hover { color: #fff !important; background: #000; } body { font-family: "Arial" !important; } .float_box-left { position: fixed; top: 240px; left: 10px; z-index: 3020; } .float_aside-nav { position: relative; width: 280px; height: 340px; } .float_aside-nav_icon-download { background-image: url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-tai-app.png); } .float_aside-nav_item, .float_aside-nav_menu { position: absolute; top: 0; left: -90px; bottom: 0; right: 0; margin: auto; color: #f9c369; text-align: center; text-decoration: none; -webkit-transition: all .5s; -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; } .float_aside-nav_menu { border-radius: 50%; transition: all .5s; width: 130px; height: 130px; background-size: contain!important; -webkit-animation: rota 5s ease 1.4s infinite; animation: rota 5s ease 1.4s infinite; z-index: 1; } .float_aside-nav_icon-about { background: url(images/aside-dang-ky.png) no-repeat; } .float_aside-nav_icon-agent { background: url(images/aside-dai-ly.png) no-repeat; } .float_aside-nav_icon-activity { background: url(images/aside-khuyen-mai.png) no-repeat; } .float_aside-nav_icon-faq { background: url(images/aside-quy-dinh.png) no-repeat; } .float_aside-nav_item:hover { border-width: 0; border-color: #8d6246; } .float_aside-nav:hover .float_aside-nav_item { opacity: 1; } .deposit-ranking-detail{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;bottom:0;width:525px;height:295px;border-radius:10px;color:#fff;background-color:#261f26;-webkit-box-shadow:0 5px 18px 2px rgba(20,20,20,.4);box-shadow:0 5px 18px 2px rgba(20,20,20,.4)}.deposit-ranking-detail .dr-close{position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-8px;right:-8px;width:32px;height:32px;color:#141414;color:rgba(20,20,20,.5);font-size:28px;cursor:pointer;border-radius:16px;background-color:#fff;-webkit-box-shadow:0 5px 18px 2px rgba(20,20,20,.5);box-shadow:0 5px 18px 2px rgba(20,20,20,.5)}.deposit-ranking-detail .dr-close,.deposit-ranking-detail .dr-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deposit-ranking-detail .dr-header{height:45px;font-size:19px;background-color:#bd1010}.deposit-ranking-detail .dr-header .mps-sports{color:#febf4e;margin:0 5px 0 20px}.deposit-ranking-detail .dr-marquee{position:relative;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#e29212}.deposit-ranking-detail .dr-marquee .marquee-block{position:absolute;z-index:1;width:100%;height:30px;line-height:30px;background-color:#e29212}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-news{position:relative;margin:0 auto}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap{position:relative;margin:auto}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .visible-area{position:relative;width:100%;height:30px;overflow:hidden}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .visible-area .marquee-content{position:absolute;white-space:nowrap;-webkit-animation:scrollLeft linear infinite;animation:scrollLeft linear infinite}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .visible-area .marquee-content.scrollLeft{padding-left:550px}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .marquee-content .marquee-item{color:#fff;margin-left:5px;margin-right:30px;font-weight:400;font-size:14px;cursor:pointer}.deposit-ranking-detail .dr-marquee .marquee-block .marquee-wrap .marquee-content .marquee-item i{margin-top:3px;margin-right:5px}.deposit-ranking-detail .dr-content{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.deposit-ranking-detail .dr-content,.deposit-ranking-detail .dr-left-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.deposit-ranking-detail .dr-left-box{width:215px;height:100%;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;padding:20px}.deposit-ranking-detail .dr-left-item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deposit-ranking-detail .dr-left-item .player-id{font-size:18px;font-weight:900;text-transform:uppercase}.deposit-ranking-detail .dr-left-item .mps-coin-fill{color:#febf4e;font-size:22px;margin-top:5px}.deposit-ranking-detail .dr-left-item .money{font-size:18px;font-weight:500;color:#ffcd57;margin-top:5px}.deposit-ranking-detail .rank{font-family:Avenir;font-size:12px;font-weight:900;color:#fff;padding:5px 8px 5px 7px;border-radius:10px;margin-right:5px}.deposit-ranking-detail .top-1{-webkit-box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px rgba(255,248,230,.91);box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px rgba(255,248,230,.91);background-color:#fda200}.deposit-ranking-detail .top-2{-webkit-box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px hsla(0,0%,83.9%,.91);box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px hsla(0,0%,83.9%,.91);background-color:#939dba}.deposit-ranking-detail .top-3{-webkit-box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px rgba(245,180,116,.91);box-shadow:0 1px 2.4px .6px rgba(20,20,20,.75),inset 0 -1px 4.5px .5px rgba(245,180,116,.91);background-color:#aa6538}.deposit-ranking-detail .dr-right-box{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;overflow:hidden}.deposit-ranking-detail .dr-right-box,.deposit-ranking-detail .dr-right-box>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.deposit-ranking-detail .dr-right-box>div{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:47px;padding:0 10px;-webkit-box-shadow:inset 0 -1px 0 0 #37363c;box-shadow:inset 0 -1px 0 0 #37363c;background-image:-webkit-gradient(linear,left bottom,left top,from(#201e20),to(#2b292c));background-image:linear-gradient(0deg,#201e20,#2b292c)}.deposit-ranking-detail .dr-right-box .right-item-rank{font-size:13px;color:#febf4e;margin-right:5px}.deposit-ranking-detail .dr-right-box .player-id{font-size:15px;text-transform:uppercase}.deposit-ranking-detail .dr-right-box .money-box{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:12px;padding:3px 27px 1px 3px;margin-left:10px;-webkit-box-shadow:inset 0 -1px 1.9px .1px rgba(0,0,0,.96);box-shadow:inset 0 -1px 1.9px .1px rgba(0,0,0,.96);background-color:#000}.deposit-ranking-detail .dr-right-box .mps-coin-fill{color:#febf4e;font-size:18px}.deposit-ranking-detail .dr-right-box .money{font-size:15px;font-weight:500;color:#ffcd57} .deposit-ranking-container{position:fixed;left:20px;bottom:40px;z-index:20}.deposit-ranking-container .dr-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;height:60px;border-radius:30px;background-color:#bd1010;-webkit-box-shadow:0 5px 18px 2px rgba(20,20,20,.4);box-shadow:0 5px 18px 2px rgba(20,20,20,.4);cursor:pointer}.deposit-ranking-container .dr-btn i{color:#febf4e;font-size:35px} .not-found{width:100%;height:500px;text-align:center;padding-top:60px}.not-found .not-found-title{color:#feb000;line-height:50px;font-size:24px}.not-found .not-found-desc{color:#feb000;font-size:18px;line-height:30px} .ad-WebpageShare iframe{margin:0;padding:0;border:none;height:100vh;width:100vw;overflow-y:auto;overflow-x:hidden}.ad-WebpageShare .ad-image{position:relative;width:400px;height:300px;background-color:#fff;background-size:contain;cursor:pointer}.ad-WebpageShare .mps-close{position:absolute;top:-20px;right:-20px;width:40px;height:40px;line-height:40px;border-radius:20px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.31);box-shadow:0 2px 4px 0 rgba(0,0,0,.31);background-color:#fff;color:#777;font-size:34px;text-align:center;cursor:pointer} .app.signup .main-wrap.signup .white-container .container{padding:20px 30px 0}.app.signup .main-wrap.signup .white-container .container .nrc-form-item{margin-bottom:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.app.signup .main-wrap.signup .white-container .container .nrc-form-label{width:130px;padding:0;white-space:nowrap;text-align:left}.app.signup .main-wrap.signup .white-container .container .nrc-form-input{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;width:calc(100% - 130px)}.app.signup .main-wrap.signup .white-container .container .nrc-form-input .react-tel-input{width:100%}.app.signup .main-wrap.signup .white-container .container .nrc-form-input input{margin-right:0;width:100%}.app.signup .main-wrap.signup .white-container .container .nrc-form-input small{line-height:1.4;font-weight:400}.app.signup .main-wrap.signup:after{content:"";position:absolute;right:0;top:0;width:320px;height:100%;background:url(https://csi.20icipp.com/img/static/789bet/custom/banner/banner-modal.png) bottom/cover no-repeat}.snowflake{color:#fff;font-size:1em;font-family:Arial;-webkit-animation-name:fall;animation-name:fall;top:-100vh;text-shadow:0 0 1px #000;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:first-of-type{left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}@-webkit-keyframes fall{to{-webkit-transform:translateY(200vh);transform:translateY(200vh)}}@keyframes fall{to{-webkit-transform:translateY(200vh);transform:translateY(200vh)}}footer{background-color:#1d1d1d;background-image:url(https://csi.20icipp.com/img/static/789bet/custom/footer/bg-footer.jpg)}footer .footer-title{height:75px;color:#f5dab2;font-size:20px}footer .footer-main{padding:20px 0;width:1300px;margin:auto}footer .footer-row{display:-webkit-box;display:-ms-flexbox;display:flex}footer .footer-row>*{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 30px 20px}footer .footer-logo{margin:0 auto 10px;width:109px;height:65px;background:url(https://csi.20icipp.com/img/static/desktop/brand/789bet/logo.png) 0/cover no-repeat}footer .footer-intro{color:#fff;font-size:16px;text-align:justify}footer .footer-intro span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer!important}footer .footer-intro span:hover{color:#feb000}footer .footer-links-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}footer .footer-links-wrap .footer-links{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:30px}footer .footer-links-wrap .footer-links a{margin-bottom:10px;display:block;color:#fff;font-size:16px;text-decoration:none;white-space:nowrap;-webkit-transition:color .3s;transition:color .3s}footer .footer-links-wrap .footer-links a:hover{color:#faa011}footer .logo-bank li{float:left;list-style:none}footer .logo-bank li .img-card{display:inline-block;background-size:contain;background-repeat:no-repeat;cursor:pointer;margin:10px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:grayscale(1) opacity(.8);filter:grayscale(1) opacity(.8)}footer .logo-bank li .img-card:hover{filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1)}footer .footer-logo-wrap{margin-bottom:15px}footer .footer-logo-wrap .footer-title{height:auto;margin-bottom:0}footer .footer-logo-wrap .footer-logo-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer .copy{text-align:center;color:#fff}.marquee-container{position:relative;z-index:12}.marquee-container .marquee-block{position:absolute;width:100%;min-width:1300px;z-index:1;line-height:40px;height:40px;background-color:#000;background-color:rgba(0,0,0,.5)}.marquee-container .marquee-block .marquee-news{position:relative;width:1300px;margin:auto}.marquee-container .marquee-block .marquee-news .news.marquee-wrap{position:relative;margin:auto;width:100%;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .visible-area{position:relative;height:100%;overflow:hidden}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .marquee-content{position:absolute;white-space:nowrap}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .marquee-content.scrollLeft{padding-left:1300px;-webkit-animation:scrollLeft linear infinite;animation:scrollLeft linear infinite}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .visible-area .marquee-item{margin-right:30px;font-size:15px;color:#fff;font-weight:400}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .visible-area .marquee-item:first-child{margin-left:10px}.marquee-container .marquee-block .marquee-news .news.marquee-wrap .visible-area .marquee-item:last-child{margin-right:0}.marquee-container .marquee-block .marquee-news .news-title{display:none}.app.root .marquee-container{position:absolute;left:0;top:calc(34.363vw + 146px);width:100%}@media screen and (max-width:1300px){.app.root .marquee-container{top:592.719px}}.app.root .marquee-container .marquee-block{background-color:transparent;line-height:50px;height:50px}.app.root .marquee-container .marquee-block .marquee-news{width:100%}.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news{height:50px}.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news .visible-area .maintenances-item-date,.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news .visible-area .maintenances-item-name{margin-right:5px}.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news .visible-area .marquee-content.scrollLeft .marquee-item{color:#1c1820;margin:0 10px;padding:8px 15px;font-size:14.4px;font-size:.9rem;border-radius:50px;background-color:#f9bb1f;font-weight:700}.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap.news .visible-area .marquee-content.scrollLeft .marquee-item:before{content:attr(data-content);color:#fff;border-radius:20px;background-color:#da494b;padding:3px 9px;margin-right:5px;font-size:13px;font-weight:400}@-webkit-keyframes scrollLeft{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@keyframes scrollLeft{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}} .float_box-right{position:fixed;top:200px;right:10px;z-index:3020}.float_box-left{position:fixed;top:240px;left:10px;z-index:3020}.float_shortcut-box{display:inline-block;width:70px;height:365px;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/float_shortcut-box2.png) no-repeat top transparent}.float_shortcut-box_list{width:100%;height:100%;padding:1px;border-radius:7px}.float_shortcut-box_list .close{width:22px;height:22px;margin:0 auto;cursor:pointer}.float_shortcut-box_item{width:100%;height:70px;position:relative;border-radius:8px;margin:0 0 2px}.float_shortcut-box_item.qr-box-warp:hover .qr-box,.float_shortcut-box_item.qr-box-warp:hover .qr-box2{opacity:1;display:block}.float_shortcut-box_link{display:inline-block;width:100%;height:100%}.float_shortcut-box_link:hover{background:#000;background:rgba(0,0,0,.2);border-radius:10px}.float_shortcut-box .qr-box{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:70px;opacity:0;display:none;padding-right:5px}.float_shortcut-box .qr-box.text{padding-right:18px}.float_shortcut-box .qr-box.text a{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;width:auto;height:auto;font-size:15px;color:#fff;text-decoration:none;background:#000;background:rgba(0,0,0,.8);border-radius:10px}.float_shortcut-box .qr-box.text a:before{content:"";position:absolute;right:-10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border-color:transparent transparent transparent #000;border-color:transparent transparent transparent rgba(0,0,0,.8);border-style:solid;border-width:8px 0 8px 10px}.float_shortcut-box .qr-box2{position:absolute;width:340px;bottom:-34px;right:0;opacity:0;display:none;padding-right:5px}.float_shortcut-box .qr-box2 a{display:inline-block;width:132px;height:132px;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/float-qr-warp.png) no-repeat}.float_shortcut-box .qr-box2 a img{width:115px;height:115px;display:block;margin-top:8px;margin-left:4px}.float_shortcut-box .qr-box2 a p{color:#fff;text-align:center;line-height:1.5;padding-right:10px}.float_shortcut-box .qr-box a{display:inline-block;width:132px;height:132px;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/float-qr-warp.png) no-repeat}.float_shortcut-box .qr-box a img{width:115px;height:115px;display:block;margin-top:8px;margin-left:4px}.float_shortcut-box .qr-box a p{color:#fff;text-align:center;line-height:1.5;padding-right:10px}.float_aside-nav{position:relative;width:280px;height:340px}.float_aside-nav_menu{border-radius:50%;transition:all .5s;width:130px;height:130px;background-size:contain!important;-webkit-animation:rota 5s ease 1.4s infinite;animation:rota 5s ease 1.4s infinite;z-index:1}.float_aside-nav_item,.float_aside-nav_menu{position:absolute;top:0;left:-90px;bottom:0;right:0;margin:auto;color:#f9c369;text-align:center;text-decoration:none;-webkit-transition:all .5s;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat}.float_aside-nav_item{border-radius:50%;transition:all .5s;display:inline-block;width:125px;height:120px;background-position:50% 50%;background-origin:border-box;opacity:.8;-webkit-transition:1s ease;transition:1s ease;border:50px dashed rgba(255,255,0,0)}.float_aside-nav_item:hover{border-width:0;border-color:#8d6246}.float_aside-nav_icon-download{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-tai-app.png)}.float_aside-nav_icon-about{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-dang-ky.png)}.float_aside-nav_icon-agent{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-dai-ly.png)}.float_aside-nav_icon-activity{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-khuyen-mai.png)}.float_aside-nav_icon-faq{background-image:url(https://csi.20icipp.com/img/static/789bet/custom/float/aside-quy-dinh.png)}.float_aside-nav .close-button{display:inline-block;position:absolute;top:67%;left:10%;width:23px;height:23px;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/icon-close.png) no-repeat 50% #000;background:url(https://csi.20icipp.com/img/static/789bet/custom/float/icon-close.png) no-repeat 50% rgba(0,0,0,.41961);border-radius:50%;cursor:pointer;overflow:hidden} .float_aside-nav .close-button:hover:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:#000;background:rgba(0,0,0,.3)}.float_aside-nav:hover .float_aside-nav_item{opacity:1} .float_aside-nav:hover .float_aside-nav_icon-download{-webkit-transform:scale(1.1);transform:scale(1.1)}.float_aside-nav:hover .float_aside-nav_item-1{-webkit-transform:translate3d(10%,-125%,0);transform:translate3d(10%,-125%,0)} .float_aside-nav:hover .float_aside-nav_item-2{-webkit-transform:translate3d(110%,-56%,0);transform:translate3d(110%,-56%,0)}.float_aside-nav:hover .float_aside-nav_item-3{-webkit-transform:translate3d(105%,70%,0);transform:translate3d(105%,70%,0)}.float_aside-nav:hover .float_aside-nav_item-4{-webkit-transform:translate3d(-5%,125%,0);transform:translate3d(-5%,125%,0)}.float_aside-nav_item:hover .float_aside-nav_menu{-webkit-animation:jello 1s;animation:jello 1s}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39062deg) skewY(.39062deg);transform:skewX(.39062deg) skewY(.39062deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39062deg) skewY(.39062deg);transform:skewX(.39062deg) skewY(.39062deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}@-webkit-keyframes rota{0%,50%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}25%,75%{opacity:.8;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes rota{0%,50%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}25%,75%{opacity:.8;-webkit-transform:scale(.95);transform:scale(.95)}}.home-carousel{width:100%;height:34.363vw;overflow:hidden;position:relative}@media screen and (max-width:1300px){.home-carousel{height:446.719px}}.home-carousel .nrc-carousel,.home-carousel .nrc-carousel .carousel-wrapper{position:relative;height:100%}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item{width:100%;height:34.363vw;left:50%;display:none}@media screen and (max-width:1300px){.home-carousel .nrc-carousel .carousel-wrapper .carousel-item{height:446.719px}}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item img{position:relative;left:-50%;width:auto!important;min-width:100%}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active,.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.next,.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.prev{display:-webkit-box;display:-ms-flexbox;display:flex}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active{opacity:1}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.next.left,.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.prev.right{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active.right,.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.next{-webkit-transform:translate3d(100%,0,0) scale(1);transform:translate3d(100%,0,0) scale(1)}.home-carousel .nrc-carousel .carousel-wrapper .carousel-item.active.left, .float_shortcut-box_item { list-style: none; } .float_shortcut-box { display: inline-block; width: 70px; height: 287px; background: url(images/float_shortcut-box2.png) no-repeat top transparent !important; } /* colum__slider */ .colum__slider .box { background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(80%,#fdbb2d)); background: linear-gradient(180deg,#fff,#fdbb2d 80%); color: #000; font-size: 20px; letter-spacing: -1; } .colum__slider .box .box-text { background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(80%,#fdbb2d)); background: linear-gradient(180deg,#fff,#fdbb2d 80%); color: #000; font-size: 20px; letter-spacing: -1; padding: 26px 30px; } .colum__slider .box .box-text p { text-align: justify; line-height: 30px; } .colum__slider .box .box-image img { width: 100%; height: 434px; object-fit: cover; } .one__one { color: #1c1820; margin: 0 10px; padding: 0 20px; font-size: 14.4px; font-size: .9rem; border-radius: 50px; background-color: #f9bb1f; font-weight: 700; height: 33px; line-height: 33px; display: inline-block; } .colum_daga .box .box-text , .colum_casino .box-text { position: absolute; left: 0; bottom: 0; text-align: center; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#fdbb2d)); background: linear-gradient(180deg,#fff,#fdbb2d); height: 50px; width: 100%; font-weight: 700; opacity: 0; color: #000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-decoration: none; cursor: pointer; } .colum_daga .box .box-text a, .colum_casino .box-text a { display: block; color: #333; font-size: 22px; text-transform: uppercase; } .colum_daga .box:hover .box-text , .colum_casino .box:hover .box-text { opacity: 1; } .colum_daga .box .box-image img { height: 270px; object-fit: cover; } .sanhdaga { padding: 0 10px; width: 100%; height: 39px; background: #e7e7e7; font-weight: 700; font-size: 19px; color: #000; margin:0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; } .sanhdaga img { margin-right: 4px; } .row__title .col.small-12 { padding-bottom: 0; } /* section__ttdx */ .section__ttdx { padding-bottom: 0 !important; } .section__tophu .section-title { border: 0 !important; position: relative; } .section__tophu .section-title:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 2px; background: #fcb913; } .section__tophu .section-title-normal span { border-bottom: 0; font-size: 22px; line-height: 26px; text-transform: uppercase; color: #fcb913; } .section__tophu .section-title-container { margin-bottom: 15px; } .section__tophu { padding-bottom: 0 !important; } .section__tophu .col.medium-5 .img { margin-bottom: 24px; } /* row__slider */ .row__slider { /*max-width: 1350px !important;*/ } .row__slider .large-12 { padding: 0 !important; margin: 0 !important } .header-main { /*background: #fff;*/ } .header-bottom { /*background: rgb(0 99 72 / 27%) !important;*/ } .nav-dropdown { padding: 0; } .colum__huongdan .icon-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#fdbb2d)); background: linear-gradient(180deg,#fff,#fdbb2d); font-size: 25px; text-transform: uppercase; color: #000; text-decoration: none; height: 134px; -webkit-transition: .3s; transition: .3s; margin-bottom: 20px; } .colum__huongdan .icon-box:hover { background: #fcb913; } .colum__huongdan .icon-box-center .icon-box-img { margin: 0 auto 12px; } .colum__tabtin .nth___2 .post-item .box-text .post-title , .nth___sex2 .box h4 { padding: 0; font-weight: 500; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; display: block; text-align: left; text-transform: uppercase; color: #000; letter-spacing: -.5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -webkit-transition: .3s; transition: .3s; } .colum__tabtin .nth___2 .post-item, .nth___sex2 .box { padding-bottom: 13px; padding-left: 0; } .nth___sex2 .box { padding-bottom: 8px; } .nth__sex .box-text { width: 100%; background: #27376b; padding: 9px 15px; line-height: 1.2; font-weight: 700; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .colum__tabtin .nth___2 .post-item .box-text .from_the_blog_excerpt , .nth___sex2 .box p { font-weight: 400; font-size: 14px; line-height: 20px; color: #3e3535; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; text-transform: unset; -webkit-transition: .3s; transition: .3s; } .colum__tabtin .nth___2 .post-item .is-divider { display: none; } .colum__tabtin .nth___2 .post-item .box-image img { width: 100%; height: 125px; object-fit: cover; } .colum__tabtin .nth___2 .post-item .box-image .image-cover { padding-top: 125px !important; } .colum__tabtin .nth___2 .post-item .box-text { padding: 0 10px 0 10px; } .colum__tabtin .nth___2 .post-item .box-text .post-title:hover { color: #fcb913!important } .bg__bg { max-width: 1400px !important; background: #e0e0e0; padding: 25px 0; } .bg__bg .col { padding-bottom:0; } .section__tintuc .nav-simple li a { color:#333; padding:0 10px 0 20px; } .section__tintuc .nav-simple li.active a { color:#fcb913; } .section__tintuc .nav-simple li:nth-child(1) a { background: url(images/010.jpg)left center no-repeat; } .section__tintuc .nav-simple li:nth-child(2) a { background: url(images/012.jpg)left center no-repeat; } .section__tintuc .nav-simple li:nth-child(3) a { background: url(images/013.jpg)left center no-repeat; } .nth__1 .post-item .box-text { width: 100%; background: #27376b; padding: 9px 15px; line-height: 1.2; font-weight: 700; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .is-divider { display: none !important; } .nth__1 .post-item .box-text .post-title , .nth__sex .box-text p { font-size: 16px; text-transform: uppercase; color: #e6f0f2; margin: 0; line-height: 25px; } .nth__sex img{ height: 348px; } .box__trochoi .section-content > .row { display: block !important; padding: 0 10px; } .box__trochoi .section-title-container , .box__trochoi__songbai .section-title-container , .section__slotgame .section-title-container , .section__veso .section-title-container { margin-bottom: 0; } .box__trochoi .section-title-normal , .box__trochoi__songbai .section-title-normal , .section__slotgame .section-title-normal , .section__veso .section-title-normal { border-bottom: 0; display: block; border: 0 !important; } .box__trochoi .section-title-normal span , .box__trochoi__songbai .section-title-normal span , .section__slotgame .section-title-normal span , .section__veso .section-title-normal span { padding: 0; display: block !important; color: #3854c4; font-size: 20px; border: 0; margin: 0 0 18px 0; font-weight: 600; text-align: center; } .section__veso .section-title-normal span { color: #fff; } .section__veso .img-inner { overflow: hidden; border-radius: 10px; position: relative; } .section__veso .img-inner img { width: 100%; height: 185px; object-fit: cover; } #slick-prev { position: absolute; top: -34px; right: 50px; font-size: 9px; width: 25px !important; height: 25px; text-align: center; line-height: 25px; border-radius: 100%; background: #ccc; color: #fff; } #slick-next { position: absolute; top: -34px; right: 15px; font-size: 9px; width: 25px !important; height: 25px; text-align: center; line-height: 25px; border-radius: 100%; background: #ccc; color: #fff; } #slick-prev:hover , #slick-next:hover { color: red; } .box__trochoi__songbai .box-text { padding: 0; position: absolute; bottom: 15px; left: 0; right: 0; width: 130px; margin: auto; z-index: 99; } .box__trochoi__songbai .box-text a { display: block; background: url(images/nut2.jpg); background-size: cover; padding: 10px 5px; color: #fff; font-size: 15px; position: relative; overflow: hidden; z-index: 9; } .box__trochoi__songbai .box-text a:after { height: 100%; width: 100%; position: absolute; content: ""; top: -100%; left: 0; z-index: -2; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; background-color: #6c2b95; } .box__trochoi__songbai .box-text a:before { position: absolute; content: ""; width: 0; height: 0; left: 0; top: 45px; left: 15px; -webkit-box-shadow: 0 0 25px 25px rgba(213,8,217,.9); box-shadow: 0 0 30px 31px rgba(213,8,217,.9); border-radius: 50%; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .box__trochoi__songbai .box-text a:hover:after { top:0; } .box__trochoi__songbai .box-text a:hover:before { opacity: 1; left: 25px; visibility: visible; } .box__trochoi__songbai .box-text a:hover { /*background: red;*/ } .box__trochoi__songbai .col.medium-6 { padding-bottom: 0; } .box__trochoi__songbai { padding-bottom: 0 !important; } .hinhanh { margin-bottom: 30px; } .header-bottom { position: relative; z-index: 9; background: #c6a76a !important; border-top: 1px solid #c6a76a; } } .header-main .header-nav-main > li { margin: 0 17px; } .header-main .header-nav-main > li a img { max-width: 25px; margin-right: 6px; } .header-main .header-nav-main > li > a { font-size: 15px; position: relative; font-weight: 500; font-family: "Arial"; } .header-main .header-nav-main > li > a:after { content: ""; position: absolute; bottom: 0; right: -10px; top: 0; width: 1px; height: 10px; background: #ccc; margin: auto; } .header-main .header-nav-main > li:last-child > a:after { content: ""; background: transparent; } .header-main .header-inner .flex-right.flex-col .header-nav-main > li > a { font-size: 12px; color: #fff; text-align: center; font-family: "Arial"; font-weight: 500; opacity: 1; } .header-main .header-inner .flex-right.flex-col .header-nav-main > li > a:hover { background: red; } .box__trochoi { padding: 40px 0 40px 0 !important; /* border-image: linear-gradient(270deg, #ffffff 1%, #C9C9C9 50%, #ffffff) 0 0 100% 0/1px 0 1px 0 stretch; border-bottom: 1px solid;*/ } .box__trochoi .box .box-image,.section__sex .box .box-image { background-color: #faa00f; border-radius: 10px 10px 0 0; } .box__trochoi .box:hover .box-image, .section__sex .box:hover .box-image { opacity: 0.5; } .section__sex { background: url(images/image-sex-bg.jpg)no-repeat; background-size: cover; padding: 10px 0 10px 0 !important; } .section__sex .col .col-inner .box{ background: #fff; } .section__sex .col .col-inner .box .box-text { position: relative; box-sizing: border-box; padding: 15px 20px; text-align: left; height: 237px; background-color: #fff; border-bottom: 5px solid #faa011; } .section__sex .col .col-inner .box .box-text .home-news-title { margin-bottom: 10px; color: #faa011; font-weight: 700; font-size: 18px; } .section__sex .col .col-inner .box .box-text p { font-size: 14px; line-height: 1.6; color: #999; } .section__sex .col .col-inner .box .box-text a.chitiet_icon { position: absolute; bottom: 10px; right: 20px; color: #faa011; text-decoration: none; font-size: 14px; font-weight: 700; font-style: italic; margin: 0; } .box__trochoi .box-image a img { width: 100%; height: 145px; object-fit: cover; -webkit-transition: -webkit-transform .5s ease; -moz-transition: -moz-transform .5s ease; transition: transform .5s ease; } .box__trochoi .box-image a { overflow: hidden; } .box__trochoi .box-image a:hover img { -webkit-transform: scale(1.09); -moz-transform: scale(1.09); -o-transform: scale(1.09); transform: scale(1.09); } .box__trochoi .col.medium-3 { padding: 0 10px; } .box__trochoi .box-text h4 { color: #333; font-size: 15px; font-weight: 500; } .box__trochoi .box-text.text-center { padding-bottom: 0; padding: 10px 0 10px 0; text-transform: none; background: #109a48; } .box__trochoi .box-text.text-center h4 { color: #fff; text-transform: none; font-size: 16px; font-weight: 500; } .footer-wrapper { background: url(images/bg-footer.jpg); } .footer-wrapper .widget .widget-title { display: block; color: #666666; line-height: 30px; position: relative; text-align: left; font-weight: 400; text-transform: none; margin: 0 0 35px 0; color: #f5dab2; font-size: 20px; } .footer-wrapper .footer-1 .widget:nth-child(1) { max-width: 60%; flex-basis: 60%; padding: 0 0; margin: 0; } .footer-wrapper .footer-1 .widget:nth-child(2) { max-width: 40%; flex-basis: 40%; padding: 0 0; margin: 0; } .footer-wrapper .footer-1 .widget:nth-child(3) img { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; /*filter: url(data:image/svg+xml;charset=utf-8,#filter);*/ -webkit-filter: grayscale(1) opacity(.8); filter: grayscale(1) opacity(.8); } .footer-wrapper .footer-1 .widget:nth-child(3) img:hover { -webkit-filter: grayscale(0) opacity(1); filter: grayscale(0) opacity(1); } .footer-wrapper .footer-1 .widget:nth-child(1) img { width: 120px; margin-right: 20px; float: left; margin-bottom: 0; } .footer-wrapper .footer-1 .widget p { color: #fff; font-size: 15px; line-height: 26px; text-align: left; } .footer-wrapper .widget .is-divider { display: none !important; } .footer-wrapper .widget ul li { border: 0 !important; text-align: center; } .footer-wrapper .widget ul li a { cursor: pointer; text-decoration: none; color: #ccc; font-size: 13px; padding: 0; display: block; line-height: 25px; text-align: left; } .footer-wrapper .widget ul li a:hover { color: red; } .footer-2 .widget:nth-child(2) .textwidget a , .footer-2 .widget:nth-child(3) .textwidget a { display: inline-block; } .footer-1 .widget_text img { max-width: 120px; float: left; margin: 0 20px 0 0; } .truycap { margin: 0 0 20px 0; font-weight: 600; color: #fff; font-size: 17px; text-align: left; } .vaoapp { text-align: left; } .vaoapp a { color: #fff; background: #0382c1; padding: 10px 30px; margin-top: 0; display: inline-block; font-size: 21px; } /*.footer-wrapper .widget .widget-title { background: url(images/ic.png) left center no-repeat; } .footer-wrapper .widget:nth-child(1) .widget-title { background: url(images/ic1.png) left center no-repeat; } .footer-wrapper .widget:nth-child(2) .widget-title { background: url(images/ic2.png) left center no-repeat; } .footer-wrapper .widget:nth-child(3) .widget-title { background: url(images/ic3.png) left center no-repeat; } .footer-wrapper .widget:nth-child(4) .widget-title { background: url(images/ic4.png) left center no-repeat; } .footer-wrapper .widget:nth-child(5) .widget-title { background: url(images/ic5.png) left center no-repeat; } .footer-wrapper .widget:nth-child(6) .widget-title { background: url(images/ic6.png) left center no-repeat; }*/ .footer-1 { padding: 15px 0 0; } .footer-wrapper .widget:nth-child(7) ul li a { font-size: 12px; line-height: 15px; display: block; text-align: left; padding: 0 0 7px 0; } .absolute-footer { /*display: none;*/ } .footer-wrapper .widget .is-divider { display: none !important; } .footer-wrapper .widget ul li { border: 0 !important; text-align: center; } .footer-wrapper .widget ul li a { cursor: pointer; text-decoration: none; color: #ccc; font-size: 12px; padding: 0 3px; display: block; line-height: 30px; text-align: left; } .footer-wrapper .widget ul li a:hover { color: #faa011; } /*.footer-wrapper .widget .widget-title { background: url(images/ic.png) left center no-repeat; } .footer-wrapper .widget:nth-child(1) .widget-title { background: url(images/ic1.png) left center no-repeat; } .footer-wrapper .widget:nth-child(2) .widget-title { background: url(images/ic2.png) left center no-repeat; } .footer-wrapper .widget:nth-child(3) .widget-title { background: url(images/ic3.png) left center no-repeat; } .footer-wrapper .widget:nth-child(4) .widget-title { background: url(images/ic4.png) left center no-repeat; } .footer-wrapper .widget:nth-child(5) .widget-title { background: url(images/ic5.png) left center no-repeat; } .footer-wrapper .widget:nth-child(6) .widget-title { background: url(images/ic6.png) left center no-repeat; }*/ .footer-1 { padding: 15px 0 0; text-align: center; } .footer-wrapper .widget:nth-child(7) ul li a { font-size: 12px; line-height: 15px; display: block; text-align: left; padding: 0 0 7px 0; } .absolute-footer { background: #000 !important; color: #333 !important; } .footer-2 { text-align: center; } .footer-2 .widget { /*margin-bottom: 0;*/ } .footer-1 { background: transparent !important; padding: 20px 0 !important; } .footer-2 .widget:nth-child(1) { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer-2 .widget:nth-child(2) { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer-2 .widget:nth-child(3) { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer-2 .widget:nth-child(1) a img { /* height: 35px; */ /* width: auto; */ padding: 6px 15px 0; } .footer-2 .widget:nth-child(1) .widget-title { display: block; color: #666666; line-height: 30px; position: relative; text-align: left; font-weight: 400; text-transform: none; margin: 0 0 35px 0; color: #f5dab2; font-size: 20px; padding-left: 30px; } .footer-wrapper .widget ul li a { cursor: pointer; text-decoration: none; color: #333; font-size: 14px; padding: 0 15px; display: block; line-height: 30px; font-weight: 600; text-align: left; text-transform: uppercase; } .footer-1 .widget.widget_nav_menu ul.menu { overflow: hidden; } .footer-1 .widget.widget_nav_menu ul.menu li { padding: 0; float: left; width: 50%; } .footer-1 .widget.widget_nav_menu ul.menu li a { color: #fff; font-size: 15px; padding: 0; text-transform: none; font-weight: 500; line-height: 42px; } .footer-1 .widget.widget_nav_menu ul.menu li a:hover { color: #f4ba22; } .footer-1 .widget.widget_nav_menu ul.menu li ul { display: none !important; } .footer-1 .widget p { font-size: 14px; text-align: center; margin: 0; color: #666; } /*canvas { cursor: crosshair; display: block; position: absolute; z-index: 0; height: 100%; top: 0; width: 100%; }*/ .footer-2 .widget:nth-child(2) a img { height: 45px; width: auto; padding: 6px; } .footer-2 .widget:nth-child(3) a img { height: 40px; width: auto; padding: 6px; } .footer-2 .widget:nth-child(3) a.taitro { display: block; width: 100%; clear: both; overflow: hidden; } .footer-2 .widget:nth-child(3) a.taitro img { height: auto; max-width: 180px; } .absolute-footer { } .w-wrap{ margin-bottom:20px !important; } .box__before { /*background: #000;*/ /*padding: 7px 0;*/ } .box__before .widget { margin: 0; width: 100%; list-style: none; padding: 0; } .box__before .list__info { padding: 0; margin: 0; overflow: hidden; } .list__info li { list-style: none; float: left; margin: 0; padding: 0 ; } .list__info li a { font-size: 14px; color: #fff; color: #aaa; cursor: pointer; text-decoration: none; padding: 0 13px; line-height: 30px; } .list__info li.hotro a { color: #ffde00; } .list__info li a img { width: auto; height: 14px; vertical-align: text-top; margin-right: 5px; margin-left: 3px; } .runMsg { background-position: center; background-repeat: no-repeat; height: 30px; bottom: 0px; width: 70%; z-index: 99; } .runMsg > .row > .runMsgTitle { float: left; line-height: 30px; color: #9f9d9d; max-width: 150px !important; background: url(images/loa.png)0 4px no-repeat; padding-left: 28px; font-weight: bold; } .runMsg .marqueeBar { float: right; max-width: calc(100% - 170px) !important; } .runMsg .marqueeBar { font-size: 12px; font-weight: 500; line-height: 30px; } /* section__taiap */ .section__taiap .col.large-3 { padding-bottom: 0; } .section__iphone .col.large-3 { padding-bottom: 0; } .section__taiap { padding-bottom: 40px !important; } .section__taiap .button { background: #16516b; text-align: center; width: 255px; height: 48px; display: block; margin: 0 auto; padding: 0; border: 0; box-shadow: 0 0 0 0; line-height: 48px; font-size: 15px; color: #ffe400; font-weight: 500; position: relative; overflow: hidden; z-index: 99; border-left: 25px solid red; } .section__taiap .col.large-3:nth-child(2) .button { background: #1d1d1d; border-left: 25px solid #f5e526; } .section__taiap .col.large-3:nth-child(3) .button { background: #5611dc; border-left: 25px solid #ed7106; } .section__taiap .col.large-3:nth-child(4) .button { background: #99017f; border-left: 25px solid #f9ba06; } .section__taiap .button:before { position: absolute; content: ""; width: 0; height: 0; left: 0; top: 45px; left: 15px; -webkit-box-shadow: 0 0 25px 25px rgba(213,8,217,.9); box-shadow: 0 0 30px 31px rgba(213,8,217,.9); border-radius: 50%; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .section__taiap .button:after { height: 100%; width: 100%; position: absolute; content: ""; top: -100%; left: 0; z-index: -2; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; background-color: #5e0a92; } .section__taiap .button:hover:before { opacity: 1; left: 25px; visibility: visible; } .section__taiap .button:hover:after { top: 0; } .section__taiap .icon-box { padding: 8px 15px; border-radius: 5px; background: #109a48; } .section__taiap .icon-box:hover { background: #097a37; } .section__taiap .icon-box .icon-box-img{ width: 40px !important; } .section__taiap .icon-box .icon-box-img img { width: auto; height: auto } .section__taiap .icon-box .icon-box-text { width: calc(100% - 40px) !important; } .section__taiap .icon-box .icon-box-text h3 { color: #fff; font-size: 16px; font-weight: 600; margin: 0 0 5px 0; } .section__taiap .icon-box .icon-box-text p { color: #fff; font-size: 13px; font-weight: 500; margin: 0; } .section__iphone .button { background: url(images/b1.png)no-repeat; text-align: center; width: 255px; height: 54px; display: block; margin: 0 auto; padding: 0; border: 0; box-shadow: 0 0 0 0; line-height: 54px; font-size: 15px; color: #ffe400; font-weight: 500; position: relative; background-size: 100% !important; z-index: 9; overflow: hidden; border-radius: 10px; } .section__taiap .button:before { /* content: ""; width: 28px; height: 30px; background: url(images/i1.png)0 10px no-repeat; display: inline-block;*/ } .section__iphone .button:before { content: ""; width: 28px; height: 30px; background: url(images/i1.png)0 10px no-repeat; display: inline-block; } .section__iphone .button:after { height: 100%; width: 100%; position: absolute; content: ""; top: -100%; left: 0; z-index: -2; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; background-color: #dc2c0a; } .section__iphone .button:hover:after { top: 0; } /*.section__taiap .col.large-3:nth-child(2) .button { background: #442172; } .section__taiap .col.large-3:nth-child(3) .button { background: #822d0c; } .section__taiap .col.large-3:nth-child(4) .button { background: #0c8210; } */ .section__iphone .col.large-3:nth-child(2) .button { background: url(images/b2.png)no-repeat; } .section__iphone .col.large-3:nth-child(3) .button { background: url(images/b3.png)no-repeat; } .section__iphone .col.large-3:nth-child(4) .button { background: url(images/b4.png)no-repeat; } .section__taiap .button:hover , .section__iphone .button:hover { /*background: red;*/ } /* section__slotgame */ .section__slotgame { padding-bottom: 0 !important; } .section__slotgame .post-title { color: #333; font-size: 14px; display: block; line-height: 22px; } .section__slotgame .box-text { padding: 0px 0px 0px 10px; position: relative; overflow: hidden; } .section__slotgame .box-text button { float: left; border: 0; background: none; color: red; padding: 0; margin: 0; position: relative; display: inline-block; text-transform: none; } .section__slotgame:hover .box-text { /*border-bottom: 5px solid #fe9201;*/ } .section__slotgame .box-text button:hover { color: #fe9201; } /*ChyĂªn mục tin*/ .box__nth__2 .news-post-news { overflow: hidden; clear: both; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ddd; } .box__nth__2 .news-post-news .box__thumb__img { float: left; width: 250px; } .box__nth__2 .news-post-news .box__thumb__img a { display: block; line-height: 0; } .box__nth__2 .news-post-news .box__thumb__img a img { width: 100%; height: 156px; object-fit: cover; border-radius: 0; } .box__nth__2 .news-post-news .box__content { float: right; width: calc(100% - 250px - 20px); } .box__nth__2 .news-post-news .box__content h3 a { display: block; color: #333; font-size: 17px; font-weight: 600; line-height: 25px; } .box__nth__2 .news-post-news .box__content .box__des p { font-size: 14px; line-height: 23px; max-height: 46px; overflow: hidden; margin: 0 0 5px 0; } .box__nth__2 .news-post-news .box__content > a { display: inline-block; color: #da251c; font-size: 14px; text-decoration: underline; } /* box__nth__1 */ .box__nth__1 { margin-bottom: 25px; border-bottom: 1px dashed #ddd; padding-bottom: 25px; } .box__nth__1 .news-post-news .box__thumb__img a { display: block; line-height: 0; } .box__nth__1 .news-post-news .box__thumb__img a img { width: 100%; height: 360px; object-fit: cover; } .box__nth__1 .news-post-news .box__content { padding: 20px 0 0 0; } .box__nth__1 .news-post-news .box__content h3 a { display: block; line-height: 28px; font-size: 20px; color: #333; font-weight: 600; } .box__nth__1 .news-post-news .box__content .box__des p { font-size: 15px; margin: 0 0 6px 0; line-height: 30px; } .box__nth__1 .news-post-news .box__content > a { color: #da251c; display: inline-block; border: 1px solid #da251c; padding: 0 20px; line-height: 30px; } .box__nth__2 .news-post-news .box__content h3 a:hover { color: #da251c; } /*.box__left__layout { float: left; width: calc(100% - 300px - 20px); } .box__right__layout { float: right; width:300px; }*/ .archive .page-wrapper .container , .single .page-wrapper .container { padding: 0; margin: auto; padding: 0px 5px; } #shop-sidebar .widget .widget-title, .box__right__layout .widget .widget-title { width: 100%; display: flex; background-color: #2894ca; color: #fff; text-transform: uppercase; font-weight: 500; margin-bottom: 6px; font-size: 14px; order-bottom: 2px solid #e9952c; margin-bottom: auto; display: block; margin: 0 0 10px 0; } #shop-sidebar .widget .widget-title span, .box__right__layout .widget .widget-title span { background: #e9952c; padding: 10px 20px 8px 20px; color: white; position: relative; display: inline-block; margin: 0; margin: 0; font-size: 16px; line-height: 22px; display: inline-block; text-transform: uppercase; } .box__right__layout .widget .widget-title span:after, #shop-sidebar .widget .widget-title span:after { content: ""; width: 0; height: 0; border-top: 40px solid transparent; border-left: 20px solid #e9952c; border-bottom: 0px solid transparent; border-right: 0 solid transparent; position: absolute; top: 0px; right: -20px; } #shop-sidebar .widget, .box__right__layout .widget { background: #fff; padding: 0; border-radius: 5px; border: 0; } #shop-sidebar .widget_nav_menu ul.menu>li>a, .box__right__layout .widget_nav_menu ul.menu>li>a { color: #333; font-size: 15px; } .widget .is-divider { display: none !important; } /*#top-bar .flex-right .top-bar-nav li { margin: 0 } #top-bar .flex-right .top-bar-nav li a { width: 85px; height: 20px; text-decoration: none; background-color: #00b2b9; border-radius: 3px; padding: 0; text-align: center; display: block; } #top-bar .flex-right .top-bar-nav li a:after { content: ""; background: transparent; width: 0 !important; border: 0; } #top-bar .flex-right .top-bar-nav li:first-child a{ width: 95px; height: 20px; box-sizing: border-box; margin-right: 10px; background-image: url(images/btn_addMember.png); text-decoration: none; display: block; padding: 0; padding-left: 12px; background-repeat: no-repeat; text-align: left; }*/ .lh_1 .lh__lh { color: #fff; font-size: 17px; font-weight: 600; display: inline-block; padding: 5px 20px; overflow: hidden; } .tp__tp { display: inline-block; background: url(images/down.jpg) right 8px center no-repeat #f2f9f2; color: #333; border-radius: 40px; border: 2px solid #0ba449; padding: 4px 44px 3px 22px; margin: 0 10px; font-size: 16px; position: relative; z-index: 1; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; position: relative; overflow: hidden; border-radius: 50px; display: inline-block; } .dangky { background: url(images/1.png) right 8px center no-repeat #f2f9f2; background-size: 28px; } .tp__tp:hover:before { opacity: 1; left: 25px; visibility: visible; } .tp__tp:before { position: absolute; content: ""; width: 0; height: 0; left: 0; top: 45px; left: 15px; -webkit-box-shadow: 0 0 25px 25px rgba(213,8,217,.9); box-shadow: 0 0 30px 31px rgba(213,8,217,.9); border-radius: 50%; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .tp__tp::after { height: 100%; width: 100%; position: absolute; content: ""; top: -100%; left: 0; z-index: -2; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; background-color: #6c2b95; } .tp__tp:hover:after { top: 0; } .tp__tp:hover { color: #fff; /*background: url(images/ica.jpg)right 5px center no-repeat;*/ /*background: url(images/ica.jpg) right 8px center no-repeat #f2f9f2;*/ } .header-top { height: 40px; width: 100%; background-color: #109a48; background-repeat: no-repeat; background-size: cover; background-position: center; } .tagcloud a { font-size: 13px !important; padding: 5px 9px; border: 1px solid #ddd; margin: 0 0 5px 0 !important; display: inline-block; border-radius: 3px; } .heading-title-single ,.heading-title-home{ font-size: 22px; line-height: 35px; margin: 0 0 12px 0; } #wrapper, #main { /*background-color: #fff;*/ position: relative; overflow: hidden; } .home #main { background: #1f1f1f; background-size: cover; } .box__slider__home { display: none; } .home .box__slider__home { display: block; position: relative; } .section_trandau { padding-bottom:0 !; } .section_trandau .img img { width: auto !important; display: block; margin: auto !important; } .box__slider__home .widget_custom_html { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; margin: 0; } /* section__sanhgame */ .section__sanhgame .icon-box p { font-size: 13px; } .section__sanhgame .col.medium-3 { padding-bottom: 0; } /* section__submit */ .section__submit .col .col-inner { -ms-flex: 1; flex: 1; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 20px 20px 10px 15px; background-color: #fff; color: #3f3f3f; border-left: 3px solid #faa011; cursor: pointer; min-height: 125px; } .box__socical { top: 105px; position: fixed; right: 0px; width: 80px; z-index: 50; background-color: rgba(0, 0, 0, 0.38); border-radius: 4px; } .box__socical .item_socical { cursor: pointer; text-align: center; color: #fff; position: relative; padding: 5px 0px 8px 0px; height: 75px; box-sizing: border-box; } .box__socical .item_socical:after { content: ""; width: 76px; height: 0px; border-bottom: 1px solid rgba(255,255,255,0.3); position: absolute; bottom: 0px; left: 2px; } .box__socical .item_socical:hover { background-color: rgba(255,255,255,0.3); } .box__socical .item_socical span { display: block; color: #fff; font-size: 13px; } .box__socical .item_socical img { width: auto; height: auto; max-height: 45px; } .recent-blog-posts a { color: #2894ca; } .section__hotro .icon-box { justify-content: space-between; align-items: center; } .section__hotro .icon-box h5 { font-size: 15px; color: #1f06ec; text-transform: uppercase; font-weight: 500; line-height: 24px; } .section__hotro { margin: auto; width:68%; } .section__submit .icon-box .icon-box-text h5 { background: #faa011; color: #000; text-transform: none; line-height: 39px; margin: 0 0 10px 0; font-size: 16px; text-align: center; display: block; border-radius: 0; font-weight: 600; width: 100%; } .section__submit .icon-box .icon-box-text p { font-size: 15px; text-align: center; line-height: 22px; } .section__gioithieumobile p { font-size: 14px; line-height: 25px; color: #fff; margin: 0; text-align: justify; } .section__gioithieumobile .section-title-container { margin-bottom: 10px; } .section__gioithieumobile .section-title { text-align: center; display: block; } .section__gioithieumobile .section-title b { display: none; } .section__gioithieumobile .section-title .section-title-main { color: #fff; text-align: center; font-size: 16px; } .section__ha { padding: 15px 0 !important; } .section__ha .col.large-12 { padding-bottom: 0 !important; } /* box__trochoi_mobile */ .box__trochoi_mobile { padding: 15px 0 15px !important; } .box__trochoi_mobile .box__1, .box__trochoi_mobile .box__2 { padding-bottom: 0 !important; } .box__trochoi_mobile .box__1 { padding-left: 10px; padding-right: 5px; } .box__trochoi_mobile .box__2 { padding-right: 10px; padding-left: 5px; } .box__trochoi_mobile .box__1 .box { margin-bottom: 10px; } .box__trochoi_mobile .box__1 .box .box-image img { width: 100%; height: 236px; object-fit: cover; } .box__trochoi_mobile .box__2 .box .box-image img { width: 100%; height: 113px; object-fit: cover; } .box__trochoi_mobile .box__2 .col-inner .box { margin-bottom: 10px; } .box__trochoi_mobile .box .box-text { position: absolute; bottom: 0; left: 0; color: #fff; font-size: 17px; width: 100%; padding: 4px 6px; background: rgb(0 0 0 / 46%); } .box__trochoi_mobile .box .box-text h4 { color: #fff; font-size: 16px; text-align: right; margin: 0; text-transform: capitalize; } .section__ha:after { content: ""; position: absolute; bottom: 0; left: 5px; width: calc(100% - 10px); height: 2px; background-color: hsla(0,0%,100%,.2); } /* bottom-nav */ .bottom-nav { position: fixed; bottom: 0; left: 0; width: 100%; display: -ms-flexbox; display: flex; box-shadow: 0 -1px 6px rgba(0,0,0,.2), 0 -1px 2px rgba(0,0,0,.6); z-index: 99; background: #131313; } .bottom-nav a { text-align: center; -ms-flex: 1; flex: 1; height: 100%; padding-top: 5px; position: relative; display: block; } .bottom-nav a img { display: block; margin: auto !important; } .bottom-nav a span { display: block; color: #fff; text-align: center; font-size: 14px; line-height: 26px; } .section__gioithieumobile { padding-bottom: 20px !important; } .home-gamelobby { } .home-quick-nav { display: -ms-flexbox; display: flex; overflow: scroll; -ms-flex-wrap: nowrap; flex-wrap: nowrap; background-color: #1e1e1e; box-shadow: 0 2px 5px rgba(0,0,0,.3); } .home-quick-nav li { color: #fff; text-align: center; -ms-flex-preferred-size: 75px; flex-basis: 75px; -ms-flex-negative: 0; flex-shrink: 0; list-style: none; position: relative; margin: 0; } .home-quick-nav li a { display: block; } .home-quick-nav li a span { display: block; font-size: 12px; font-weight: 300; margin: 4px 0 10px; color: #fff; } .home-quick-nav li a br { display: none; } .home-quick-nav li .icon__mn { width: 40px; height: 40px; display: block; margin: 10px auto 0; font-size: 35px; position: relative; } .home-quick-nav li .icon__mn i { font-size: 45px; color: #f48a07; } .home-quick-nav li .icon__mn img { width: auto; height: auto; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; max-height: 40px; right: 0; } .home-quick-nav li p { margin: 0; text-align: center; font-size: 12px; } .bottom-nav { display: none; } .section__mn__mb { padding-bottom: 0!important; } /*.header-inner .mobile-nav.nav-right { display: block; width: 190px; } */ .header-inner .mobile-nav.nav-right > li > a { color: #fff; padding: 0; padding-left: 30px; background: url(images/dk.png)left center no-repeat; } .header-inner .mobile-nav.nav-right > li:last-child > a { background: url(images/dn.png)left center no-repeat; } /* httt */ .side-menu { right: 0; -ms-transform: translate(100%); transform: translate(100%); padding: 10px 0; border-radius: 0 0 0 20px; } .side-menu:hover { -ms-transform: translate(0); transform: translate(0); } .side-menu, .side-menu-mobile { position: fixed; top: 170px; z-index: 15; background-image: linear-gradient(90deg,#feae00,#fd7900); color: #fff; box-shadow: 0 2px 20px rgba(0,0,0,.2); transition: .3s ease; } .side-menu:before { left: -45px; z-index: 2; color: #1f2a2c; -ms-transform: rotate(-180deg) scale(.8); transform: rotate(-180deg) scale(.8); } .side-menu:after { left: -50px; background-color: #feb000; color: #feb000; } .side-menu:after, .side-menu:before { content: "LI\CAN H\1EC6 CH\DANG T\D4I"; position: absolute; top: 0; width: 50px; line-height: 50px; padding: 0; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-orientation: mixed; font-weight: 700; white-space: nowrap; border-radius: 50% 0 0 50%; } .side-menu ul { margin: 0; } .side-menu ul li { margin-bottom: 2px; font-size: 16px; font-weight: 500; list-style: none; } .side-menu ul li a { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 10px 30px 10px 55px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #222; text-decoration: none; } .side-menu ul li a img { position: absolute; top: 10px; left: 20px; -ms-transform: scale(.5) translateX(-35px) translateY(-25px); transform: scale(.5) translateX(-35px) translateY(-25px); } .side-menu ul li a h2 { margin-bottom: 2px; font-weight: 500; font-size: 16px; } .side-menu ul li a p { color: rgba(0,0,0,.6); font-size: 12px; margin: 0; } .side-menu ul li a:hover { background-color: hsla(0,0%,100%,.1); } .side-qr { position: fixed; top: 170px; left: 0; z-index: 15; background-image: linear-gradient(90deg,#fd7900,#feae00); color: #fff; box-shadow: 0 2px 20px rgba(0,0,0,.2); transition: .3s ease; padding: 20px; border-radius: 0 0 20px 0; -ms-transform: translate(-100%); transform: translate(-100%); } .side-qr .side-qr-title { position: absolute; top: 0; right: -50px; width: 50px; line-height: 50px; padding: 20px 0; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-orientation: mixed; background-color: #feb000; font-weight: 700; color: #1f2a2c; white-space: nowrap; border-radius: 0 50% 50% 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .side-qr .qr-tip { padding-top: 10px; font-size: 14px; } .side-qr:hover { -ms-transform: translate(0); transform: translate(0); } /* colum__veso */ .section__veso { padding: 30px 15px; } .colum__veso { background: url(images/11111.jpg); padding: 15px; position: relative; } .colum__veso:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 75%); } .colum__veso img { width: auto !important; height: auto !important; display: block; margin: auto; } .colum__veso .img .img-inner { display: block; width: 120px; height: 120px; /*background: rgb(107 17 19 / 69%);*/ border-radius: 100%; text-align: center; line-height: 120px; margin: auto; position: relative; } .colum__veso .img .img-inner:hover { background: rgb(107 17 19 / 69%); } .colum__veso .img .img-inner img { position: absolute; bottom: 0; top: 0; left: 0; right: 0; margin: auto; max-height: 60px; } .colum__veso > .col { padding-bottom: 0; border-right: 1px solid #f3ecec; padding: 0; position: relative; z-index: 9; } .colum__veso > .col.medium-4 { border-right: 0 !important; padding-left: 15px; } .colum__veso > .col.medium-4 p { font-size: 12px; text-align: center; color: #fff; margin: 0; } .colum__veso > .col.medium-2 .col-inner .img:nth-child(1) { border-bottom: 1px solid #f3ecec; padding-bottom: 15px; } .colum__veso > .col.medium-4 .img .img-inner { background: rgb(107 17 19 / 69%); } .colum__veso .ux-timer span { font-size: 28px !important; } .colum__veso .ux-timer span strong { font-size: 15px !important; font-weight: 500 !important; text-transform: none !important; } .colum__veso .dangkyngay { display: block; margin: auto; position: relative; display: block; margin: 0 auto 0; padding: 6px 5px; color: #fff; width: 196px; font-size: 14px; border-radius: 0; font-weight: bold; background: #a3090b; text-align: center; text-decoration: none; text-transform: uppercase; overflow: hidden; letter-spacing: .08em; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .colum__veso .dangkyngay:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; background: #D24D57; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } .colum__veso .dangkyngay:hover:after, .colum__veso .dangkyngay:visited:hover:after { height: 450%; } .section_sanhgame p { color: #fff; font-size: 15px; margin: 0; text-transform: uppercase; font-weight: 600; } .section_sanhgame .col.medium-3 { max-width: 20% !important; -ms-flex-preferred-size: 20% !important; flex-basis: 20% !important; padding-bottom: 0; } .section_sanhgame .col.medium-3 .box-text { padding-bottom: 0; } .mobta__mobile { display: none; text-align: center; font-size: 12px; color: #ccc; } .single .box__left__layout ul , .page .box__left__layout ul { padding-left: 20px; } .download_btn { background: #fff; } .customer_btn { position: absolute; top: 1.5rem; right: -0.8rem; max-width: 1.8rem; width: 100%; height: 0.5rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .customer_btn a { display: block } .customer_btn a.btn-top { position: absolute; top: 0; right: 0; width: 100%; } .shake{ -webkit-animation-name: shake_box; -ms-animation-name: shake_box; animation-name: shake_box; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both /*-webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running;*/ } .shake.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .shake:hover{ -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; /*-webkit-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused;*/ } @keyframes shake_box{ 0% {transform: translate(0px, 0px) rotate(0deg)} 20% {transform: translate(1.5px, -2.5px) rotate(-1.5deg)} 40% {transform: translate(-2.5px, 0.5px) rotate(-0.5deg)} } @-ms-keyframes shake_box{ 0% {-ms-transform: translate(0px, 0px) rotate(0deg)} 20% {-ms-transform: translate(1.5px, -2.5px) rotate(-1.5deg)} 40% {transform: translate(-2.5px, 0.5px) rotate(-0.5deg)} } .download_btn { position: relative; left: 50%; max-width: 750px; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; position: absolute; z-index: 99; top: -190px !important; } .download_btn a { display: block } .download_btn a.btn-bottom { position: absolute; top: 25%; left: 30%; width: 40% } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes tada { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } } @keyframes tada { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } } .tada { -webkit-animation-name: tada; animation-name: tada } .box__tes { display: block; clear: both; padding-top: 10px; } .box__tes a { display: inline-block; background: #231419; color: #ccc4a0; font-weight: 600; margin: 0 2px; font-size: 16px; padding: 3px 10px; border: 1px solid #ccc4a0; } .box__tes a:hover { background: #e89022; } .header .flex-row.header-inner { padding: 0; } .box__contentsssssss { height: 500px; overflow: auto; padding: 20px; border: 4px solid #757371; border-radius: 0; background: #1f2225; } #content_data_football { max-height:500px; overflow:auto; } #content_data_football::-webkit-scrollbar-thumb { background-color: #d61515 ; } #content_data_football::-webkit-scrollbar { width: 8px; background-color: #fff; } #content_data_football::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); background-color: #fff; } #content_data_football::-webkit-scrollbar-thumb { background-color: #d61515; } .box__contentsssssss::-webkit-scrollbar-thumb { background-color: #d61515 ; } .box__contentsssssss::-webkit-scrollbar { width: 10px; background-color: #fff; } /** STYLE 6 */ .box__contentsssssss::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); background-color: #fff; } .box__contentsssssss::-webkit-scrollbar-thumb { background-color: #d61515; } .footer_fixed { width: 101%; min-height: 1.4rem; background: rgba(255, 255, 255, 0.77); position: fixed; left: 0; padding: 0 15px; bottom: 0; box-shadow: 0 0 2px rgb(0 0 0 / 35%); z-index: 999; } .bannersss { position: relative; overflow: hidden; clear: both; } .bannersss .img_icon { float: left; width: 100px; margin-right: 10px; } .describe_in_word { float: left; } .footer_fixed .log_in { display: block; width: 175px; height: 60px; line-height: 60px; background: #43c117; color: #fff; text-align: center; font-size: 26px; border-radius: 5px; position: absolute; top: 20px; right: 20px; } .label_three ,.label_one { font-size: 20px; font-weight: 600; color: #333; } .label_three img { display: block; clear: both; max-width: 50%; } .label_two { display: flex !important; } .label_two > div { display: inline-block; padding: 0 5px; float: left; font-size: 17px; border: 1px solid #c6a165; color: #c6a165; margin: 1px 2px; background: #231419; } .box__note{ float: left; width: 45%; padding: 0 20px; font-size: 18px; font-weight: 600; color: #333; line-height: 30px; padding-top: 20px; } .footer__img { position: fixed; bottom: 152px; right: 0; width: 200px; } @media only screen and (max-width: 1024px) { .header-inner .nav.mobile-nav { display: block !important; } .footer__img { position: fixed; bottom: 140px; right: 0; width: 100px; z-index: 999; } .download_btn a.btn-bottom { top:99px !important; } .box__tes a { display: inline-block; background: #231419; color: #fff; font-weight: 600; margin: 0 1px; font-size: 8px; padding: 3px 5px; } .footer_fixed .log_in { display: block; width: 101px; height: 38px; line-height: 38px; background: #43c117; color: #fff; text-align: center; font-size: 20px; border-radius: 5px; position: absolute; top: 8px; right: 0; } .bannersss .img_icon { float: left; width: 60px; margin-right: 10px; } .label_two > div { display: inline-block; padding: 0 5px; font-size: 16px; float: left; font-size: 6px; /* border: 1px solid #1E9FFF; */ /* color: #fff; */ padding: 2px 5px; margin: 1px 2px; } .label_three, .label_one { font-size: 12px; font-weight: 600; color: #333; } .footer_fixed { padding: 6px; } .mobile-nav i { color: #fff !important; } .float_box-left { display: none; } .footer-wrapper .footer-1 .widget:nth-child(1) img { width: 65px; margin-right: 5px; } .mobta__mobile { display: block; } .footer-1 .widget_text img { max-width: 65px; float: left; margin: 0 5px 0 0; } #logo { width: 65px !important; } .header-main li.html.custom { display: block !important; } .medium-logo-center .flex-left{ width: 50px !important; display: block; flex: none; } .vaoapp a { color: #fff; background: #0382c1; padding: 4px 9px; margin-top: 0; display: inline-block; font-size: 16px; } .truycap { margin: 0 0 20px 0; font-weight: 600; color: #fff; font-size: 15px; text-align: left; } #custom_html-5{ display: none !important; } .section__taiap .col.large-3 { padding-bottom: 0; padding: 0 5px; margin-bottom: 10px; } .section__taiap .button { background: #731fb6; font-size: 12px; border-radius: 30px; } .section__taiap .col.large-3:nth-child(2) .button { background: #4145ca; } .section__taiap .col.large-3:nth-child(3) .button { background: #1e1e1e; } .section__taiap .col.large-3:nth-child(4) .button { background: #cd2201; } .section__taiap { padding: 15px 0 10px !important; } #content { width: 100%; } .footer-2 { display: none; } .section__veso { padding: 20px 0 3px !important; } .side-menu { /*display: none;*/ } #logo img { margin: 0 auto !important; } .footer-wrapper { padding-bottom: 0px; } #logo { /* width: 65px; position: absolute; right: 0; left: 0;*/ margin: auto; } .section__iphone { padding: 15px 0; } /*************** ADD MOBILE ONLY CSS HERE ***************/ .box__before { display: none; } .footer-1 .widget.widget_nav_menu ul.menu { max-width: 100%; display: block; overflow: hidden; } .footer-1 .widget.widget_nav_menu ul.menu > li{ width: 50%; float: left; } .footer-1 .widget.widget_nav_menu ul.menu li a { font-size: 13px; font-weight: 500; text-transform: none; } .runMsg { display: none; } .box__trochoi { padding: 20px 0 15px 0 !important; } .box__trochoi .box-text.text-center { /*padding-bottom: 0; padding-top: 15px; position: absolute; top: 31%; z-index: 99; right: 0; width: 100%; padding: 0 20px; text-align: right;*/ } .box__trochoi .box { position: relative; } .box__trochoi .box-text h4 { color: #fff; font-size: 16px; font-weight: 500; font-weight: bold; text-transform: uppercase; } .box__left__layout { width: 100%; padding: 0 5px; } .box__right__layout { width: 100%; } /* #top-bar .mobile-nav li a { background: #e9952c; color: #fff; border-radius: 5px; padding: 5px 10px; width: 95px; height: 20px; box-sizing: border-box; background-image: url(images/btn_addMember.png); text-decoration: none; display: block; padding: 0; padding-left: 12px; background-repeat: no-repeat; text-align: left; margin: 0; }*/ /* #top-bar .mobile-nav li:last-child a { background: #00b2b9; }*/ .box__socical { bottom: 0; left: 0; width: 100%; display: flex; top: inherit; display: flex; justify-content: space-between; align-items: center; background: rgba(0, 0, 0, 0.7); display:none; } .box__trochoi .box-image a img { height: 130px; } .box__trochoi .small-6 { padding: 0 5px; max-width: 50%; -ms-flex-preferred-size: 25%; flex-basis: 50%; } .box__trochoi .small-6 .box { margin-bottom: 10px; } .box__trochoi .box-text h4 { color: #fff; font-size: 15px; font-weight: 500; font-weight: bold; text-transform: uppercase; text-align: center; /*padding-left: 59px;*/ } .box__trochoi .box__1 .col-inner .box:nth-child(1) .box-text h4 { padding-left: 0; text-align: center; padding-top: 45px; } .colum__veso > .col.medium-2 .col-inner .img { border-bottom: 1px solid #f3ecec; padding-bottom: 15px; margin-bottom: 15px; } .colum__veso > .col:nth-child(2n) { border-right: 0 !important; } .absolute-footer{ padding-bottom: 0px; } .header-top { background: #109a48; } } @media only screen and (max-width: 600px) { .mobile-nav img { max-width: 130px; } .title__web { display: inline-block; padding-right: 5px; color: #fff; font-size: 19px; font-weight: 600; text-transform: capitalize; line-height: 23px; background: -webkit-linear-gradient(#98b1ff,#ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .box__note { float: left; width: 100%; padding: 0 6px; font-size: 10px; font-weight: 600; color: #333; line-height: 17px; padding-top: 10px; } .section__iphone .col.large-3 { padding: 0 5px; margin-bottom: 10px; } .section__iphone .button { background: #b02a10; width: 100%; height: 40px; font-size: 10px; } .section__iphone .col.large-3:nth-child(2) .button { background: #7932d4; } .section__iphone .col.large-3:nth-child(3) .button { background: #f0b615; } .section__iphone .col.large-3:nth-child(4) .button { background: #cd2201; } .colum__veso .img .img-inner { width: 100px; height: 100px; line-height: 100px; } .bottom-nav { display: flex; } .section__hotro { width:100% ; } .footer-2 p { font-size: 12px; } .html_topbar_left { font-size: 11px !important; } .box__nth__2 .news-post-news .box__thumb__img { width: 150px; } .box__nth__2 .news-post-news .box__content { width: calc(100% - 150px - 10px); } .box__nth__2 .news-post-news .box__content h3 a { font-size: 15px; line-height: 24px; max-height: 48px; overflow: hidden; display: block; } #top-bar .container { padding: 0; } .mobile-nav >li { margin: 0 3px; } .footer-2 .widget.widget_nav_menu ul.menu { display: block; } .footer-2 .widget.widget_nav_menu ul.menu li { float: left; width: 50%; } .copyright-footer { font-size: 13px; } .section__taiap .button { border-left: 15px solid; } .section__taiap .icon-box .icon-box-text h3 { font-size: 12px; } .section__taiap .icon-box .icon-box-text p { font-size: 11px; } }