@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@media (min-width: 1400px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
}
}
body {
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  width:100%;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

.fw300 {
	font-weight:300;
}
.fw400 {
	font-weight:400;
}
.fw500 {
	font-weight:500;
}
.fw600 {
	font-weight:600;
}
.fw700 {
	font-weight:700;
}
.fw800 {
	font-weight:800;
}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}
.fs21 {font-size:21px;}
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;}
.fs27 {font-size:27px;}
.fs28 {font-size:28px;}
.fs29 {font-size:29px;}
.fs30 {font-size:30px;}
.fs35 {font-size:35px;}
.fs40 {font-size:40px;}
.fs45 {font-size:45px;}
.fs50 {font-size:50px;}
.fs55 {font-size:55px;}
.fs60 {font-size:60px;}
.fs65 {font-size:65px;}
.fs85 {font-size:85px;}
@media (max-width: 729px)
{
	
.fs13 {font-size:12px;}
.fs14 {font-size:13px;}
.fs15 {font-size:14px;}
.fs16 {font-size:15px;}
.fs17 {font-size:16px;}
.fs18 {font-size:17px;}
.fs19 {font-size:18px;}
.fs20 {font-size:19px;}
.fs21 {font-size:20px;}
.fs22 {font-size:21px;}
.fs23 {font-size:22px;}
.fs24 {font-size:23px;}
.fs25 {font-size:24px;}
.fs26 {font-size:20px;}
.fs27 {font-size:20px;}
.fs28 {font-size:20px;}
.fs29 {font-size:20px;}
.fs30 {font-size:20px;}
.fs35 {font-size:25px;}
.fs40 {font-size:25px;}
.fs45 {font-size:25px;}
.fs50 {font-size:30px;}
.fs55 {font-size:30px;}
.fs60 {font-size:40px;}
.fs65 {font-size:40px;}
.fs85 {font-size:65px;}
}

[type=search] {
    outline-offset: 0px;
}

.text-up {
text-transform: uppercase !Important;	
}
.text-cap {
text-transform: capitalize !Important;	
} 
.em {
	font-style:italic;
}


.py-100 {
	padding-top:100px;
	padding-bottom:100px;
}

.lh11 {   line-height: 1.1; }
.lh12 {   line-height: 1.2; }
.lh13 {   line-height: 1.3; }
.lh14 {   line-height: 1.4; }

.effect {
    display: block;
    position: relative;
    overflow: hidden
}

.effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s
}

.img_item img {
    height: auto !important;
    max-width: 100%;
    width: 100%;
    display: block
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}


ins {
  text-decoration: none;
}
a {
  color: #222;
  text-decoration: none;
}
a:hover {
	color: #27AE60;
}
a:focus, a:hover {
  text-decoration: none;
}
img,iframe {
	max-width:100%;
	height:auto;
}
.post_content iframe {
	min-height:300px;
	min-height:300px;
}
.post_content blockquote {
  border-left: 2px solid #ab9280;
}
ul, li, ol {
  list-style: outside none none;
  padding:0px;
  margin:0px;
}


.h3, h3 {
  font-size: 18px;
}
.h2, h2 {
  font-size: 20px;
}

.Bgwrap {
  background: transparent url("img/bg2.png") no-repeat scroll center bottom;
}
* {
	//transition: all 0.3s ease;
}
blockquote {
  font-size: 13px;
}
.pt0 { 	padding-top:0px; }
.pt1 { 	padding-top:0px; }
.pt2 { 	padding-top:20px; }
.pt3 { 	padding-top:30px; }
.pt4 { 	padding-top:40px; }
.pt5 { 	padding-top:50px; }
.pb0 { 	padding-bottom:0px; }
.pb1 { 	padding-bottom:10px; }
.pb2 { 	padding-bottom:20px; }
.pb3 { 	padding-bottom:30px; }
.pb4 { 	padding-bottom:40px; }
.pb5 { 	padding-bottom:50px; }
.mt0 { 	margin-top:0px; }
.mt1 { 	margin-top:10px; }
.mt2 { 	margin-top:20px; }
.mt3 { 	margin-top:30px; }
.mt4 { 	margin-top:40px; }
.mt5 { 	margin-top:50px; }
.mb0 { 	margin-bottom:0px; }
.mb1 { 	margin-bottom:10px; }
.mb2 { 	margin-bottom:20px; }
.mb3 { 	margin-bottom:30px; }
.mb4 { 	margin-bottom:40px; }
.mb5 { 	margin-bottom:50px; }
.pr0 { 	padding-right:0px; }
.pl0 { 	padding-left:0px; } 
.tC {
  text-align: center;
}
.tL {
  text-align: left;
}
.tR {
  text-align: right;
}
.product-img,
.box-image {
	overflow:hidden;
}
.box-image img, .product-img img {
    width:100%;
     display:block;
     transition:0.3s ease-out
}
 .box-image:hover img,
 .product-img:hover img {
    transition:0.6s ease-in-out;
     transform:scale(1.1);
     opacity:0.5
}


.line {
	height:1px;
	background-color:#E8E8E8;
	display:block;
	width:100%;
}

@media (max-width: 767px) {
	.text-xs-center {
	text-align:center !Important;
	}	
}


