.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;
}.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
}
#billing_first_name_field,
#shipping_first_name_field {
order: 1;
}
#billing_last_name_field,
#shipping_last_name_field {
order: 2;
}
#billing_company_field,
#shipping_company_field {
order: 3;
}
#billing_country_field,
#shipping_country_field {
order: 4;
}
#billing_state_field,
#shipping_state_field {
order: 5;
}
#billing_city_field,
#shipping_city_field {
order: 6;
}
#billing_address_1_field,
#shipping_address_1_field {
order: 7;
}
#billing_address_2_field,
#shipping_address_2_field {
order: 8;
}
#billing_postcode_field,
#shipping_postcode_field {
order: 9;
}
#billing_phone_field,
#shipping_phone_field {
order: 10;
}
#billing_email_field,
#shipping_email_field {
order: 11;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}