/*
Theme Name: Rubber Child
Description: This is a child theme for Rubber Theme
Author: VEAS
Template: petfair2023
Version: 3.0.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-top{color:#fff;}
.header-language-dropdown a{text-transform:uppercase;}
.header-language-dropdown .image-icon{height:10px;}
.header-language-dropdown .nav-dropdown{min-width:160px;padding:10px;}
.blog-archive{padding-top:0px;}
.section-title-normal {border-bottom: 2px solid #14bcc3;}
.section-title-normal span{	border-bottom: 2px solid #f99e31;}
.section-title{color:#0b68b5}
.star-rating span::before{color:#f99e31 !important;}
p#breadcrumbs{margin-bottom:0px;}
h3.section-title{font-size:2.5em}
h4.section-title{font-size:1.5em}
.pb-30{padding-bottom:30px;}
.pb-50{padding-bottom:50px;}
.header-bottom{
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #00c853 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#00c853 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#00c853 100%) !important;
}
.header-bottom-nav .header-button{
	background: #f00;
    color: #fff;
    padding: 6px 10px 6px 10px;
}
.header-bottom-nav .header-button a{color:#fff !important;}
#header .flex-grow .nav-left{}
#header-contact li{
	display:block !important;
}
#header-contact a{
	color:#000 !important;
	padding-top:15px;
}
.stuck .header-main .nav#header-contact > li > a{line-height:25px;}
#header-contact p{
	display:block;
	width:100%;
	margin-bottom:5px;
	font-size:16px;	
}
#header-contact p.event-date{font-weight:bold;}
#header-contact i{
	font-size:16px;
	color:orange;
}
.lang-item img{
	max-width:32px;
}
.lang-item:hover img{border: 1px solid #fff;}
/*.event-box {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    background-color: #f5f5f5;    
	height: 60px;
	width:80%;
}

.event-date {
    display: flex;
    align-items: center;
    padding-right: 5px;
    border-right: 1px solid #ddd;
}

.event-date-icon {
    display: inline-block;	
    width: 20px;
    height: 20px;   
    border-radius: 4px;
    margin-right: 15px;
}
.event-date-icon i{
	font-size:25px;
	color:orange;
}

.event-date-text {
	font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: red;
    font-weight: bold;
}

.event-year {
	font-family: 'Montserrat', sans-serif;
    padding-left: 15px;
    font-size: 48px;
   	font-weight: 800;
	line-height: 30px;
    color: #666666;
}*/
.location-box {
	display: flex;
    align-items: center;
    padding: 10px;        
	margin-left: 40px;
    }
.location-icon {
        display: inline-block;            
        border-radius: 4px;
        margin-right: 10px;
    }