.space {
width:100%;
display:block;
}	
.h5 { height:5px }	
.h10 { height:10px }	
.h20 { height:20px }	
.h30 { height:30px }	
.h40 { height:40px }	
.h50 { height:50px }	
.h60 { height:60px }	
.h70 { height:70px }	
.h80 { height:80px }	
.h90 { height:90px }	
.h100 { height:100px }	
.h110 { height:110px }	
	
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.page_navi {
	  text-align: center;
	  
}
.page_navi a {
  border-radius: 40px;
  color: #222;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.page_navi .active {
  background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
  color: #fff;
}
.page_navi a:hover {
	background-color:#F9F9FA;
	color:#222;
}



.pagenavi {
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: center;
}
.pagenavi > * {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.pagenavi .curent {
  background-color: #27AE60;
  border-radius: 100%;
  color: #fff;
}



.nav-link {
	color:#222;
}
.nav-link:focus, .nav-link:hover {
    color: #008FB7;
}



.big_text {
font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 1rem;
}
.small_text {
font-size: 16px;
font-weight: 400;
}

@media (max-width: 768px) { 

.big_text {
font-size: 30px;
    line-height: 35px;
}
.small_text {
font-size: 14px;
}

}

.list_check {
	
}
.list_check li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
}
.list_check li:before {
    color: #27AE60;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    left: 0px;
}
.list_check.icon1 li:before {
 content: "\f054";	
 font-weight: 400;
}
.btn_white {
padding: 13px 32px 13px 32px;
border-radius: 41.5px;
background: #FFFFFF;
border:0px;
display: inline-block;
}
.btn_color {
padding: 13px 32px 13px 32px;
border-radius: 41.5px;
background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
border:0px;
color:#fff;
display: inline-block;
}
.btn_color:hover {
color:#fff;
background: linear-gradient(85.65deg, #008FB8 0%, #008FB8 100.99%);
}

.color_2 {
	color: #008FB7;
}
.color_3 {
	color: #27AE60;
}
.color_4 {
	color: #828282;
}

.color_1 {
  background: -webkit-linear-gradient(#008FB8, #8CB766);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.color_5 {
  background: -webkit-linear-gradient(0deg,#008FB8, #8CB766);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg_1 {
	background: #EFFFF4;
}
.bg_2 {
	background: #EDF2F9;
}
.bg_4 {
	background: #f5faff;
}
.bg_3,
.bg_icon {
background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);

}
.bg_img {
    background-size: cover;
    background-position: center;
}
.bg_cover {
    background-size: cover;
    background-position: center;
	padding:50px 0px;
}
.Atitle {
	text-align:center
}
.Atitle h3 {
color: #000000;
font-size: 40px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}
.Atitle .Aline {
	background: #5ab076;
	height:3px;
	width:200px;
	display:block;
	margin:25px auto;
}

.Atitle p {
    color: #5A5A5A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 800px;
    margin: 0 auto;
}

.Atitle.Aleft {
	text-align:left
}
.Atitle.Aleft .Aline {
	display:inline-block
}

.text-white .Aline {
	background:#fff;
}
.text-white .Atitle h3,
.text-white .Atitle p {
	color:#fff;
}
.text-white a {
	color:#fff;
}

@media (max-width: 768px) { 

	.Atitle h3{
	font-size: 30px;
	}
	.Atitle .Aline {
		margin:15px auto;
	}
	.Atitle p {
		color: #5A5A5A;
		font-size: 16px;
	}
	
}




@media (min-width: 576px) { }

@media (min-width: 768px) { }


@media (min-width: 992px) { }

@media (min-width: 1200px) { }

@media (min-width: 1400px) { }






header {
}
header.sticky {
    position: fixed;
    z-index: 99;
    top: 0px;
	left: 0px;
    width: 100%;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14);
	background-color:#fff;
}
body:not(.home) header .logo_1,
header.sticky .logo_1,
body.home header:not(.sticky) .logo_2 {
	display:none;
}



/* body.home header:not(.sticky) { */
    /* position: absolute; */
    /* top: 0px; */
    /* width: 100%; */
    /* z-index: 2; */
/* } */
/* body.home header:not(.sticky) a { */
	/* color:#fff; */
/* } */
/* body.home header:not(.sticky) a:hover { */
	/* color:#fff; */
/* } */

.mobileMenu {
    font-size: 25px;
	z-index:3;
}
body.menu-active {
	  overflow: hidden
}
body.menu-active header {
    z-index: 9 !important;
}

body.menu-active:not(.home) header:not(.sticky) {
	position: relative;
}
body.menu-active:not(.home) header:not(.sticky) .mobileMenu,
body.menu-active .mobileMenu {
		color:#222;
}
body.menu-active .mobileMenu i:before {
    content: "\f00d";
	font-weight: 100;
}
body:not(.home) .mobileMenu,
header.sticky .mobileMenu {
	color:#222;
}

@media (max-width: 768px) { 



}

body.menu-active .bg_over {
		background-color:rgba(0,0,0,0.2);
	width:100%;
	height:100%;
	display:block;
	position:fixed;
    top: 0px;
    left: 0px;
    z-index: 8;
}

.menumobile_container {
    height: 100%;
    width: calc(100% - 40px);
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 999;
	display:none;
}
body.menu-active  .menumobile_container{
	display:block;
}
.menumobile_container li a{
    color: #333;
    padding: 20px;
    border-bottom: 1px solid #EDF2F9;
    font-size: 14px;
}

.svg-calendar {
	background: url(img/calendar.svg) no-repeat center;
}

.hotline {
    padding-left: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-left: 30px;
}
.hotline .icon.bg_icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.hotline span, .hotline strong {
    display: block;
}
.hotline span {
color: #A0A2A3;
font-size:12px;
}





.menu-item-has-children:hover ul.sub-menu.dropdown-menu {
    display: block;
}





.home_cover {
    background: url(img/home_cover.png) no-repeat bottom center;
    width: 100%;
	padding: 70px 0px;
	background-size: cover;
}
.home_cover .button img {
    height: 56px;
    margin-right: 5px;
}
.home_cover_img img {
	//height:500px;
	float:right;
}
.logo_chim {
    background: url(img/logo_chim.png) no-repeat top center;
    background-size: 70%;
}



@media (max-width: 768px) { 



	.home_cover .button img{
		width:49%;
		height:auto;
		margin-right:2%;
		
	}
	.home_cover .button img:last-child {
		margin-right:0px;
	}
	.home_cover_img img {
		float:none;
		margin:30px auto 0 auto;
		display: block;
	}


}


.sec_kh h4 {
font-size: 24px;
font-weight: 500;
text-transform: capitalize;

}


section {
    padding: 60px 0;
    overflow: hidden;
}

.clients {
	background-color:#edf2f9;
	padding:0px;
}

.clients img {
    height: 75px;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 25px 0;
}
.clients img:hover{filter:none;transform:scale(1.1);}
@media (max-width: 768px){
//.clients img{max-width:40%;}
}





.counter {
    background: url(img/counter_bg.png) no-repeat center center;
	background-size: cover;
	min-height:150px;
}

.counterItem {
    box-shadow: 0px 4px 12px 0px #0000001A;
    border-radius: 16px;
    background-color: #fff;
    padding: 50px 0px;
}
.counterText {
	padding-left:30px;
}
.counterText strong {
    display: block;
    color: #008FB7;
    font-size: 55px;
    line-height: 55px;
}
.counterText span {
    display: block;
    color: #5A5A5A;
    font-size: 22px;
	line-height: 22px;
}


.why-us {
    background: #edf2f9 url(img/bg_why-us.jpg) no-repeat top right;
    background-size: auto 100%;
}



.nk_acc .accordion-item {
    margin-bottom: 20px;
    border: 0px;
    border-radius: 8px;
    overflow: hidden;
	box-shadow: 0px 4px 8px 0px #0000001F;

}
.nk_acc .accordion-button {
    color: #008FB7;	
    font-weight: bold;
}
.nk_acc .accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: none;
	 color: #222;	
}
.nk_acc .accordion-body {
    padding-top: 0px;
	
}
.nk_acc .accordion-button::after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    border-radius: 100%;
    text-align: center;
	transition: all 0.3s ease;
	color:#fff;
