.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//bkkmuaythaistore.com/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}@keyframes wacu-sk-bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
@keyframes wacu-sk-shake {
0%, 100% {
transform: translateX(0);
}
25% {
transform: translateX(-12px);
}
50% {
transform: translateX(12px);
}
}
@keyframes wacu-sk-ripple {
from {
opacity: 1;
transform: scale3d(0.75, 0.75, 1);
}
to {
opacity: 0;
transform: scale3d(1.5, 1.5, 1);
}
}
@keyframes wacu-sk-bouncedelay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.wacu-widget *,
.wacu-widget *:before,
.wacu-widget *:after {
box-sizing: border-box;
}
.wacu-widget ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.wacu-widget form {
margin: 0 !important;
padding: 0 !important;
}
.wacu-hide {
display: none;
}
.wacu-show {
display: block;
}
.wacu-trigger--ripple::after {
opacity: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
height: 100%;
width: 100%;
border-radius: 100%;
animation-name: wacu-sk-ripple;
animation-duration: 3s;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
z-index: -1;
}
.wacu-trigger--ripple::before {
opacity: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
height: 100%;
width: 100%;
border-radius: 100%;
animation-name: wacu-sk-ripple;
animation-duration: 3s;
animation-delay: 0.5s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
z-index: -1;
}
.wacu-trigger-animate {
opacity: 0;
visibility: hidden;
transition: all 200ms ease-in-out;
}
.wacu-trigger-animate.active {
visibility: visible;
opacity: 1;
}
.wacu-spinner {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
.wacu-spinner .double-bounce1,
.wacu-spinner .double-bounce2 {
background-color: #24303f;
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: wacu-sk-bounce 2s infinite ease-in-out;
}
.wacu-spinner .double-bounce2 {
animation-delay: -1s;
}
.wacu-typing {
margin: 100px auto 0;
width: 70px;
text-align: center;
}
.wacu-typing > div {
width: 18px;
height: 18px;
background-color: #333;
border-radius: 100%;
display: inline-block;
animation: wacu-sk-bouncedelay 1.4s infinite ease-in-out both;
}
.wacu-typing .wacu-typing-bounce1 {
animation-delay: -0.32s;
}
.wacu-typing .wacu-typing-bounce2 {
animation-delay: -0.16s;
}
.wacu-widget {
position: fixed;
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 9999999;
width: auto;
height: auto;
}
.wacu-widget.wacu-br {
align-items: flex-end;
}
.wacu-widget.wacu-bl {
align-items: flex-start;
}
.wacu-widget__footer {
position: relative;
z-index: -1;
display: flex;
justify-content: flex-end;
}
.wacu-popup {
width: 320px;
box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
border-radius: 6px;
background-color: #fff;
transition: all 200ms ease-in-out;
position: relative;
margin-bottom: 4px;
}
.wacu-popup::after {
content: "";
width: 8px;
height: 8px;
background-color: white;
display: block;
position: absolute;
bottom: -4px;
transform: rotate(45deg);
}
.wacu-popup__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border-radius: 6px 6px 0 0;
position: relative;
}
.wacu-popup__header-text {
font-size: 16px;
}
.wacu-popup__header-cta {
cursor: pointer;
display: flex;
justify-content: flex-end;
align-items: center;
}
.wacu-popup__header-cta svg {
width: 16px;
}
.wacu-popup__body {
padding: 15px;
min-height: 80px;
max-height: 400px;
overflow-x: hidden;
overflow-y: auto;
position: relative;
}
.wacu-sub-popup {
width: 320px;
box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
border-radius: 6px;
background-color: #fff;
transition: all 200ms ease-in-out;
margin-bottom: 4px;
position: relative;
}
.wacu-sub-popup::after {
content: "";
width: 8px;
height: 8px;
background-color: white;
display: block;
position: absolute;
bottom: -4px;
transform: rotate(45deg);
}
.wacu-sub-popup__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border-radius: 6px 6px 0 0;
position: relative;
}
.wacu-sub-popup__header-text {
font-size: 16px;
}
.wacu-sub-popup__header-cta {
cursor: pointer;
display: flex;
justify-content: flex-end;
align-items: center;
}
.wacu-sub-popup__header-cta svg {
width: 16px;
}
.wacu-sub-popup__body {
padding: 15px;
min-height: 30px;
max-height: 500px;
overflow-x: hidden;
overflow-y: auto;
}
.wacu-social-contact {
cursor: pointer;
margin: 0;
-webkit-user-select: none;
user-select: none;
border-bottom: 1px dashed #eee;
}
.wacu-social-contact a {
color: inherit !important;
text-decoration: none !important;
display: flex;
align-items: center;
padding: 5px 0;
border-radius: 4px;
transition: background-color, padding 200ms ease-in-out;
outline: none !important;
}
.wacu-social-contact a:hover {
background-color: #f1f1f1;
padding: 5px 0 5px 10px;
}
.wacu-social-contact__icon {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
overflow: hidden;
}
.wacu-social-contact__icon * {
width: 24px;
font-size: 24px;
}
.wacu-social-contact__name {
line-height: 16px;
font-size: 15px;
color: #2b2e4a;
font-weight: 600;
}
.wacu-social-contact__desc {
font-size: 13px;
color: #999999;
line-height: 16px;
}
.wacu-social-contact:last-child {
border-bottom: 1px dashed transparent;
}
.wacu-smart-popup {
display: none;
width: 300px;
height: auto;
background-color: #ffffff;
padding: 20px 15px;
border-radius: 6px;
line-height: 20px;
font-size: 15px;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15);
position: relative;
margin-bottom: 4px;
}
.wacu-smart-popup::after {
content: "";
width: 8px;
height: 8px;
background-color: white;
display: block;
position: absolute;
bottom: -4px;
transform: rotate(45deg);
}
.wacu-smart-popup p {
margin: 0;
}
.wacu-smart-popup-messages .wacu-typing {
margin: 4px auto;
padding: 0;
}
.wacu-smart-popup-messages .wacu-typing-bounce1,
.wacu-smart-popup-messages .wacu-typing-bounce2,
.wacu-smart-popup-messages .wacu-typing-bounce3 {
background-color: #90a4ae;
width: 14px;
height: 14px;
}
.wacu-smart-popup-message_item {
font-size: 15px;
color: #333;
}
.wacu-smart-popup-cta {
position: absolute;
top: -34px;
right: 0px;
width: 30px;
height: 30px;
padding: 8px;
cursor: pointer;
color: #999;
}
.wacu-schedule-call input[type="text"],
.wacu-schedule-call input[type="number"],
.wacu-schedule-call input[type="submit"],
.wacu-schedule-call select,
.wacu-schedule-call textarea {
width: 100% !important;
transition: none !important;
padding: 6px 10px !important;
}
.wacu-schedule-call input[type="submit"] {
margin-top: 5px !important;
}
.wacu-schedule-call textarea {
resize: none !important;
height: 100px !important;
}
.wacu-schedule-call__item {
margin-bottom: 5px;
}
.wacu-schedule-call__label label {
font-size: 14px;
margin-bottom: 2px;
color: #555555;
}
.wacu-schedule-call__label sup {
color: red;
}
.wacu-schedule-call-time-selector {
display: flex;
}
.wacu-schedule-call-required {
border: 1px solid red !important;
}
.wacu-email-us input[type="text"],
.wacu-email-us input[type="number"],
.wacu-email-us input[type="email"],
.wacu-email-us input[type="submit"],
.wacu-email-us select,
.wacu-email-us textarea {
width: 100% !important;
transition: none !important;
padding: 6px 10px !important;
}
.wacu-email-us input[type="submit"] {
margin-top: 5px !important;
}
.wacu-email-us textarea {
resize: none !important;
height: 100px !important;
}
.wacu-email-us__item {
margin-bottom: 5px;
}
.wacu-email-us__label label {
font-size: 14px;
margin-bottom: 2px;
color: #555555;
}
.wacu-email-us__label sup {
color: red;
}
.wacu-email-us-required {
border: 1px solid red !important;
}
.wacu-gdpr .wacu-popup__body {
padding: 15px 15px 5px 15px;
}
.wacu-gdpr-wrapper {
display: block;
border: 1px solid transparent;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px 10px;
border-radius: 4px;
font-size: 14px;
border: 1px solid transparent;
transition: border 200ms ease-in-out;
position: sticky;
bottom: -6px;
left: 0;
right: 0;
background-color: #ffffff;
}
.wacu-gdpr-wrapper.wacu-gdpr-wrapper--error {
border: 1px solid #d50000;
transition: border 300ms ease-in-out;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.wacu-gdpr-wrapper input {
margin: 0px 5px 0px 5px;
vertical-align: middle;
}
a.wacu-button {
font-size: 16px;
text-decoration: none !important;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
transition: 300ms all ease-in-out;
margin: 0 5px 15px 0;
border-width: 2px;
border-style: solid;
}
a.wacu-button:hover {
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
}
a.wacu-button.wacu-button--small {
padding: 2px 6px;
}
a.wacu-button.wacu-button--medium {
padding: 8px 20px;
}
a.wacu-button.wacu-button--large {
padding: 15px 30px;
}
a.wacu-button.wacu-button--hero {
padding: 20px 50px;
font-size: 24px;
}
a.wacu-button > img,
a.wacu-button > svg {
width: 20px;
height: 20px;
margin-right: 5px;
display: inline-block;
}
.wacu-trigger {
margin-top: 10px;
line-height: 1;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
outline: none;
transition: all 200ms ease-in-out;
position: relative;
}
.wacu-trigger__icon {
line-height: 0;
}
.wacu-trigger--open .wacu-trigger__icon--close {
display: block;
}
.wacu-trigger--open .wacu-trigger__icon--open {
display: none;
}
.wacu-trigger--close .wacu-trigger__icon--close {
display: none;
}
.wacu-trigger--close .wacu-trigger__icon--open {
display: block;
}
.wacu-trigger--only-icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.wacu-trigger--only-icon .wacu-trigger-animate {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.3);
}
.wacu-trigger--only-icon .wacu-trigger-animate.active {
transform: translate(-50%, -50%) scale(1);
}
.wacu-trigger--icon-with-text {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
border-radius: 4px;
}
.wacu-trigger--icon-with-text .wacu-trigger__icon svg {
width: 100%;
height: 100%;
}
.wacu-trigger--icon-with-text .wacu-trigger__icon {
width: 22px;
height: 22px;
margin-right: 10px;
position: relative;
}
.wacu-trigger--icon-with-text .wacu-trigger-animate {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
transform: scale(0.3);
}
.wacu-trigger--icon-with-text .wacu-trigger-animate.active {
transform: scale(1);
}
.wacu-shortcode-trigger-btn {
display: inline-block;
padding: 5px 30px;
border-radius: 4px;
text-decoration: none !important;
}
body.rtl .wacu-widget.wacu-bl {
align-items: flex-end;
}
body.rtl .wacu-widget.wacu-br {
align-items: flex-start;
}
body.rtl .wacu-social-contact a:hover {
background-color: #f1f1f1;
padding: 5px 10px 5px 0;
}
body.rtl .wacu-trigger--icon-with-text .wacu-trigger__icon {
margin-left: 10px;
margin-right: 0;
}
@media (max-width: 426px) {
.wacu-popup,
.wacu-sub-popup {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
margin-bottom: 0;
box-shadow: 0 -20px 45px rgba(0, 0, 0, 0.2);
}
.wacu-popup__header,
.wacu-sub-popup__header {
border-radius: 0;
padding: 40px 15px 15px 15px;
}
.wacu-popup__header-cta,
.wacu-sub-popup__header-cta {
position: absolute;
top: -28px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 52px;
height: 52px;
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
border: 2px solid #fff;
-webkit-user-select: none;
user-select: none;
border-radius: 50%;
justify-content: center;
}
}