.location-box i{
	font-size:25px;
	color:orange;
}
.header-social-icons .social-icons .button.icon:not(.is-outline) {
    background-color: transparent !important;
	border: none !important;
	background: none !important;
}
.header-social-icons .icon-instagram:before {
    display: block;
    width: 24px;
    height: 24px;
    content: " ";
    background-image: url(https://rubber-tyre.com.vn/wp-content/uploads/2026/02/Instagram_icon.png);
    background-size: 24px;
    background-repeat: no-repeat;
}
.header-social-icons .icon-facebook:before {
    display: block;
    width: 24px;
    height: 24px;
    content: " ";
    background-image: url(https://rubber-tyre.com.vn/wp-content/uploads/2026/02/Facebook_icon.svg);
    background-size: 24px;
    background-repeat: no-repeat;
}
.header-social-icons .icon-linkedin:before {
    display: block;
    width: 24px;
    height: 24px;
    content: " ";
    background-image: url(https://rubber-tyre.com.vn/wp-content/uploads/2026/02/LinkedIn_icon.png);
    background-size: 24px;
    background-repeat: no-repeat;
}
/* home */
.hero-box {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 24px;
    padding: 28px 10px;
    margin-right: 80px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.ux-timer-text span:nth-last-child(1),
.ux-timer-text span:nth-last-child(2) {
    display: none !important;
}
.border-expected {
    border: solid;
    padding: 0px 20px;
    border-radius: 20px;
    box-shadow: rgba(100, 100, 111, 0.6) 0px 7px 29px 0px;
}
.img-homepage img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}
.home .ux-logo .ux-logo-image{
    /*height: 100px !important;
    width: 150px;*/
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0px auto;
	display:block;
}
.section-title b{background:transparent !important;}
.home .section-coatings-expo .box-text {    
    font-size: 20px;
	font-weight:bold;
}
/* Welcom Coatings */
.welcome-coatings .button{
	margin-bottom:0px !important;
	width:55%;
}
.welcome-coatings .button.btn-hoster-buyer {
  width: 57%;
  margin-left: 0px !important;
}
.welcome-coatings .white.button.is-outline{
	border-color: #fff !important;
	color:#fff !important;
}
.welcome-coatings .white.button.is-outline:hover{
	color:#000 !important;
}
/*Expected Statistics*/
.home .thongketrienlam{
	padding-top:20px !important;
}
.home .thongketrienlam .section-title{
	margin-bottom:80px;
}
.home .thongketrienlam .icon-box.featured-box .icon .icon-inner{
	/*background-image: linear-gradient(to top, #ff6918 0%, #ff6918 100%);*/
	background: #0b68b5; 
	border: 3px solid #fff;
}

.home .thongketrienlam .icon-box:hover .icon .icon-inner {    
    background: #38b349;   
	border: 5px solid #fff;
}
.home .thongketrienlam .icon-box h5 {
    color: #333333;
    font-size: 35px;
	font-weight:bold;
    transition: .3s all ease-in-out;
}
.home .thongketrienlam .icon-box h6 {	
    font-size: 16px;   
}
.sc_solieu .button.secondary{
	border:1px solid #fff;
}
.home .sc_solieu .section-title{
	padding:20px 0px;
}
.home .sc_solieu .icon-box.featured-box .icon .icon-inner{	
	background: var(--fs-color-primary); 
	border: 3px solid #fff;
}

.home .sc_solieu .icon-box:hover .icon .icon-inner {    
    background: var(--fs-color-secondary);   
	border: 5px solid #fff;
}
.home .sc_solieu .icon-box h5 {    
    font-size: 35px;
	font-weight:bold;
    transition: .3s all ease-in-out;
	opacity:1;
}
.home .sc_solieu .icon-box h6 {	
    font-size: 16px; 
	opacity:1;
}
.section-home-video h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 47px;
    letter-spacing: .03em;
    color: #ff6918 !important;
    margin: 0;
    margin-bottom: 20px
}
/* Why Coatings Section*/
.why-coatings .section-title-center{color:#0b68b5}
.why-coatings .section-title.section-title-normal{border: none !important;}
.why-coatings .section-title-normal span{border: none !important}
.why-coatings .row.row-collapse > .col {
	color:#fff;
}
.why-coatings .row.row-collapse > .col .col-inner{
	padding: 30px 20px;
	display:flex;
	flex-direction:column;
}
.why-coatings .row.row-collapse > .col h2, .why-coatings .row.row-collapse > .col h3, .why-coatings .row.row-collapse > .col h4{
	color:#fff;
}
.why-coatings .row.row-collapse > .col .section-title{
	color:#fff;
	margin-bottom:0px;
}
.why-coatings .row.row-collapse > .col h4.section-title{
	font-size: 1.2em;
}
.why-coatings .row.row-collapse > .col .is-divider{
	margin:0.5em 0em;
}
.why-coatings .row.row-collapse > .col .icon-box{
	margin-top:auto;
}
.why-coatings .row.row-collapse > .col .icon-box img{
	opacity:0.5;
}
.why-coatings .cot1 .col-inner, .why-coatings .cot3 .col-inner{
    background: #0b68b5;
}
.why-coatings .cot2 .col-inner, .why-coatings .cot4 .col-inner{
    background: #38b349;
}

/* Home Exhibitor */
.swiper-exhibitors-slider, .swiper-sponsors-slider, .swiper-gallery-slider, .swiper-supporters-slider{
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
}
.swiper-exhibitors-slider .col.swiper-slide, .swiper-sponsors-slider .col.swiper-slide, .swiper-gallery-slider .col.swiper-slide, .swiper-supporters-slider .col.swiper-slide{
	padding:unset !important;
	flex-basis: unset !important;
	max-width: unset !important;
}
.row.row-small.swiper-wrapper{
	max-width: unset !important;
	flex-flow:unset !important;
	margin-left:0px !important;
	margin-right:0px !important;
}
.swiper-exhibitors-slider .swiper-slide .ux-logo, .swiper-sponsors-slider .swiper-slide .ux-logo, .swiper-supporters-slider .swiper-slide .ux-logo{
    position: relative;
    transition: all 500ms ease;
    border: solid 1px #dce3f0;
	width: 100% !important;
}
.swiper-exhibitors-slider .swiper-slide:after , .swiper-sponsors-slider .swiper-slide:after, .swiper-supporters-slider .swiper-slide:after{
    top: auto;
    bottom: -1px;
    display: none;
    transform: rotate(180deg);
}
.swiper-exhibitors-slider .swiper-slide .ux-logo-link, .swiper-sponsors-slider .swiper-slide .ux-logo-link, .swiper-supporters-slider .swiper-slide .ux-logo-link{
    position: relative;
	padding:0px !important;
}

.swiper-exhibitors-slider .swiper-slide .ux-logo-link:after, .swiper-sponsors-slider .swiper-slide .ux-logo-link:after, .swiper-supporters-slider .swiper-slide .ux-logo-link:after{
        content: "";
        display: block;
        padding-bottom: 55.55555556%;
}
.swiper-exhibitors-slider .swiper-slide img.ux-logo-image, .swiper-sponsors-slider .swiper-slide img.ux-logo-image, .swiper-supporters-slider .swiper-slide .ux-logo-link:after{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    vertical-align: middle;	
}
/* Sponsors */
.swiper-sponsors-slider .swiper-button-prev {
        left: 0;
    }

.swiper-sponsors-slider .swiper-button-next {
        right: 0;
    }

.swiper-sponsors-slider .swiper-button-prev,
.swiper-sponsors-slider .swiper-button-next {
        margin-top: 0rem;
    }

.swiper-sponsors-slider .swiper-button-prev:after,
.swiper-sponsors-slider .swiper-button-next:after {
    color: #666;
    font-weight: 700;
    font-size: 0.18rem;
 }
/* Gallery Slider*/
.swiper-gallery-slider .col-inner > .img{
	margin-bottom:0px !important;
	border:1px solid #fff;
}
/* Testimonials*/
#testimonials{overflow-x:hidden;}
#testimonials .swiper-slide {
      text-align: center;
      font-size: 18px;          
      align-items: center;
    }
#testimonials .testimonial-images{text-align:center;}
#testimonials .testimonial-images img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding: 5px;
    box-shadow: 0px 0px 3px #ddd;
	border-radius: 50%;
}
#testimonials .testimonial-content{
	font-size:16px;
}
#testimonials .testimonial-footer {
    color: #f00;
	font-weight:bold;
	font-size:14px;
}
#testimonials .testimonial-footer .chuc_vu {
    font-size:12px;
	font-weight:400 !important;
}
/* End Testimonials*/
/* Post */
.archive-page-header{
	padding-top:30px;
}
.post-item .box-text .post-title{
	font-weight:bold;
	text-align:left;	
}
.home .post-item .box-text .post-title, .home .post-item .box-text .from_the_blog_excerpt {
	min-height: 46px;
	height:46px;
	overflow:hidden;
}

