.hotline-phone-ring-wrap {
position: fixed;
bottom: -12px;
right: 194px;
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;
-webkit-transform: translateZ(0);
transition: visibility .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;
transition: all .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;
transition: all .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: -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: 20px;
height: 20px;
}
.hotline-bar {
position: absolute;
background: rgba(230, 8, 8, 0.75);
height: 40px;
width: 160px;
line-height: 40px;
border-radius: 3px;
padding: 0 10px;
background-size: 100%;
cursor: pointer;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
border-radius: 50px !important; left: 33px;
bottom: 37px;
}
.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-indent: 35px;
display: block;
letter-spacing: 1px;
line-height: 40px;
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(0.5) skew(1deg);
-webkit-opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
-webkit-opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: 0.1;
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
}
100% {
-webkit-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);
}
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);
}
}
@media (max-width: 768px) {
.hotline-bar {
display: none;
}
.hotline-phone-ring-wrap {
bottom: -13px;
right: 89px;
}
}.call-animation {
background: #fff;
width: 135px;
height: 135px;
position: relative;
margin: 0 auto;
border-radius: 100%;
border: solid 5px #fff;
animation: play 2s ease infinite;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.img-circle {
//width: 135px;
// height: 47px;
border-radius: 100%;
position: absolute;
left: 0px;
top: 0px;
}
@keyframes play {
0% {
transform: scale(1);
}
15% {
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4);
}
25% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.4), 0 0 0 20px rgba(0, 0, 0, 0.2);
}
25% {
box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.4), 0 0 0 30px rgba(0, 0, 0, 0.2);
}
}
.roundCool {
border-radius: 50%;
z-index: 99999999;
}
.fab {
transition: all 120ms ease-in-out;
width: 56px;
height: 56px;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
right: 30px;
bottom: 18px;
user-select: none;
cursor: pointer;
color: #FF9500;
font-size: 5em;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08), 0px 3px 10px rgba(0, 0, 0, 0.08);
}
.fab i {
transition: all 120ms ease-in-out;
will-change: transform;
}
.inner-fabs .fab {
width: 48px;
height: 48px;
right: 35px;
bottom: 23px;
font-size: 1.5em;
will-change: bottom;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.04), 0px 3px 10px rgba(0, 0, 0, 0.04);
}
.inner-fabs.show .fab:nth-child(1) {
bottom: 88px;
}
.inner-fabs.show .fab:nth-child(2) {
bottom: 146px;
}
.inner-fabs.show .fab:nth-child(3) {
bottom: 204px;
}
.inner-fabs.show .fab:nth-child(4) {
bottom: 262px;
}
.inner-fabs.show + .fab i {
transform: rotate(135deg);
}
.material-icons.md-36 {
font-size: 36px;
}
.material-icons.md-24 {
font-size: 24px;
}
.md-36 {
font-size: 36px;
}
.inner-fab-icon {
height: 40px;
width: 40px;
}
.fab::before {
content: attr(data-tooltip);
transition: opacity 120ms cubic-bezier(0.4, 0, 1, 1);
position: absolute;
z-index: -1;
visibility: hidden;
opacity: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #333333;
right: 53px;
top: 19%;
background-color: #FFD057;
font-size: .6em;
line-height: 1.2em;
display: inline-block;
text-align: center;
white-space: nowrap;
border-radius: 15px;
padding: 7px 32px 6px 18px;
max-width: 200px;
text-overflow: ellipsis;
vertical-align: middle;
}
.inner-fabs.show .fab::before {
content: attr(data-tooltip);
visibility: visible;
opacity: 1;
overflow: hidden;
}
.chat-view {
bottom: 0px;
right: 250px;
position: absolute;
visibility: hidden;
}
@media only screen and (max-width: 480px) {
.chat-view {
position: absolute;
height: 100%;
width: 100%;
bottom: 0px;
right: 0px;
}
}
.chat-view .panel {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
text-align: left;
overflow: hidden;
visibility: hidden;
transform: scale(0);
transform-origin: bottom;
transition: all 0.25s;
opacity: 0;
position: relative;
width: 350px;
height: 350px;
}
@media only screen and (max-width: 480px) {
.chat-view .panel {
height: 100%;
width: 100%;
}
}
.chat-view .panel.active {
opacity: 1;
visibility: visible;
transform: scale(1);
transition: transform 0.2s, visibility 0s 0s, opacity 0.2s;
}
.panel-header {
position: absolute;
top: 0;
width: 100%;
background-color: #FFFFFF;
color: #333333;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 0.5px solid #DDDDDD;
}
@media only screen and (max-width: 480px) {
.panel-header {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
.panel-header .panel-toggle-view {
border-bottom: 0.5px solid #DDDDDD;
position: relative;
display: grid;
grid-template-columns: repeat(3, 33%);
grid-column-gap: 16px;
justify-items: center;
}
.panel-header .panel-toggle-view .switch {
grid-column-start: 2;
transform: scale(0.7);
}
.panel-header .panel-toggle-view .switch input[type="checkbox"] {
position: relative;
display: inline-block;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
height: 42px;
width: 138px;
font-size: 16px;
border-radius: 25px;
background-color: #1B9EE0;
border-color: transparent;
background-clip: padding-box;
vertical-align: middle;
cursor: pointer;
}
.panel-header .panel-toggle-view .switch input[type="checkbox"]::before {
content: "";
font-weight: bold;
font-size: 16px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 50%;
background-color: #FFFFFF;
border-radius: 50px;
border: 4px solid transparent;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
background-clip: padding-box;
transform-origin: right center;
transform: translateZ(0);
backface-visibility: hidden;
animation: switch-off-transform 145ms ease-out forwards;
z-index: 2;
}
.panel-header .panel-toggle-view .switch input[type="checkbox"]::after {
position: absolute;
left: 18px;
top: 13.5px;
line-height: 1;
font-size: 16px;
font-weight: bold;
content: "Team Coach";
color: #FFFFFF;
letter-spacing: 0;
word-spacing: 12px;
z-index: 1;
}
.panel-header .panel-toggle-view .switch input[type="checkbox"]:focus {
outline: none;
}
.panel-header .panel-toggle-view .switch input[type="checkbox"]:checked {
color: white;
background-color: #FF9500;
border-color: transparent;
}
.panel-header .panel-toggle-view .switch input[type="checkbox"]:checked::before {
transform-origin: left center;
animation: switch-on-transform 145ms ease-out forwards;
}
@keyframes switch-on-transform {
0% {
transform: translateX(0) scaleX(1) translateZ(0);
}
25% {
transform: translateX(0) scaleX(1.33) translateZ(0);
}
100% {
transform: translateX(100%) scaleX(1) translateZ(0);
}
}
@keyframes switch-off-transform {
0% {
transform: translateX(100%) scaleX(1) translateZ(0);
}
25% {
transform: translateX(100%) scaleX(1.33) translateZ(0);
}
100% {
transform: translateX(0) scaleX(1) translateZ(0);
}
}
.panel-header .panel-toggle-view #chat-close-button {
background-color: none;
cursor: pointer;
border: none;
}
.panel-header .panel-toggle-view #chat-close-button:focus {
outline: none;
}
.panel-header .profile {
display: flex;
align-items: items-center;
margin: 10px 12px;
}
.panel-header .profile #profile-image {
object-fit: cover;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
vertical-align: middle;
}
.panel-header .profile .profile-info {
margin-left: 12px;
height: 100%;
}
.panel-body {
position: absolute;
z-index: -1;
height: 100%;
width: 100%;
background-color: #F5F5F5;
padding: 10px 20px;
font-size: 15px;
color: green;
}
.panel-footer {
width: 100%;
position: absolute;
bottom: 0;
display: flex;
flex-direction: row;
background-color: #F0F0F0;
border-top: 0.5px solid #DDDDDD;
}
.panel-footer input[type=text], .panel-footer select {
width: 100%;
padding: 12px 20px;
margin: 8px 6px 8px 16px;
display: inline-block;
border: 0.5px solid #F6F6F6;
border-radius: 25px;
color: #4A4A4A;
font-size: 0.9em;
}
.panel-footer input::placeholder {
font-size: 0.9em;
color: #999999;
}
.panel-footer input:focus {
outline: none;
}
.panel-footer button {
cursor: pointer;
border: none;
margin: 8px 16px 8px 4px;
padding-left: 4px;
padding-right: 4px;
background-color: #F0F0F0;
}
.panel-footer button:focus {
outline: none;
}#myModal #sdt {
color: black !important;
}
#myModal #yeucau {
color: black !important;
}
#myBtn {
position: fixed;
background: #e9423e;
right: 81px;
color: white;
bottom: 13px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.31);
border-radius: 17px;
z-index: 9999;
font-size: 13px;
} .modal {
display: none; position: fixed; z-index: 99999; padding-top: 50px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 50%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
} @-webkit-keyframes animatetop {
from {top:-500px; opacity:0} 
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-500px; opacity:0}
to {top:0; opacity:1}
} .close {
color: black;
float: right;
font-size: 24px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
padding-top: 15px;
color: white;
}
.modal-body {padding: 2px 16px;}
.modal-footer {
padding: 2px 16px;
color: white;
}
div#wpcf7-f50-o2 center > input {
font-size: 12px;
}
div#wpcf7-f50-p2-o1 div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
color: white;
}
@media only screen and (max-width: 600px) {
.modal-content {
width: 95%;
}
#myBtn {
font-size: 10px;
width: 120px;
}
}.chaty-widget.hide-cht-widget .chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before{display:none}.facebook .chaty-widget-i-title{padding:0!important}.widget-img img{max-height:100%;max-width:100%;height:auto;margin:0 auto}.widget-img{text-align:center;background:0 0!important}.widget-img img{object-fit:cover;border-radius:50%}.chaty-widget .chaty-widget-i.facebook.active.before .chaty-widget-i-title.fb-title{display:none!important}.wechat-box img{object-fit:cover;max-width:230px;height:auto;width:100%;display:block}.wechat-box-head svg{cursor:pointer;width:30px;height:30px}.wechat-box-head SVG{cursor:pointer;width:30PX;height:30px;fill:#fff;font-weight:700}.wechat-box-head{width:100%;display:inline-block;vertical-align:bottom;color:#fff;padding:0 0 0 10px;line-height:34px;background:#34a700;height:34px}.wechat-box{display:inline-block;vertical-align:bottom;position:relative;padding:10px;width:100%}.wechat-qr-code{display:inline-block;vertical-align:bottom;background:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:fixed;bottom:30px;left:100px;padding:0;z-index:100001;width:280px;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;box-shadow:rgba(0,0,0,.16) 0 5px 40px;-webkit-box-shadow:rgba(0,0,0,.16) 0 5px 40px;-moz-box-shadow:rgba(0,0,0,.16) 0 5px 40px}.chaty-social-img{display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.chaty-social-img img{object-fit:cover;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.25);line-height:0;margin:0;padding:0}.widget-img{display:flex;align-items:center;height:100%;overflow:inherit;border-radius:100%}.set-url-target{line-height:0}.get{opacity:1}.chaty-widget-show .get{opacity:1}.none-widget-show .get{opacity:0}.get a{color:#222!important;text-decoration:none!important}body .one_widget .bofore_del:before{opacity:0!important;display:none}.one_widget.chaty-widget:not(.chaty-widget-is-right) .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title{font-size:17px;left:-3px;top:50%;white-space:nowrap;padding:5px 15px;line-height:21px;color:#333;background-color:#fff;box-shadow:0 1.93465px 7.73859px rgba(0,0,0,.15);border-radius:10px}.chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title,.chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before{opacity:1!important}.snap-wee-title{z-index:20;opacity:0;padding:10px 10px 9px 12px!important;font-size:17px;transform:translate(calc(-100% - 14px),-50%);left:-3px;top:50%;white-space:nowrap;line-height:21px;color:#333;background-color:#fff;box-shadow:0 1.93465px 7.73859px rgba(0,0,0,.15);border-radius:10px;position:absolute}@media (min-width:1024px){.chaty-widget-i:hover .snap-wee-title{opacity:1}}.chaty-widget-i.hover .snap-wee-title{opacity:1}.chaty-whatsapp-message p{margin:0;padding:0;color:#303030}.snap-wee-title:before{content:"";right:-9px;position:absolute;top:50%;transform:translateY(-50%);height:0;width:0;z-index:11;border-width:5px 0 5px 10px;border-style:solid;border-color:transparent transparent transparent #fff}.snap-wee-title p{color:#222;text-decoration:none;margin:0;padding:0}.chaty-widget-i .chaty-widget-i-title p{color:#222!important;text-decoration:none!important;margin:0!important;padding:0!important}.chaty-widget-i .i-trigger a{color:#222!important;text-decoration:none!important}*{-webkit-tap-highlight-color:transparent!important}.i-trigger-close svg,.i-trigger-open svg{transition:all .5s}.chaty-widget-show .i-trigger-close svg,.chaty-widget-show .i-trigger-open svg{transform:rotate(180deg)}.none-widget-show .i-trigger-ope{-webkit-animation:fadein 1.5s;-moz-animation:fadein 1.5s;-ms-animation:fadein 1.5s;-o-animation:fadein 1.5s}.chaty-widget-show .i-trigger-cloe{-webkit-animation:fadein 1.5s;-moz-animation:fadein 1.5s;-ms-animation:fadein 1.5s;-o-animation:fadein 1.5s}.chaty-widget .i-trigger-open.chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title{transform:translate(calc(-100% - 12px),-50%)}.chaty-widget-is-right.chaty-widget .i-trigger-open.chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title{right:0;left:auto;transform:translate(calc(100% + 12px),-50%)}.chaty-widget-is-right.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title{right:0;left:auto;transform:translate(calc(100% + 13px),-50%)}.chaty-widget-is-right.chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before{left:auto;right:-18px}.chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before{left:-18px}.one_widget .i-trigger-open .chaty-widget-i-title{padding:10px 10px 9px 12px!important}.one_widget .i-trigger-open.hidetooltip .chaty-widget-i-title{display:none}.one_widget .i-trigger-open.hidetooltip .chaty-widget-i:before{display:none}.chaty-widget .chaty-widget-i.before.facebook:not(.no-tooltip):hover:before,.chaty-widget .chaty-widget-i.facebook.before:not(.no-tooltip):hover .chaty-widget-i-title{opacity:1;pointer-events:auto}.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title,.chaty-widget .chaty-widget-i:not(.no-tooltip).before:before{opacity:1}.one_widget .chaty-widget-i svg{position:relative}body .chaty-widget-i-title.true{opacity:1!important}.chaty-widget .i-trigger-open:not(.no-tooltip):before{opacity:1!important}.chaty-widget .chaty-widget-i.facebook.active:not(.no-tooltip) .chaty-widget-i-title,.chaty-widget .chaty-widget-i.facebook:not(.no-tooltip):hover:before{pointer-events:initial}.chaty-widget .facebook_header{background-color:#1e88e5;height:34px;border-top-left-radius:5px;border-top-right-radius:5px;padding-left:9px;display:flex;align-items:center;justify-content:space-between}body .chaty-widget-i .facebook_header p{font-family:Lato,Helvetica,Arial,sans-serif;font-size:13px;color:#fff!important;position:relative}.facebook_header p,.facebook_header svg{display:inline-block;vertical-align:bottom;margin:0}.chaty-widget .chaty-widget-i .facebook_header svg{height:30px!important;width:30px!important}.chaty-widget{display:none!important}@media screen and (max-width:800px){.i-trigger-close .chaty-widget-i-title{display:none}.i-trigger-close:before{display:none}}@media screen and (max-width:480px){.mobile_none{display:none}.chaty-widget.mobile_active{display:block!important}}@media screen and (min-width:480px){.chaty-widget.desktop_active{display:block!important}}.chaty-widget{position:fixed;z-index:9999}.chaty-widget .chaty-widget-is{display:flex;z-index:1111;flex-wrap:wrap;overflow:hidden;height:0;position:absolute;pointer-events:none;left:0;right:auto;bottom:65px;opacity:0}#transition_disabled{-webkit-animation:none!important;-moz-animation:none!important;-ms-animation:none!important;-o-animation:none!important;-webkit-animation:none!important}@keyframes fadeout{from{opacity:1}to{opacity:0}}@-moz-keyframes fadeout{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}@-o-keyframes fadeout{from{opacity:1}to{opacity:0}}.chaty-widget .i-trigger{cursor:pointer;position:relative}.chaty-widget .i-trigger .i-trigger-close,.chaty-widget .i-trigger .i-trigger-open{transition:all .2s}.chaty-widget .i-trigger .i-trigger-close{position:absolute;bottom:-4px;left:0;right:0;z-index:2}.chaty-widget .i-trigger .i-trigger-open{opacity:1;pointer-events:auto}.chaty-widget .i-trigger .i-trigger-close{opacity:0;pointer-events:none}.chaty-widget.chaty-widget-show .i-trigger .i-trigger-open{opacity:0;pointer-events:none}.chaty-widget.chaty-widget-show .i-trigger .i-trigger-close{box-shadow:none;opacity:1;pointer-events:auto}.chaty-widget.chaty-widget-show .chaty-widget-is{pointer-events:auto;overflow:visible;opacity:1;visibility:visible}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}.chaty-widget.chaty-widget-show .chaty-widget-is .chaty-widget-i{opacity:1;overflow:visible}.chaty-widget .chaty-widget-i .chaty-widget-i{margin:0}.chaty-widget .chaty-widget-i{border-radius:50%;vertical-align:top;width:54px;height:54px;position:relative;margin:4px}.chaty-widget .chaty-widget-i .wrap-svg,.chaty-widget .chaty-widget-i svg{cursor:pointer;width:100%;height:100%;display:block;position:relative;box-shadow:0 3px 6px rgba(0,0,0,.25);border-radius:50%;-wekit-border-radius:50%;-moz-border-radius:50%}.chaty-widget .chaty-animation-sheen .wrap-svg,.chaty-widget .chaty-animation-sheen svg{box-shadow:none}.chaty-widget .chaty-animation-sheen{box-shadow:0 3px 6px rgba(0,0,0,.25);border-radius:50%;-wekit-border-radius:50%;-moz-border-radius:50%}body .i-trigger-open .chaty-widget-i-title{padding:5px 16px 5px 17px!important}.chaty-widget:not(.chaty-widget-is-right) .i-trigger-open:before{left:-18px!important}.one_widget.chaty-widget.chaty-widget-is-right .i-trigger-open:before{right:-18px!important}body .one_widget .i-trigger-open .chaty-widget-i-title.face_title{padding:0!important}.one_widget.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title{transform:translate(calc(-100% - 14px),-50%)}.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title,.chaty-widget .chaty-widget-i:not(.no-tooltip):before{content:none;position:absolute;opacity:0;pointer-events:none;z-index:10}.chaty-widget .chaty-widget-i:not(.no-tooltip):before{content:"";left:-14px;top:50%;transform:translateY(-50%);height:0;width:0;z-index:11;border-width:5px 0 5px 10px;border-style:solid;border-color:transparent transparent transparent #fff}.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title{text-align:center;font-size:17px;left:0;top:50%;transform:translate(calc(-100% - 13px),-50%);white-space:nowrap;padding:5px 15px;line-height:21px;color:#333;background-color:#fff;box-shadow:0 1.93465px 7.73859px rgba(0,0,0,.15);border-radius:10px}.chaty-widget .chaty-widget-i:not(.no-tooltip):hover .chaty-widget-i-title,.chaty-widget .chaty-widget-i:not(.no-tooltip):hover:before{opacity:1;pointer-events:auto}.chaty-widget .chaty-widget-i.facebook:not(.no-tooltip):hover .chaty-widget-i-title,.chaty-widget .chaty-widget-i.facebook:not(.no-tooltip):hover:before{opacity:0;pointer-events:auto}.chaty-widget .chaty-widget-i .color-element{transition:all .2s}.chaty-widget:not(.chaty-widget-is-right) .chaty-widget-is{position:absolute;right:0;left:auto;bottom:65px;justify-content:flex-end}.chaty-widget.chaty-widget-is-right .i-trigger-open.chaty-widget-i:before{right:-13px;left:auto;border-width:5px 10px 5px 0;border-color:transparent #fff transparent transparent}.chaty-widget.chaty-widget-is-right .chaty-widget-i:before{right:-14px;left:auto;border-width:5px 10px 5px 0;border-color:transparent #fff transparent transparent}.chaty-widget.chaty-widget-is-right .chaty-widget-i.facebook.active .chaty-widget-i-title.face_title{position:fixed;transform:initial!important;right:auto;top:calc(100% - 484px)}.chaty-widget .chaty-widget-i.facebook.active .chaty-widget-i-title{min-width:250px;padding:0;position:fixed;transform:initial;right:29px;left:auto;top:calc(100% - 484px)}.one_widget.chaty-widget.chaty-widget-is-right .chaty-widget-i .chaty-widget-i-title{right:0;left:auto;transform:translate(calc(100% + 17px),-50%)!important}.chaty-animation-pulse{animation:chaty-animation-pulse 5s infinite}.chaty-animation-jump{animation:chaty-animation-jump 5s infinite cubic-bezier(.84,-.54,.31,1.19)}.chaty-animation-waggle{animation:chaty-animation-waggle 5s infinite}.chaty-animation-sheen{position:relative;overflow:hidden}.chaty-animation-sheen:after{animation:chaty-animation-sheen 5s infinite;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5) 50%,transparent);transform:rotateZ(60deg) translate(0,5em)}.chaty-animation-spin{animation:chaty-animation-spin 5s infinite cubic-bezier(.56,-.35,.22,1.5)}.chaty-animation-fade{animation:chaty-animation-fade 5s infinite}@keyframes chaty-animation-pulse{0%{background-color:orange}5%{background-color:red}10%{background-color:orange}15%{background-color:red}100%,20%{background-color:transparent}}@keyframes chaty-animation-jump{0%{transform:none}10%{transform:translateY(-1em)}100%,20%{transform:none}}@keyframes chaty-animation-waggle{0%{transform:none}10%{transform:rotateZ(-20deg) scale(1.2)}13%{transform:rotateZ(25deg) scale(1.2)}15%{transform:rotateZ(-15deg) scale(1.2)}17%{transform:rotateZ(15deg) scale(1.2)}20%{transform:rotateZ(-12deg) scale(1.2)}22%{transform:rotateZ(0) scale(1.2)}100%,24%{transform:rotateZ(0) scale(1)}}@keyframes chaty-animation-sheen{100%,20%{transform:rotateZ(60deg) translate(0,-80px)}}@keyframes chaty-animation-spin{10%{transform:rotateZ(-20deg);animation-timing-function:ease}100%,20%{transform:rotateZ(360deg)}}@keyframes chaty-animation-fade{5%{opacity:.25}10%{opacity:1}15%{opacity:.25}100%,20%{opacity:1}}.start-now,.start-now:after{animation-delay:0}.chaty-widget .i-trigger{z-index:1000}.chaty-widget:not(.chaty-widget-is-right) .chaty-widget-is{z-index:1000}.chaty-nav:before{display:block;position:fixed;top:0;left:0;content:'';width:100vw;height:100vh;background:rgba(0,0,0,.8);visibility:hidden;z-index:100;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.chaty-animation-widget.left-position .chaty-nav:before{clip-path:circle(15px at 60px calc(100% - 60px))}.chaty-animation-widget.right-position .chaty-nav:before{clip-path:circle(15px at calc(100% - 60px) calc(100% - 60px))}.chaty-animation-widget.active .chaty-nav:before{visibility:visible;clip-path:circle(100%)}.chaty-widget-is.has-no-close-btn{position:absolute!important;bottom:0!important;top:auto!important}.chaty-widget.hide-tooltip-arrow .chaty-widget-i:before{display:none!important}body .no-tooltip .chaty-widget-i-title.true{display:none}.chaty-widget-i.hide-chaty-arrow:before{display:none}.chaty-widget-show .i-trigger-open.single-button svg{transform:rotate(0)!important;-webkit-transform:rotate(0)!important}.facustom-icon{display:block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-align:center;color:#fff}body.horizontal-cht-menu .chaty-widget-is{display:inline-block;top:0;right:100%!important;left:auto!important}body.horizontal-cht-menu.chaty-in-desktop .chaty-main-widget.is-in-desktop{display:inline-block}body.horizontal-cht-menu.chaty-in-mobile .chaty-main-widget.is-in-mobile{display:inline-block}body.horizontal-cht-menu.chaty-widget-is-right .chaty-widget-is{left:100%!important;right:auto!important}body.horizontal-cht-menu .chaty-widget.chaty-widget-is-right .chaty-widget-is{right:auto!important;left:100%!important}body.horizontal-cht-menu .chaty-widget.one_widget .chaty-widget-is{right:0!important;left:0!important}body.chaty-in-desktop.horizontal-cht-menu .chaty-main-widget.is-in-desktop,body.chaty-in-mobile.horizontal-cht-menu .chaty-main-widget.is-in-mobile{display:inline-block!important}.wechat-qr-code.right{right:25px;left:auto}.wechat-qr-code.left{right:auto;left:25px}body.horizontal-cht-menu .chaty-widget-is .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title{right:auto;left:auto;transform:translate(calc(-50% + 26px),-140%);top:0}body.horizontal-cht-menu .chaty-widget-is .chaty-widget-i:not(.no-tooltip):before{top:-30%;left:0;right:0;margin:0 auto;transform:rotate(-90deg)}body.horizontal-cht-menu.right-cht-position .chaty-widget-is .chaty-widget-i:not(.no-tooltip):before{transform:rotate(90deg)}.i-trigger.one-widget.no-tooltip .chaty-widget-i-title{display:none}.i-trigger.one-widget.no-tooltip .chaty-widget-i:before{display:none}body .chaty-widget.one_widget .i-trigger.one-widget.show-channel .chaty-widget-i-title,body .chaty-widget.one_widget .i-trigger.one-widget.show-channel .chaty-widget-i:before{opacity:0!important}body .chaty-widget.one_widget .i-trigger.one-widget.show-channel:hover .chaty-widget-i-title,body .chaty-widget.one_widget .i-trigger.one-widget.show-channel:hover .chaty-widget-i:before{opacity:1!important}.chaty-widget.has-not-close-button .chaty-widget-is{top:auto!important;bottom:0!important}body.horizontal-cht-menu .chaty-widget-show .chaty-widget-i.chaty-close-settings .chaty-widget-i-title{right:auto;left:auto;transform:translate(calc(-50% + 26px),-140%);top:0}body.horizontal-cht-menu .chaty-widget-i.chaty-close-settings.i-trigger-close:before{top:-30%;left:0;right:0;margin:0 auto;transform:rotate(-90deg)}body.horizontal-cht-menu.right-cht-position .chaty-widget-i.chaty-close-settings.i-trigger-close:before{transform:rotate(90deg)}span.cht-pending-message{position:absolute;top:-4px;right:-4px;font-size:11px;font-size:11.5px;border-radius:50%;background:#d00;color:#fff;min-width:20px;min-height:20px;text-align:center;line-height:20px}.chaty-widget .sr-only{border:0!important;clip:rect(0,0,0,0);height:1px!important;margin:-1px!important;overflow:hidden;padding:0!important;position:absolute;width:1px!important}.chaty-whatsapp-header{padding:5px 0 1px 10px;text-align:left;background:#4fce5d}.chaty-contact-header{padding:5px 5px 5px 10px;text-align:left;background:#fff;font-size:18px;border-bottom:solid 1px #acacac}.chaty-contact-header svg,.chaty-whatsapp-header svg{width:24px;height:24px;color:#000;margin:0!important;padding:0;text-align:center;line-height:24px;font-weight:700;cursor:pointer}.close-chaty-box{float:right}.chaty-contact-header svg{fill:#000!important}.chaty-whatsapp-body{background:#e6ddd4;padding:20px 20px 20px 10px;position:relative;z-index:2;height:260px}.chaty-whatsapp-body:before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.08;background-image:url(//sdlgvietnam.com/wp-content/plugins/chaty/images/whatsapp.png)}.chaty-whatsapp-message{padding:7px 14px 6px;background-color:#fff;border-radius:0 8px 8px;position:relative;transform-origin:center top;z-index:2;box-shadow:rgba(0,0,0,.13) 0 1px .5px;margin-top:4px;margin-left:15px;max-width:calc(100% - 40px);font-size:14px;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-whatsapp-message:before{position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:"";top:0;left:-12px;width:12px;height:19px}.chaty-whatsapp-footer{position:relative;padding:12px 15px;background:#f0f0f0}.chaty-whatsapp-footer input.chaty-whatsapp-msg{height:48px!important;line-height:32px;padding:0 10px 0 15px;font-size:14px;resize:none;width:100%;border:none;border-radius:24px;outline:0;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-whatsapp-footer input.chaty-whatsapp-msg:focus{outline:0;box-shadow:none}.chaty-whatsapp-footer .chaty-whatsapp-field{width:calc(100% - 60px);float:left}.chaty-whatsapp-footer button.chaty-whatsapp-submit-btn{line-height:48px;text-align:center;float:right;height:48px;width:48px;padding:8px 10px 8px 15px;background:#25d366;border-radius:24px;outline:0;box-shadow:none;border:none}.chaty-whatsapp-footer button.chaty-whatsapp-submit-btn:focus,.chaty-whatsapp-footer button.chaty-whatsapp-submit-btn:hover{background:#22bf5b}.chaty-whatsapp-footer button.chaty-whatsapp-submit-btn svg{width:100%;height:100%;display:block}.chaty-contact-body{padding:10px 10px 0}.chaty-inline-popup{vertical-align:bottom;background:#fff;-webkit-box-shadow:0 0 5px 0 #ccc;-moz-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;max-width:250px;height:auto;overflow:hidden;position:fixed;bottom:30px;left:100px;padding:0;z-index:100001;max-width:inherit;width:280px;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear}.chaty-inline-popup{box-shadow:rgba(0,0,0,.16) 0 5px 40px;-webkit-box-shadow:rgba(0,0,0,.16) 0 5px 40px;-moz-box-shadow:rgba(0,0,0,.16) 0 5px 40px}.chaty-inline-popup:not(.active){bottom:-100%!important}.chaty-input-area{width:100%;margin-bottom:10px;line-height:36px}.chaty-input-area input[type=email],.chaty-input-area input[type=text],.chaty-input-area textarea{width:100%;height:30px;line-height:36px;font-size:14px;padding:0 0 0 10px;border:solid 1px #ccc;border-radius:4px}.chaty-whatsapp-popup,.chaty-whatsapp-popup input{position:relative}.chaty-input-area input[type=email].has-chaty-error,.chaty-input-area input[type=text].has-chaty-error,.chaty-input-area textarea.has-chaty-error{border:solid 1px #d20000}.chaty-input-area textarea{height:100px;line-height:1.25;padding:5px 10px}.chaty-contact-body form .chaty-input-area:last-child{padding:0;margin:0}.chaty-contact-footer{padding:0 10px 10px}.chaty-contact-footer button.chaty-contact-submit-btn{width:100%;padding:5px;font-weight:400;border-radius:5px;border:none;cursor:pointer;outline:0;text-decoration:none}.close-chaty-popup{position:absolute;right:5px;top:5px;background:#30534b;width:22px;height:22px;border-radius:15px;padding:3px;cursor:pointer;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s}.close-chaty-popup:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}.chaty-close-button{position:relative;width:16px;height:16px;transition:all .4s;cursor:pointer}.chaty-close-button:after,.chaty-close-button:before{content:"";position:absolute;width:12px;height:2px;background-color:#fff;display:block;border-radius:2px;transform:rotate(45deg);top:7px;left:2px}.close-chaty-box .chaty-close-button:after,.close-chaty-box .chaty-close-button:before{background-color:#333}.chaty-close-button:after{transform:rotate(-45deg)}.close-chaty-box .chaty-close-button:hover{transform:rotate(180deg)}.chaty-ajax-success-message{color:#00a700;padding:5px 0;text-align:center;font-size:16px}.chaty-ajax-error-message{color:#da0000;padding:5px 0;text-align:center;font-size:16px}span.chaty-error-msg{color:#da0000;font-size:14px;line-height:1;display:block}.chaty-widget.chaty-popup-open .chaty-widget-i:not(.no-tooltip):before{opacity:0!important;display:none!important}.chaty-widget.chaty-popup-open .chaty-widget-i .chaty-widget-i-title{opacity:0!important;display:none!important}.chaty-widget.hide-block{transition:all .25s linear}.chaty-widget.hide-block.active{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0)}body.right-cht-position .chaty-inline-popup{left:auto;right:25px;bottom:25px;position:fixed}body.left-cht-position .chaty-inline-popup{left:25px;right:auto;bottom:25px;position:fixed}.chaty-widget.hide-block{transition:all .25s linear}.chaty-widget.hide-block.active{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0)}.chaty-animation-shockwave:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;-webkit-animation:chaty-animation-shockwave 2s 1.3s ease-out infinite;animation:chaty-animation-shockwave 2s 1.3s ease-out infinite}.chaty-animation-shockwave:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;-webkit-animation:chaty-animation-shockwave 2s .8s ease-out infinite;animation:chaty-animation-shockwave 2s .8s ease-out infinite}.one_widget.chaty-widget .chaty-widget-i.no-tooltip .chaty-widget-i-title{display:none}.chaty-widget.one_widget .chaty-widget-i.no-tooltip:before{display:none}.i-trigger.one-widget a{position:relative;display:block}.i-trigger.one-widget a .svg:after{content:"";position:absolute;height:100%;width:100%;top:0;left:0;background:#000;z-index:111;display:block;border-radius:50%;opacity:0;transition:all .1s linear;-webkit-transition:all .1s linear}.i-trigger.one-widget a:hover .svg:after{opacity:.12}@-webkit-keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}.chaty-animation-blink{-webkit-animation:chaty-animation-blink 1.33s ease-out infinite;animation:chaty-animation-blink 1.33s ease-out infinite}@-webkit-keyframes chaty-animation-blink{0%{opacity:1}20%{opacity:.5}100%{opacity:1}}@keyframes chaty-animation-blink{0%{opacity:1}20%{opacity:.5}100%{opacity:1}}.chaty-animation-pulse-icon{-webkit-animation:chaty-animation-pulse-icon .4s ease infinite alternate;animation:chaty-animation-pulse-icon .4s ease infinite alternate}@-webkit-keyframes chaty-animation-pulse-icon{0%{transform:scale(1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:50%}100%{transform:scale(1.1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:45%}}@keyframes chaty-animation-pulse-icon{0%{transform:scale(1);border-radius:50%}100%{transform:scale(1.1);border-radius:45%}}@keyframes chaty-animation-pulse{0%{background-color:orange}25%{background-color:red}50%{background-color:orange}75%{background-color:red}}body.chaty-in-mobile .chaty-widget-i.chaty-close-settings.i-trigger-close:before{display:none}.i-trigger.one-widget.no-tooltip:not(.show-channel) .chaty-widget-i-title{display:none}.i-trigger.one-widget.no-tooltip:not(.show-channel) .chaty-widget-i:before{display:none}body .chaty-widget.one_widget .i-trigger.one-widget.show-channel .chaty-widget-i-title,body .chaty-widget.one_widget .i-trigger.one-widget.show-channel .chaty-widget-i:before{opacity:0!important}body .chaty-widget.one_widget .i-trigger.one-widget.show-channel:hover .chaty-widget-i-title,body .chaty-widget.one_widget .i-trigger.one-widget.show-channel:hover .chaty-widget-i:before{opacity:1!important}