.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;
}