/* Page */
h1.entry-title.is-larger, h1.section-title, h1.page-title{
	font-size:40px;
	color:#0b68b5 !important;
	font-weight:bold;
}
/* End Page */
.featured-box a.plain h3{margin-bottom:20px !important;}
.accordion-title{font-weight:bold;}
.post-item .col-inner {
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 250ms;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    overflow: hidden;
    padding: 0;
    flex: 1 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.post-item .col-inner:hover{
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
}
.featured-box p{margin-bottom:15px !important;}
.pricing-table .title {
 	background-color: #c41230;
	color: #fff;
	padding:25px;
}
.wpcf7-form b {
    color: red;
    margin-right: 5px;
    margin-left: 5px;
}
.accordion{margin-top:30px;}
/* Porfolio */
.portfolio-archive .nav > li > a{font-size:1.2em;}
.mfp-close-btn-in .mfp-close{color:#fff !important;}
/* exhibitor table list */
.exhibitor_table_list{
	padding-top:30px;
}
#tbl-petfair-exhibitors-list_wrapper .dataTables_length select{
	display: inline-block;
    width: 80px;
    margin-bottom: 0px
}
#tbl-petfair-exhibitors-list_filter input{
	width: auto;
    margin-bottom: 0;
}
.exhibitor-list-logo img{max-width:150px;}
.exhibitor_gallery_logo .col .col-inner{
	padding:5px 10px;
}
.exhibitor_gallery_logo .ux-logo-link{
	position:relative;
	overflow: hidden; 	  
  	width: 100%;  	
  	text-align: center;
}
.exhibitor_gallery_logo .ux-logo-link * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.exhibitor_gallery_logo .ux-logo-link a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
.exhibitor_gallery_logo .ux-logo-link img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
	background:#fff;
}
.exhibitor_gallery_logo .ux-logo-link:hover img {
  opacity: 0.7;
}
.exhibitor_gallery_logo .ux-logo-link p {
  	display: flex;  
  	text-align: center;
  	font-weight: bold;
	font-size:12px;
  	color: #000;
  	background: #ffffff;
 	 -webkit-transform: translate3d(-100%, 0%, 0);
  	transform: translate3d(-100%, 0%, 0);
  	-webkit-transition-delay: 0s;
  	transition-delay: 0s;
	margin-bottom:0px;
	width:100%;
	height:100%;
	align-content: center;
  	align-items: center;
  	justify-content: center;
}
.exhibitor_gallery_logo .ux-logo-link:hover figcaption p {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    background-color: rgb(56, 179, 73, 0.5);
    color: white;
}
.exhibitor_gallery_logo .ux-logo-link figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
.exhibitor_gallery_logo .ux-logo-link figcaption > div {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.exhibitor_gallery_logo .ux-logo-link figcaption::before {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  width: 2px;
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
} 
/* Partner */
.partner-row{border-bottom:1px dashed #ddd;margin-top:1.3em}
.partner-row:first-child{margin-top:0px;}
.partner-row .col{margin-bottom:0px;padding-bottom:0px}
/* other events */
.other-events img {
    min-height: 120px;
	max-height:120px;
    width: 250px;
    position: relative;
    object-fit: contain;
    object-position: center;
}
.other-events .text{
	padding:10px;
}
.other-events .text p{margin-bottom:0px;}
.other-events :is(p, h5, h6) {
     line-height: 20px;
     letter-spacing:1px;
     padding-left: 10px;
}
.other-events .bold-text {
     background-color: lightgray;
}
.letter-spacing :is(p, h1, h2, h3, h4, h5, h6) { letter-spacing: 0.5px; }
/* contact button*/
.contact-bar-left img{
	width:26px;
	height:26px;
}
.contact-bar-left {
    position: fixed;
    right: 15px;
    bottom: 120px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Button chung */
.contact-bar-left .contact-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    transition: transform .2s ease, box-shadow .2s ease;
}

/* Hover */
.contact-bar-left .contact-btn:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 16px rgba(0,0,0,.35);
}

/* Zalo */
.contact-bar-left .contact-btn.zalo {
    background: #008fe5;
}

.contact-bar-left .contact-btn.zalo img {
    width: 26px;
    height: 26px;
}

/* Phone */
.contact-bar-left .contact-btn.phone {
    background: #fff;
    color: #fff;
    font-size: 18px;
}

/* ===== Pulse Effect ===== */
.contact-btn.pulse {
    position: relative;
}

.contact-btn.pulse::before,
.contact-btn.pulse::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(0, 143, 229, 0.4);
    animation: pulse-ring 2.2s infinite;
    z-index: -1;
}

