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

/*************** ADD CUSTOM CSS HERE.   ***************/
h1, h2, h3, h4 {
		text-wrap: inherit;
}
.header, .stuck {
		background: linear-gradient(to bottom, #ffd500, #e0a800)!important;
}
.header-top {
		margin-bottom: -20px;
}
.lang-item {
		margin: 0!important;
		padding: 0px!important;
		background:#fce515;
		min-width: 30px;
		text-align: center;
}
.lang-item a {
	color: #000!important;
}
.current-lang, .lang-item:hover {
		background:#fdb71a;
}
.header-main .nav > li > ul {
		padding: 0px;
	font-weight: bold!important;
}
.customfooter {
		border-bottom: 1px solid;
}
.customfooter img {
		margin-bottom:0!important;
}
.socialsmain {
		align-items: center;
}
.homesocials img {
		padding: 0 15px;
}
.absolute-footer {
		display: none;
}
.wpcf7-spinner {
		display: none!important;
}
.homeslider img {
		margin-bottom:0!important;
}
.hometitle {
		font-size: 40px;
		font-weight: 700;
		text-transform: uppercase;
}
.homeslider .dot {
		background: #fff;
		opacity:1;
		border: none;
}
.homeslider .dot.is-selected {
		background: #db2029!important;
}
.homeproducts {
		padding-top: 30px;
}
.productinner {
		background-size: 30%, 15%, 40%!important;
		padding-top: 50px;
		padding-bottom: 70px;
		background-position: 0 30px, calc(100% - 30px) 0, 0 100%!important;
}
.productinner .hometitle {
		color:#db2029;
}
.homeproducts .content {
		font-weight: bold
}
.productinner .col-inner {
		padding: 0 80px;
}
.productinner .inner, .cachuongvi .inner {
		background: url(/wp-content/themes/keki/images/productbg.png) center center no-repeat;
		background-size: 100%;
		text-align: center;
}
.productinner .inner img {
		width: 80%;
}
.productinner .col-inner .title {
		font-size: 24px;
		padding-top: 10px;
		text-transform: uppercase;
		font-weight: bold;
}
.productinner .row {
		background:url(/wp-content/uploads/2025/07/phomaibg.webp) center center no-repeat;
		background-size: 40%!important;
		background-position: 50%  200%;
}
.homevideos {
		padding-top: 60px;
		padding-bottom: 30px;
}
.homevideos .content {
		margin-bottom: 40px;
		font-weight: bold;
}
.homevideos .image-cover {
		border-radius: 10px;
}
.homevideos .slider {
		padding-bottom: 20px;
		margin-bottom: 10px
}
.homevideos .image-cover {
		border-radius: 25px;
		border: 2px solid;
}
.swiper-wrapper {
		align-items:center;
}
.swiper {
  padding: 0px 0 40px 0;
}
.swiper-slide {
  transition: transform 0.3s ease;
  opacity: 1;
  transform: scale(0.8); /* mặc định các slide nhỏ */
  z-index: 1;
}
.swiper-slide:hover .box {
		padding: 0;
		transition: .5s;
}
.swiper-slide-next,
.swiper-slide-prev {
  opacity: 1;
  z-index: 2;
}
.swiper-slide-next .box,
.swiper-slide-prev .box {
		padding: 35px;
		transition: .5s;
}
.swiper-slide-active {
  z-index: 3;

}
.homevideos .dot, .homenews .dot {
		background: #fff;
		border: none;
}
.homevideos .button.secondary {
		border-radius: 99px;
		font-weight: normal;
		text-transform: none;
}
.homevideos .video-button-wrapper img {
		width: 55px;
		height: auto;
		margin-bottom:0;
}
.homevideos .hometitle {
		color: #f9b315;
}
.homenews {
		padding-top: 30px;
		padding-bottom: 30px;
}
.homenews .hometitle {
		color: #db2029;
}
.homenews .content {
		font-weight: bold;
}
.homenews .news {
		max-width: 900px;
		margin: auto!important;
}
.homenews .newsinner {
		padding-top: 30px;
		padding-bottom: 0px;
		background-size: 20%, 30%!important;
}
.newsinner .content {
		margin-bottom: 40px;
}
.newsinner .col-inner, .postslist {
		background: #fff;
		border-radius: 10px;
		padding: 15px;
}
.newsinner .image-cover, .postslist .image-cover {
		border-radius: 0px;
}
.newsinner .box-text {
		padding: 15px 0 0 0;
}
.homeexpert {
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.homenews .slider {
		padding-bottom: 30px;
}
.contactinner {
		background:#fff;
		padding: 30px 30px 1px 30px;
		border-radius: 30px;
		margin-top: 60px;
		margin-bottom: 40px;
}
.contactinner i {
		color:#db2029;
		margin-right: 5px;
		border: 1px solid #db2029;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
}
.contactinner p {
		margin-bottom: 10px;
}
.contactinner h1 {
		color: #db2029;
		font-weight: 700;
}
.contactinner .title {
		border:1px solid #ccc;
		padding: 15px;
		text-align: center;
}
.contactinner .wpcf7-text, .contactinner .wpcf7-textarea {
		border:1px solid #ccc!important;
		box-shadow: none!important;
		border-radius: 20px!important;
}
.contactinner .wpcf7-submit {
		border-radius: 20px!important;
		margin-bottom:0;
		font-weight: normal;
		text-transform: none;
}
.contactinner form {
		margin-bottom:0;
		margin-top: 20px;
}
.contactinner iframe {
		border-radius: 30px;
}
.headerbanner .overlay {
		    background: linear-gradient(0deg, #1b283bc7, transparent 75%);
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(0deg, rgba(27, 40, 59, 0.78), transparent 75%);
}
.headerbanner .box-text {
		padding: 15px;
}
.headerbanner h1 {
		margin-bottom:0;
		text-transform: uppercase;
}
.headerbanner .col {
		padding-bottom: 10px;
}
.aboutheader {
		background: #db2029;
		padding: 20px 0;
}
.aboutheader h1 {
		margin-bottom:0;
}
.aboutheader .col {
		padding-bottom:0;
}
.noidunggioithieu {
margin-top: 70px;
		margin-bottom: 40px;
}
.noidunggioithieu .title {
		text-transform: uppercase;
		font-weight: 600;
		color: #db2029;
}
.noidunggioithieu .col-inner {
		padding: 20px;
		max-width: 500px;
		margin: auto!important;
}
.page-title {
		font-size: 36px;
		font-weight: 700;
		margin-bottom: 0;
		margin-top: 10px;
}
.postslist h2 a {
		color:#000;
		font-size: 18px;
}
.postslist i {
		color: #db2029;
		padding-right: 5px;
}
.postslist .postinfo {
		opacity: 0.6;
		font-size: italic;
		font-size: 90%;
}
.pagenavi .page-numbers {
		border: 1px solid;
		padding: 5px 10px;
		border-radius: 3px;
}
.postinner {
		padding: 20px 20px 1px 20px;
		border-radius: 8px;
		margin-bottom: 30px;
}
.relatedtitle {
		text-transform: uppercase;
		font-size: 140%;
		border-bottom: 1px dotted;
		margin-bottom:15px;
}
.relatedpost .box-image {
		border-radius: 6px;
}
.relatedpost .box-text {
		padding: 15px;
}
.relatedpost .overlay {
		background: linear-gradient(0deg, #1b283bc7, transparent 75%);
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(0deg, rgba(27, 40, 59, 0.78), transparent 75%);
}
.entry-header-text {
		padding-bottom:0;
}
.page-wrapper {
		padding-bottom:0;
		padding-top: 0;
}
.jobinfo .col {
		padding-bottom:0;
}
.jobinfo p {
		margin-bottom: 10px;
}
.jobinfo .title {
		color: #db2029;
		font-weight: bold;
		margin-bottom:0;
}
.jobinfo i {
		padding-right: 5px;
}
.jobdesc {
		border-bottom: 1px solid #db2029;
		padding-bottom: 5px;
		text-transform: uppercase;
		font-weight: 600;
		color: #db2029;
		font-size: 26px;
		margin-bottom: 15px;
}
.applytitle {
		color: #db2029;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 26px;
		margin-bottom: 10px;
}
.joblist {
		margin-bottom:0!important;
}
.joblist .headertitle {
		font-weight: 500;
		font-size: 20px;
		color: #000!important;
		border-top:1px solid #eee;
		text-transform: uppercase;
}
.joblist .headertitle td {
		padding: 15px 10px;
		border-top:1px solid #eee!important;
}
.joblist .headertitle i {
		padding-right: 5px;
}
.joblist td {
		padding: 10px;
		border-right: 1px solid #eee;
		color: #000;
}
.joblist tr td:first-child {
		border-left: 1px solid #eeee;
}
.joblist h2 {
		margin-bottom:0;
		font-size: 18px;
}
.joblist .info i {
		padding-right: 5px;
		color:#db2029;
}
.allproducttitle {
		background:#f9b315;
		padding: 40px 15px 20px 15px;
}
.allproducttitle h1 {
		text-transform: uppercase;
		font-weight: 600;
		margin-bottom: 10px;
		color: #db2029;
}
.banhgaocris, .banhgaokojiky {
		background-size: 100%!important;
}
.banhgaocris .col-inner, .banhgaokojiky .col-inner {
		padding: 20px 30px;
}
.banhgaocris .title, .banhgaokojiky .title {
		font-weight: 500;
}
.banhgaokojiky {
		color: #db2029;
		padding-bottom: 100px;
		padding-top: 60px;
}
.productlist {
		padding: 60px 0 40px 0;
}
.productlist .productdesc {
		padding: 20px 20px 5px 20px;
		border-radius: 8px;
}
.productdesc .button {
		text-transform: none;
		font-weight: 600;
}
.productdesc .hometitle {
		font-size: 34px;
}
.cachuongvi .dot {
		background: #fff;
}
.cachuongvi .slider {
		margin-top: 0px;
}
.cachuongvi .title {
		text-transform: uppercase;
		padding-top: 10px;
}
.tailieusp {
		padding-top: 60px;
		padding-bottom: 50px;
}
.huongviinner {
		background-size: 30%, 15%, 35%, 15%!important;
}
.careerpage {
		background: linear-gradient(to bottom, #fdb71a, #fdb71a)!important;
}
.careerinner {
		background: #fccd0a;
		padding: 20px 20px 0 20px;
		border:2px solid #fff;
		margin-top:80px;
		margin-bottom: 60px!important;
		border-radius: 25px;
}
.careerinner h1 span {
		color: #db2029;
		margin-bottom:20px;
		font-weight: 900!important;
		display: block;
}
.job-filter-form {
		padding: 0!important;
		margin-bottom:0;
}
.job-filter-form .button {
		margin-right:0;
}
.newspage {
		background: url(/wp-content/themes/keki/images/newsbg.png) top center no-repeat #fdb71a;
		background-size: 100%!important;
		padding-top:60px;
		padding-bottom: 40px;
}
.newspage h1 {
		margin-bottom: 30px;
}
.mainnews, .subnews {
		background: #fbd703;
		border-radius: 25px;
}
.mainnews .image-cover, .subnews .image-cover {
		border-radius: 25px;
}
.mainnews .box-text, .subnews .box-text {
		padding: 15px;
}
.mainnews .button {
		background: #fff;
		color: #000;
		font-weight: normal;
		border-radius: 99px;
		padding: 0 25px;
		font-size: 80%;
		margin-top: 10px;
}
.mainnews .overlay {
		background: linear-gradient(0deg, #1b283bc7, transparent 75%);
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(0deg, rgba(27, 40, 59, 0.78), transparent 75%);
}
.mainnews h2 a {
		color: #fff!important;
}
.mainnews .inner {
		padding: 15px 15px 1px 15px;
		font-size: 90%;
}
.mainnews h2, .subnews h2 {
		text-align: left;
}
.mainnews h2 a, .subnews h2 a {
		color: #000;
		font-size: 20px;
		text-align: left!important;
}
.subnews h2 {
		font-size: 18px;
	height: 53px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.blog-single {
		margin-top: 40px;
}
.spkhac-cris {
		background: linear-gradient(to bottom, #ffd500, #e0a800)!important;
		padding-top: 30px;
		padding-bottom: 20px;
}
.huongviinner {
		padding: 30px 0 0 0;
}
.spkhac-cris .hometitle {
		color: #db2029;
		font-weight: 700;
}
.spkhac-cris .huongviinner {
		background-size: 20%, 25%!important;
}
.dangky-cris {
		background: #ff9900;
}

.dangky-cris .hometitle {
		font-weight: 700;
}
.downloadlink {
		display: block;
		margin-bottom: 10px;
}
.downloadlink i {
		margin-right: 10px;
}
.cachuongvi .col-inner {
		padding: 0 15px;
}
.cachuongvi .inner {
		padding: 0 20px;
}
.kojikyinner {
		background-size: 18%, 25%, 100%!important;
		padding-top: 60px;
}
.kojikyinner .hometitle {
		color: #db2129;
		font-weight: 700;
}
.kojikyinner .col-inner {
		padding: 0 40px;
}
.kojikyinner .slider, .huongviinner .slider {
		padding-bottom:0!important;
		margin-bottom:60px!important;
		padding-left: 50px!important;
		padding-right: 50px!important;
}
.keki-product-gallery {
		position: relative;
		height: 500px;
		display: flex;
		justify-content: center;
		align-items: center;
		pointer-events: none; /* tránh trigger ngoài ảnh */
}
.keki-img, .keki-img2 {
		position: absolute;
		top: 0;
		width: 300px;
		height: auto;
		transform-origin: center center;
		transition: transform 0.4s ease, z-index 0.4s ease;
		pointer-events: auto; /* bật lại tương tác */
		margin-top: 50px;
}
.keki-img:hover, .keki-img2:hover {
		transform: scale(1.1) translateX(-50%) !important;
		z-index: 999 !important;
}
.kekicris {
		background:url(/wp-content/themes/keki/images/productbg.png) center center no-repeat;
		background-size: contain;
		margin-top: 50px!important;
		margin-bottom: 50px!important;
}
.kekicris .keki-product-gallery {
		margin-bottom:0;
}
.kojikyinner .flickity-page-dots, .cachuongvi .flickity-page-dots {
		bottom: 0px;
}
.slider .dot {
		background: #000;
		border: none;
}
.slider .dot .is-selected {
		background: #db2029!important;
}
.homelogo img {
		width: 100%;
		height: auto;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.productinner .col-inner .title  {
		font-size: 20px;
}
.productinner {
		background-size: 55%, 35%, 95%!important;
}
.homenews .newsinner {
		background-size: 40%, 40%, 50%!important;
}
.hometitle {
		font-size:30px;
}
.banhgaocris .col-inner, .banhgaokojiky .col-inner {
		padding: 50px 15px 0px 15px;
}
.kojikyinner .col-inner {
		padding: 0 20px;
}
.cachuongvi .col-inner {
		padding: 0;
}
.kojikyinner .slider, .huongviinner .slider {
		padding:0!important;
}
.homesocials img {
		padding: 3px!important;
}
.jobinfo p {
		font-size: 85%;
}
.cachuongvi .col-inner {
		padding: 0 0px;
}
.hometitle {
		font-size: 26px;
}
.homeslider .video-button-wrapper img {
		width: 50px;
		height: auto;
}
.job-filter-form {
		display:block!important;
}
.job-filter-form .button {
		width:100%;
}
	
.keki-img, .keki-img2 {
		width: 150px;
}
.keki-product-gallery {
		height: 250px;
}
.kekicris .keki-product-gallery {
		margin-bottom: 10px;
}
.kekicris .keki-product-gallery img {
		margin-top: 30px;
}
}