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

/*************** ADD CUSTOM CSS HERE.   ***************/
.colformx .wpcf7-form-control.wpcf7-submit{
	margin:0 auto !important;
	display:block;
	background:#f4d0ba !important;
	border-radius:2px !important;
	color:#1562c5 !important 
}
.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
}
.colhinh .col-inner{
	padding-left:0px !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:none !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: #f4d0ba !important;
    color: #162e76 !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
}
.subtieude h3{
	 font-family: Montserrat, sans-serif;
	font-size:42px;
	font-weight:900;
	color:#162e76 !important
}
.subtieude h4{
  font-family: "Dancing Script", cursive;
	color:#1562c5 !important;
	padding-left:120px;
	margin-top:-40px;
	    font-size: 40px;
}


/*
.tieude h1{
	color:#162e76 !important;
	font-size:42px;
}*/
.tieude h3 {
	margin-bottom:0px !important;
	font-size:36px;
	color:#162e76;
}
.tieude h1 {
    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 {
	color:#f4d0ba !important;
    font-size: 42px !important;
	margin-bottom:10px;
}
.tongquan .tieude h3{
	color: #f4d0ba !important
}
.tongquan .tieude h1 {
	-webkit-text-stroke: 1px #fff !important;
}
.header-wrapper.stuck .header-bg-color{
	background: rgb(36,107,212);
	background: linear-gradient(90deg, rgba(36,107,212,1) 0%, rgba(30,50,121,1) 70%) !important;
}
.header-wrapper.stuck .header-main .nav > li > a{
	color:#fff !important
}
.header-main .header-button-1 .button{
	padding: 4px 10px;
    border-radius: 4px !important;
    background: #f4d0ba !important;
    color: #132033;
    padding-left: 35px !important;
    position: relative;
}
.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:12px;
	left:12px;
	
}
.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, #235bb2, rgba(89, 162, 235, .4), 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: 90px !important;
}
.header-main .header-button-1 .button {
    white-space: nowrap;
}
	.subtieude h3{
		font-size:32px
	}
	.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;
}
	.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;
	}
}