/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.copyright-footer{
	color: white;
}
html, body {overflow-x: hidden;}
ul ul, ul ol, ol ol, ol ul {
	margin: 0.5em 0 0.5em 2em;
}
.section-dieu-kien .icon-box-text{
	height: 50px;
}
.section-lien-he .wpcf7-submit{
	background: white !important;
	color: black;
	padding: 0px 50px;
}
.row-form .large-4, .row-form .large-12{
	padding-left:  13px !important;
	padding-right:  13px !important;
}

.row-form h3{
	text-align: center;
	color:white;
}
.row-form{
	padding: 20px !important;
	background-color: #ffffff47;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.section-tai-sao ul li{
	margin-bottom: 0;
	font-size: .9375rem;
}
.section-du-an .box-text{
	background: rgba(0,0,0,.7);
}
.div-doi-tac{
	border: 1px solid #dee2e6!important;
	padding: 10px;
}
.text-tren{
	border-bottom: 1px solid #dee2e6!important;
	margin-bottom: 30px;
}

.row-duoi p{
	font-size: 14px;
}
.process__list-proce li {
	margin-left: 0px !important;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}
.process__list-proce {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: center;
	justify-content: center;
}
.list-inline, .list-unstyled {
	padding-left: 0;
	list-style: none;
}
.section-quy-trinh  .process__list-proce .box-step p {
	margin-bottom: 0;
}
.section-quy-trinh .process__list-proce .box-step:after {
	content: "";
	position: absolute;
	right: -15px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	border-style: solid;
	border-width: 20px 0 20px 15px;
	border-color: transparent transparent transparent #d1d2d4;
}
.section-quy-trinh .process__list-proce li h3 {
	color: #000;
	font-size: 1.875rem;
	display: inline-block;
	padding: 0 .625rem .625rem;
	border-bottom: 2px solid;
}

.section-quy-trinh .process__list-proce li:nth-child(2n) h3 {
	color: #fff;
}
.section-quy-trinh  .process__list-proce li:nth-child(2n) .box-step:after {
	border-left-color: #ad1f23;
}
.section-quy-trinh  .process__list-proce li:nth-child(2n) .box-step {
	background-color: #ad1f23;
	color: #fff;
}
.section-quy-trinh .process__list-proce  .box-step {
	background-color: #d1d2d4;
	padding: .9375rem 1.875rem;
	color: #000;
	height: 100%;
	position: relative;
}
.section-dieu-kien .icon-box .icon-box-img .icon-inner{
	color: #ad1f23;
}
.section-dieu-kien .icon-box{
	border: 1px solid #dee2e6!important;
	padding: 21px;
}
.is-divider{
	margin: 0em 0 1em;
}
.section-loi-the .icon-box-img .icon-inner{
	border: .125rem solid #fff;
	border-radius: .3125rem;
}
h3.title-home{
	color: #ad1f23;
	font-size: 2.25rem;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.div-no-padding{
	padding-bottom: 0px;
}


/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
	background-color: currentColor !important;
	border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
	color: #fff;
	background-color: #446084;
	border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
	background : #2478ba !important;
	border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
	color: #fff;
	background-color: black !important;
	border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
	color: #fff !important;
	background-color: #cb2320  !important;
	border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
	color: #fff !important;
	background-color: #dd4e31 !important;
	border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
	color: #fff !important;
	background-color: #0072b7 !important;
	border-color: #0072b7     !important;
}

.single-date{
	border-bottom: 1px dashed #ededed;
}
h1.entry-title{
	font-size: 24px !important;
}
/*Kết thúc màu sắc*/



footer.entry-meta {

	border-top: none !important;
	border-bottom: 1px dashed #ececec !important;

}

.entry-content img{
	width: auto !important
}
.duong-line {
	background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
	height: 12px;
	margin-top: 5px;
	overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin: -8px 20px 0 0;
}


@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* css bo sung */
.box-text-dv{
    padding:10px ;
}
.box-text-dv h4{
    color: #000;
    font-size: 16px;
    font-style: italic;
}
.box-text-dv ul li{
    display: flex;
}
.box-text-dv ul li img{
    font-size: 14px;
    width: 23px;
    height: 23px;
}
.box-text-dv ul li p{
    color: #111;
    font-size: 14px;
}
.box-bg-white{
	width: 100%;
    height: auto;
    background-color: #fff;
    padding: 10px 15px;
}
.box-bg-blue{
	width: 100%;
    height: auto;
    background-color: rgb(59, 89, 152);
    padding: 10px 15px;
}
.button, button, input, textarea, select, fieldset{
	margin-bottom:0;
}
#comments{
	display:none;
}
.highligh-btn {
  display: inline-block;
  padding: 12px 24px;
  font-size: 18px;
  color: #fff;
  background-color: #007bff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: relative;
  animation: shake 2s infinite;
}
@media only screen and (max-width: 480px) {
  .highligh-btn {
  display: inline-block;
  padding: 6px 12px;
  font-size: 13px;
  color: #fff;
  background-color: #007bff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: relative;
  animation: shake 2s infinite;
	  margin-top:15px; 
	  margin-bottom:15px;
}
	.fs-15{
		font-size:15px;
	}
	input.wpcf7-form-control.has-spinner.wpcf7-submit.button{
		width:100%;
	}
	.wpcf7-form .ml-half p{
		width:35%;
		margin:0 auto;
	}
}

.highligh-btn:hover {
  animation: none;
  transform: translateY(-2px);
  transition: transform 0.2s ease-in-out;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-10px) rotate(-5deg);
  }
  20% {
    transform: translateX(10px) rotate(5deg);
  }
  30% {
    transform: translateX(-10px) rotate(-5deg);
  }
  40% {
    transform: translateX(10px) rotate(5deg);
  }
  50% {
    transform: translateX(-10px) rotate(-5deg);
  }
  60% {
    transform: translateX(10px) rotate(5deg);
  }
  70% {
    transform: translateX(-10px) rotate(-5deg);
  }
  80% {
    transform: translateX(10px) rotate(5deg);
  }
  90% {
    transform: translateX(-10px) rotate(-5deg);
  }
  100% {
    transform: translateX(0);
  }
}
.text-red{
	color:red;
}