background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
transform: rotate(3.142rad);
width: 1.5rem;
    height: 1.5rem;
	line-height: 1.5rem;
}
.nk_acc .accordion-button:not(.collapsed)::after {
    color: #8CB766;
    border: 1px solid #8CB766;
	transform: rotate(0);
	background: #fff;
}
.nk_acc .accordion-button:focus {
	box-shadow:none;
}
.nk_acc  .accordion-item {
border: 2px solid #fff;	
}
.nk_acc  .accordion-item.active {
border: 2px solid #8CB766;	
}





.tab_show {
	margin-bottom:30px;
	margin-top:15px;
}
.tab_show a {
    border-radius: 20px;
    background: #fff;
    border: 1px solid #ACB3BD;
    color: #4e4e4e;
    font-weight: inherit;
    text-transform: uppercase;
	padding:10px 20px;
	    margin:3px 5px;
display: inline-block;
}
.tab_show a:hover,.tab_show a.active {
    background-image: linear-gradient(to right, #1395af, #77b272);
        border: 1px solid #77b272;
    color: #fff;;
}
.demoItem h3 {
    text-align: center;
} 
.demoItem .box-image {
    box-shadow: 0px 4px 8px 0px #0000001F;
    margin-bottom: 15px;
    border:5px solid #fff;
    border-radius: 8px;
	height:350px;
	
}
.demoItem .box-image img {	
    object-fit: cover;
    transform: translateX(0);
    transition: 5s ease-out;
}
.demoItem:hover .box-image img {
object-fit: cover;
transform:translateY(calc(-100% + 350px));
    transition: 10s ease-out;
	opacity:1
}

.appItem .box-image {
    box-shadow: 0px 4px 8px 0px #0000001F;
    margin-bottom: 15px;
    border:5px solid #fff;
    border-radius: 8px;
}
.appItem h3 {
    text-align: center;
} 






.khachhang {
	background:#edf2f9 url(img/bg_khachhang.png) no-repeat center;
}




.khachhangItem {
    position: relative;
    padding-left: 30px;
}
.khachhangInner {
    background-color: #fff;
    padding: 20px 20px 20px 100px;
    border-radius: 15px;
}
.khachhangItem > img {
    border-radius: 10px;
    width: 110px;
    height: 110px;
    position: absolute;
    left: 0px;
    top: calc( 50% - 55px);
}
.khachhangInner img {
    margin-bottom: 10px;
}
.khachhangInner p {
    margin-bottom: 10px;
}





.form_lienhe {
	background:#edf2f9 url(img/bg_lienhe.jpg) no-repeat left center;
	background-size:auto 100%;
}

.formInner {
	max-width:800px;
	margin:0 auto;
}
.contact_form textarea,
.formInner textarea {
    height: 80px;
    border-radius: 20px;
}

.serviceItem {
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
padding:50px ;	
border-radius: 18px;
margin-bottom:20px;

}


.serviceItem p {
color: #A0A2A3;
font-size: 14px;
font-weight: 400;
margin-bottom:5px;
}
.serviceItem  .more {
    opacity:0;
	height:0px;
	transition: all 0.3s ease;
	display:block;
}
.serviceItem .gap {
    opacity:1;
	height:10px;
	transition: all 0.3s ease;
}
.serviceItem:hover {
background: linear-gradient(39.28deg, #008FB8 23.39%, #8CB766 76.86%);
color:#fff;
}
.serviceItem:hover a,
.serviceItem:hover p {
	
color:#fff;	
}

.serviceItem:hover .more {
    opacity:1;
	height:20px;
	color:#fff;
}
.serviceItem:hover .gap {
    opacity:0;
	height:0px;
}





.tinhnangItem {
	position:relative;
	padding-left:65px;
	margin-bottom: 1.5rem;
}
/* .tinhnangItem .icon {
	background: linear-gradient(297deg, #008FB7 0%, #43b16a 100%);
	width:70px;
	height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
	position:absolute;
	top:0px;
	left:0px;
	border-radius: 10px;
} */
.tinhnangItem img {
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:45px;
}
.tinhnangItem p {
color:#A0A2A3;
}

.hoatdongItem {
	text-align:center;
}
.hoatdongItem svg {
	height:60px;
	margin-bottom:1rem;
}
.hoatdongItem h4 {
	height:60px;
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
	margin-bottom:1rem;
}
.hoatdongItem p {
color:#A0A2A3;
}
.check_list li {
    background: url(img/check_black_24dp1.svg) no-repeat top left;
    padding-left: 30px;
    margin-bottom: 1rem;
}





.wave_bg {
	background:url(img/wave.png) no-repeat top center;
	display:block;
	height:300px;
	width:100%;
	background-size:cover;
}


.tintucItem {
border-radius: 8px;
border: 4px solid #FFF;
background: #FFF;
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.11);
}
.tintucItem .boxInfo {
	padding:20px;
	color:#5A5A5A;
}
.tintucItem .boxInfo .meta {
	color:#ACB3BD;
}
.tintucItem .boxInfo h2 {
    font-size: 16px;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
}
.tintucItem .more {
    height: 20px;
    line-height: 20px;
    position: relative;
}
.tintucItem .more a {
    left: 100%;
	transform: translateX(-100%);
    transition: 0.3s ease-out;
    position: absolute;
	white-space: nowrap;
}
.tintucItem:hover .more a {
	     left: 0;
		 transform: translateX(0);
	 transition:0.3s ease-out;
}
.tintucItem img {
	width:100%;
}
.tintucItem .thumbnail {
    width:100%;
     display:block;
     transition:0.3s ease-out;
	border-radius: 8px;
	overflow:hidden;
}

.tintucItem .thumbnail img{
    transition:0.3s ease-in-out;
}
.tintucItem:hover .thumbnail img{
    transition:0.5s ease-in-out;
     transform:scale(1.2);
     //opacity:0.5
}


.hotroItem h4 {
	font-size:18px;
}
.hotroItem img {
	border-radius:15px;
}





.swiper-buttonOut {
    font-size: 30px;
    position: absolute;
    top: calc(50% - 15px);
}
.swiper-buttonOut.prev {
    left: -30px;
}
.swiper-buttonOut.next {
    right: -30px;
}




.swiperco {
	position:relative;
}
.swiperco .swiper-buttonOut {
	color:#008FB7;
}

.member-info {
    text-align: center;
}
.member_info h4{margin:10px 0;font-weight:bold;font-size:16px;}
.member_info img {border-radius:20px;}
.member-info p { color:#828282;}

.social a {
	
	background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
	width:28px;
	height:28px;
	border-radius: 28px;
	margin-right:3px;
	color:#fff;
	text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coppyright {
font-size:12px;
padding-top:10px;
padding-bottom:5px;
line-height:30px;
background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
color:#fff;
} 

.coppyright a {
	color:#008FB7;
}
.coppyright img {
	height:30px;
}
.swiper.giaodien { 
	padding-top:20px;
	padding-bottom:20px;
}
.giaodien img {
border-radius: 30px;
    width: 100%;
}
.giaodien .swiper-slide-active {
	position:relative;
	z-index: 99;
}
.giaodien .swiper-slide-active img {
	// transform: scale(0.95);
}
.giaodien .swiper-slide-active:before {
    content: "";
    background: url(img/Frame.png);
    height: calc(100% + 26px);
    width: calc(100% + 26px);
    display: block;
    z-index: 9999;
    top: -13px;
    left: -13px;
    position: absolute;
    background-size: 100% 100%;
    z-index: 99;
}




footer {
box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.12);
}	
	
.single_cover {
    padding:60px 0px;
	position:relative
}
.single_cover:before {
    content:"";
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.8
}
.singleBox {
border-radius: 8px;
border: 4px solid #FFF;
background: #FFF;
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.11);
max-width:800px;
margin:0 auto;
margin-top:-150px;
    z-index: 2;
    position: relative;
}
.the_content {
    padding: 25px 0px;
	text-align: justify;
}
.the_content h1 {
	font-size:18px;
}
.the_content .meta {
    color: #ACB3BD;
	font-size:12px;
	margin-bottom:1rem;
	    border-bottom: 1px solid;
		padding-bottom:1rem
}
.the_content blockquote {
	background: #EDF2F9;
	border-radius:15px;
	padding:20px;
}
.singleBox  img.cover {
    object-fit: cover;
    height: 300px;
    width: 100%;
}


.postInfo {
    z-index: 2;
    position: relative;
    text-align: center;
}
.box_image {
    height: 300px;
    border-radius: 15px;
    overflow: hidden;
}
 .box_image img {
    width: 100%;
    object-fit: cover;
    vertical-align: middle;
    height: 100%;
}

.share_social a {
    display: flex;
    border: 2px solid #8CB766;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 20px;
    margin: 0px 2px;
    line-height: 25px;
    justify-content: center;
    align-items: center;
}
.post_tag a{
padding: 4px 18px 4px 18px;
border-radius: 19.5px;
background: #D9D9D9;
}

.related_post {
	padding:50px 0px;
}
.related_post h4 {
    border-bottom: 1px solid #D6D1DB;
    line-height: 40px;
    font-size: 20px;
	margin-bottom:20px;
}



svg:not(:root).svg-inline--fa,svg:not(:host).svg-inline--fa{overflow:visible;box-sizing:content-box;}
.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-0.125em;}
.pricing .box{box-shadow:0 3px 20px -2px rgba(20, 45, 100, 0.1);background:#fff;height:100%;border-top:4px solid #fff;border-radius:30px;text-align:center;}
.pricing h3{font-weight:500;margin-bottom:15px;}
.pricing ul{padding:0;margin:0;list-style:none;color:#999;text-align:left;line-height:20px;}
.pricing ul li{padding:10px 0 10px 40px;position:relative;}
.pricing ul svg{color:#28a745;font-size:18px;margin-right:10px;}
@media (max-width: 992px){
.pricing .box{max-width:60%;margin:0 auto 30px auto;}
}
@media (max-width: 767px){
.pricing .box{max-width:80%;margin:0 auto 30px auto;}
}
@media (max-width: 420px){
.pricing .box{max-width:100%;margin:0 auto 30px auto;}
}
@media (max-width: 768px){
.pricing .col-lg-4{margin-bottom:20px;}
.pricing .col-lg-4:last-child{margin-bottom:0;}
}

.box .top{padding:20px;color:white;font-size:18px;border-top-left-radius:30px;border-top-right-radius:30px;position:relative;}
.box .top h3{color:white;font-size:30px;font-weight:bold;}
.box .top::after{content:"";position:absolute;left:45%;top:100%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;clear:both;}
.box h5{padding:50px 0 0;font-size:30px;font-weight:bold;}
.box h2{padding:0 0 30px;font-size:45px;font-weight:bold;}
.box .line{text-align:center;margin:30px 0;}
.box .line hr{width:40%;margin:auto;border-top:1px solid;}
.box h4{font-size:25px;font-family:"Jost", sans-serif;margin:30px 0;}
.box h4 span{color:#ffffff;font-size:20px;margin-top:10px;padding:10px 40px;border-radius:20px;text-transform:uppercase;}
.green .top{background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);}
.green .top::after{border-top:20px solid #11b68d;}
.green h5{color:#11b68d;}
.green h2{color:#11b68d;}
.green h4 span{background:#11b68d;}
.blue .top{background: linear-gradient(87.12deg, #4772EE 0%, #3BBCFA 99.49%);}
.blue .top::after{border-top:20px solid #4572f6;}
.blue h5{color:#4572f6;}
.blue h2{color:#4572f6;}
.blue h4 span{background:#4572f6;}
.orange .top{background: linear-gradient(262.92deg, #FF6B6B 0.67%, #EB2F06 96.25%);}
.orange .top::after{border-top:20px solid #EB2F06;}
.orange h5{color:#EB2F06;}
.orange h2{color:#EB2F06;}
.orange h4 span{background:#EB2F06;}

.wBox {
    background-color: #F6FAFF;
    padding: 20px;
    border-radius: 8px;
	margin-bottom:20px;
}
.wDivice {
    background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
    display: block;
    width: 85px;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.wthumb img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}
.wText h2 {
    font-size: 15px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.wText p.meta {
    font-size: 80%;
    color: #A0A2A3;
	margin-bottom:0px;
}
.wDichvu {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}
.wDichvu a {
    display: block;
    background-color: #F6FAFF;
    line-height: 50px;
    padding: 0 20px;
    height: 50px;
    overflow: hidden;
}
.wDichvu a:before {
	font-family: "Font Awesome 6 Pro";
	content: "\f054";
	color:#27AE60;
	margin-right:15px;
}
.wDichvu a:hover,
.wDichvu a.active {
	background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
	color:#fff;
}
.wDichvu a:hover:before,
.wDichvu a.active:before {
	color:#fff;
}

.page_lienhe {
    background: url(img/bg_page_lienhe.jpg) no-repeat center;
    //background-size: auto 100%;
}
.page_lienhe iframe {
	width:100%;
	height:450px;
}
.contact_form {
box-shadow: 0px 4px 28px 0px #0000001A;
padding:50px 20px 20px 20px;
border-radius:15px;
background-color:#fff;
}
.lienhe_icon i {
    font-size: 45px;
}





.connect{background:#eefcff;padding:100px 20px;}
.connect h2{color:#1395af;font-weight:bold;margin-bottom:30px;font-size:28px;text-transform:capitalize;}
.connect p{margin-bottom:20px;text-align:justify;color:#838383;}
.connect .list ul{list-style:none;margin:0;padding:0;line-height:35px;color:#838383;}
.connect .list ul .fa-check{color:#76b075;margin-right:20px;}
.connect .list ul li{display:flex;}
.connect .img{position:relative;}
.connect .knowledge{position:absolute;top:35%;border-radius:50%;background-image:linear-gradient(to right, #1395af, #77b272);right:-3%;padding:40px 30px;color:white;text-align:center;border:3px solid white;}
.connect .knowledge .number{font-size:35px;font-weight:bold;}
.connect .knowledge .text{font-size:20px;}
.connect .contents{margin-left:40px;}
.connect .contents h2 span{display:block;}
.connect .more{margin-top:20px;}
.connect .more button{border:none;background-image:linear-gradient(to right, #1395af, #77b272);padding:10px 50px;border-radius:20px;color:white;font-size:16px;}
.connect .more button:hover{opacity:0.9;}
@media (min-width: 1400px){
.connect .knowledge{right:11%;}
}
@media (max-width: 1200px){
.connect .knowledge{right:-10%;}
}
@media (max-width: 991px){
.connect .img{text-align:center;margin-bottom:30px;}
.connect .contents{margin-left:0;}
.connect h2{text-align:center;}
.connect .knowledge{right:11%;}
}
@media (max-width: 768px){
.connect .knowledge{right:-3%;}
}




.nav-tabs{margin-bottom:30px!important;border-bottom:none!important;}
.mission h2{color:#1395af;font-weight:bold;margin-bottom:30px;font-size:28px;text-transform:capitalize;}
.mission{padding:100px 20px;}
.mission .nav-tabs{border-bottom:1px solid #bdbdbd!important;}
.mission .nav-tabs .nav-link{background-color:white!important;border:1px solid #fff!important;color:#404040!important;font-size:18px;font-weight:bold;}
.mission .nav-tabs .nav-link.active{background-color:white!important;border:1px solid #fff!important;color:#1395af!important;border-bottom:2px solid #1395af!important;font-size:18px;}
.mission p{text-align:justify;}
.mission .img{position:relative;padding-left:50px;}
.mission .img img{z-index:9;position:relative;}
.mission .play{position:absolute;top:50%;left:55%;background:white;padding:17px 22px;border-radius:50%;transform:translate(-55%, -50%);cursor:pointer;z-index:10;}
.mission .play svg{font-size:30px;color:#69ad7d;-webkit-text-fill-color:transparent;}
.mission .play:hover{background:black;opacity:0.8;}
.mission .tab-content {
	color:#828282
}
.box-bottom{background:#8cc63e;padding:50px;position:absolute;bottom:-20px;left:30px;z-index:0;border-radius:20px;}
.box-top{background:#e0e0de;padding:50px;position:absolute;top:-20px;right:-20px;z-index:0;border-radius:20px;}
@media (min-width: 1400px){
.box-top{right:20px;}
}
@media (max-width: 991px){
.mission h2{text-align:center;}
.mission .img{padding-left:0;text-align:center;margin-top:20px;}
.box-bottom{left:16%;}
.box-top{right:16%;}
}
@media (max-width: 768px){
.box-bottom{left:20px;}
.box-top{right:4%;}
}
@media (max-width: 540px){
.box-bottom{left:-15px;}
.box-top{right:-15px;}
}
@media (max-width: 768px){
	.mission .nav-tabs{
	background-color:#f9f9f9;
}
.mission .nav-tabs .nav-item {
	width:50%;
	display:flex;
}
.mission .nav-tabs .nav-link {
	width:100%;
	background-color: transparent !Important;
}
}




.capacity.content p:last-child{margin-bottom:0;}
.capacity .content{line-height:25px;}
.capacity .content p{text-align:justify;}
.capacity h2{color:#1395af;font-weight:bold;margin-bottom:30px;font-size:28px;text-transform:capitalize;}
.capacity h2{color:#fff;}
.capacity{background:url(img/bg-capacity.2c7330ae2c9e66de668e.jpg) fixed no-repeat;background-size:cover;padding:100px 0;}
.capacity .img{position:relative;}
.capacity .img .quote{position:absolute;right:15px;bottom:-15px;z-index:9;padding:20px 30px;background:#8bc441;border-radius:20px;}
.capacity .img .quote svg{font-size:30px;color:white;}
.capacity .content{padding:30px 0;}
.capacity .content p{color:#fff;font-size:16px;text-align:justify;text-indent:30px;}
.capacity .content .quote{text-indent:5px;margin-bottom:0;}
.capacity .content p svg{color:#fff;font-size:20px;}
@media (min-width: 1400px){
.capacity .img .quote{right:19%;}
}
@media (max-width: 991px){
.capacity h2{text-align:center;}
.capacity .img{text-align:center;}
}
@media (min-width: 768px) and (max-width: 991px){
.capacity .img .quote{right:16%;}
}
@media (min-width: 992px) and (max-width: 1199px){
.capacity .img .quote{right:-10px;}
}


.call_to_action {
    background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
    border-radius: 25px;
    color: #fff;
    padding: 25px;
}
.icon_phone {
    box-shadow: 0px 4px 18px 0px #0000001A;
    background-color: #fff;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
	    font-size: 30px;
}
.call{
	padding:11px 40px;
	font-size:22px;
	background-color: #fff;
	border-radius:30px;
}

.footer_Content p {
	margin-bottom:0.5rem;
}
.dk_email {
    position: relative;
    max-width: 300px;
}
.dk_email .wpcf7-email {
    background-color: #E6E6E6;
    border: 0px;
    height: 40px;
    padding: 0 10px;
    border-radius: 30px;
    line-height: 40px;
    position: relative;
    width: 100%;
}
.dk_email .wpcf7-submit {
    position: absolute;
    bottom: 0px;
    top: 0px;
    height: 40px;
    border: 0px;
    border-radius: 30px;
    background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%);
    color: #fff;
    padding: 0px 15px;
    line-height: 40px;
    right: 0px;
}
.dk_email .wpcf7-response-output {
    margin-top: -40px !important;
    font-size: 13px;
    text-align: center;
}






.header-search {
    float: left;
    position: relative;
    padding-right: 15px;
}
.header-search a.s_icon {
    line-height: 40px;
    font-size: 20px;
    width: 20px;
    display: block;
}
.searchform-wrapper {
    position: absolute;
    display: none;
    padding: 10px;
    width: 250px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    border-radius: 10px;
    background: linear-gradient(39.28deg, #008FB8 23.39%, #8CB766 76.86%);
    right: 0px;
    top: 30px;
}
.header-search.active .searchform-wrapper {
    display: block;
}
.header-search.active .s_icon i:before {
    content: "\f00d";
}


.searchform-wrapper  input.search-field{
    width: 100%;
    border-radius: 5px;
    border: 0px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.searchform-wrapper button.submit-button {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: transparent;
    border: 0px;
}
.dropdown-menu {
    text-transform: capitalize;
}
.menu-item-has-children > a.nav-link:after {
    content: "\f078";
font-family: "Font Awesome 6 Pro";
padding-left:5px;
font-size: 12px;
}
.menu-item-has-children > a.nav-link:after {
	
}
@media (max-width: 768px) { 

ul.sub-menu.dropdown-menu {
    position: relative;
   // border-left: 5px solid;
    border-bottom: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
    background-color:#f9f9f9;
	display:block;
}
ul.sub-menu.dropdown-menu:before {
    content: "";
    background: linear-gradient(to right, #1395af, #77b272);
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 5px;
    height: 100%;
    z-index: 2;
}
.menu-item-has-children a.nav-link:after {
	display:none;
}
}














@media (min-width: 261px){
.devvn_toolbar{position:fixed;bottom:70px;right:20px;z-index:99999999;}
.devvn_toolbar ul{list-style:none;margin:0;padding:0;}
.devvn_toolbar ul li{padding:0;margin:0;list-style:none;}
.devvn_toolbar ul li a{display:block;position:relative;}
.devvn_toolbar ul li a > div{width:45px;height:45px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin:0 0 5px;position:relative;background-position:50% 50%;background-size:cover;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.devvn_toolbar ul li a span{font-weight:400;color:#333;position:absolute;top:50%;right:calc(100% + 10px);right:-webkit-calc(100% + 10px);right:-moz-calc(100% + 10px);margin-top:-12.5px;font-size:14px;height:25px;line-height:25px;padding:0 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;}
.devvn_toolbar ul li a:hover span{opacity:1;visibility:visible;}
.devvn_toolbar ul li a span:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136, 183, 213, 0);border-right-color:#333;border-width:5px;margin-top:-5px;}
.devvn_toolbar ul li a img{width:auto;height:auto;max-width:45px;max-height:45px;margin:0;box-shadow:none;border:0;}
.devvn_toolbar ul li a > div{background:transparent!important;}
.devvn_toolbar ul li a.animation_tada > div{animation-name:devvn_tada;-webkit-animation-name:devvn_tada;animation-delay:0s;-webkit-animation-delay:0s;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;cursor:pointer;box-shadow:0 0 0 0 #c31d1d;}
.devvn_toolbar ul li a.animation_zoom > div{animation-name:devvn_zoom;-webkit-animation-name:devvn_zoom;animation-delay:0s;-webkit-animation-delay:0s;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;cursor:pointer;box-shadow:0 0 0 0 #c31d1d;}
.devvn_toolbar ul li a.animation_swing img{animation-name:devvn_swing;-webkit-animation-name:devvn_swing;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:1s;-webkit-animation-duration:1s;-webkit-animation-delay:1s;animation-delay:1s;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;}
}
@media (max-width: 260px){
.devvn_toolbar{background:#fff;display:inline-block;width:100%;bottom:0;left:0;position:fixed;z-index:99999999;height:auto;padding:0;border-top:0;visibility:hidden;opacity:0;transform:translate3d(0,120%,0);-moz-transform:translate3d(0,120%,0);-webkit-transform:translate3d(0,120%,0);transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;box-shadow:0 0.5rem 1rem 0 rgb(44 51 73 / 60%);padding-bottom:env(safe-area-inset-bottom);}
.devvn_toolbar ul{list-style:none;padding:0;margin:0;border-collapse:collapse;width:100%;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;}
.devvn_toolbar ul li{flex-grow:1;flex-shrink:1;flex-basis:0;text-align:center;display:flex;margin-bottom:0;}
.devvn_toolbar ul li a{display:block;width:100%;outline:none;text-decoration:none;padding:5px 3px;white-space:nowrap;}
.devvn_toolbar ul li a span{font-weight:400;color:#333;background:transparent;font-size:3.5vw;display:block;margin:2px 0 0 0;}
.devvn_toolbar ul li a img{height:6vw;width:auto;margin:0;}
}
/*! CSS Used from: Embedded */
@media (min-width: 261px){
.devvn_toolbar ul li a#devvn_contact_1 span:after{border-right-color:#13990a;display:none;}
.devvn_toolbar ul li a#devvn_contact_1 span{color:#ffffff;background-color:#13990a;}
.devvn_toolbar ul li a#devvn_contact_1 > div{box-shadow:0 0 0 0 #13990a;}
}
@media (max-width: 260px){
.devvn_toolbar ul li a#devvn_contact_1 span{color:#333;background-color:#fff;}
.devvn_toolbar ul li a#devvn_contact_1{background:#fff;}
}
/*! CSS Used from: Embedded */
@media (min-width: 261px){
.devvn_toolbar ul li a#devvn_contact_2 span:after{border-right-color:#00acd3;display:none;}
.devvn_toolbar ul li a#devvn_contact_2 span{color:#ffffff;background-color:#00acd3;}
}
@media (max-width: 260px){
.devvn_toolbar ul li a#devvn_contact_2 span{color:#333;background-color:#fff;}
.devvn_toolbar ul li a#devvn_contact_2{background:#fff;}
}
/*! CSS Used from: Embedded */
@media (min-width: 261px){
.devvn_toolbar ul li a#devvn_contact_3 span:after{border-right-color:#0084ff;}
.devvn_toolbar ul li a#devvn_contact_3 span{color:#ffffff;background-color:#0084ff;display:none;}
}
@media (max-width: 260px){
.devvn_toolbar ul li a#devvn_contact_3 span{color:#333;background-color:#fff;}
.devvn_toolbar ul li a#devvn_contact_3{background:#fff;}
}
/*! CSS Used keyframes */
@-webkit-keyframes devvn_tada{0%{-webkit-transform:scale(1);transform:scale(1);}10%, 20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}}
@keyframes devvn_tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}10%, 20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}}
@-webkit-keyframes devvn_zoom{0%{transform:scale(.9);}70%{transform:scale(1);box-shadow:0 0 0 15px transparent;}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent;}}
@keyframes devvn_zoom{0%{transform:scale(.9);}70%{transform:scale(1);box-shadow:0 0 0 15px transparent;}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent;}}
@-webkit-keyframes devvn_swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}
@keyframes devvn_swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}








.devvn_toolbar ul li a > div.icon_bg {
    background: linear-gradient(85.65deg, #008FB8 0%, #8CB766 100.99%) !important;
    color: #fff;
	    font-size: 20px;
}


.wrap_game {
	background:#25094d url(img/wrap_game.jpg) repeat top center ;
	color:#fff;
}

.ThumbFrame {
    position: relative;
	margin-bottom:15px;
}
.ThumbFrame > img {
    width: 100%;
    height: auto;
    display: block;
}
.ThumbFrame .box-image {
    position: absolute;
    left: 20px;
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}
.gameItem h3 {
    line-height: 40px;
    overflow: hidden;
    height: 40px;
    text-align: center;
    text-transform: capitalize;
}
.gameItem .downButton {
    text-align: center;
    height: 40px;
    display: none;
    padding: 5px 0px;
		display:none;
}
.gameItem .downButton img {
    height: 30px;
    margin: 0 2px;

}
.gameItem:hover .downButton {
    display: block;
}
.gameItem:hover h3 {
    display: none;
}

.wrap_game .call_to_action {
    background: url(img/call_to_action_game.png) no-repeat;
    border-radius: 0px;
    color: #fff;
    background-size: 100% 100%;
}
.wrap_game .call_to_action .icon_phone {
    background: transparent;
    width: 50px;
    color: #fff;
}
.wrap_game .khachhangInner {
    background-color: transparent;
    border: 1px solid #fff;
}

@media (max-width: 767px) {

}



.skiptranslate {
    display: none !important;
} 

@media (min-width: 768px) {
.icon_header {
    position: relative;
}
#flags {
    /* width: 60px; */
    /* float: left; */
    /* padding-top: 10px; */
    position: absolute;
    left: -65px;
    top: 10px;
}
}