.contact-btn.pulse::after {
    animation-delay: 1.1s;
}

@keyframes pulse-ring {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    100% {
        transform: scale(1.9);
        opacity: 0;
    }
}

/* Form*/
.form-disclaimer {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
}
.cf7-email-label input {
    border-radius: 30px;
    box-shadow: inset 2px 5px 5px rgba(0,0,0,.4);
}
/*form bao chi*/
        .header-container {
            background-color: var(--primary-color);
            display: block;
            justify-content: space-between;
            align-items: center;
            padding: 30px 20px;
            color: white;
            margin-bottom: 30px;
            text-align: center;
        }

        .header-left {
            flex: 1;
        }

        .header-left h1 {
            font-size: 36px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0;
            line-height: 1.2;
            color: white;
            /* Đổi màu chữ thành trắng */
        }

        .header-left h1 strong {
            font-weight: 900;
            color: #fff;
        }

        .header-right p {
            font-size: 18px;
            margin: 0;
            line-height: 1.5;
            padding: 10px 0;
        }
/* Bố cục form */
.press-register-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.press-register-column {
    flex: 1;
    min-width: 300px;
}

/* Ô nhập liệu */
.press-register-column label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.press-register-column input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

/* Lưu ý dưới form */
.press-register-note {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}

/* Nút gửi */
.press-register-submit {
    text-align: center;
    margin-top: 20px;
}

