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

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

img {
	width: 100%;
}


.h1, h1 {
    font-size: 1.8rem;
}
.h2, h2 {
    font-size: 1.6rem;
}
.h3, h3 {
    font-size: 1.4rem;
}
iframe {
    width: -webkit-fill-available;
}

table {
    width: 100%;
}
tr:nth-child(odd) {background-color:#535252;}
tr:nth-child(even) {background-color: #757575;}
td {
 	padding: 3px;
    border: 1px solid;
    font-size: 13px;
}

span.html-span.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1hl2dhg.x16tdsg8.x1vvkbs.x3nfvp2.x1j61x8r.x1fcty0u.xdj266r.xat24cr.xgzva0m.xhhsvwb.xxymvpz.xlup9mm.x1kky2od img {
    width: fit-content !important;
}
.bd-raius {border-radius: 5px}

.bg-color{ background:black; }

.bg1{ background:rgb(59 57 57); }
.bgblack{ background:black; }

.ff1 {
	font-family: "Sofia", sans-serif;
}

.color{ color:black; }
/* Màu tối*/
.color1{ color:#349584 }
/* Màu sáng */
.color2{ color:#1ef1c6 }

.product-price { padding-bottom: 10px; }
.list-style-none { list-style:none }

.bt1{
	box-shadow: #ffffff59 2px 2px 2px;
	color: #f8f9fa !important;
	text-align: center !important;
	padding: .5rem !important;
}












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


 		.header-top-menu { background:white; }

 		@media(min-width:911px) {
 				img.hinh_logo_trang {display: none;}
 				.displayDesktop {display: none;}
 				.top-menu {display: none}
 				ul#menu-main-menu {  
 					list-style: none;
 					display: flex; 
 					text-transform: uppercase;
 					justify-content: center;
 					align-items:center;
 					height: 70px;
 					a {
 						text-decoration: none;
 						padding: 0px 30px;
 						margin: 0px 5px	;
 					}
 					li:hover{
 						border-bottom: 1px solid red;
 					}
 					li {
 						transition: all ease 1s;
 						border-bottom: 1px solid white;
 					}
 				}
 				ul.sub-menu {
				    display: none;
				}
				header#header {
				    position: sticky;
				    top: 0;
				    z-index: 99;
				}

				.imagecssheader a {
				    background-image: url(/wp-content/uploads/2025/01/logo-lynk-co-1.png);
				    height: 100%;
				    width: 100%;
				    background-repeat: no-repeat;
				    background-position: center;
				    background-size: contain;
				    text-indent: 200%;
				    white-space: nowrap;
				    overflow: hidden;
				    display: block;
				    background-origin: content-box;
				}

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

				div#headerMenu { background: white; border-bottom: 1px solid;}
 		}	

 		header#header {
			    position: sticky;
			    top: 0;
			    z-index: 99;
			}

 		@media(max-width: 911px) {
				.headerMenu { transition:all 0.7s ease; width: 250px;}
		  		.headerMenu  { background: #00000073;}
		  		ul.top-menu { display: flex;  justify-content: center; align-items: center; margin-bottom: 0; }
				ul#header-menu li ul.sub-menu { display: block;}
				ul#header-menu li:hover ul.sub-menu {display: block;}
				ul#header-menu { display: none; position: absolute; top: 50px; text-align: center; left: 0px; right: 0px; background: white; z-index: 999; padding:10px }
				ul.sub-menu li { width: auto; }
		  		ul#header-menu>li {border-bottom: 1px dotted; padding-top: 10px; padding-bottom: 10px ;}
		  		label.hamburger { margin: 0; font-size: 18px; padding: 4px 10px; border-radius: 4px;}
		  		button.head-call-btn-icon {display: none;}
		  		a.top-space { width: 40px;}
		  		img.hinh_logo_trang { height: 50px; margin: 10px 0px; width: 200px; object-fit: contain; }
		  		.headerMenu {  position: fixed; left: -100%; top: 0; height: 100%; z-index: 98;  color: white; 
					transition:all 0.8s ease; width: 250px;
				    ul {
				    	list-style: none;
				    	li{ padding: 10px;
				    		a{
					    		color: white;
					    		text-decoration: none;
					    		text-transform: uppercase;
				    	}
				    	}
				    }
				}


				.headerMenuActive { left:0 !important; }
				.bdMenuActive { display: block !important; opacity:1 !important; visibility:visible !important; }

				div#headerLogo {     width: 100%;height: fit-content;  z-index: 99; }
				.bgMenu { background: #00000000;  position: fixed;   top: 0; width: 100%;  height: 100%; z-index: 97; display: none;}

				.imagecssheader {
					display: none;
				}


			/*  Menu Icon */
				.arrowicon {width: 30px ;transition: all 0.3s ease; position: absolute;   left: 30px;}
				.headerbar {width: 25px;height: 2px ;background: black;margin: 3px;transition: all 0.3s ease;}
				.activemenu>.headerbar:nth-child(1){
					transform:  translateY(5px) rotate(45deg);
					background: #349584 !important;
				}
				.activemenu>.headerbar:nth-child(3){
					transform:  translateY(-5px) rotate(-45deg);
					background: #349584 !important
				}
				.activemenu>.headerbar:nth-child(2){
					transform:  translateX(40px) ;
				}
			/*	End Menu Icon*/



			/*	Sub menu*/
				li#menu-item-1612 { position: relative;     overflow: hidden;}
				.proMenuAddIcon:before {  content: "\2930"; font-size: 25px;  transition: all 0.5s ease;
					position: absolute; right: 30px; height: 10px;width: 10px; top: 0; color:#1ef1c6  }

				.activeproMenuAddIcon:before{
					content: "\292F" !important;
				}

				ul.sub-menu {height: 0;width: 0;transition: all ease 1s; opacity: 0;}
				.subMenuActive {height: fit-content !important; width: fit-content !important; opacity: 1 !important;}
			/*	ENDSub menu*/
			
		}
 /* ---- END code Css của Menu --- */












 /* ---- code Css của tintuc-a.php --- */

		.card a img { height: 200px; width: -webkit-fill-available; object-fit: cover;}
		p.card-text { height: 75px; overflow: hidden; }
		.card-body h4 { height: 85px; overflow: hidden;}
		.card {margin-bottom: 25px; }
		.card:hover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

 /* ---- END code Css của tintuc-a.php --- */

 /* ---- 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: black; border: 4px solid black; color: white; border-radius: 5px; }
	input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { border-radius: 10px; border: 1px solid #00000075;  height: 35px;}

	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ệ --- */


/* Button Animation*/
	.buttonSlider {  transition: all ease 1s; }
	
	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;
		i{
			color:black !important;
		}
	}
	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: #00000078;
		color: white;
		border: 1px solid;
		overflow: hidden;
		position: relative;
		transition: all ease 1s;
		margin: 10px;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}

	@media (max-width: 991px) {
			button.buttonAnimation {
    			font-weight: 400;
    		}
		}


	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%;
		  }
	}

/* END Button Animation*/

/*Footer*/
img.logoFooter {
    height: 50px;
    margin-left: -15px;
}

.lineTab {height: 1px}
span.icon {
    background: white;
    width: 45px;
    height: 45px;
    padding: 10px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
span.icon svg {width: 25px;}
/*End Footer*/

.heightHeader{
	height: 70px;
	width: 100%;
}