/*
Theme Name: itg
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
footer.entry-meta {
    border-bottom: 2px solid #222 !important;
    border-top: 1px solid #222 !important;
}
aside.widget{
	margin-top:50px;
}
aside.widget .widget-title {
	font-size:40px;
}
aside.widget li, aside.widget a, aside.widget div, aside.widget p{
	color:#222
}
aside.widget  .recent-blog-posts-li a{
	font-weight:600 !important
}

article.post h2.entry-title{
	font-size:28px;	
}
article.post .entry-summary{
	font-size:18px;
	font-weight:600;
}
article.post{
	margin-top:50px;
	color:#111 !important;
}
article.post a{
	color:#111 !important;
}
.blog-wrapper.blog-archive.page-wrapper{
	padding-top:0px !important
}
.blog-wrapper.blog-archive.page-wrapper .archive-page-header{
	min-height:700px;
	position:relative;
	background:url(/wp-content/uploads/2023/05/blog6.png) no-repeat center center;
	background-size:cover !important
}
.blog-wrapper{
	background: #f0a700  !important
}
.blog-wrapper.blog-archive.page-wrapper .archive-page-header h1.page-title{
	padding-top:25%;
	text-align:left;
    font-weight: 800;
    font-size: 80px;
    line-height: 1;
    text-transform: uppercase;
    color: #f0a700;
	z-index:99
}
.blog-wrapper.blog-archive.page-wrapper .archive-page-header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    z-index: 2;
}
.pub-partner__title {
    font-size: 50px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 30px;
}
.pub-partner__desc {
    width: 100%;
    font-size: 32px;
    font-weight: 500;
    text-align: justify;
	line-height:1.15;
}
.pub-partner{
	
}
.pub-partner .col-inner{
	position:relative
}
.pub-partner h2{
    color: #fff;
    font-size: 53px;
    margin: 0;
	position:relative !important
}
.pub-partner .label-bf {
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    right: 85px;
    display: flex;
    align-items: center;
	    text-align: right;
}
.pub-partner .label-bf::before {
        content: "";
    display: block;
    width: 38px;
    height: 38px;
    background: #fff;
    position: absolute;
    left: -50px;
}
.ulthegioi p{
		font-size:45px;
	font-weight: 700;
	line-height:1.1;
	color:#f0a700;
}
.ulthegioi ul{
	list-style:none;
	margin-left:0px;
}
.ulthegioi li{
	margin-bottom:130px;
	font-size:45px;
	font-weight: 700;
	line-height:1.1;
	color:#f0a700;
	margin-left:0px !important;
}
.ulthegioi li strong{
	font-size:55px !important;
	font-weight: 700;
	line-height:1.1;
}
.capthegioi h1{
	    font-weight: 700;
    font-size: 140px;
    line-height: 1;
    text-transform: uppercase;
    color:#f0a700;
}
.global__link-image {
    position: absolute;
    left: -60%;
    top: 25%;
}
.global__link-image img {
    width: 1065px !important;
    object-fit: cover;
}
.caph1 h2 {
    font-size: 62px;
    font-weight: 700;
    line-height: .84;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    padding-top: 42px;
    margin-bottom: 47px;
}
.row.rtop{
	margin-left:-80px !important;
}
.approach:before {
    content: "";
    display: block;
    width: 50%;
    height: 110px;
    clip-path: polygon(100% 0, 0% 900%, 0 0);
    background: url(/wp-content/uploads/2023/05/Asset16.png) no-repeat;
    background-position: 40px 10px;
    background-color: #000;
    position: relative;
    top: -1px;
}
.rtop h3{
    font-size: 52px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
	color:#f0a700
}
.caphfix::before {
    content: "";
    display: block;
    width: 212px;
    height: 10px;
    background: url(/wp-content/uploads/2023/05/pub.png) no-repeat;
    position: absolute;
    bottom: 0;
}
.caphfix{
	position:relative;
	padding-bottom:50px;
}
.caphfix  h1{
	font-size:75px !important;
	color:#f0a700 !important
}
.pub-banner__image {
    margin-right: -190px !important;
    position: relative;
}
.capfull .container{
	    max-width: 100% !important;
}
.xtintuc .box-text{
	display:none !important
}
.videomain.video.video-fit{
	padding-top:0 !important
}
.projectfix::before {
    content: "";
    display: block;
    width: 50%;
    height: 110px;
    background-color: #f0a700;
    clip-path: polygon(100% 0, 0% 900%, 0 0);
    margin-top: 0px;
    position: absolute;
    top: -1px;
    left: 0;
}
.projects__content  ul {
    padding: 0;
    margin: 0;
    padding-left: 25px;
    list-style: square;
}
.projects__content  ul li{
	margin-left:0px !important
}
.projects__top h2.title br {
    display: none;
}
.projects__content a.see-more {
    width: auto;
    background-color: #000;
    color: #fff;
    font-family: var(--font-saira);
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: 5px 38px 5px 20px;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 0% 100%);
    position: relative;
}
.projects__content a.see-more::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    margin-right: 20px;
}
.projects__top h2.title::before {
    content: "";
    display: block;
    width: 59px;
    height: 59px;
    background-color: #fff;
    margin-right: 39px;
    margin-top: 5px;
}
.projects__top h2.title {
    font-size: 61px;
    line-height: .85;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    font-weight: 700;
    position: absolute;
    right: 30px;
	margin-top:30px;
}
.projects::before {
    content: "";
    display: block;
    width: 50%;
    height: 110px;
    background-color: #000;
    clip-path: polygon(100% 0, 0% 800%, 0 0);
    background-repeat: no-repeat;
    background-size: auto;
    margin-top: -1px;
    border-top: 1px solid #000;
	position:absolute;
	top:0px;
}


.trai-nghiem__wrap {
    position: relative;
}
.trai-nghiem__wrap .text {
    font-size: 152px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: .8;
    text-align: center;
    margin: 0;
	opacity:0.5;
    color: #f0a700;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #f0a700;
}
.trai-nghiem__wrap .text-4 {
    -webkit-text-fill-color: var(--color-accent);
    line-height: .2;
    opacity: 1;
}
.game__title {
    font-weight: 700;
    font-size: 92px;
    line-height: .9;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}
.game__title img {
    position: absolute;
    left: -33%;
    top: -54px;
}
.products-enotias a.see-more {
    width: auto;
    background-color:#f0a700;
    font-family: var(--font-saira);
    font-size: 30px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: 5px 38px 0px 20px;
    position: relative;
	color:#111;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 0% 100%);
}
.products-enotias  a.see-more::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    margin-right: 20px;
}
.products-enotias__top {
    position: absolute;
    right: 100px;
    top: -60px;
}
.boxgame .box-text.text-center{
	bottom:10%;
}
.featured::after {
    content: "";
    display: block;
    width: 50%;
    height: 145px;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
    background-color: #000;
    position: absolute;
    bottom: -1px;
    right: 0;
    background-repeat: no-repeat;
    background-position: 12% 10%;
}
.products-enotias__top h2.title::before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background-color: #f0a700;
    margin-right: 39px;
    margin-top: 5px;
}
.products-enotias__top h2.title {
    font-size: 46px;
    line-height: .85;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    color: #fff;
}
.featured {
    background: url(/wp-content/uploads/2023/05/archive-career.php) no-repeat bottom left;
    background-position: 50px 234%;
    background-color: #f0a700;
    position: relative;
    text-align: center;
    padding-bottom: 30px;
}
.featured__title {
	padding-left:15%;
	padding-right:15%;
}
.featured .shade{
	display:none !important
}
.featured .box-text {
    text-shadow: 0px 0px 0px rgba(0,0,0,.5) !important;
}
.featured__title p {
	margin-top:25px !important;
			font-weight: 500;
			font-size: 30px;
			line-height: 1.1;
			margin: 0;
			text-align: center;
	color:#111;
}

.featured__title h3 {
			font-weight: 700;
			font-size: 65px;
			text-align: center;
			margin: 0;
	line-height:1em;
	color:#111;
		}
.featured::before {
	position:absolute;
    content: "";
    display: block;
    width: 50%;
    height: 145px;
    clip-path: polygon(100% 0, 0% 900%, 0 0);
    background-color: #000;
    position: absolute;
    top: -1px;
    background-repeat: no-repeat;
    background-position: 12% 10%;

}
.casual__content-line {
    position: absolute;
    right: -85%;
    top: 22%;
}
.softwareApp__Bot {
    padding: 55px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.softwareApp__Bot img:first-child {
    position: absolute;
    left: -15%;
    bottom: 6%;
}
.rowsp .box.has-hover .box-image:after{
	content:"";
	z-index:9;
	width:92px;
	height:32px;
	background:url(/wp-content/uploads/2023/05/softwear_play.png) no-repeat top center;
	background-size:cover !important;
	position:absolute;
	left:0px;
	right:0px;
	bottom:20px;
	display:none;
	    margin: 0 auto;
	    overflow: visible !important;
}
.softwareApp__item-title p{
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-top: 10px;
}
.rowsp .box.has-hover:hover .box-image{
	border:1px solid #f0a700
}
.rowsp .box.has-hover .box-image{
	padding:30px;
	background:#131313
}
.rowsp .box.has-hover:hover .box-image:after{
	display:block !important
}
.rowsp .img.has-hover{
	 overflow: visible !important;
}
.rowsp .img .img-inner{
	 overflow: visible !important;
}
.rowsp .box.has-hover:hover .box-image img {
    opacity: 1;
    transform: scale(0.8) !important;
}
.softwareApp__title br {
    display: none;
}
.thanh_tuusub{
	overflow:visible !important
}
.rowsp .col .col-inner{
	 transition: all 0.5s ease 0s;
}
.rowsp .box.has-hover:hover .box-image{
	padding-top:0px !important;
	padding-bottom:60px !important;
	    transition: all 0.5s ease 0s;
}
.thanh_tuusub::after {
    content: "";
    display: block;
    width: 500px;
    height: 134px;
    background-image: url(/wp-content/uploads/2023/05/bg_team.png);
    background-size: cover;
    position: absolute;
    left: 75px;
    z-index: 2;
	bottom:-150px;
}
.softwareApp__title::before {
    content: "";
    display: block;
    width: 76px;
    height: 76px;
    background: #fff;
    position: absolute;
    left: -15%;
    top: 5px;
}
.softwareApp__title {
    font-weight: 700;
    font-size: 76px;
    line-height: 1;
    text-transform: uppercase;
    color: #f0a700;
    position: absolute;
    right: 110px;
    top: 65px;
}

.softwareApp {
    background-color: #000;
    position: relative;
    overflow: hidden;
}
.thanh_tuusub {
    background: url(/wp-content/uploads/2023/05/bg_testi.png) no-repeat bottom;
    background-color: #000;
    color: #fff;
    overflow: hidden;
}
.thanh_tuusub .section-content{
	z-index:99 !important
}
.thanh_tuusub .rtieuchi h3 span{
	color:#f0a700 !important;
	font-size:100;
}
.header-main .sub-menu.nav-dropdown a{
	color:#111;
	font-weight:600;
	text-transform:uppercase;
	font-size:18px;
}
.header-main .sub-menu.nav-dropdown{
	padding:0px !important;
	left:0px !important;    min-width: 200px;
	color:#fff !important;
	background:#f0a700 !important
}
.nav-dropdown.nav-dropdown-simple>li>a:hover {
    background-color: rgba(0,0,0,.72) !important;
}
.core-team::after {
    content: "";
    display: block;
    width: 503px;
    height: 135px;
    background-image: url(/wp-content/uploads/2023/05/bg_team.png);
    background-size: cover;
    position: absolute;
    bottom: 65px;
    left: 52px;
}
.core-team .section-content::after {
    content: "";
    display: block;
    width: 943px;
    height: 116px;
    background-image: url(/wp-content/uploads/2023/05/team_bg.png);
    position: absolute;
    bottom: 5%;
    right: -15%;
}
.col5fix .col{
	    flex-basis: 20%;
    max-width: 20%;
}

.core-team {
    position: relative;
    background-color: #000;
    background-image: url(/wp-content/uploads/2023/05/bg_testi.png);
    background-repeat: no-repeat;
    padding-bottom: 389px;
    overflow: hidden;
}
.core-team::before {
    content: "";
    display: block;
    width: 50%;
    height: 110px;
    background-color: #f0a700;
    clip-path: polygon(100% 0, 0% 900%, 0 0);
    position: absolute;
    top: -1px;
}
.core-team__item h3 {
    font-size: 40px;
    text-transform: uppercase;
    color:#f0a700;
    margin: 0;
    margin-top: 10px;
    text-align: center;
}
.col5fix .core-team__item h3 {
	font-size:20px;
}
.core-team__item p {
    font-family: #fff;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}
.col5fix .core-team__item p {
	font-size:18px;
}
.core-team h2.title {
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 40px;
    color: #f0a700;
}
.core-team h2.title::before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    background-color: #f0a700;
    margin-right: 39px;
    margin-top: 5px;
}
.cultures__title {
    position: relative;
}
.cultures__title img {
    position: absolute;
    left: -38%;
    bottom: 15%;
}
.cultures__title h2 {
    font-size: 52px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 105px;
}
.core-value__content{
	color:#fff;
}
.core-value__content h3{
	color:#fff;
}
.core-value__content img{
	margin-bottom:0px !important;
}
.rcore .col .img.has-hover{
	text-align:center
}
.rcore .col .img.has-hover img{
	max-height:70px;
	width:auto !important;
	margin:0 auto;
}
.core-value__content p{
	margin-bottom:5px !important;
	color:#fff;
}
.rcore .col {
	    flex-basis: 20%;
    max-width: 20%;
}
.rcore .col:hover .core-value__content {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.rcore .col:hover .img.has-hover {
    display: none;
}
.rcore .col .col-inner{
    position: relative;
    transform: translateZ(0);
    overflow: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	min-height: 280px;
}
.core-value__content {
    transform: translateY(100%);
    transition: all .5s ease;
    background-color: rgba(0,0,0,.1);
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.core-value h2.title {
    font-size: 72px;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    position: absolute;
    top: 40px;
	right:15px;
}
.core-value h2.title::before {
    content: "";
    display: block;
    width: 47px;
    height: 47px;
    background-color: #fff;
    margin-right: 39px;
    margin-top: 13px;
}
.core-value {
    position: relative;
    background-color: #f0a700;
    background-image: url(/wp-content/uploads/2023/05/bg_apero.png);
    background-repeat: no-repeat;
    background-position: 100px 0;
    padding-bottom: 130px;
}
.core-value::before {
    content: "";
    display: block;
    width: 50%;
    height: 110px;
    background-color: #000;
    clip-path: polygon(100% 0, 0% 800%, 0 0);
    top: -1px;
    position: absolute;
}
.vision__item h2 {
    font-size: 60px;
    line-height: 1.58;
    color: #fff;
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.vision__item h2 p{
	margin-bottom:20px !important
}
.vision__item h3 {
    color: #f0a700;
    font-family: var(--font-saira);
    font-size: 35px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    margin-top: 11px;
}
.vision__item h3 p{
	  color: #f0a700;
}
.vision {
    position: relative;
    background-color: #000;
    background-image: url(/wp-content/uploads/2023/05/bg_testi.png);
    padding-top: 300px;
    padding-bottom: 185px;
}
.stfix .box-image img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.stfix .box.has-hover:hover .box-image img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
.stfix .box.has-hover {
    position: relative;
    transition: width .5s;
    transition-timing-function: linear;
}
.stfix .box.has-hover  h2 {
    font-size: 60px;
    font-weight: 800;
    margin: 0;
    color: #f0a700
}
.stfix .box.has-hover p {
    color: #fff;
    font-size: 18px;
    line-height:24px;
}
.stfix .box.has-hover .box-text {
    position: absolute;
    bottom: 0;
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0));
    padding: 20px;
    text-align: center;
    width: 100%;
    height: 34%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
	opacity:0;
}
.stfix .box.has-hover:hover .box-text{
	opacity:1 !important
}
.timeline{
	position:relative
}
.timeline::before {
    content: "";
    display: block;
    width: 589px;
    height: 535px;
    background: url(/wp-content/uploads/2023/05/before_timeline.png) no-repeat;
    position: absolute;
    top: 0;
    left: -24%;
    z-index: 1;
}
.timeline::after {
    content: "";
    display: block;
    width: 589px;
    height: 535px;
    background: url(/wp-content/uploads/2023/05/after_timeline.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: -24%;
    z-index: 1;
}
.rowdem .con-so__item h2 {
    font-size: 130px;
    line-height: 1.2;
    color: #f0a700;
    font-weight: 700;
    margin: 0;
    margin-top: 10px;
    letter-spacing: 0;
}
.rowdem .con-so__item h3 {
    font-family: var(--font-saira);
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    margin: 0;
}
 .con-so h2.title {
    text-align: center;
    text-transform: uppercase;
    color: #f0a700;
    font-size: 67px;
    line-height: 1.2;
    font-weight: 700;
    position: relative;
    margin: 0;
}
.con-so h2.title span {
    margin-left: 30%;
}
.con-so .con-so__line2 {
    position: absolute;
    left: -38%;
    bottom: -50px;
}
.con-so .con-so__line1 {
    position: absolute;
    right: -32%;
    top: -20px;
}
.bfooter .social a.icon.primary{
	border-radius:2px !important;
	background:#000 !important;
	background-color:#000 !important;
}
.social a.icon.primary i{
	color:#fff !important;
	font-size:15px;
}
.social a.icon.primary{
	margin-top:3px !important;
	margin-bottom:0px !important
}
.bfooter h3 {
    font-size: 29.75px;
    color: #000;
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.bfooter a {
    color: #000;
    font-weight: 500;
	font-size:18px;
}
.bfooter p{
	font-size:18px;
}
.bfooter ul{
	margin-bottom:0px !important
}
.bfooter li {
    list-style: none;
    margin-bottom: 8px;
	margin-left:0px !important
}
.partner::after {
    content: "";
    display: block;
    width: 232px;
    background-image: url(/wp-content/uploads/2023/05/bg_before.png);
    height: 63px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 30px;
    left: 95px;
}
.absolute-footer{
	display:none !important
}
.section.partner{
	display:block !important
}
.partner {
    position: relative;
    background-color: #000;
    overflow: hidden;
    padding-bottom: 100px;
}
.partner .ux-logo-link{
	padding:0px !important
}
.partner .ux-logo-link img{
	margin:0 auto !important
}
.partner::before {
    content: "";
    display: block;
    width: 50%;
    height: 110px;
    background-color: #f0a700;
    clip-path: polygon(100% 0, 0% 900%, 0 0);
    margin-top: -1px;
}
.partner h2.title {
    font-size: 53px;
    line-height: 1;
    color: #f0a700;
    margin: 0;
    font-weight: 700;
    margin: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    margin-top: -50px;
}
.partner h2.title::before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background-color:#fff;
    margin-right: 39px;
    margin-top: 5px;
}
.news a.see_more {
    width: auto;
    background-color: #000;
    color: #fff;
    font-family: var(--font-saira);
    font-size: 31px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: 0 38px 0 20px;
    position: relative;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 0% 100%);
}
.news a.see_more::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color:#f0a700;
    margin-right: 20px;
}
.xygal .flickity-prev-next-button{
	opacity: 1 !important
}
.xygal .flickity-button{
	margin-top:0px !important
}
.xygal .flickity-prev-next-button svg{
	fill:#000 !important;
}
.xygal .flickity-prev-next-butto .arrow{
	fill:#000 !important;
}
.slider .flickity-prev-next-button:hover .arrow, .slider .flickity-prev-next-button:hover svg {
   fill:#000 !important;
}
.xygal .box-text{
	display:none !important
}
.xhover{
	
}
.rcontainer{
	
}
.news::before {
    content: "";
    display: block;
    width: 50%;
    height: 110px;
    position: relative;
    top: -1px;
    background-color: #000;
    clip-path: polygon(100% 0, 0% 800%, 0 0);
    background-image: url(/wp-content/uploads/2023/05/bg_before.png);
    background-position: 75px;
    background-repeat: no-repeat;
}
.section.news{
	display:block !important
}
.news {
    position: relative;
    background-color: var(--color-accent);
    background-image: url(/wp-content/uploads/2023/05/bg_news.png);
    background-repeat: no-repeat;
    background-position: right 77px;
    text-align: center;
    padding-bottom: 155px;
}
.news h2.title {
    font-size: 55px;
    line-height: 1;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 0px;
    margin-right: 30px;
    color: #000;
	margin-top:-55px
}
.news h2.title::before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background-color: #fff;
    margin-right: 39px;
    margin-top: 5px;
}
.rykien .box-image{
	padding-left:70px !important;
	padding-right:70px !important
}
.rykien h3 {
    color: #f0a700;
    text-transform: uppercase;
    margin-top:20px;
	font-size:30px;
}
.testimonial__apero h2.title span {
    display: block;
    width: 700px;
    height: 116px;
    background: url(/wp-content/uploads/2023/05/bg_right.png) no-repeat left;
    position: absolute;
    right: -43%;
    top: 35px;
}
.testimonial__apero h2.title {
    font-size: 71px;
    line-height: 1.2;
    color: #f0a700;
    margin: 0;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.xhover .box-text h2{
    color: #f0a700;
	margin-bottom:20px;
	font-size:30px;
}

.xhover .box-text p{
	font-size:20px;
}
.xhover.box-badge .box-text{
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
	border:1px solid #f0a700;
}
.xhover:hover .box-image{
    -webkit-transform: rotateX(0deg) rotateY(180deg) !important;
    transform: rotateX(0deg) rotateY(180deg) !important;
}
.xhover .box-image{
-webkit-transition: transform .6s ease-in-out;
    -o-transition: transform .6s ease-in-out;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}
.xhover:hover .box-text {
    -webkit-transform: rotateX(0deg) rotateY(0deg) !important;
    transform: rotateX(0deg) rotateY(0deg) !important;
}
.xhover .box-text {
	background:none !important;
    -webkit-transform: rotateX(0deg) rotateY(-180deg);
    transform: rotateX(0deg) rotateY(-180deg);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    width: 100%;
    height: calc(100% - 1px);
    -webkit-transition: transform .6s ease-in-out;
    -o-transition: transform .6s ease-in-out;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid var(--color-accent);
    padding: 28px 30px;
}
.thanh_tuu__inner h2 {
			font-size: 50px;
			color: #000;
			font-weight: 700;
			margin-bottom: 0;
			display: flex;
			justify-content: center;
			flex-direction: row-reverse;
		}

.thanh_tuu__inner h3 {
			font-family: var(--font-saira);
			font-size: 38px;
			font-weight: 700;
			line-height: 1.2;
			margin-top: 0px;
			margin-bottom: 25px;
}

.rtieuchi h3{
	margin-bottom:0px !important
}
.rtieuchi .icon-box-text p{
	margin-top:-20px;
}
.thanh_tuu h2.title {
    font-size: 50px;
    line-height: .85;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    justify-content: end;
    align-items: center;
	padding-right:50px !important;
}
.thanh_tuu h2.title::before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background-color: #fff;
    margin-right: 39px;
    margin-top: 5px;
}
.thanh_tuu {
    position: relative;
    background-color: #f0a700;
    z-index: 1;
    padding-bottom: 145px;
    overflow: hidden;
}
.products::before {
    content: "";
    display: block;
    width: 50%;
    height: 110px;
    background-color: #f0a700;
    clip-path: polygon(100% 0, 0% 900%, 0 0);
    margin-top: -1px;
	top:0px;
	left:0px;
	position:absolute
}
.products {
    position: relative;
    background-color: #000;
    background-image: url(/wp-content/uploads/2023/05/bg_testi-1.png);
    padding-bottom: 110px;
    background-position: 50px 125px;
    background-repeat: no-repeat;
}
.products h2.title {
    font-size: 49px;
    line-height: 1;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    color: #fff;
	padding-right:50px;
}
.products h2.title::before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background-color:#f0a700;
    margin-right: 39px;
    margin-top: 5px;
}
.thanh_tuu::before {
    content: "";
    display: block;
    width: 35%;
    height: 110px;
    background-color: #000;
    clip-path: polygon(100% 0, 0% 800%, 0 0);
    margin-top: -1px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
}
.thanh_tuu .section-content{
	position:relative;
}
.thanh_tuu .section-content::before {
    content: "";
    display: block;
    width: 535px;
    height: 561px;
    background: url(/wp-content/uploads/2023/05/apero.png) no-repeat;
    position: absolute;
    top: 36%;
    left: 0;
    z-index: 1;
}
.thanh_tuusub .section-content::before {
	display:none !important
}
.thanh_tuu .section-content::after {
    content: "";
    display: block;
    width: 795px;
    height: 875px;
    background: url(/wp-content/uploads/2023/05/bg1x.png) no-repeat;
    position: absolute;
    top: 6%;
    right: 0;
    z-index: -1;
}
.thanh_tuusub  .section-content::after {
	display:none !important
}
.boxrun{
	background:url(/wp-content/uploads/2023/05/banner_content.png) no-repeat top left;
	background-size:cover !important
}
.boxbg{
	background:url(/wp-content/uploads/2023/05/asset.png) no-repeat bottom left;	
	background-size:100% !important
}
h2.run {
			color: var(--color-white);
			text-transform: uppercase;
			font-family: var(--font-dela);
			font-size: 32px;
			position: relative;
			opacity: 0;
			animation-name: example;
			animation-iteration-count: infinite;
			animation-timing-function: ease;

			

		
	}

h2.run.start-up {
				animation-duration: 4s;
			}

h2.run.global {
				animation-duration: 3s;
				animation-delay: 2s;
			}
h2.run.work {
				animation-duration: 2s;
				animation-delay: 4s;
			}
@keyframes example {
	0% {
		left: 0;
		top: 0;
		opacity: 0;
	}

	50% {
		left: 400px;
		top: 0;
		opacity: 1;
	}

	100% {
		top: 0;
		left: 100%;
		opacity: 0;
	}
}
/*.tgrounp p{
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 80px;
    line-height: 1;
    font-weight: 700;
    margin: 0;
}*/
.tgrounp span{
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 100px;
    line-height: 1;
    font-weight: 700;
    margin: 0;
}
.caph1 h1{
	margin-bottom:5px !important
}
.tgrounp span::before {
    content: "";
    display: block;
    width: 300px;
    height: 54px;
    background: url(/wp-content/uploads/2023/05/bg_banner.png);
}
.tgrounp span {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
.plus-image {
	display: flex;

	p {
		margin: 0 5px !important;
	}

	p:nth-child(3) {
		animation: rotation 3.5s infinite linear;
	}

	@keyframes rotation {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(-359deg);
		}
	}
}
.plus-image p:nth-child(3) {
    animation: rotation 3.5s infinite linear;
}
.plus-image p {
    margin: 0 5px !important;
}
	@keyframes rotation {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(-359deg);
		}
	}