.press-submit-button {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    display: inline-block;
    width: auto;
    transition: 0.3s;
}

.press-submit-button {
    margin-top: 20px;
    margin-left: 90px;
}
/* Post */
.sidebar-post-bottom{
	background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #00c853 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#00c853 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#00c853 100%);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 8px 16px;
    margin-top: 8px;
    color: #C8E6C9;
}
.sidebar-post-bottom a {
    color: #ffffff;
}
.sidebar-post-bottom a:hover {
    text-decoration: underline;
}
/* banner 2 bên */
.banner_fix {display: none;}
.banner_fix.active{display:block;}
.banner_fix a{
	position: fixed;
    top: 195px;
	width: 200px;
    z-index: 999;
}
.banner_fix_left {
    right: calc(((100vw - 1170px)/2) - 250px);
    transition: all .3s;
}
.banner_fix_right {
    left: calc(((100vw - 1170px)/2) - 250px);
    transition: all .3s;
}
/* hieu ung anh sang anh*/
.post-item .box-image:hover::before, .portfolio-box .box-image:hover::before{
	-webkit-animation:shine .75s;
	animation:shine .75s
}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.post-item .box-image::before, .portfolio-box .box-image::before {
	position:absolute;
	top:0;
	left:-75%;
	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)
}
/* end hieu ung anh sang anh*/
/*footer */
#footer{background:#003261;}
#footer .section-title-normal {border-bottom: none !important;}
#footer h3.section-title{font-size:1.5em}
#footer a:not(.icon):hover{
	text-decoration:underline;
	color:var(--fs-color-primary) !important;
}
#footer .footer-1{background:transparent;}
#footer .section-title-normal span{
	border-bottom: none !important;
}
#footer .col{padding-bottom:0px;}
#footer .row-small > .col{
	border-right:1px solid #1c4973;
}
#footer .row-small > .col.last{
	border-right: none !important;
}
#footer .ux-logo .ux-logo-link{padding:0px !important;}
#footer .section-title-container{margin-bottom: 0.5em;}
.copyright-footer{padding:7.5px 0px;}
.footer-secondary.pull-right{padding-right:80px;}
.footer-banner{padding-top:0px;}
.absolute-footer{padding: 5px 0 5px;}
.footer-banner {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    display: none;
    width: 100%;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.show, .footer-banner:hover {
    display: block;
}
.absolute-footer{
	border-top:1px solid #1c4973;
	background:#003261;
}
.absolute-footer ul{
	border-bottom: none!important;
}
.absolute-footer ul.links{font-size:1em;}

/* SPINER LOADING */
.cf7-loading {
    position: relative;
    opacity: 0.6;
    pointer-events: none;
}

.cf7-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    border: 3px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: cf7-spin 0.8s linear infinite;
}

