html{scroll-behavior:smooth}
body{overflow-x:hidden;overflow-y:auto}
.scroll-mt{scroll-margin-top:90px}
#pg-icon-menu,.pg-menu-mobile{display:none}
.text-center{text-align:center}
.has-nav{position:relative}
.has-nav .owl-nav{margin:0;color:#000}
.text-center{text-align:center}
.has-nav .owl-nav>button,.home-section5 .owl-nav>button{opacity:1;position:absolute;height:40px;width:40px;line-height:40px;text-align:center;display:inline-block;margin:0;padding:0;color:#000;z-index:9;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;top:50%;margin-top:-20px!important;background:rgba(255,255,255,.5)!important;outline:0;border-radius:3px}
.has-nav .owl-nav>button:hover,.home-section5 .owl-nav>button:hover{opacity:.8;color:#666}
.has-nav .owl-nav .owl-prev,.home-section5 .owl-nav .owl-prev{left:-20px;opacity:0;-webkit-box-shadow:0 0 3px 0 #999;box-shadow:0 0 3px 0 #999}
.has-nav .owl-nav .owl-next,.home-section5 .owl-nav .owl-next{right:-20px;opacity:0;-webkit-box-shadow:0 0 3px 0 #999;box-shadow:0 0 3px 0 #999}
.has-nav:hover .owl-nav .owl-prev,.home-section5 .list-video:hover .owl-nav .owl-prev{left:10px;opacity:1}
.has-nav:hover .owl-nav .owl-next,.home-section5 .list-video:hover .owl-nav .owl-next{right:10px;opacity:1}
.singleSlider .text{position:absolute;color:#fff;text-align:center;width:100%;top:50%;font-size:20px;text-transform:uppercase;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);height:auto;border:none}
.singleSlider .item{position:relative}
.singleSlider .text .head1{font-weight:700;font-size:40px;margin-bottom:15px}
.button-orange{background:#87e0fd;background:-webkit-gradient(linear,left top,left bottom,from(#87e0fd),color-stop(1%,#ffd259),to(#ffac07));background:-o-linear-gradient(top,#87e0fd 0,#ffd259 1%,#ffac07 100%);background:linear-gradient(to bottom,#87e0fd 0,#ffd259 1%,#ffac07 100%);border:none;font-size:18px;padding:10px 20px;color:#fff;font-weight:700;border-radius:5px;text-decoration:none;cursor:pointer;text-shadow:0 1px 1px #b7b7b7;display:inline-block}
.singleSlider .text .head2{margin-bottom:20px}
.home-section1{background:#f2f2f2;overflow:hidden;text-align:center}
.home-section1 .bao-all{width:85%;display:inline-block;margin:0 auto}
.title-center{text-align:center}
.title-center .h-title{text-transform:uppercase;font-size:24px;margin:1.5em 0;color:#0d81ab}
.title-center .h-title:after{content:'';display:block;width:100px;clear:both;border-top:solid 3px;margin:auto;margin-top:10px}
.row{margin:0 -10px;overflow:hidden}
[class*=col-]{padding:0 10px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box}
.col-4{width:33.3333%}
.page-phonggame *{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.45}
.home-section2 .item .icon{width:60px;height:60px;display:block;float:left;font-size:33px;border-radius:100%;border:solid 2px #0d81ab;text-align:center;line-height:60px;color:#002e5b}
.home-section1 .item .icon{font-size:70px;color:#fff;line-height:102px;margin-bottom:10px}
.home-section1 .col-md-4{padding:0 30px}
.home-section1 .item a{display:block;text-decoration:none;color:#fff;font-weight:700;font-size:16px}
.home-section1 .item .text{margin-left:0;color:#fff}
.home-section1 .item .summary{font-size:14px;color:#fff}
.home-section1 .item{margin:25px 0;width:100%;float:left;padding:20px;background:#14676b;border-radius:10px;text-align:center;height:380px;padding-top:40px}
.home-section2{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden;position:relative;padding-bottom:40px;padding-top:20px}
.home-section2:before,.home-section4:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.8);top:0}
.home-section2 .container,.home-section4 .container{position:relative;color:#fff}
.col-6{width:50%}
.home-section2 .item .icon{color:#fff;border-color:#4eb9e0}
.home-section2 .item .text{margin-left:70px;font-weight:700;font-size:14px}
.home-section2 .item{padding:25px 150px}
.col-3{width:25%}
.img-container,.list-project .item .img{display:block;position:relative;padding-top:60%;border-radius:0;overflow:hidden}
.img-container img,.list-project .img img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;margin:auto;width:100%;max-height:100%;min-height:100%}
.list-project .item .name{text-decoration:none;font-weight:700;color:#0d81ab;font-size:14px;display:block;background:rgba(255,255,255,.8);width:100%;float:left;padding-bottom:0;margin-top:10px;margin-left:10px;margin-right:10px;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:44px}
.list-project .item .name.summary_update{margin-top:0;color:#000;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:65px;margin-bottom:20px}
.list-project .item .name::after{content:'';width:26px;height:2px;background:#999;position:absolute;bottom:8px;float:left;left:50%;margin-left:-13px;z-index:1}
.list-project .item .name::after{display:none}
.list-project .item .name span{width:100%;height:40px;line-height:22px;overflow:hidden}
.list-project .item .info .viewmore{display:none;text-decoration:none;margin-left:10px;background:#fd3333;padding:10px 20px;color:#fff;font-weight:600}
.list-project .item .summary{font-size:14px;color:#666}
.list-project .item{margin-bottom:65px;width:100%;float:left;position:relative;padding-bottom:40px;-webkit-box-shadow:0 0 3px 0 #999;box-shadow:0 0 3px 0 #999}
.list-project .item .info{position:relative;width:calc(100% - 30px);height:0}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.list-news .img{float:left;width:30%}
.list-news .info{margin-left:30%;padding-left:10px}
.list-news .item .name{display:block;color:#333;text-decoration:none;font-weight:700;font-size:13px}
.list-news .item .viewmore{font-weight:700;text-decoration:none;color:#0d81ab;display:block}
.list-news .item .summary{margin:5px 0}
.list-news .item{margin-bottom:20px;overflow:hidden}
.col-8{width:66.66%}
.partner-carousel .item img{width:auto!important;height:auto;margin:auto;max-height:75px}
.col-md-4{width:33.3333%;-webkit-box-sizing:border-box;box-sizing:border-box}
.pg-top-article .item .info{position:absolute;bottom:0;width:100%;color:#fff;line-height:1.5;padding:10px}
.img-container{border-radius:0}
.pg-top-article .item .name{font-weight:700;font-size:15px;display:block;background:rgba(0,0,0,.6);padding:10px;line-height:18px}
.pg-top-article .item .cat{display:inline-block;background:#000;margin-bottom:2px;padding:3px 10px}
.pg-sub-cat a{display:inline-block;text-decoration:none;color:#333;border:solid 1px #ccc;padding:3px 10px}
.pg-sub-cat{margin-bottom:10px;width:100%;display:inline-block;clear:both}
.pg-article-list .item{display:block;overflow:hidden;margin-bottom:20px;color:#333;text-decoration:none}
.pg-top-article{margin-bottom:40px}
.pg-article-list .item img{float:left;width:30%}
.pg-article-list .item .info{margin-left:30%;padding-left:20px;line-height:1.45}
.pg-article-list .item .name{display:block;font-size:16px;font-weight:700;margin-bottom:5px}
.pg-article-list .item .cat{background:#333;color:#fff;padding:3px 10px;display:inline-block;margin-bottom:10px}
.pg-article-list .item .summary{display:block}
.search-article .title{border-bottom:solid 2px #0d81ab;overflow:hidden;margin-bottom:20px}
.search-article .title span{background:#0d81ab;float:left;color:#fff;text-transform:uppercase;font-weight:700;font-size:16px;padding:0 20px;line-height:32px;height:30px;display:block}
.search-article form input{float:left;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:34px}
.search-article form button{position:absolute;right:0;height:34px;border:none;background:#000;color:#fff;font-weight:700;padding:0 15px;cursor:pointer}
.search-article form{position:relative}
.pg-article-right .pg-article-list .top .name{display:block;font-weight:700;font-size:16px;margin:5px 0}
.search-article{overflow:hidden;margin-bottom:24px}
.pg-article-right .pg-article-list .top{text-decoration:none;color:#333;line-height:1.5;overflow:hidden;margin-bottom:20px;display:block}
.pg-article-right .pg-article-list .name{font-size:14px}
.pg-article-right .pg-article-list .summary{display:none}
#author img{float:left;width:150px}
#author{overflow:hidden;margin:20px 0}
#author .info{margin-left:165px;line-height:1.45}
#author .info .name{font-weight:700;text-transform:uppercase;color:#0d81ab;font-size:18px;margin-bottom:10px}
.pg-other-article .title{height:34px;border-bottom:solid 2px #e85858;margin-bottom:10px}
.pg-other-article .title h2{margin:0;background:#e85858;color:#fff;text-transform:uppercase;display:inline-block;line-height:34px;padding:0 20px}
.pg-other-article .item{text-decoration:none}
.pg-other-article .item .name{color:#333;font-weight:700;display:block;margin:10px 0}
.comment{width:100%}
.comment-form .img-avatar{float:left;width:40px}
.comment-form form{margin-left:50px;padding-bottom:15px}
.comment-form-input{border:solid 1px #ddd;background:#f8f8f8;padding:10px;position:absolute;width:100%;display:none}
.comment-list .item{padding:15px 0;border-top:solid 1px #eee}
.comment .relative{position:relative;z-index:9}
.comment-list .item .comment-left img{width:40px;float:left}
.comment-list .item .comment-right{margin-left:50px}
.comment-list .item .reply-comment{display:none}
.info-feeback .time{float:left;color:#999}
.info-feeback .right{float:right}
.info-feeback{overflow:hidden;padding-bottom:10px}
.comment-list .item .comment-name span{font-weight:700;margin-right:2px}
.comment-list .item .comment-name .note{color:#e00;font-size:.7em}
.comment form .form-control{margin-bottom:5px}
.comment textarea{width:100%;height:80px;padding:10px}
.comment *{-webkit-box-sizing:border-box;box-sizing:border-box}
.comment .close{float:right;color:#333;font-size:20px}
#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}
#toc_container.have_bullets li{padding-left:12px}
#toc_container ul ul{margin-left:1.5em}
#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin:16px 0;width:auto;display:table;font-size:95%}
#toc_container.toc_light_blue{background:#edf6ff}
#toc_container.toc_white{background:#fff}
#toc_container.toc_black{background:#000}
#toc_container.toc_transparent{background:none transparent}
#toc_container .toc_title{text-align:center;font-weight:700;margin:0;padding:0;font-size:16px;margin-bottom:8px}
#toc_container .toc_title a{color:#00f}
#toc_container.toc_black .toc_title{color:#aaa}
#toc_container span.toc_toggle{font-weight:400;font-size:90%}
#toc_container p.toc_title+ul.toc_list{margin-top:1em}
.toc_wrap_left{float:left;margin-right:10px}
.toc_wrap_right{float:right;margin-left:10px}
#toc_container a{text-decoration:none;text-shadow:none;color:initial}
#toc_container a:hover{text-decoration:underline}
.toc_toggle a{cursor:pointer}
.toc_content a{display:block;color:#0089e4!important}
#header-phonggame{height:80px;background:#14676b}
.pg-logo{float:left;margin-top:2px}
#pg-nav{float:right}
#pg-nav .item{float:left;height:80px;position:relative}
#pg-nav .item>a{color:#fff;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:16px;line-height:77px;display:block;padding:0 17px}
.pg-nav-mobile{display:none}
.pg-search input{border:none;height:30px;position:absolute;right:22px;display:none;z-index:999}
.pg-search button{background:0 0;border:none;color:#fff;font-size:20px;margin-top:4px}
.pg-search{padding-top:22px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;float:right}
#pg-nav .item>a.current{border-bottom:solid 3px #fff600}
.pg-article-list{min-height:10px}
.pg-sub-menu{position:absolute;border:solid 1px #0d80ac;background:#fff;top:79px;display:none;z-index:99;right:0}
.pg-sub-menu a{display:block;white-space:nowrap;color:#333;text-decoration:none;padding:8px 10px}
#pg-nav .item:hover{background:#2491bb}
.pg-sub-menu a:hover{background:#eee}
#pg-nav .item:hover .pg-sub-menu{display:block!important}
.galleryUl li{padding:0;position:relative;overflow:hidden}
.galleryUl li:hover .info-galleryUl{background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(0,0,0,0)),to(#000));background:-o-linear-gradient(top,rgba(0,0,0,0) 10%,#000);background:linear-gradient(180deg,rgba(0,0,0,0) 10%,#000);background:-o-linear-gradient(260deg,rgba(0,0,0,0) 10%,#000)}
.galleryUl li:hover .info-galleryUl .info-bottom-gallery{bottom:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:15px}
.galleryUl li:hover .info-galleryUl .info-bottom-gallery .title-gallery{margin-bottom:10px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.galleryUl li:hover img{-webkit-filter:none;filter:none}
.galleryUl li .info-galleryUl{position:absolute;height:100%;width:100%;bottom:0;left:0;text-align:center;color:#fff}
.galleryUl li .info-bottom-gallery{position:absolute;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;bottom:-140px;padding:15px 15px 60px;width:100%;height:100%}
.galleryUl li .info-bottom-gallery .number-gallery{font-size:36px;font-weight:700;margin:0 0 10px}
.galleryUl li .info-bottom-gallery .title-gallery{font-size:17px;margin-bottom:50px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:700}
.galleryUl li .info-bottom-gallery .text-gallery{font-size:14px}
.galleryUl li img{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);display:block}
.col-md-2{width:16.66666667%}
ul.galleryUl{padding:0;margin:0}
.info-bottom-gallery p{margin:0 0 10px}
.fix-margin-top-owl .owl-theme .owl-nav{margin-top:0!important}
.text-home-2{word-wrap:break-word;margin-left:42px;margin-top:5px}
.btn-register{background:#f1c40f;color:#fff;border:none;padding:12px 50px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid #ffc107}
.btn-hover-a:hover{color:#fff}
.img-banner-slider{width:100%;height:auto}
.overlay-text-slider{height:100%!important;padding-top:12%}
.setup-room-game{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.setup-room-game .game-card .text-decoration-none{text-decoration:none}
.setup-room-game .game-card{background:#fff;border-radius:0}
.setup-room-game .game-card .body-card{-webkit-box-shadow:0 7px 14px 0 rgba(65,69,88,.1),0 3px 6px 0 rgba(0,0,0,.07);box-shadow:0 7px 14px 0 rgba(65,69,88,.1),0 3px 6px 0 rgba(0,0,0,.07);border-radius:0;position:relative}
.setup-room-game .game-card .body-card .header img{width:100%;height:100%}
.setup-room-game .game-card .body-card .body{left:0;bottom:0;background:#fff;color:#fff;width:100%;float:left}
.setup-room-game .game-card .body-card .body .txt-name{color:#fd3333}
.setup-room-game .game-card .body-card .body .title::after{display:none}
.setup-room-game .game-card .body-card .body .title{font-size:14px;color:#fff;font-weight:700;padding:10px;position:relative;text-align:center;text-transform:uppercase;height:60px;margin-bottom:0;overflow:hidden}
.setup-room-game .game-card .body-card .body .price{font-size:18px;color:#e00;font-weight:700;padding:0 0 20px 20px}
.setup-room-game .game-card .body-card .body .title::after{content:'';width:40px;height:2px;background:#999;float:left;position:absolute;z-index:1;bottom:8px;left:10px}
.setup-room-game .game-card .body-card .footer{color:#ffab40;padding-left:20px}
.setup-room-game .game-card .body-card .footer p{margin:0;padding:10px 0;font-size:16px;text-transform:uppercase}
.margin-20px{margin-left:20px}
#header-phonggame{position:fixed;top:0;width:100%;z-index:1000}
.detail-pg-mobile{display:block;float:left;margin:0;padding:8px 25px;margin-bottom:10px;margin-right:10px;background:#0d81ab;text-align:center;margin:auto;margin-left:34%}
.fix-margin-top-owl{margin-top:80px}
.list-customer{width:100%;float:left;margin:20px 0;margin-bottom:0}
.list-customer .item{width:100%;float:left;text-align:center;margin-top:20px}
.list-customer .item .content{width:50%;display:inline-block;text-align:center}
.list-customer .item .content .custom-img{width:150px;height:150px;display:inline-block;border-radius:50%;margin-bottom:15px;overflow:hidden}
.list-customer .item .content .custom-name{color:#ed1c24;width:100%;float:left;text-align:center;font-size:25px;margin:0}
.list-customer .item .content .custom-feedback{font-size:16px;color:#333;line-height:1.6;width:100%;float:left;text-align:center}
.home-section6{background:#f2f2f2;padding:5px 0 20px 0}
#js-pro-gamecar-icafe .owl-dots{width:100%;float:left;margin-top:10px;text-align:center}
#js-pro-gamecar-icafe .owl-dots .owl-dot{width:10px;height:10px;background:#999;border-radius:50%;display:inline-block;margin:0 5px}
#js-pro-gamecar-icafe .owl-dots .owl-dot.active{background:red}
#home-section-project .list-project.owl-carousel,#list-home-section-news{display:-ms-grid;display:grid;-ms-grid-columns:auto 30px auto 30px auto;grid-template-columns:auto auto auto;grid-gap:30px}
#list-home-section-news .item,.list-project .item{margin-bottom:0;width:100%;float:left;position:relative;padding-bottom:0;-webkit-box-shadow:0 0 3px 0 #999;box-shadow:0 0 3px 0 #999}
#home-section-news .text-center,#home-section-project .text-center{margin-top:40px}