.formld-embed, .formld-embedcenter{ display:none; }
.fbox-form-bg{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:rgba(41, 59 , 96 , 0.3); position:fixed; width:100%; height:100%; z-index:900; padding:0px; margin:0px; left:0px; right:0px; top:0px; bottom:0px; 
}
.box-form{ width:100%; height:100%; }
.ldform-center{ display: flex; align-items: center; justify-content: center; }
.ldbox-formleft, .ldbox-formright{  
 padding:15px; min-height: 200px; bottom:20px;  position:fixed; z-index:920; background-color:#fff;
 -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4); -moz-box-shadow:0 0 10px rgba(0,0,0,0.4);  box-shadow:0 0 10px rgba(0,0,0,0.4);  
}
.ldbox-formleft{  left:20px; }
.ldbox-formright{ right:20px; }
.ldbox-formcenter{
   padding:10px;
  min-height: 200px; background-color:#fff;  position:absolute; z-index:999; 
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); 
  box-shadow:0 0 10px rgba(0,0,0,0.4);  top:10%;
}
.ldf-w520{ width:520px; }
.ldf-w350{ width:350px; }
.ldf-w300{ width:300px; }
.ldform-close{ padding:5px; position:absolute; right:3px; margin-top:-10px; cursor:pointer; font-size:16px;  color:#930; }

.rform-input{ width:-moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width:-o-calc(100% - 12px ); width:calc(100% - 12px ); padding:8px 5px 8px 5px; border:1px solid #ddd; }
.ldform-title1{ font-size:19px; text-align:center; color:#39F; text-transform:uppercase; margin:15px 0px 10px 0px; }
.ldform-des1{ font-size:14px; text-align:center; color:#666; font-style:italic; margin:0px 0px 10px 0px; }
.ldbtn-form{ 
	min-width:120px; float:left;
    padding:8px 10px 8px 10px;
    transition: 0.5s;
    background-size: 200% auto;
    color: white; font-weight:600; text-align: center; font-size:15px;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block; cursor:pointer;
}
.btn-grad1 {background-image: linear-gradient(to right, #EB3349 0%, #F45C43 51%, #EB3349 100%)}
.btn-grad1:hover { background-position: right center; }
.btn-grad2 {background-image: linear-gradient(to right, #2BC0E4 0%, #EAECC6 51%, #2BC0E4 100%)}
.btn-grad2:hover { background-position: right center; }
.btn-grad3 {background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%)}
.btn-grad3:hover { background-position: right center; }
.btn-grad4 {background-image: linear-gradient(to right, #4CB8C4 0%, #3CD3AD 51%, #4CB8C4 100%)}
.btn-grad4:hover { background-position: right center; }
.btn-grad5 {background-image: linear-gradient(to right, #757F9A 0%, #D7DDE8 51%, #757F9A 100%)}
.btn-grad5:hover { background-position: right center; }
.btn-grad6 {background-image: linear-gradient(to right, #4b6cb7 0%, #182848 51%, #4b6cb7 100%)}
.btn-grad6:hover { background-position: right center; }
.btn-grad7 {background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%)}
.btn-grad7:hover { background-position: right center; }
.btn-grad8 {background-image: linear-gradient(to right, #83a4d4 0%, #b6fbff 51%, #83a4d4 100%)}
.btn-grad8:hover { background-position: right center; }
.btn-grad9 {background-image: linear-gradient(to right, #00bf8f 0%, #001510 51%, #00bf8f 100%)}
.btn-grad9:hover { background-position: right center; }
.btn-grad10 {background-image: linear-gradient(to right, #1e3c72 0%, #2a5298 51%, #1e3c72 100%)}
.btn-grad11:hover { background-position: right center; }
.btn-grad12{background-image: linear-gradient(to right, #1c92d2 0%, #f2fcfe 51%, #1c92d2 100%)}
.btn-grad12:hover { background-position: right center; }
.btn-grad13 {background-image: linear-gradient(to right, #000000 0%, #0f9b0f 51%, #000000 100%)}
.btn-grad13:hover { background-position: right center; }
.btn-grad14 {background-image: linear-gradient(to right, #EB5757 0%, #000000 51%, #EB5757 100%)}
.btn-grad14:hover { background-position: right center; }
.btn-grad15 {background-image: linear-gradient(to right, #4AC29A 0%, #BDFFF3 51%, #4AC29A 100%)}
.btn-grad15:hover { background-position: right center; }
.btn-grad16 {background-image: linear-gradient(to right, #ee0979 0%, #ff6a00 51%, #ee0979 100%)}
.btn-grad16:hover { background-position: right center; }
/*nut form*/
.clickopen01 {
    z-index: 99;
    position: fixed;
    right: 10px;
    bottom: 80px;
    cursor: pointer; 
}

.clickopen01 img {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
}
.clickopen02{ z-index: 199; position: fixed; right:0px; bottom:0px; cursor: pointer; padding:6px 15px 6px 15px; background-color:#666; color:#fff; border-left:3px solid #ddd;  }
.clickopen02:hover{  background-color:#F90; }
.clickopen02 label{ cursor:pointer; }


.clickopen01 img:hover{
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24);
}
.clickopen03{ z-index: 399; position: fixed; left:5px; bottom:60px; cursor: pointer; padding:8px 15px 8px 15px; background-color:#247dd4; color:#fff; border-left:3px solid #ddd; border-radius:5px;  }
.clickopen03:hover{  background-color:#F90; }
.clickopen03 i{ margin-right:6px; }

.openic_left{ left:10px; right:auto; }
.openic_left2{ left:0px; right:auto; }
.openic_right{ right:10px; left:auto; }

.form_w500{ display:none; width:600px; position:fixed; }

/*phone_______*/
/*Phone 5&6 danhkhoirealvn*/
.call-hotline{
top: 140px;
position: absolute;
width: 130px;
text-align: center;
z-index: 100;
height: 30px;
background-color: #e7242a;
color: #fff;
line-height: 30px;
font-weight: 700;
font-size: 18px;
border-radius: 3px;
left: 35px;
box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}
.call-hotline:before{
position: absolute;
content: '';
top: -20px;
left: calc(50% - 10px);
border: 10px solid transparent;
border-bottom: 10px solid #e7242a;
}
.hotline-fix{
position: fixed;
z-index: 1000;
right: 10px;
bottom: 90px;
height: 40px;
line-height: 40px;
color: #ff7a00;
border: 1px solid #ff7a00;
font-size: 17px;
padding-left: 45px;
padding-right: 5px;
font-weight: 700;
background: #fff url(images/icon/phone.png) top left no-repeat;
background-size: auto 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.call-hotline a{ color:#fff; text-decoration:none; }
.call-hotline a:hover{ color:#FC0; }


.quick-alo-phone.quick-alo-show {
visibility: visible;
}
.quick-alo-phone {
position: fixed;
visibility: hidden;
background-color: transparent;
height: 200px;
width:82px;
height:64px;
cursor: pointer;
z-index: 200000 !important;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s;
left: -30px; bottom: 120px;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
border-color: #FF6000;
opacity: .99;
}

.quick-alo-ph-circle {
width: 160px;
height: 160px;
top: 20px;
left: 20px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30,30,30,0.4);
border: 2px solid #FF6000 9;
opacity: .1;
-webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
background-color:rgb(246, 202, 98);
background-color: #FF6000 9;
opacity: .75 !important;
}
.quick-alo-ph-circle-fill {
width: 100px;
height: 100px;
top: 50px;
left: 50px;
position: absolute;
background-color: #000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .1;
-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
/*
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
background-color: #eaa926;

}
.quick-alo-ph-img-circle {
width: 60px;
height: 60px;
top: 70px;
left: 70px;
position: absolute;
background: rgba(30,30,30,0.1) url("../images/message503.png") no-repeat center center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .99;
-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
background-color: #ff0101;
}
@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}

/*Kieu hotline sty3*/
.success.is-underline:hover, .success.is-outline:hover, .success {
background-color: #1FC02A;
padding: 10px;
color: white !important;
}
.call-mobile {background: #ED1C24;position: fixed;bottom: 10px;height: 40px;line-height: 40px;
padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
}
.call-mobile i {font-size: 20px;line-height: 40px;background: #B52026;
border-radius: 100%;width: 40px;height: 40px;
text-align: center; float: left;
}
.call-mobile a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none;
margin-right: 10px; padding-left: 10px;}

/*Kieu hotline sty 4 ---*/
.fix_tel {
    bottom: 50px;
    position: fixed;
    right:0;
    z-index:9999;
}
.fix_tel a {
    text-decoration: none;
}
.tel {
    background: #eee none repeat scroll 0 0 / 40px auto;
    border: 1px solid #ccc;
    border-radius: 28px;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 205px;
}

.fone {
    color: #f00;
    font-size: 22px;
    font-weight: bold;
    line-height: 42px;
    padding-left: 45px;
}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position:absolute; margin-top:-30px; margin-left:-25px;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 14px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 30px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75;
}
.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    width: 30px;
}
.ring-alo-ph-img-circle a{
    color: white;
    padding-left: 4px;
}
.ring-alo-ph-img-circle i{
    font-size: 25px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #f00;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #75eb50;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #f00;
}
@keyframes ring-alo-circle-anim {
0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
    opacity: 0.6;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes ring-alo-circle-img-anim {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes ring-alo-circle-fill-anim {
0% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
}
.ring-alo-ph-img-circle a img {
    padding: 1px 0 0 1px;
    width: 25px;
}

/*sty 05_____________________*/
.hotline_sty5 {
    background: url(./images/hotline_bg.png);
    background-size: cover;
    position: fixed;
    left: -25px;
    z-index: 9999999;
    height: 84px;
    width: 280px;
    color: #fff;
    padding: 30px 0 0 45px;
    bottom:30px; 
}

.hotline-no a {
	color: #FFF;
}
.hotline_sty5 .hotline-no {
    float: left;  width:200px; text-align:center;
}
.faa-wrench.animated {
animation: wrench 2.5s ease infinite;
    animation-name: wrench;
    animation-duration: 2.5s;
    animation-timing-function: ease;
    animation-delay: initial;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
.hotline p:first-child {
    font-family: utm_avobold,sans-serif;
    font-size: 14px;
}

.hotline_sty5 p {
    font-size: 11px;
    font-family: utm_avoregular,sans-serif;
    text-transform: uppercase;
    margin:8px 0px; text-align:center;
}
.hotline_sty5 p {
    text-align: center;
}
.hotline_sty5 p a{ font-size:16px; font-weight:600; }
.hotline_sty5 img {
    float: left;
    margin: 18px 18px 0 10px;

    border: 0;
    vertical-align: middle;
}
@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}100%,75%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}

/*kieu hotline sty4*/
.call-now {
    left: 0;
    bottom: 25px;
    height: 50px;
    min-width: 200px;
    position: fixed;
    background-color: #e67e22;
    border-radius: 0 25px 25px 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.8);
    z-index: 998;
}
.call-now .btn-call-now i {
    position: absolute; 
    color: #e67e22;
    background-color: #fff;
    font-size: 35px;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e67e22; background-color:#CC0;
}
.call-now .btn-call-now i img{ margin-top:15px; }
.call-now .btn-call-now p { margin:8px 0px;
    color: #fff;
    font-size: 14px;
    min-width: 150px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.call-now .btn-call-now strong {
    display: block;
    font-size: 18px;
}

/*Hotline kieu 07*/
@keyframes suntory-alo-circle-fill-anim { 0% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(1deg); } 100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } } 
@keyframes suntory-alo-circle-img-anim{ 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } }
		.tool-icon7{ display: block;
		  position: fixed;
		  z-index: 99999;
		  bottom: 12%;
		  left: -5px;}
		.tool-icon7 a {
		  text-decoration:none; 
		}
		.suntory-alo-ph-circle-fill {
		  animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
		  border: 2px solid transparent;
		  border-radius: 100%;
		  height: 70px;
		  left: 15px;
		  position: absolute;
		  top: 15px;
		  transform-origin: 50% 50% 0;
		  transition: all 0.5s ease 0s;
		  width: 70px;
		}
		.suntory-alo-ph-img-circle {
		  background: #0084FF;
		  animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
		  border: 2px solid transparent;
		  border-radius: 100%;
		  height: 40px;
		  left: 30px;
		  position: absolute;
		  top: 30px;
		  transform-origin: 50% 50% 0;
		  width: 40px;
		}
		a.phone-icon7 .suntory-alo-ph-img-circle {
		  background: #ED145B;
		}
		a.phone-icon7 .suntory-alo-ph-circle-fill {
		  background: #fb5b8f;
		}
		a.phone-icon7 i {
		  font-size: 2rem;
		  color: #fff;
		  position: absolute;
		  display: inline-block;
		  width: 40px;
		  height: 40px;
		  line-height: 38px;
		  text-align: center;
		}
a.phone-icon7 .text{
    position: absolute;
    width: 167px;
    left: 45px;
    top: 35px;
    background: #1b3a1d;
    color: white;
    padding: 8px 6px;
    padding-left: 40px;
    border-radius: 14px;
}
.tool-icon7 img{width:100%}


/*Kieu hotline sty8*/
.support-content{ display:none; }
.support-online { position: fixed; z-index: 999; left: 0; bottom: 0px; }
.support-online a { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px; }
.support-online i { width: 40px; height: 40px; background: #216fd8; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.support-online a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
.support-online a:hover span { display: block; }
.support-online a { display: block; }
.support-online a span:before { content: “”; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103, 182, 52) transparent transparent; position: absolute; left: -10px; top: 10px; }
.kenit-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 .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0, 175, 242, 0.5); opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5; }
.support-online .btn-support { cursor: pointer; }
.animated_sp.infinite {    animation-iteration-count: infinite; }
.support-zoomIn { animation-name: zoomIn-sp; }
.support-pulse {  animation-name: pulse-sp; }
.animated_sp { animation-duration: 1s; animation-fill-mode: both; }

/*Kieu hotline sty9*/
.hotline-box9 {
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 5px 7px 5px 5px;
    z-index: 1000;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: rgb(250,241,166);
	background: radial-gradient(circle, rgba(250,241,166,1) 0%, rgba(198,153,60,1) 100%);
    -webkit-box-shadow: 5px 5px 19px -10px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 19px -10px rgba(0,0,0,0.75);
}
.hotline-box9 a {
	color: #00425a;
	font-size: 1em;
	display: block; font-size:17px; text-decoration:none;
}
.hotline-box9 a i{
	color: #faf1a6;
	width: 30px;
	height: 30px; 
	text-align: center;
	line-height: 30px;
	background: #00425a;
	font-size: 1.2em;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.hotline-box9 span{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%; margin-left:10px; font-weight:600; margin-right:10px;
}

/*Hotline 09*/
.m-hotline {
  display:none
 }
 .d-hotline {
  background:linear-gradient(45deg,#8f884f,#07414c);
  border:2px solid #fff;
  border-radius:25px;
  bottom:20px;
  box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  display:block;
  left:20px;
  padding:10px 20px;
  position:fixed;
  width:auto;
  z-index:11111;
  
  

 }
 .d-hotline a{
	 color: #0089ff;
cursor: pointer;
outline: 0 !important;
text-decoration: none; }
 .d-hotline .icon {
  float:left; margin-right:15px;
 }
.svg-icon {
    height: 22px;
    vertical-align: middle;
    width: 22px;
}

 .d-hotline svg {
  -webkit-animation:tada 1.8s infinite;
  animation:tada 1.8s infinite;
  margin:5px 5px 0 0;
 }
 .d-hotline svg path {
  fill:#f5fe00
 }
 .d-hotline .text {
	 margin-top:5px;
  color:#fff; 
  font-size:23px;
  font-weight:var(--fw-b-strong)
 }
 .ripple {
 -webkit-animation:ripple 1.8s infinite;
 animation:ripple 1.8s infinite;
 background-color:#f5fe00;
 border-radius:100px;
 height:100px !important;
 left:-20px;
 margin:0;
 opacity:0;
 position:absolute;
 top:-25px;
 visibility:hidden;
 width:100px !important;
 z-index:-1
}
@-webkit-keyframes ripple {
 0% {
  -webkit-transform:scale(0);
  opacity:1;
  transform:scale(0);
  visibility:visible
 }
 100% {
  -webkit-transform:scale(1);
  opacity:0;
  transform:scale(1);
  visibility:hidden
 }
}
@keyframes ripple {
 0% {
  -webkit-transform:scale(0);
  opacity:1;
  transform:scale(0);
  visibility:visible
 }
 100% {
  -webkit-transform:scale(1);
  opacity:0;
  transform:scale(1);
  visibility:hidden
 }
}
.ripple:nth-child(2) {
 -webkit-animation-delay:.3s;
 animation-delay:.3s
}
.ripple:nth-child(3) {
 -webkit-animation-delay:.6s;
 animation-delay:.6s
}




@keyframes zoomIn-sp {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes pulse-sp {
    0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
    50% { -webkit-transform: scale(.8); transform: scale(.8); }
    100% { -webkit-transform: scale(1.1); transform: scale(1.1); }
}
@keyframes pulse-sp {
    0% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
    50% { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); }
    100% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
}


/*hotline 11*/
.call-btn {
    position: fixed;
    bottom: 24px;
    left: 5px;
    background: #37c837;
    text-align: center;
    color: #fff;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    z-index: 99;
    transition: all .3s;
    font-weight: 700;
    border-radius: 5px;
    padding: 3px 10px 0px 38px;
    font-size: 18px;
    line-height: 25px;
}
.call-btn img {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 7px;
    background: rgba(0,0,0,0.3);
    border-radius: 5px 0 0 5px;
    animation: blinking 1s ease-in-out infinite;
}

@keyframes blinking {
 0% {
  opacity:1
 }
 50% {
  opacity:0.3
 }
 100% {
  opacity:1
 }
}

/*hotline 12*/
.hotline12 {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 111;
}
.hotline12 .btn12 {
    padding: 6px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn12 {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	
	position: relative;
    padding: 6px 30px;
    margin: 5px;
    text-transform: uppercase;
    background: #cc7e5b;
	border-top-right-radius: 0px;
	color: #fff;
	text-decoration:none;
}
.hotline12 .btn12:hover svg {fill: #cc7e5b; }
.hotline12 .btn12 svg {
    fill: #fff;
    height: 25px;
    margin-right: 6px;
    animation: hotline12-ani ease-out 0.5s 0.25s infinite;
}
.btn12::before {
    content: '';
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    pointer-events: none;
    border-radius: 8px;
        border-top-right-radius: 8px;
    border-top-right-radius: 0px;
    border: 1px solid #cc7e5b;
        border-top-color: rgb(204, 126, 91);
        border-right-color: rgb(204, 126, 91);
        border-bottom-color: rgb(204, 126, 91);
        border-left-color: rgb(204, 126, 91);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    transition: .25s all ease;
}
@keyframes hotline12-ani {
	0% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg); 
	}
	50% {
		 -webkit-transform:rotate(0) scale(1) skew(1deg); 
	}
	100% {
		 -webkit-transform:rotate(0) scale(.7) skew(1deg); 
	}
}

/*Hotline 13*/
.iconef70_l , .iconef70_r{
	width:70px; height:70px;
    bottom: 25px;
    position: fixed;
    z-index: 998;
}
.iconef70_l{ left: 10px; }
.iconef70_r{ right:10px; }
.iconef70_l img, .iconef70_r img{ 
width:100%; height:100%;
/*animation: hotline12-ani ease-out 2s 0.95s infinite;*/
animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
}
/*Hotline 14*/
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 15px;
    left: 0;
    z-index: 9999999999
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 84px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}

.hotline-phone-ring-circle {
    width: 110px;
    height: 110px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #348033;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5
}

.hotline-phone-ring-circle-fill {
    width: 80px;
    height: 80px;
    top: 16px;
    left: 16px;
    position: absolute;
    background-color: rgba(21,100,167,.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;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.hotline-phone-ring-img-circle {
    background-color: #348033;
    width: 50px;
    height: 50px;
    top: 31px;
    left: 5px;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 32px;
    height: 32px
}

.hotline-bar {
    position: absolute;
    background: #4d984c;
    height: 45px;
    width: 165px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    border-radius: 50px!important;
    left: 25px;
    bottom: 5px
}

.hotline-bar>a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    text-indent: 32px;
    letter-spacing: 1px;
    display: block;
    line-height: 45px;
    font-family: Arial
}

.hotline-bar>a:hover,.hotline-bar>a:active {
    color: #fff
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

.hotline-phone-ring-wrap.fix_tel_right {
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    bottom: 0;
    right: 100px
}

@media (max-width: 768px) {
    .hotline-bar {
    }
    .hotline-phone-ring-wrap.fix_tel_right {
        right: 0;
        left: inherit;
        bottom: 25%;
        display: inline-table
    }
}

/*But top ______________________________*/
.back-top01{ width:37px; height:50px; position:fixed; right:10px; bottom:50px; background-image:url(../images/up-top-icon.png); }
.back-top02{ width:28px; height:26px; position:fixed; right:10px; bottom:50px; background-color:#ddd; border:1px solid #ccc; border-bottom:2px solid #ccc; text-align:center; }
.back-top02 i{ font-size:30px; margin-top:-3px; color:#960;  }
.back-top03 {
  position: fixed; 
  bottom: 50px; 
  right: 20px; 
  z-index: 600;
  border: none; 
  outline: none; 
  background-color:#39C; 
  color: white;
  cursor: pointer; 
  padding: 8px;
  border-radius: 10px; 
  font-size: 14px; 
}
.back-top03:hover {
  background-color: #555; 
}
/*
.clicktop img:hover{
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24);
}*/
.back-top04{
	cursor:pointer;
	width:58px;
	height:65px;
	right:10px;
	bottom:50px;
	background:url(images/top04.png) no-repeat;
	position:fixed;
	z-index:30;
}
..back-top05{display:none;}
.back-top05 a{text-align:left;height:44px;text-align:center;line-height:50px;display:inline-block;position:fixed;bottom:66px;-webkit-transition:all 300ms ease-in;transition:all 300ms ease-in;right:0;margin:0;z-index:10;opacity:1;color:#000;vertical-align:bottom;line-height:18px;font-size:12px;border-radius:0;}
.scroll-top-a {
    transform: translateX(50%) translateY(-50%) rotate(-90deg);
}
.back-top05 a::after{content:'';width:0px;border-left:9px solid rgba(0, 0, 0, 0);border-right:9px solid rgba(0, 0, 0, 0);border-top:0px solid rgba(0, 0, 0, 0);border-bottom:10px solid #000;display:block;margin:0px auto;}
.back-top05 a:hover{ color:#336; }
.back-top05 a span {
    display: block;
    padding-top: 5px;
}
.back-top05 a img{padding-top:15px;}

@media only screen and (max-width: 780px) {
/*Form-----*/
.ldf-w520, .ldf-w350, .ldf-w300{ width:80%; }

/*Hotlien---*/
}