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

/*************** ADD CUSTOM CSS HERE.   ***************/
.supports{
	width:80px !important;
	left:auto !important;
	display:block !important;
	background:none !important
}
.supports ul li{
	width:100% !important
}
.supports ul li a .icon_call{
    width: 36px !important;
    height: 36px !important;
	border: 0px solid #fff !important;
}
.supports ul li a{
	font-size:0px !important;
}
.supports ul li.icon_mb{
	top:0px !important
}
.quatang{
	margin-right:0px;
	margin-bottom:0px;
}
.blockdk{
	border-top:1px solid #dedede !important
}
.tinxy .col.post-item{
	padding-bottom:8px !important
}
.post-item .is-divider{
	display:none !important
}
.textul ul{
	list-style:none;
	margin:0px;
}
.textul ul li{
	margin-left:0px;
	padding-left:30px;
	position:relative
}
.textul ul li:after{
	width:20px;
	height:20px;
	position:absolute;
	top:5px;
	left:0px;
	background:url(https://vfmiennam.com/wp-content/uploads/2025/09/check-2.png) no-repeat top left;
	background-size:cover !important;
	content:"";
	
}
.galkm img{
	border-radius:3px !important
}
.btlanbanh{
	    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 30px;
    border-radius: 5px;
	    background: #1464f4 !important;
    color: #fff !important;
	margin:2px !important
}
.quatang{
	 font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px 30px;
    border-radius: 5px;
	    background: #1464f4 !important;
    color: #fff !important;
}
.btlaithuxe{
		    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 30px;
    border-radius: 5px;
	    background: #666 !important;
    color: #fff !important;
	margin:2px !important
}
li.menu-item-home  a{
	font-size:0px;
}
.header-main li.header-block{
	width:165px;
}
.header-main li.header-block  .icon-box-img{
	padding-top:9px !important;
	    margin-right: -4px;
}
.header-main li.header-block  .icon-box-img img{
	background:#fff !important;
	border-radius:100% !important;
		padding:0px !important
}
.header-main li.header-block .icon-box-text{
	background:#1464f4 !important
}
.header-main li.header-block .icon-box-text{
	padding:4px 10px !important;
	border-radius:3px;
	font-size:13px;
	padding-left:25px !important;
	margin-left:-10px !important;
}
.header-main li.header-block a{
	color:#fff !important;
}
.icall .icon-box-text p{
	font-size:10px !important;
	color:#dedede !important;
}
.nav-divided>li+li>a:after {
	left: -10px;
}
.header-main .nav > li:not(.active) > a{
	color:#444;
	font-weight:500 !important
}
#logo{
	margin-right:0px !important
}
table{
  border-collapse: collapse !important;
  width: 100% !important;
}

table td,table th {
  border: 1px solid #ddd !important;
  padding: 8px !important;
}

