ul {list-style: none outside; margin:0; padding:0;}
.line-clamp{-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes pulse {
	0% {
		@include transform(scale(.9));
	}

	70% {
		@include transform(scale(1));
		box-shadow: 0 0 0 10px rgba(237,22,80,0);
	}

	100% {
		@include transform(scale(.9));
		box-shadow: 0 0 0 0 rgba(237,22,80,0);
	}
}
@-moz-keyframes pulse {
	0% {
		@include transform(scale(.9));
	}

	70% {
		@include transform(scale(1));
		box-shadow: 0 0 0 10px rgba(237,22,80,0);
	}

	100% {
		@include transform(scale(.9));
		box-shadow: 0 0 0 0 rgba(237,22,80,0);
	}
}
@keyframes pulse {
	0% {
		@include transform(scale(.9));
	}

	70% {
		@include transform(scale(1));
		box-shadow: 0 0 0 10px rgba(237,22,80,0);
	}

	100% {
		@include transform(scale(.9));
		box-shadow: 0 0 0 0 rgba(237,22,80,0);
	}
}

.noidung{ width:100%; display:inline-block;color:#676767;font-size:16px;text-align:justify; padding-top:25px;}
.noidung h1{ color:#676767; font-size:16px; font-weight:bold;}
.noidung img{ max-width:100% !important;height:auto !important;}
.noidung table{ width:100% !important;}
.noidung iframe{ max-width:100% !important;}
.about{ width:100%; display:inline-block; padding-top:60px;}
.about2{ padding-bottom:50px;}
.partner{ text-align:center;}
.partner figure{ width:50%; float:left; margin-bottom:30px;text-align:center; color:#676767; font-weight:bold; font-size:16px; text-transform:uppercase;}
.partner figure img{background-color:#30318e; border-radius:100%;ptransform-style: preserve-3d;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.partner figure img:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.partner figure figcaption{ margin-top:10px; padding:0 70px;}
.service{ background-image:url(../images/bg-dichvu.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;background-attachment:fixed; text-align:center; padding-top:50px; padding-bottom:30px;}
.text_smile{ color:#30318e; font-size:18px; text-transform:capitalize; display:inline-block; margin-bottom:30px;}
.text_smile b{text-transform:uppercase; font-size:30px;}
.item-product{ text-align:center; margin-bottom:30px;}
.item-product .img{ width:100%; display:inline-block;  position:relative;}
.item-product .img img{border-radius:100%;border:solid 5px #fff;
-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.item-product figcaption{ position:relative; padding-top:45px;}
.item-product figcaption .fa{ width:65px; height:65px; position:absolute; top:-32px; left:50%;background-color:#f30505; border:solid 4px #fff; border-radius:100%; color:#fff; font-size:20px; line-height:56px; margin-left:-32px; content:'';}
.title_h2{ color:#30318e; font-size:18px; font-weight:bold; text-transform:uppercase; margin-top:0;}
.summany{ color:#676767; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:16px;-webkit-line-clamp:5;}
.item-product:hover .img img{
    -webkit-transform: translate3d(0,0,0) scale(1.1);
    transform: translate3d(0,0,0) scale(1.1);}
.item-product:hover .fa{box-shadow: 0 0 0 0 #f30505;
	-webkit-animation: pulse 1.5s infinite;
    -moz-animation: pulse 1.5s infinite;
    -o-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: top .2s ease;
    -moz-transition: top .2s ease;
    -o-transition: top .2s ease;
    transition: top .2s ease;}
.tuvan{font-family:Arial, Helvetica, sans-serif; color:#676767;font-size:16px; margin-bottom:30px;}
.tuvan img{ max-width:20%; float:left; border-radius:100%; margin-right:11px;}
.tuvan img:hover{ opacity:0.7;}
.title_h3{font-size:16px;font-weight:bold; margin-top:0;}
.title_h3 a{color:#676767;}
.title_h3 a:hover{ color:#f30505;}
.tuvan .summany{-webkit-line-clamp:3;}





.menu{position:relative; text-align:left;background-color:#02acf1;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);z-index: 1030;}

.slide-home{ position:relative;}

@media (min-width:1000px){
#banner-div-contentSlider-charming{padding:0 15px;}
}

@media (max-width:1024px){
.khachhang .container{ width:auto;}
.partner figure figcaption{ padding-left:30px; padding-right:30px;}
}

@media (max-width:992px){
.line-clamp{-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.summany{-webkit-line-clamp:4;}
.noidung{ padding-top:0;}
.about{ padding-top:20px;}
.register,.about2{ padding-bottom:20px;}
.service{ padding-bottom:0;}
.btn-default{margin-top:5px;}
.item-product figcaption .fa{ width:40px; height:40px; line-height:38px; margin-left:-20px;}
.item-product figcaption{ padding-top:15px;}
.title_h2{ font-size:15px;}
.summany{ font-size:14px;}
.avia_ajax_form{ padding-bottom:0;}
}
@media (max-width: 768px){
}
@media (max-width: 767px){
.avia_ajax_form{ padding:10px 0 0;}
}
@media (min-width: 768px) and (max-width: 992px){
.partner{ margin-top:20px;}
.partner figure figcaption{ padding:0;}
.title_h3{ font-size:14px;}
}
@media (min-width: 768px) and (max-width: 850px){
.partner figure{ width:25%; padding:0 15px;}
}
@media (max-width: 600px){
.summany{-webkit-line-clamp:2;}
.text_uudai span,.text_smile b{ font-size:20px;}
}
@media (max-width: 480px){
}
@media (max-width: 414px){
.col-xs-6{ width:100%;}
.summany{-webkit-line-clamp:2;}
}