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

/*************** ADD CUSTOM CSS HERE.   ***************/
#logo.flex-col.logo img{
	background:#fff !important;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-left:30px;
	padding-right:30px;
	    box-shadow: 1px 2px 5px -1px #cfcfcf;
}
.imgpop{
	position:fixed;
	right:0px;
	z-index:8;
	bottom:30%;
	
}
.imgpop img{
	width:auto;
	max-height:100px
}
#logo img {
    max-height: 120px !important;
}
.mdatngay{
	padding:15px 25px;
	background:#f6f6f6
}
.mdatngay .button.primary{
	padding:5px 30px;
	margin-left:20px;
	border-radius:5px;
}
.mdatngay h3{
	font-weight:500 !important;
}
.mdatngay h3 strong{
	color:#04883f !important;
	text-transform:uppercase;
	font-weight:900 !important
}
.primary{
	
}
.bfooter p{
	font-size:14px;
}

.bgm{
	background: #E66432;
	background: linear-gradient(45deg,rgba(230, 100, 50, 1) 0%, rgba(165, 47, 47, 1) 56%);
}
.imgloho img{
	padding:10px;
	border-radius:8px;
	background:#fff !important
}
.section.tongquan, .section.khachhang {
	    background: linear-gradient(90deg, rgba(133, 0, 0, 1) 0%, rgba(230, 100, 50, 1)  65%) !important;
}

.section.chungnhan, .bgbg{
	     background: linear-gradient(90deg, rgba(230, 100, 50, 1) 0%, rgba(133, 0, 0, 1) 65%) !important; 
}

.colimx, .colformx {
	padding-bottom:0px !important
}
.colformx form{
	margin-bottom:0px !important;
}
.colformx .wpcf7-form-control.wpcf7-textarea{
	min-height:75px !important
}
.colformx .wpcf7-form-control.wpcf7-submit{
	margin:0 auto !important;
	display:block;
	background:#04883f  !important;
	border-radius:2px !important;
	color:#fff !important;
	border:0px !important;
	padding:8px 45px !important;
}
.colformx label.qtam{
	text-transform:uppercase !important;
	margin-top:10px !important;
	margin-bottom:15px !important;
	color:#04883f  !important;
}
.colformx  .wpcf7-form-control{
	font-size:15px;
	border-radius:4px;
	box-shadow:0px 0px #fff;
}
.tindark .box-text,.tindark .box-text p, .tindark a{
	color:#111;
}
.tindark  .post-title{
	margin-bottom:5px !important;
}
.tindark  .post-title a{
	color:rgb(22, 46, 118) !important;
	font-size:20px !important
}
.thot p{
	margin-bottom:0px !important
}
.bang table td{
	padding:8px !important;
	color:#111;
} 
.bang table td strong{
	color:#162e76 !important
}
.tetlagi{
	  font-family: "Lobster", sans-serif;
font-size:20px;
}
.colhinh .col-inner{
	padding-left:40px !important
}
.imgbor img{
	border-bottom-right-radius:20px;
	border-top-left-radius:20px;
}
.subtieude.hfix h3{
	font-size:26px !important
}
.transparent #logo img {
}
.absolute-footer{
	display:block !important;
	     background: linear-gradient(90deg, rgba(230, 100, 50, 1) 0%, rgba(133, 0, 0, 1) 65%) !important; 
}
.section.bform{
	padding:0px !important
}
.section.bform .col.small-12>.col-inner{
	padding:20px 50px !important;
}
.wpcf7-spinner{
	display:none !important
}
.section.bform .wpcf7-form-control.wpcf7-submit{
	margin:0 auto !important;
	padding: 4px 30px;
    border-radius: 4px !important;
    background: #04883f !important;
    color: #fff !important;
    padding-left: 35px !important;
    position: relative;
	display:block
}
.section.bform .wpcf7-form-control.wpcf7-submit:after{
		width:15px;
	height:15px;
	background:url(/wp-content/uploads/2024/11/edit2.png) no-repeat top center;
	background-size:cover !important;
	content:"";
	position:absolute;
	top:18px;
	left:12px;
}
.section.bform .wpcf7-form-control{
	font-size:14px;
	height:42px;
	outline:none !important;
	border:0px !important
}
.text123 p{
	color:#162e76;
	font-size:20px;
}
.text345 p{
	color:#162e76;
	font-size:17px;
}
.row.rfull{
	padding-left:80px;
	padding-right:80px;
}
.ichsub .subtieude h3{
	color:#f4d0ba !important
}
.dsphankhu  h4{
	margin-bottom:0px;
}
.dsphankhu  p{
	margin-top:0px !important
}
.dsphankhu .icon-box-text{
	padding-left:50px;
}
.ulcheck li{
	margin-left:0px !important;
	margin-bottom:8px;
	list-style:none !important;
	position:relative;
	padding-left:30px;
}
.ulcheck li:after{
	width:18px;
	height:18px;
	position:absolute;
	left:0px;
	content:"";
	z-index:3;
	left:0px;
	top:0px;
	background:	url(/wp-content/uploads/2024/11/check-mark.png) no-repeat top left;
	background-size:cover !important
}
.boxname {
      margin-left: -72px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}