table tr:nth-child(even){background-color: #f2f2f2;}

table tr:hover {background-color: #ddd;}

table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #f00;
  color: white;
}
.pum-content .wpcf7-form-control.wpcf7-submit{
	margin:0 auto !important;
	display:block !important;
	border-radius:4px;
	margin-top:12px !important;
	width:100% !important
}
.pum-content h3{
	text-transform:uppercase !important;
	margin-bottom:25px;
}
.blog-archive  .article-inner .entry-image-float{
	margin-right:2% !important
}
.blog-archive   .article-inner .entry-image-float img{
	border-radius:15px;
}
.blog-archive   .article-inner .entry-header{
	width:48%;
	float:right;
	margin-bottom:10px;
	margin-top:15px;
}
.blog-archive  .article-inner .entry-content{
	width:48%;
	float:right;
	font-size:14px;
}
.blog-archive   .article-inner .entry-content .text-center{
	text-align:left !important
}
.blog-archive   .article-inner .entry-header .entry-divider{
	display:none !important
}
.blog-archive  .article-inner .entry-header .entry-header-text{
	padding:0px !important;
	text-align:left
}
.archive-page-header h1{
	font-size:32px;
	text-transform:none !important
}
.dktuvan h2{
	text-transform:uppercase !important;
	font-weight:700;
}
.dktuvan .tdangky p{
	margin-top:15px;
	margin-bottom:15px;
}
.dktuvan .wpcf7-spinner{
	display:none !important
}
.dktuvan .wpcf7-form-control.wpcf7-submit{
	margin:0 auto !important;
	padding-left:70px;
	padding-right:70px;
	    display: block;
	font-weight:400 !important;
}
.dktuvan .wpcf7-form-control{
	font-size:14px;
	height:48px;
	padding-left:20px;
	border:1px solid #dedede8c !important;
	box-shadow:0px 0px #fff !important;
	border-radius:4px;
	margin-bottom:10px;
}
.phienban h4{
	font-size:24px;
	font-weight:900 !important;
	margin-top:15px;
	font-family:system-ui !important;
	margin-bottom:0px;
	color:#f00 !important
}
.listxe h3 a{
	color:#111 !important
}
.showngang .col.large-3 {
        flex-basis: 14.285%;
        max-width: 14.285%;
}
li.menu-item-design-full-width .sub-menu.nav-dropdown{
	margin:0 auto;	
}
li.menu-item-design-full-width .sub-menu.nav-dropdown{
	padding-bottom:20px !important
}
li.menu-item-design-full-width .row.listxe{
	margin:0 auto !important;
	padding-left:50px;
	padding-right:50px;
}
li.menu-item-design-full-width .listxe .box-text p {
    font-size: 12px;
}
li.menu-item-design-full-width .listxe .box-text p strong {
    font-size: 13px !important;
}
li.menu-item-design-full-width .row.listxe .col{
	padding-bottom:0px;
}
li.menu-item-design-full-width .row.listxe .col .box-text{
	padding-top:5px !important;
	padding-bottom:5px !important
}
li.menu-item-design-full-width .listxe h3 {
    border-bottom: 1px solid #111;
    font-size: 18px;
}
.bfooter p{
	font-size:14px;
	font-weight:400;
}
.absolute-footer{
	font-size:13px;
}
.textfix p {
    font-size: 16px;
}
.textfix img{
	margin-bottom:0px !important
}
.rvideox p{
	margin-bottom:0px !important
}
.trainghiem h3{
	font-size:28px;
	font-weight:700;
}
.trainghiem p{
	font-size:16px;
}
.rfullx{
	padding-left:15px !important;
	padding-right:15px !important;
}

.col.col_sp_nb{
	padding:3px !important;
}
.rfullx .box-label .box-text{
	margin:25px;
}
.rfullx .box-text{
	background:none !important
}
.rfullx h3{
	font-size:28px;
	color:#fff !important	
}
.tieu_de b{
	height:0px !important
}
.tieu_de h2{
	font-size:32px;
	text-transform:capitalize
}
.tieu_de .section-title-main{
	text-transform:capitalize
}
.listxe h3{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:2px solid #111;
	font-size:24px;
}
.listxe .box-text{
	padding-left:20px;
	padding-right:20px;
}
.listxe .box-text p{
	font-size:14px;
}
.listxe .box-text p strong{
	color:#f00 !important;
	font-size:17px;
}
.listxe .col.medium-4 .box-text{
	padding-left:30px;
	padding-right:30px;
}
.tab_sp>h4.uppercase.text-center{
	text-transform:none !important;
	font-size:42px;
}
.tab_sp ul.nav.nav-line-bottom li{
	margin-left:5px;
	margin-right:5px;
}
.tab_sp ul.nav.nav-line-bottom li a{
	font-size:17px;
	text-transform:uppercase;
	font-weight:600;
	padding:10px 30px;
	border-radius:5px;
	background:#f5f5f5;
	color:#111;
}
.tab_sp ul.nav.nav-line-bottom li.active a{
	background:#1464f4 !important;
	color:#fff !important
}
.tab_sp ul.nav.nav-line-bottom li a:before{
	display:none !important
}
.flickity-page-dots .dot {
    border: 1px solid #111;
    height: 8px;
    width: 8px;
}
.btn_kp{
	padding:4px 35px;
	border-radius:3px;
	color:#fff;
	font-size:14px;
	font-weight:400 !important
}
.btn_xmblog{
		padding:1px 35px;
	border-radius:3px;
	color:#fff !important;
	font-size:14px;
	font-weight:400 !important;
	background:#1464f4 !important
}
.dklai {
	padding:4px 45px;
	border-radius:3px;
	color:#fff;
	font-size:14px;
	font-weight:400 !important
}
.icall .icon-box-text h3{
	color:#fff;
	font-weight:900 !important;
	margin:0px !important;
}
.icall .icon-box-text p{
	font-size:10px;
	color:#c5c2c2;
	margin-top:-3px;
	    letter-spacing: 1px;
	    text-transform: uppercase;
}
.header-main{
	border-bottom:1px solid #dedede4f
}
.listxe h2{
	color:#000;
	font-size:24px;
	font-weight:normal !important;
	text-transform:uppercase;
}
.listxe p{
	font-size:16px;
}
.listxe .xemchitiet{
    background: #000 !important;
    font-weight: normal !important;
    letter-spacing: 2px !important;
    border: 0px !important;
    color: #fff !important;
    line-height: 40px !important;
	font-size:13px !important;
	
}
ul.mega-sub-menu{
	background:#fff !important
}
.suvmain .box-text{
	padding-bottom:0px !important;
}
.suvmain .box-text h4{
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:2px solid #000 !important;
	color:#000;
	font-size:18px;
	font-weight:normal !important;
	text-transform:uppercase;
	
}
.suvmain .box-text h4 a{
	color:#000;
}
.suvmain .box-text p{
	margin-bottom:2px !important;
	font-size:14px;
	color:#555;
}
.suvmain .box-text p strong{
	color:#f00 !important;
	font-weight:normal !important
}
.page-title.blog-featured-title.featured-title h1{
	color:#fff !important
}
.namegia h3{
	color:#444 !important;
	font-size:20px !important;
	font-weight:normal !important;
}
.textfix h2, .textfix h3, .textfix h4{
	color:#111
}
.blog-single h1, .blog-single h2, .blog-single h3, .blog-single h4{
	font-weight:normal !important;
}
.namegia p{
	font-size:24px;
	color:#000;
}
nav.rank-math-breadcrumb{
	display:block !important;
	clear:both;
	padding-top:20px;
	font-size:18px;
	color:#111;
	padding-bottom:15px;
	
}
nav.rank-math-breadcrumb a{
	color:#111;
}
nav.rank-math-breadcrumb>p{
	max-width:1110px;
	margin:0 auto !important
}
body {
	color: #333;
}
h1.entry-title{
	color:#000;
}
h6.entry-category{
	display:none !important
}
strong{
}
.ttu strong{
	    color: #f00 !important;
    font-size: 14px;
    font-weight: normal !important;
}
.ptu strong{
	    color: #111 !important;
    font-size: 14px;
    font-weight: normal !important;
}
.more-link.button{
	background:#000 !important;
	font-weight:normal !important;
	letter-spacing:2px !important;
	border:0px !important;
	color:#fff !important;
	line-height:40px !important
}
.textfix p{
}
.bfooter h5{
	font-weight:normal !important;
	text-transform:uppercase;
}
.bfooter p, .bfooter a{
	color:#f5f5f5
}
html,body,*,p{
}
.absolute-footer {
	padding-top:15px !important;
	padding-bottom:15px !important;
	border-top:1px solid #dedede30;
}
.tieu_deh h2 {
    margin-bottom: 0px;
    font-size: 28px;
    color: black;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.tab_sp>h4.uppercase.text-center {
    text-transform: none !important;
    font-size: 30px;
}
	.header-main.nav-dark{
		background:#000 !important
	}
	.header-block-block-2{
		display:block !important;
		width:100% !important;
		padding-bottom:15px !important;
		border-bottom:1px solid #dedede47 !important
	}
	
	.imgmb img{
		width:auto !important;
		margin-left:15px;
		height:50px !important
	}
	.sidebar-menu li a{
		text-transform:none !important
	}
	.header-block-block-1{
		padding-left:15px !important
	}
	table td,table th, table, table tr{
		font-size:smaller !important
	}
	.supports{

	background:#fff !important
}
.supports ul li{
	width:20% !important
}
.supports ul li a .icon_call{
    width: 36px !important;
    height: 36px !important;
	border: 0px solid #fff !important;
}
.supports ul li a{
	font-size:11px !important;
}
.supports ul li.icon_mb{
	top:0px !important
}
	.supports{
		width:100% !important;
	        left: 0px !important;
	}
	
}