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(//keki.com.vn/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(//keki.com.vn/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); 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(//keki.com.vn/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; }
.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; margin-top: 50px;
}
.keki-img:hover, .keki-img2:hover {
transform: scale(1.1) translateX(-50%) !important;
z-index: 999 !important;
}
.kekicris {
background:url(//keki.com.vn/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) { .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;
}
}