.boxname .icon-box-text{
	padding-left:35px !important
}
.pkhu img{
	width:auto !important;
	height:200px;
}
.boxname .icon-box-text p{
	font-size:20px;
	color:#162e76 !important
}
.subtieude p{
	text-align:justify
}
.tqua{
	font-size:14px;
	color:#333;
}
.subtieude h3{
	
	font-size:32px;
	color:#555 !important
}
.subtieude h3 strong{
	font-family: "Dancing Script", cursive;
	color:#04883F !important;
	font-size:45px;
	    letter-spacing: -1px;
}
.subtieude h4{
  font-family: "Dancing Script", cursive;
	color:#1562c5 !important;
	padding-left:120px;
	margin-top:-40px;
	    font-size: 40px;
}
.tdangky h3{
	font-family: "Dancing Script", cursive;
	font-size:42px;
}
.row-slider .flickity-page-dots {
    bottom: -30px;
}
.tdangky h3 strong{
	padding:10px 30px;
	 background: linear-gradient(90deg, rgba(133, 0, 0, 1) 0%, rgba(230, 100, 50, 1)  65%) !important;
	font-weight:700;
	    font-family: Arsenal, sans-serif !important;
	border-radius:8px;
	margin-left:10px;
}
.ichsub .subtieude.tdangky h3 {
    color: #e66432 !important;
	font-family: Arsenal, sans-serif;
	font-size:28px
}
.ichsub .subtieude.tdangky h4 {
	 color: #04883f  !important;
	font-family: Montserrat, sans-serif !important;
}
.colformx form{
	padding:20px 30px;
	border-radius:5px;
	background:#f5f5f5
}
.subtieude.tdangky h4{
	font-size:32px !important
}
.tieude h1{
	/* color:#04883f !important;*/


   background: -webkit-linear-gradient(rgba(230, 100, 50, 1), rgba(133, 0, 0, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size:90px;
	font-family: "Dancing Script", cursive;
}
.nails img{
	border-top-left-radius:400px;
	border-top-right-radius:400px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.tieude.trang h2{
	color:#fff !important
}
.rchungnhan{
    margin-top: -100px !important;
}
.tieude h3 {
	margin-bottom:0px !important;
	font-size:36px;
	color:#162e76;
}
.tieude h2 {
   /* color: transparent !important;
    -webkit-text-stroke: 1px #162e76;*/
    font-size: 60px !important;
	margin-bottom:10px;
/*	color:#04883f  !important;*/
	
	  background: -webkit-linear-gradient(rgba(230, 100, 50, 1), rgba(133, 0, 0, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*
.tieude h2 {
    color: transparent !important;
    -webkit-text-stroke: 1px #162e76;
    font-size: 60px !important;
	margin-bottom:10px;
}*/
.tieude.tieudefix h1{
	    color: transparent !important;
    -webkit-text-stroke: 1px #f4d0ba  !important;
	margin-bottom:10px;
}
.tieude h2 {

}
.tongquan .tieude h3{
	color: #f4d0ba !important
}
.tongquan .tieude h1 {
	-webkit-text-stroke: 1px #fff !important;
}
.header-wrapper .header-bg-color{
background: #E66432;
background: linear-gradient(90deg,rgba(230, 100, 50, 1) 0%, rgba(133, 0, 0, 1) 65%) !important;
}
.header-wrapper.stuck .header-main .nav > li > a{
	color:#fff !important
}
.header-main .header-button-1 .button{
	padding: 8px 20px;
    border-radius: 4px !important;
	margin-left:30px !important;
	color: #fff;
    padding-left: 35px !important;
    position: relative;
	background: #e66432 !important;
}
.header-main .header-button-1 .button:after{
	width:15px;
	height:15px;
	background:url(/wp-content/uploads/2024/11/edit2.png) no-repeat top center;
	background-size:cover !important;
	content:"";
	position:absolute;
    top: 18px;
    left: 12px;
    filter: invert(1);
	
}
.datchongay {
	padding: 4px 30px;
    border-radius: 4px !important;
    background: #f4d0ba !important;
    color: #162e76 !important;
    padding-left: 35px !important;
    position: relative;
}
.datchongay:after{
		width:15px;
	height:15px;
	background:url(/wp-content/uploads/2024/11/edit2.png) no-repeat top center;
	background-size:cover !important;
	content:"";
	position:absolute;
	top:18px;
	left:12px;
}
.topmain{
	position:relative
}
/*
.topmain:after {
    content: "";
    display: block;
    background: linear-gradient(to bottom, #a52f2f, #e6643233, rgba(0, 0, 0, 0));
    position: absolute;
    top: 0;
    height: 300px;
    width: 100%;
    z-index: 0;

}*/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo {
    width: 100px !important;
}
	#logo.flex-col.logo img{
		padding-left:0px !important;
		padding-right:0px !important
	}
.header-main .header-button-1 .button {
    white-space: nowrap;
}
	.subtieude h3{
	        font-size: 28px;
        text-align: center;

	}
	.icon-box.iconngang{
		display:block !important
	}
	.subtieude h4 {
    font-family: "Dancing Script", cursive;
    color: #1562c5 !important;
    padding-left: 40px;
    margin-top: -20px;
    font-size: 24px;
}
	.tieude h3 {
 
    font-size: 24px;
}
	.subtieude h3 strong{
		font-size:42px !important;
	}
	.tieude h1{
		font-size:32px  !important;
	}
	.tieude h2{
		font-size:32px !important;
	}
	.nav>li>a>i.icon-menu {
    font-size: 42px;
}
	.pkhu img {
    width: auto !important;
    height: auto;
}
	.pum-theme-410 .pum-container, .pum-theme-lightbox .pum-container{
		width:300px !important
	}
	.boxname {
    margin-left: 0px !important;
	}
	.text.subtieude.hfix{
		padding:20px !important;
		font-size:15px !important
	}
	.colhinh .col-inner {
    padding: 20px !important;
}
	.subtieude h3 strong{
		display:block !important
	}
	.tdangky h3 {
    font-size: 34px;
}
	.header-main .header-button-1 .button {
    padding: 3px 10px;
		font-size:12px !important}
	.header-main .header-button-1 .button:after{
		top:9px !important
	}
	.icon.primary.button.round{
	    background: #e66432 !important;
	}
	.logofooter{
		text-align:center;
	}
	.logofooter .img {
		width:100% !important
	}
	.logofooter img{
		margin:0 auto !important;
		display:block;
		max-height:100px;
		width:auto !important
	}
	.imgpop img{
	width:auto !important;
		max-height:50px !important;
	
}
}