@keyframes cf7-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.mobile-nav.nav>li>a>i.icon-menu{
		font-size:2.9em !important;
		color: #1d4046 !important;
	}
	.header-main .menu-title{color:#000 !important;}
	h3.section-title{font-size:1.5em}
	h4.section-title{font-size:1.2em}
	.mobile-nav.nav>li>a>i.icon-menu{
		font-size:2.9em !important;
		color: #000 !important;
	}
	.nav-sidebar .header-button a{
		font-size:25px !important;
	}
	.nav-sidebar .lang-item a{
		font-size:14px;
	}
	.mobile-nav .menu-title.hide-for-small{
		display:block !important;
		margin-left:0px !important;
	}
	.header-contact-wrapper{flex: 1 0 0;}
	#header-contact a {    
    	padding-top: 5px !important;
    	padding-bottom: 0px !important;
	}
	.welcome-coatings .row-small>.col.medium-6.small-12{
		flex-basis: 50% !important;
    	max-width: 50% !important;
	}
	.welcome-coatings .row-small>.col.medium-6.small-12 h2.section-title{
		font-size:1.6em !important;
	}
	.welcome-coatings .button{
		width: 80% !important;
	}
	.welcome-coatings .button.btn-hoster-buyer {
  		width: 81% !important;
  		margin-left: 0px !important;
	}
	.home .swiper-projects-slider .swiper-slide .col.large-8 {
    	padding-right: 0px;  
	}
	.home .swiper-projects-slider .swiper-slide .col.large-8 img{
		border: none !important;
	}
	.home .swiper-projects-slider .swiper-slide .col.large-4 {   
    	padding: 10px;   
	}
	h1.entry-title.is-larger, h1.section-title, h1.page-title{
		font-size:20px;	
	}
	section.thongketrienlam{
		padding-top:20px !important;
		padding-bottom:20px !important;
	}
	.home .thongketrienlam .section-title{
		margin-bottom:20px !important;
	}
	.exhibitor-list-logo img{max-width:150px;}
	
	#footer .large-6.small-12{
		flex-basis: 50% !important;
		max-width: 50% !important;
	}
	#footer .col.medium-6.large-6{
		flex-basis: 50% !important;
		max-width: 50% !important;
	}
	#footer .row>.col.medium-4.large-4{
		flex-basis: 50% !important;
		max-width: 50% !important;
	}	
	#footer .row>.col.small-12 img{
		width:80% !important;
	}
	.footer-secondary.pull-right{padding-right:0px;}
}
/*Bussiness matching*/
.prc-vip-program {
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
        line-height: 1.6 !important;
        background-color: #f5f5f5 !important;
    }
    .prc-vip-program .prc-container {
        background-color: white !important;
        padding: 15px !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    }
    .prc-vip-program .prc-title {
        color: #2c3e50 !important;
        text-align: center !important;
        margin-bottom: 10px !important;
        font-size: 28px !important;
        font-weight: bold !important;
    }
    .prc-vip-program .prc-event-info {
        text-align: center !important;
        font-size: 18px !important;
        color: #34495e !important;
        margin-bottom: 30px !important;
        padding: 15px !important;
        background-color: #ecf0f1 !important;
        border-radius: 8px !important;
    }
    .prc-vip-program .prc-section {
        margin-bottom: 25px !important;
    }
    .prc-vip-program .prc-section-title {
        color: #f99e31 !important;
        font-size: 20px !important;
        font-weight: bold !important;
        margin-bottom: 15px !important;
        border-bottom: 2px solid #f99e31 !important;
        padding-bottom: 5px !important;
    }
    .prc-vip-program .prc-benefit-item,
    .prc-vip-program .prc-condition-item,
    .prc-vip-program .prc-policy-item {
        margin-bottom: 8px !important;
        padding-left: 20px !important;
        position: relative !important;
    }
    .prc-vip-program .prc-benefit-item:before {
        content: "✔" !important;
        position: absolute !important;
        left: 0 !important;
        color: #27ae60 !important;
        font-weight: bold !important;
    }
    .prc-vip-program .prc-condition-item:before {
        content: "✔" !important;
        position: absolute !important;
        left: 0 !important;
        color: #f39c12 !important;
        font-weight: bold !important;
    }
    .prc-vip-program .prc-policy-item:before {
        content: "✔" !important;
        position: absolute !important;
        left: 0 !important;
        color: #e74c3c !important;
        font-weight: bold !important;
    }
    .prc-vip-program .prc-contact-section {
        background-color: #34495e !important;
        color: white !important;
        padding: 20px !important;
        border-radius: 8px !important;
        text-align: center !important;
        margin-top: 30px !important;
    }
    .prc-vip-program .prc-register-link {
        display: inline-block !important;
        background-color: #f99e31 !important;
        color: white !important;
        padding: 12px 25px !important;
        text-decoration: none !important;
        border-radius: 5px !important;
        margin: 15px 0 !important;
        font-weight: bold !important;
        transition: background-color 0.3s !important;
    }
    .prc-vip-program .prc-register-link:hover {
        background-color: #169b48 !important;
        color: white !important;
    }
    .prc-vip-program .prc-organizer {
        font-weight: bold !important;
        color: #02944b !important;
    }
    .prc-vip-program ul {
        list-style: none !important;
        padding-left: 0 !important;
    }
    .prc-vip-program p {
        margin-bottom: 15px !important;
    }

