#site-footer .main_footer{
	padding: 30px 0;
	background-repeat: no-repeat;
	background-size: cover;
}
#site-footer .main_footer:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8
}
#site-footer .main_footer .company_about{
	text-align: justify;
}
#site-footer .main_footer .more {
	display: inline-block;
	padding: 10px 30px;
	background: var(--color_linear);
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#site-footer .main_footer .more:hover {
	background: #9b0b0b;
}
#site-footer .footer_title {
	font-size: 21px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	padding-bottom: 7px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
#site-footer .footer_title:before {
	content: '';
  position: absolute;
  left: 0;
  width: 85px;
  background: #f2bd04;
  height: 3px;
  bottom: 0px;
}
#site-footer .form {
	margin-bottom: 20px;
	overflow: hidden;
}
#site-footer .form p{
	margin: 0;
}
#site-footer .form .row {
	margin: 0 -15px;
}
#site-footer .form .row .col-6 {
	padding-right: 0;
}
#site-footer .form span.tel,#site-footer .form span.email{
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px;
}
#site-footer .form input {
	height: 35px;
}
#site-footer .form input::placeholder,
#site-footer .form textarea::placeholder{
	color: #000000bd;
}
#site-footer .form textarea{
	height: 100px;
}
#site-footer .form input[type = "text"],#site-footer .form input[type = "tel"],#site-footer .form input[type = "email"],#site-footer .form textarea{
	width: 100%;
	background-color: #ffffffdb;
	border: none;
	outline: none;
	font-family: 'Nunito';
	font-weight: bold;
	padding: 10px;
	color: #000;
}
#site-footer .form .wpcf7-form-control-wrap{
	width: 100%;
	display: inline-block;
	padding-bottom: 5px;
}
#site-footer .form p.row{
	padding-bottom: 5px;
}
#site-footer .form input[type = "submit"] {
	padding: 10px 30px;
	background: var(--color_linear);
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	outline: none;
	border: none;
}
#site-footer .form input[type = "submit"]:hover {
	background: #9b0b0b;
	cursor: pointer;
}
#site-footer .fanpage iframe,#site-footer .map iframe{
	width: 100%!important;
	height: 200px!important
}
#site-footer .footer_bottom{
	background-color: #000;
	padding: 30px 0;
}
#site-footer  .menu_footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#site-footer  .menu_footer a{
	color: #fff;
	text-decoration: none;
}
#site-footer  .menu_footer li:hover a{
	text-decoration: underline;
}
#site-footer .contact p{
	padding-bottom: 10px;
	display: flex;
	align-items: center;
}
#site-footer .contact i{
	color: #d8291a;
	padding-right: 10px;
}
#site-footer .copy_right {
	background: var(--color_linear);
	padding: 5px 0;
	font-weight: bold;
}
#site-footer .copy_right p {
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
}
#site-footer .copy_right a{
	color: #fff;
}
.back-top{
  position: fixed;
  right: 10px;
  bottom: 40px;
  background-color: #24499a;
  color: #fff;
  padding: 13px 15px;
  border-radius: 100%;
  cursor: pointer;
}
/* icon social */
.zalo-container.right {
  right: 15px;
}
.zalo-container {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 105px;
  z-index: 9;
}
.zalo-container a {
  display: block;
}
.animated_zalo.infinite {
  animation-iteration-count: infinite;
}
.cmoz-alo-circle {
  width: 50px;
  height: 50px;
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #009dff;
  opacity: 0.5;
}

