*{
	margin: 0px;
	padding: 0px;
}

a:hover{
	text-decoration: none;
	color: black;
}
a{
	color: black;
}

img {
	width: 100%;
}

ul li {
	list-style: none;
}

iframe {
    width: -webkit-fill-available;
}

.h1, h1 {
    font-size: 1.8rem;
}
.h2, h2 {
    font-size: 1.6rem;
}
.h3, h3 {
    font-size: 1.4rem;
}

/* color */
.cl1 { color: #d30015;}



/*Border*/
.bd2 {
	border: 1px solid #d30015;
}
.bd3:before{
	content: '';
	position: absolute;
	height: 2px ;
	bottom: 12px;
	width: 50px;
	background:#d30015 ;
}



body {
	ul li {
		list-style: unset !important;
	}
}

ul.sub-menu li {
    list-style: none !important;
}

/* background */
.bg1 { background: black;}
.bg2 { background: #5e545429;}
.bg3 { background: #d30015;}


/* borderbottor1 */
.borderBT1{
	position: relative;
}
.borderBT1:before {
	content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #d30015;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.borderBT1:after {
	content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: #d30015;
    position: absolute;
    bottom: -10%;
    left: 50%;
    transform: translateX(-50%);
}

/* Button default */
.btn-default {
	padding: 5px 10px !important;
	border: 1px solid #e60012;
	color: white;
}


span.html-span.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1hl2dhg.x16tdsg8.x1vvkbs.x3nfvp2.x1j61x8r.x1fcty0u.xdj266r.xat24cr.xgzva0m.xhhsvwb.xxymvpz.xlup9mm.x1kky2od img {
    width: fit-content;
}

/* ---- code Css của Menu --- */
header#header {  z-index: 99;}
header#header a{ text-decoration: none;}
img.hinh_logo_trang { height: 43px; width: auto; object-fit: cover;}
input#checkbox_toggle {display: none;}
ul#header-menu li { list-style: none; text-transform: uppercase; padding:0px 18px; }
ul#header-menu>li { display: inline-block; position: relative;border-bottom: 1px solid white;
    transition: all ease 1s;}
.header-top-menu { padding: 25px 5px; color: black; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;   background: #ffffff91;}
.sub-menu { background: #ffffff; border-radius: 10px; border: 1px dotted #98525282; padding: 0;}
.sub-menu li { padding:10px; width: 200px }
ul#header-menu {     z-index: 999;}
a.head-hotline { color: white;}

}




/***** Section *****/ 
ul#header-menu li { transition: all ease 1s;border-bottom: 1px solid #ffffff00;}
ul#header-menu li:hover {border-bottom: 1px solid red;}

/***** End Section *****/

.current-menu-item { border-bottom: 1px solid #ff0000 !important; }

/* desktop */
@media (min-width: 991px) {
   	ul#header-menu li:hover ul.sub-menu { display: block; position:absolute; }
   	.hamburger { display: none;}
   	ul.top-menu { display: flex; justify-content: center; align-items: center; margin-bottom: 0; padding: 0; position: relative;}
   	a.top-space { display: none;}
   	.head-call-btn-icon { border: 1px solid white; }
   	ul#header-menu {     z-index: 999;  display: inline-flex; justify-content: center;  align-items: center; padding: 0;}
	.xeShow ul.sub-menu { display: none !important;}
	a.imgBrand { position: absolute;  left: 0; }
 
}

/* mobile and table */
 @media (max-width: 991px) {
	 
	 table{ width: 100% !important}
	 td { font-size: 13px}
	ul.top-menu { margin-bottom: 0; padding: 0;    display: flex;  justify-content: center;}
   
   	ul#header-menu li:hover ul.sub-menu {display: block;}
   	.menu { 
		transition: all ease 1s;
		display: inline-block;
        position: fixed;
        top: 0;
        right: -100%;
		left: 100%;
		height: 100%;
        text-align: center;
        background: white;
        z-index: 999;
        padding: 10px;
	 }
	.showmenu { transition: all ease 1s; right: 0% !important; left: 50%; }
	.cover-menu-table {
		transition: all ease 0.8s;
		background: #0000005e;
		position: fixed;
		top: 0;
		left: 100%;
		height: 100vh;
		width: 100%;
		right: -100%;
		z-index: 998;
	}
	.showcBgMenu {
		left: 0 !important;
	}
	ul#header-menu li { 
		width: 100%;
        background: #ffa7a729;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        margin: 2px 0px;
	}
   	ul.sub-menu li { width: auto; }
	ul#header-menu>li {border-bottom: 1px dotted #ffffff47; padding-top: 10px;  padding-bottom: 10px; }
	.hamburger { margin: 0; font-size: 17px; padding: 4px 12px;  border-radius: 4px;
		position: fixed;
        top: 15px;
        right: 10px;
        z-index: 9999;
        background: #d30015;
        color: white;
	}

	button.head-call-btn-icon {display: none;}
	a.top-space { }
	img.hinh_logo_trang { height: 50px; width: auto; object-fit: cover;}
	.header-top-menu {padding: 6px 5px; }
	 
}	

/* Only Mobile */

@media (max-width:768px){
	.showmenu {right: 0% !important; left: 25%;}
}

 /* ---- END code Css của Menu --- */

.coverX {
    width: 30px;
    height: 30px;
    background: white;
    margin: 10px;
    text-align: center;
    border-radius: 50%;
    color: red;
}



 /* ---- CF7 Css của fom liên hệ --- */
	input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { width: 100%;}
	.submit-class { width: 100%;  }
	/* .wpcf7-spinner { position: absolute !!important ;left: 55%; } */
	span.wpcf7-spinner { position: absolute;}
	#sgpb-popup-dialog-main-div { box-shadow:white; }
	.submit-class {background: red; border: 4px solid red; color: white; border-radius: 5px; }


	div#wpcf7-f111-o1 { text-align: center; }
	span.wpcf7-form-control-wrap select { width: 100%; height: 35px;border-radius: 15px; }
	span.wpcf7-form-control-wrap > input { width: 100%; height: 35px; border-radius: 15px; border: 1px solid #b1b1b1; padding: 10px; }
 /* ---- END CF7 Css của fom liên hệ --- */

.wp-caption {
	    width: fit-content !important;
}

		/* Màu nền cho dòng chẳn */
 		tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        /* Màu nền cho dòng lẻ */
        tr:nth-child(odd) {
            background-color: #ffffff;
        }

		table {
			width: 80%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 15px;
			margin-bottom: 15px;
		}


/*buttonAnimation --------------------------------------------------------------------------------*/

button.buttonAnimation:hover {  background: white !important;  color: black !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
	button.buttonAnimation:hover > a {    color: black !important; }
	h2.tittleCss {text-shadow: 2px 2px 7px #573e3e;font-size: xx-large;}
	


	button.buttonAnimation {  
		font-weight: 800;
		padding: 6px 17px;
		border-radius: 5px; 
		background: #d30015; 
		color: white;
		border: 1px solid #d30015; 
		overflow: hidden;
		position: relative;
		transition: all ease 1s;
		margin: 10px;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		& a { color:white; text-decoration:none; transition: all ease 1s; }
	}

	button.buttonAnimation:before {    content: "";
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,0) 0%, rgba(6,49,110,1) 0%, rgba(0,0,0,0) 0%, rgba(255,255,255,0.6026785714285714) 100%);  width: 100%;  height: 100%; position: absolute;  left: -110%; top: 0;
    animation: buttonAnimation 2s linear infinite;
     }

	@keyframes buttonAnimation {
		  0% {
		    left: -100%;
		  }
		  50%,100% {
		    left: 100%;
		  }
	}

	@media(max-width:768px){button.buttonAnimation{font-size: 13px}}
 /* END buttonAnimation --------------------------------------------------------------------------------*/