/*  cf7 form */
/* ẨN OPTION ĐẦU YES/NO */
select[name="menu-151"] option:first-child {
    display: none !important;
}
#seminar.lightbox-content {
    max-width: 900px !important;
    width: 100% !important; /* Đảm bảo form vẫn co giãn tốt trên điện thoại */
}
#seminar-vn.lightbox-content {
    max-width: 900px !important;
    width: 100% !important; /* Đảm bảo form vẫn co giãn tốt trên điện thoại */
}
.contact-checkbox.meeting-time-full {
    margin-top: -20px; /* Dùng số âm để kéo ngược phần này lên trên */
}

.intl-tel-input .selected-flag { border-radius: 20px 0 0 20px; }
/* end  cf7 form */

/* Codex: keep the bilingual desktop header aligned on one row. */
@media (min-width: 850px) {
    #masthead #logo {
        width: 220px !important;
        margin-right: 20px !important;
    }

    #masthead .header-nav-main {
        flex-wrap: nowrap !important;
    }
}

/* Use the compact mobile header on tablet widths where the full menu cannot fit. */
@media (min-width: 850px) and (max-width: 1023px) {
    #masthead .hide-for-medium {
        display: none !important;
    }

    #masthead .show-for-medium.flex-left {
        display: none !important;
    }

    #masthead .show-for-medium.flex-right {
        display: block !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin-left: auto !important;
    }

    #masthead .show-for-medium.flex-right > ul {
        width: auto !important;
        flex-wrap: nowrap !important;
    }

    #masthead .mobile-nav.nav > li > a > i.icon-menu {
        color: #1d4046 !important;
        font-size: 2.2em !important;
    }

    #masthead #logo {
        width: 170px !important;
        margin-right: 15px !important;
    }
}

/* Keep the full desktop menu compact on smaller laptop screens. */
@media (min-width: 1024px) and (max-width: 1199px) {
    #masthead #logo {
        width: 190px !important;
        margin-right: 12px !important;
    }

    #masthead .header-nav-main.nav > li {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    #masthead .header-nav-main.nav > li > a {
        font-size: 14px !important;
    }

    #masthead .header-button .button.is-large {
        font-size: .8em !important;
        padding-left: 1em !important;
        padding-right: 1em !important;
    }

    #masthead .header-social-icons {
        margin-left: 0 !important;
    }
}
.header-social-icons .icon-instagram:before,
a.button.instagram,
a.button.instagram:hover,
a.button.instagram:focus,
a.button.instagram:active {
    background-color: transparent !important;
    background-image: url('https://rubber-tyre.com.vn/wp-content/uploads/2026/09/instagram-system-icon.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-color: transparent !important;
    color: transparent !important;
}

a.button.instagram > i {
    display: none !important;
}