.animated_zalo {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.zoomIn_zalo {
  animation-name: zoomIn_zalo;
}
.pulse_zalo {
  animation-name: pulse_zalo;
}
.zalo-container span {
  display: flex;
  -ms-align-items: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #009dff;
  position: relative;
}
.cmoz-alo-circle-fill {
  width: 60px;
  height: 60px;
  top: -10px;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #009dff52;
  opacity: 0.75;
  right: -10px;
}
@keyframes zoomIn_zalo {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes pulse_zalo {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

/* phone */
.hotline-phone-ring-wrap {
    bottom: 125px;
    right: 5px;
    position: fixed;
    width: 40px;
  	height: 40px;
}
.hotline-phone-ring-wrap {
	position: fixed;
	bottom: 185px;
	right: 15px;
	z-index: 999999;
}
.hotline-phone-ring {
	position: relative;
	visibility: visible;
	background-color: transparent;
	width: 110px;
	height: 110px;
	cursor: pointer;
	z-index: 11;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	-webkit-transition: visibility 0.5s;
	-o-transition: visibility 0.5s;
	transition: visibility 0.5s;
	left: 0;
	bottom: 0;
	display: block;
}
.hotline-phone-ring-circle {
	width: 85px;
	height: 85px;
	top: 10px;
	left: 10px;
	position: absolute;
	background-color: transparent;
	border-radius: 100%;
	border: 2px solid #e60808;
	-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
	        animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
	width: 55px;
	height: 55px;
	top: 25px;
	left: 25px;
	position: absolute;
	background-color: rgba(230, 8, 8, 0.7);
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	        animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
	background-color: #e60808;
	width: 33px;
	height: 33px;
	top: 37px;
	left: 37px;
	position: absolute;
	background-size: 20px;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	        animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 20px;
	height: 20px;
}
#mes-icon {
	bottom: 100px;
	right: 33px;
	width: 40px;
	position: fixed;
	height: auto;
	z-index: 99;
	-webkit-animation: mes 2s linear infinite;
	animation: mes 2s linear infinite;
}
.hotline-phone-ring-wrap { z-index: 499; }
.hotline-phone-ring-wrap:hover .hotline-bar {
    opacity: 1;
    visibility: visible;
}
@-webkit-keyframes phonering-alo-circle-anim {
	0% {
		-webkit-transform: rotate(0) scale(0.5) skew(1deg);
		        transform: rotate(0) scale(0.5) skew(1deg);
		opacity: 0.1;
	}
	30% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		        transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
		opacity: 0.1;
	}
}
@keyframes phonering-alo-circle-anim {
	0% {
		-webkit-transform: rotate(0) scale(0.5) skew(1deg);
		        transform: rotate(0) scale(0.5) skew(1deg);
		opacity: 0.1;
	}
	30% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		        transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
		opacity: 0.1;
	}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
	0% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		        transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
		opacity: 0.6;
	}
	100% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		        transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}
}
@keyframes phonering-alo-circle-fill-anim {
	0% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		        transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
		opacity: 0.6;
	}
	100% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		        transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
		        transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
		        transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
		        transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
		        transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
	}
}
@keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
		        transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
		        transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
		        transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
		        transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		        transform: rotate(0) scale(1) skew(1deg);
	}
}
/* end icon social */

@media (max-width: 1024px){
	.zalo-container.right {
		display: none;
	}
	.hotline-phone-ring-wrap {
    bottom: 140px;
    right: 46px;
  }
}

@media (max-width: 768px){
	.hotline-phone-ring-wrap {
    bottom: 140px;
    right: 46px;
  }
}

@media (max-width: 667px){
	#site-footer .form span.tel, #site-footer .form span.email {
		flex: 100%;
		max-width: unset;
	}
	#site-footer .form span.tel{
		margin-bottom: 5px;
	}
	#site-footer .main_footer .right_footer {
		margin-top: 15px;
	}
	/*#site-footer .main_footer .right_footer .row .col-6:first-child {
		margin-bottom: 10px;
	}*/
	#site-footer .main_footer .more {
		padding: 7px 15px;
		font-size: 14px;
	}
	#site-footer .form .row {
		margin: 0;
	}
	.back-top {
		bottom: 10px;
		padding: 10px 12px;
	}
	.hotline-phone-ring-wrap {
    bottom: 100px;
    right: 43px;
  }
}