.banhomne{
	
}
.caph1 h1{
    font-size: 92px;
    font-weight: 700;
    line-height: .84;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    padding-top: 42px;
    margin-bottom: 47px;
}
.banhomne .bg.bg-loaded {
    background-size: 100% !important;
    background-position: bottom right !important;
}
.header-main .nav > li > a{
	font-size:20px;
	    border-radius: 0px !important;
}

.header-main  .nav-spacing-medium>li{
	margin-left:2px !important;
	padding-right:2px !important
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo {
    width: 150px !important;
    margin-right: auto !important;
    order: 1 !important;
}
	i.icon-menu{
		color:#111 !important
	}
	.off-canvas-left.mfp-ready .mfp-content{
		background:#f0a700;!important;
		color:#111 !important
	}
	.sidebar-menu li a{
		color:#000 !important;
		font-size:26px;
		
	}
	h2.run{
		font-size:20px !important
	}
	.quay img{
		width:24px !important;
	}
	.caph1 .col{
		padding-bottom:10px !important
	}
	.caph1 h1 {
		font-size: 32px !important;
		padding-top:10px !important
	}
	.banhomne .gap-element{
		display:none !important
	}
	.banhomne .text-box{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.tgrounp span{
		font-size: 32px !important;
	}
	.col.boxbg,.col.boxrun{
		display:none !important
	}
	.logonodax img{
		width:90px !important;
		margin:0 auto;
		height:auto !important
	}
	.thanh_tuu::before{
		display:none !important
	}
	.thanh_tuu h2.title {
		font-size: 30px;}
	.rtieuchi h3 span{
    font-size:28px !important
	}
	.rtieuchi .icon-box-img{
		width:60px !important
	}
	.rtieuchi .icon-box-text p{
		margin-top:0px !important
	}
	.rtieuchi .icon-box-text p span{
		font-size:18px !important
	}
	main#main{
		width:100%;
		overflow-y:hidden !important
	}
	.thanh_tuu__inner h3 {
    font-size: 28px;
    
}
	.thanh_tuu__inner h2,.products h2.title,.testimonial__apero h2.title,.news h2.title,.core-value h2.title {
   
    font-size: 32px;
    
}
	.news h2.title{
		margin-top:0px !important;    justify-content: center;
	}
	.products::before, .news::before,.partner::before,.core-team::before,.projects::before,.thanh_tuusub::after{
		display:none !important
	}
	.partner h2.title,.core-value h2.title,.cultures__title h2,.core-team h2.title,.projects::before{
		 font-size: 32px;	margin-top:20px !important;    justify-content: center;
	}
	.col5fix .col {
    flex-basis: 50%;
    max-width: 50%;
}
	.core-team__item h3{
		font-size:24px;
	}
	.rcore .col {
    flex-basis: 50%;
    max-width: 50%;
}
	.rykien h3 {
   
    font-size: 20px;
	}
	.partner .ux-logo-link img{
		width:auto !important;
		height:auto !important
	}
	.faxter p{
		font-size:32px !important
	}
	.con-so .con-so__line1{
		display:none !important
	}
	.rowdem .con-so__item h2 {
    font-size: 30px;
    
	}
	.timeline::before{
		display:none !important
	}
	.timeline::after,.core-value::before{
		display:none !important
	}
	.rowdem .con-so__item h3 {
 
    font-size: 24px;

	}
	.vision__item h2 {
    font-size: 32px;
   
}
	.vision__item h3 {
  
    font-size: 24px;
    
}
	.row.rtop {
    margin-left: 0px !important;
}
.caph1 h2 {
    font-size: 32px;
	}
	.gap-element.gaphid{
		padding-top:50px !important
	}
	.stack.stfix{
		display:block !important
	}
	.stack.stfix .image-cover{
		padding-top:80% !important
	}
	.caphfix h1 {
    font-size: 32px !important;
    color: #f0a700 !important;
}
	.rtop h3{
		font-size:28px !important
	}
	.capthegioi h1 {
 
    font-size: 40px;

}
	.ulthegioi li {
    margin-bottom: 40px;
    font-size: 28px;
  
}
	.ulthegioi li strong {
    font-size: 32px !important;
    font-weight: 700;
    line-height: 1.1;
}
	.ulthegioi p {
    font-size: 28px;
   
}
	.pub-partner h2{
		 font-size: 32px !important;
	}
	.pub-partner__title {
    font-size: 28px;
    
}
	.pub-partner__desc {

    font-size: 24px;

}
	.projects__content a.see-more{
		font-size:24px;
	}
	.projects__top h2.title {
		font-size: 32px;
	}
	.game__title {
    font-size: 32px !important;
 
	}
	.text.casual__content-line{
		display:none !important
	}
	.banhomne p{
		font-size:18px;
	}
	.page-id-359 .thanh_tuu__inner h2{
		color:#f0a700 !important;
		font-size:20px !important
	}
	.page-id-359 .thanh_tuu__inner h3 {
    font-size: 18px;
}
	.softwareApp__title::before{
		display:none !important
	}
	.softwareApp__title {
    font-size: 32px;
text-align:center !important;
		    font-size: 32px;
    text-align: center !important;
    display: block;
    width: 100%;
    right: 0px;
}
	.boxgame .box-text.text-center{
		position:initial !important
	}
	.featured__title {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	.featured__title h3 {
    font-size: 32px;

}
	.pconet p{
		font-size: 32px;
	}
	.featured__title p {

    font-size: 24px;
 
}
	.blog-wrapper.blog-archive.page-wrapper .archive-page-header h1.page-title{
		font-size:40px;
	}
	.trai-nghiem__wrap .text {
		font-size: 32px;
	}
	.products-enotias__top{
		top:20px !important
	}
	.blog-wrapper.blog-archive.page-wrapper .archive-page-header {
		min-height: 260px;}
	.products-enotias__top h2.title{
		font-size:32px;
	}
}