.zalo-container img {
max-width: 100%;
height: auto;
}
.zalo-container {
position: fixed;
width: 40px;
height: 40px;
bottom: 160px;
z-index: 9999999;
}
.zalo-container:not(.right) {
left: 2.5rem;
}
.zalo-container.right {
right: 2.5rem;
}
.zalo-container a {
display: block;
}
.zalo-container span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #1182FC;
position: relative;
}
@keyframes zoomIn_zalo {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn_zalo {
animation-name: zoomIn_zalo;
}
.animated_zalo {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated_zalo.infinite {
animation-iteration-count: infinite;
}
.cmoz-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(17, 130, 252, .8);
opacity: .1;
border-color: #1182FC;
opacity: .5;
}
.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 .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color: rgba(17, 130, 252, 0.45);
opacity: .75;
right: -10px;
}
@-webkit-keyframes pulse_zalo {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse_zalo {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse_zalo {
-webkit-animation-name: pulse_zalo;
animation-name: pulse_zalo;
}@font-face{font-family:'fl-icons';font-display:block;src:url(//thietkewebgiare247.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot);src:url(//thietkewebgiare247.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix) format("embedded-opentype"),url(//thietkewebgiare247.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2) format("woff2"),url(//thietkewebgiare247.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf) format("truetype"),url(//thietkewebgiare247.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff) format("woff"),url(//thietkewebgiare247.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg#fl-icons) format("svg")}