.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25em !important;
}
.m-2 {
margin: 0.5em !important;
}
.m-3 {
margin: 1em !important;
}
.m-4 {
margin: 1.5em !important;
}
.m-5 {
margin: 3em !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25em !important;
margin-left: 0.25em !important;
}
.mx-2 {
margin-right: 0.5em !important;
margin-left: 0.5em !important;
}
.mx-3 {
margin-right: 1em !important;
margin-left: 1em !important;
}
.mx-4 {
margin-right: 1.5em !important;
margin-left: 1.5em !important;
}
.mx-5 {
margin-right: 3em !important;
margin-left: 3em !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25em !important;
margin-bottom: 0.25em !important;
}
.my-2 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.my-3 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
.my-4 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
.my-5 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25em !important;
}
.mt-2 {
margin-top: 0.5em !important;
}
.mt-3 {
margin-top: 1em !important;
}
.mt-4 {
margin-top: 1.5em !important;
}
.mt-5 {
margin-top: 3em !important;
}
.mt-auto {
margin-top: auto !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mr-1 {
margin-right: 0.25em !important;
}
.mr-2 {
margin-right: 0.5em !important;
}
.mr-3 {
margin-right: 1em !important;
}
.mr-4 {
margin-right: 1.5em !important;
}
.mr-5 {
margin-right: 3em !important;
}
.mr-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25em !important;
}
.mb-2 {
margin-bottom: 0.5em !important;
}
.mb-3 {
margin-bottom: 1em !important;
}
.mb-4 {
margin-bottom: 1.5em !important;
}
.mb-5 {
margin-bottom: 3em !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ml-0 {
margin-left: 0 !important;
}
.ml-1 {
margin-left: 0.25em !important;
}
.ml-2 {
margin-left: 0.5em !important;
}
.ml-3 {
margin-left: 1em !important;
}
.ml-4 {
margin-left: 1.5em !important;
}
.ml-5 {
margin-left: 3em !important;
}
.ml-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25em !important;
}
.p-2 {
padding: 0.5em !important;
}
.p-3 {
padding: 1em !important;
}
.p-4 {
padding: 1.5em !important;
}
.p-5 {
padding: 3em !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25em !important;
padding-left: 0.25em !important;
}
.px-2 {
padding-right: 0.5em !important;
padding-left: 0.5em !important;
}
.px-3 {
padding-right: 1em !important;
padding-left: 1em !important;
}
.px-4 {
padding-right: 1.5em !important;
padding-left: 1.5em !important;
}
.px-5 {
padding-right: 3em !important;
padding-left: 3em !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25em !important;
padding-bottom: 0.25em !important;
}
.py-2 {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
}
.py-3 {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
.py-4 {
padding-top: 1.5em !important;
padding-bottom: 1.5em !important;
}
.py-5 {
padding-top: 3em !important;
padding-bottom: 3em !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25em !important;
}
.pt-2 {
padding-top: 0.5em !important;
}
.pt-3 {
padding-top: 1em !important;
}
.pt-4 {
padding-top: 1.5em !important;
}
.pt-5 {
padding-top: 3em !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pr-1 {
padding-right: 0.25em !important;
}
.pr-2 {
padding-right: 0.5em !important;
}
.pr-3 {
padding-right: 1em !important;
}
.pr-4 {
padding-right: 1.5em !important;
}
.pr-5 {
padding-right: 3em !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25em !important;
}
.pb-2 {
padding-bottom: 0.5em !important;
}
.pb-3 {
padding-bottom: 1em !important;
}
.pb-4 {
padding-bottom: 1.5em !important;
}
.pb-5 {
padding-bottom: 3em !important;
}
.pl-0 {
padding-left: 0 !important;
}
.pl-1 {
padding-left: 0.25em !important;
}
.pl-2 {
padding-left: 0.5em !important;
}
.pl-3 {
padding-left: 1em !important;
}
.pl-4 {
padding-left: 1.5em !important;
}
.pl-5 {
padding-left: 3em !important;
}
:root {
--animate-duration: 300ms;
--animate-delay: 300ms;
}
.aio-contact-parent *,
.aio-contact-parent :after,
.aio-contact-parent :before {
box-sizing: border-box;
}
.aio-contact-parent.aio-contact-show-integration {
display: none;
}
.aio-contact-parent .aio-contact.aio-contact-show-agents .aio-contact-items {
display: none !important;
}
.aio-contact-parent .aio-contact:not(.aio-contact-show-agents) .aio-contact-agents {
display: none;
}
.aio-contact-parent .aio-contact:not(.aio-contact-show-agents) .aio-contact-back {
display: none;
}
.aio-contact-parent .wpcf7 {
margin-bottom: -1em;
}
.aio-contact-parent .wpcf7 p {
margin: 0;
}
.aio-contact-parent .wpcf7 label {
font-size: 0.8em;
}
.aio-contact-parent .wpcf7 input,
.aio-contact-parent .wpcf7 textarea {
padding: 0.5em;
margin-top: 0.5em;
border-radius: 4px;
}
.aio-contact-parent .wpcf7 input:not([type=submit]),
.aio-contact-parent .wpcf7 textarea:not([type=submit]) {
width: 100%;
}
.aio-contact-parent .wpcf7 input[type=submit],
.aio-contact-parent .wpcf7 textarea[type=submit] {
padding: 0.5em 1em;
margin-bottom: 1em;
border: none;
background: #111111;
color: #ffffff;
}
.aio-contact-parent .wpcf7 .wpcf7-response-output {
margin: 0 0 1em 0;
padding: 0.5em;
font-size: 0.75em;
border-radius: 4px;
}
.aio-contact-parent .aio-contact-forms {
display: none;
width: 300px;
max-width: 100%;
}
.aio-contact-parent .aio-contact-forms.show {
display: block;
}
.aio-contact-parent .aio-contact-shortcodes {
display: none;
width: 300px;
max-width: 100%;
}
.aio-contact-parent .aio-contact-shortcodes.show {
display: block;
}
.aio-contact-parent .aio-contact-back {
display: flex;
align-items: center;
cursor: pointer;
font-size: 0.8em;
}
.aio-contact-parent .aio-contact-blocks small.info {
opacity: 0.5;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block {
display: flex;
align-items: center;
transition: 0.3s all;
top: 0px;
position: relative;
cursor: pointer;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block img {
max-width: 36px;
max-height: 36px;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-icon i {
font-size: 1.5em;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-icon i.integration-messenger {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/messenger-logo.png) no-repeat;
width: 1em;
height: 1em;
background-position: center;
background-size: contain;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-icon i.integration-tawk {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/tawk-logo.png) no-repeat;
width: 1em;
height: 1em;
background-position: center;
background-size: contain;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-icon i.integration-zendesk {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/zendesk-logo.png) no-repeat;
width: 1em;
height: 1em;
background-position: center;
background-size: contain;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-icon i.integration-crisp {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/crisp-logo.png) no-repeat;
width: 1em;
height: 1em;
background-position: center;
background-size: contain;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-icon i.integration-tidio {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/tidio-logo.png) no-repeat;
width: 1em;
height: 1em;
background-position: center;
background-size: contain;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-icon i.integration-jivochat {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/jivochat-logo.png) no-repeat;
width: 1em;
height: 1em;
background-position: center;
background-size: contain;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-icon i.integration-paldesk {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/paldesk-logo.png) no-repeat;
width: 1em;
height: 1em;
background-position: center;
background-size: contain;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-icon i.integration-board {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/board-logo.png) no-repeat;
width: 1em;
height: 1em;
background-position: center;
background-size: contain;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-details .aio-contact-block-availability {
font-size: 0.7em;
color: #888888;
}
.aio-contact-parent .aio-contact-blocks .aio-contact-block .aio-contact-block-details .aio-contact-block-availability.aio-contact-block-available {
color: #52b90e;
}
.aio-contact-parent .aio-contact-block:nth-child(0) {
animation-delay: 0s;
}
.aio-contact-parent a:nth-child(0) .aio-contact-block {
animation-delay: 0s;
}
.aio-contact-parent .aio-contact-block:nth-child(1) {
animation-delay: 0.1s;
}
.aio-contact-parent a:nth-child(1) .aio-contact-block {
animation-delay: 0.1s;
}
.aio-contact-parent .aio-contact-block:nth-child(2) {
animation-delay: 0.2s;
}
.aio-contact-parent a:nth-child(2) .aio-contact-block {
animation-delay: 0.2s;
}
.aio-contact-parent .aio-contact-block:nth-child(3) {
animation-delay: 0.3s;
}
.aio-contact-parent a:nth-child(3) .aio-contact-block {
animation-delay: 0.3s;
}
.aio-contact-parent .aio-contact-block:nth-child(4) {
animation-delay: 0.4s;
}
.aio-contact-parent a:nth-child(4) .aio-contact-block {
animation-delay: 0.4s;
}
.aio-contact-parent .aio-contact-block:nth-child(5) {
animation-delay: 0.5s;
}
.aio-contact-parent a:nth-child(5) .aio-contact-block {
animation-delay: 0.5s;
}
.aio-contact-parent .aio-contact-block:nth-child(6) {
animation-delay: 0.6s;
}
.aio-contact-parent a:nth-child(6) .aio-contact-block {
animation-delay: 0.6s;
}
.aio-contact-parent .aio-contact-block:nth-child(7) {
animation-delay: 0.7s;
}
.aio-contact-parent a:nth-child(7) .aio-contact-block {
animation-delay: 0.7s;
}
.aio-contact-parent .aio-contact-block:nth-child(8) {
animation-delay: 0.8s;
}
.aio-contact-parent a:nth-child(8) .aio-contact-block {
animation-delay: 0.8s;
}
.aio-contact-parent .aio-contact-block:nth-child(9) {
animation-delay: 0.9s;
}
.aio-contact-parent a:nth-child(9) .aio-contact-block {
animation-delay: 0.9s;
}
.aio-contact-parent .aio-contact-block:nth-child(10) {
animation-delay: 1s;
}
.aio-contact-parent a:nth-child(10) .aio-contact-block {
animation-delay: 1s;
}
.aio-contact-parent .aio-contact-block:nth-child(11) {
animation-delay: 1.1s;
}
.aio-contact-parent a:nth-child(11) .aio-contact-block {
animation-delay: 1.1s;
}
.aio-contact-parent .aio-contact-block:nth-child(12) {
animation-delay: 1.2s;
}
.aio-contact-parent a:nth-child(12) .aio-contact-block {
animation-delay: 1.2s;
}
.aio-contact-parent .aio-contact-block:nth-child(13) {
animation-delay: 1.3s;
}
.aio-contact-parent a:nth-child(13) .aio-contact-block {
animation-delay: 1.3s;
}
.aio-contact-parent .aio-contact-block:nth-child(14) {
animation-delay: 1.4s;
}
.aio-contact-parent a:nth-child(14) .aio-contact-block {
animation-delay: 1.4s;
}
.aio-contact-parent .aio-contact-block:nth-child(15) {
animation-delay: 1.5s;
}
.aio-contact-parent a:nth-child(15) .aio-contact-block {
animation-delay: 1.5s;
}
.aio-contact-parent .aio-contact-block:nth-child(16) {
animation-delay: 1.6s;
}
.aio-contact-parent a:nth-child(16) .aio-contact-block {
animation-delay: 1.6s;
}
.aio-contact-parent .aio-contact-block:nth-child(17) {
animation-delay: 1.7s;
}
.aio-contact-parent a:nth-child(17) .aio-contact-block {
animation-delay: 1.7s;
}
.aio-contact-parent .aio-contact-block:nth-child(18) {
animation-delay: 1.8s;
}
.aio-contact-parent a:nth-child(18) .aio-contact-block {
animation-delay: 1.8s;
}
.aio-contact-parent .aio-contact-block:nth-child(19) {
animation-delay: 1.9s;
}
.aio-contact-parent a:nth-child(19) .aio-contact-block {
animation-delay: 1.9s;
}
.aio-contact-parent .aio-contact-block:nth-child(20) {
animation-delay: 2s;
}
.aio-contact-parent a:nth-child(20) .aio-contact-block {
animation-delay: 2s;
}
.aio-contact-parent .aio-contact-trigger {
background: #3047ec;
border-radius: 50%;
position: fixed;
right: 20px;
bottom: 20px;
width: 60px;
height: 60px;
z-index: 1150;
cursor: pointer;
}
.aio-contact-parent .aio-contact-trigger::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: 8px solid rgba(0, 0, 0, 0.2);
border-radius: 100%;
animation-name: 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;
}
.aio-contact-parent .aio-contact-trigger::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: 8px solid rgba(0, 0, 0, 0.2);
border-radius: 100%;
animation-name: 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;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons {
position: absolute;
top: 0;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg::before {
content: "";
display: block;
position: relative;
border: 10px solid #3047ec;
background: transparent;
border-radius: 50%;
width: 60px;
height: 60px;
z-index: 3;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
margin: 10px;
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list {
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
gap: 25px;
translate: 0 -42px;
transition: all 0.5s;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list i {
z-index: 1;
position: relative;
font-size: 24px;
display: inline-block;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list i[class*=integration] {
width: 1em;
height: 1em;
background-position: center;
background-size: contain;
position: relative;
top: 0;
left: 19px;
background-size: 22px 22px !important;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list i.integration-messenger {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/messenger-logo.png) no-repeat;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list i.integration-tawk {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/tawk-logo.png) no-repeat;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list i.integration-zendesk {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/zendesk-logo.png) no-repeat;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list i.integration-crisp {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/crisp-logo.png) no-repeat;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list i.integration-tidio {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/tidio-logo.png) no-repeat;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list i.integration-jivochat {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/jivochat-logo.png) no-repeat;
}
.aio-contact-parent .aio-contact-trigger .aio-contact-trigger-front .icons .icons-bg .icons-list i.integration-paldesk {
background: url(//megastomlife.com/wp-content/plugins/aio-contact/public//images/paldesk-logo.png) no-repeat;
}
.aio-contact-parent .aio-contact-trigger div[class^=aio-contact-trigger-] {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
font-size: 32px;
width: 100%;
height: 100%;
transition: all 0.3s;
position: absolute;
border-radius: 100%;
overflow: hidden;
}
.aio-contact-parent .aio-contact-trigger div[class^=aio-contact-trigger-]:last-child {
opacity: 0;
transform: rotate(-45deg) scale(0);
}
.aio-contact-parent .aio-contact-trigger.open div[class^=aio-contact-trigger-]:first-child {
opacity: 0;
transform: rotate(45deg) scale(0);
}
.aio-contact-parent .aio-contact-trigger.open div[class^=aio-contact-trigger-]:last-child {
opacity: 1;
transform: rotate(0deg) scale(1);
}
.aio-contact-parent .aio-contact-trigger.aio-contact-box-shadow {
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 6px 0px, rgba(0, 0, 0, 0.16) 0px 2px 32px 0px;
}
.aio-contact-parent .aio-contact-trigger .aio-prompt-memo {
position: fixed;
bottom: 75px;
right: 5px;
width: 400px;
max-width: 100vw;
text-align: right;
}
.aio-contact-parent .aio-contact-trigger .aio-prompt-memo ul {
padding: 0;
margin: 0;
display: inline-block;
}
.aio-contact-parent .aio-contact-trigger .aio-prompt-memo ul li {
background: #fff;
padding: 0.25em 0.5em;
font-size: 0.8em;
list-style-type: none;
border-radius: 0.75em;
position: relative;
margin-top: 1em;
float: right;
clear: both;
}
.aio-contact-parent .aio-contact-trigger .aio-prompt-memo ul li.aio-contact-box-shadow {
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 6px 0px, rgba(0, 0, 0, 0.08) 0px 2px 32px 0px;
}
.aio-contact-parent .aio-contact-trigger .aio-prompt-memo ul li.show {
animation: fadeInUp 0.5s ease backwards;
}
.aio-contact-parent .aio-contact-trigger .aio-prompt-memo ul li > div.text {
padding: 0 0.5em;
}
.aio-contact-parent .aio-contact-trigger .aio-prompt-memo ul li > div.text p {
margin: 0;
}
.aio-contact-parent .aio-contact-trigger .aio-prompt-memo ul li > div > span {
position: absolute;
top: -0.75em;
right: -0.75em;
}
.aio-contact-parent .aio-contact-trigger .aio-prompt-memo ul li > div > span i {
color: rgb(173, 0, 0);
}
.aio-contact-parent .aio-contact-floating {
display: none;
position: fixed;
right: 30px;
bottom: 100px;
padding: 1.5em;
border-radius: 10px;
background: #fff;
z-index: 1151;
}
.aio-contact-parent .aio-contact-floating.aio-contact-box-shadow {
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px;
}
.aio-contact-parent .aio-contact-floating.open {
display: block;
}
.aio-contact-parent .aio-contact-floating.aio-contact-rounded-avatar .aio-contact-blocks .aio-contact-block img {
border-radius: 50%;
}
.aio-contact-parent .aio-contact-floating.aio-contact-bordered {
border: 2px solid #eee;
}
.aio-contact-parent .aio-contact-floating.aio-contact-inline .aio-contact-blocks {
display: flex;
}
.aio-contact-parent .aio-contact-floating.aio-contact-inline .aio-contact-blocks .aio-contact-block:not(:last-child),
.aio-contact-parent .aio-contact-floating.aio-contact-inline .aio-contact-blocks a:not(:last-child) .aio-contact-block {
margin-right: 1.5em;
}
.aio-contact-parent .aio-contact-floating.aio-contact-inline .aio-contact-blocks .aio-contact-block {
justify-content: center;
flex-direction: column;
}
.aio-contact-parent .aio-contact-floating.aio-contact-inline .aio-contact-blocks .aio-contact-block .aio-contact-block-icon {
display: flex;
}
.aio-contact-parent .aio-contact-floating.aio-contact-inline .aio-contact-blocks .aio-contact-block .aio-contact-block-details {
text-align: center;
margin-top: 10px;
}
.aio-contact-parent .aio-contact-floating:not(.aio-contact-inline):not(.aio-contact-no-text) .aio-contact-blocks .aio-contact-block:not(:last-child) {
margin-bottom: 1.25em;
}
.aio-contact-parent .aio-contact-floating:not(.aio-contact-inline):not(.aio-contact-no-text) .aio-contact-blocks a:not(:last-child) .aio-contact-block {
margin-bottom: 1em;
}
.aio-contact-parent .aio-contact-floating:not(.aio-contact-inline):not(.aio-contact-no-text) .aio-contact-blocks .aio-contact-block .aio-contact-block-icon {
display: flex;
}
.aio-contact-parent .aio-contact-floating:not(.aio-contact-inline):not(.aio-contact-no-text) .aio-contact-blocks .aio-contact-block .aio-contact-block-details {
display: flex;
flex-direction: column;
margin-left: 10px;
}
.aio-contact-parent .aio-contact-floating.aio-contact-show-dot-status .aio-contact-block .aio-contact-block-icon.aio-contact-status {
position: relative;
display: inline-block;
}
.aio-contact-parent .aio-contact-floating.aio-contact-show-dot-status .aio-contact-block .aio-contact-block-icon.aio-contact-status:after {
content: "";
display: block;
position: absolute;
bottom: 14.8%;
right: 14.8%;
width: 10px;
height: 10px;
background-color: #888888;
transform: translate(5px, 5px);
border-radius: 50%;
border: 2px solid #fff;
}
.aio-contact-parent .aio-contact-floating.aio-contact-show-dot-status .aio-contact-block .aio-contact-block-icon.aio-contact-status.aio-contact-available:after {
background-color: #52b90e;
}
.aio-contact-parent .aio-contact-floating.aio-contact-no-text {
right: 15px;
}
.aio-contact-parent .aio-contact-floating.aio-contact-no-text .aio-contact-back {
justify-content: center;
}
.aio-contact-parent .aio-contact-floating.aio-contact-no-text .aio-contact-back .aio-contact-back-title {
display: none;
}
.aio-contact-parent .aio-contact-floating.aio-contact-no-text .aio-contact-blocks .aio-contact-block .aio-contact-block-icon {
display: flex;
}
.aio-contact-parent .aio-contact-floating.aio-contact-no-text .aio-contact-blocks .aio-contact-block .aio-contact-block-details {
display: none;
}
.aio-contact-parent .aio-contact-floating.aio-contact-no-text:not(.aio-contact-inline) .aio-contact-blocks .aio-contact-block:not(:last-child) {
margin-bottom: 1.25em;
}
.aio-contact-parent .aio-contact-floating.aio-contact-no-text:not(.aio-contact-inline) .aio-contact-blocks a:not(:last-child) .aio-contact-block {
margin-bottom: 1em;
}
.aio-contact-parent .aio-contact-floating.aio-contact-hide-not-available-agent .aio-contact-agent-not-available {
display: none;
}
.aio-contact-integration {
display: none;
}
.aio-contact-integration.show {
display: block;
}
.aio-contact-integration iframe[src="https://www.facebook.com/v8.0/plugins/customer_chat/bubble"] {
right: 10px !important;
bottom: 20px !important;
}
.aio-contact-common-trigger {
background: #111;
border-radius: 50%;
position: fixed;
right: 90px;
bottom: 20px;
width: 60px;
height: 60px;
z-index: 1150;
cursor: pointer;
color: #fff;
}
.aio-contact-common-trigger div {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
font-size: 36px;
width: 100%;
height: 100%;
transition: all 0.3s;
position: absolute;
}
.beebeeate .paldesk-widget-container.rb {
z-index: 1149 !important;
}
#paldesk-widget-mainframe {
z-index: 1151 !important;
}
#beebeeate-widget ~ .aio-contact-common-trigger {
right: 365px;
} @keyframes fadeInUp {
0% {
transform: translate(0px, 100px);
opacity: 0;
}
100% {
transform: translate(0px, 0);
opacity: 1;
}
} .type-loader {
text-align: center;
display: flex;
padding: 0.5em;
margin: 0 -0.1em;
}
.type-loader span {
display: inline-block;
vertical-align: middle;
width: 0.75em;
height: 0.75em;
background: black;
border-radius: 1em;
margin: 0 0.075em;
animation: typeloader 0.6s infinite alternate;
}
.type-loader span:nth-of-type(2) {
animation-delay: 0.2s;
}
.type-loader span:nth-of-type(3) {
animation-delay: 0.6s;
}
@keyframes typeloader {
0% {
opacity: 0.9;
transform: scale(0.5);
}
100% {
opacity: 0.1;
transform: scale(1);
}
} .hidden {
display: none;
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 40%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes ripple {
from {
opacity: 1;
transform: scale3d(0.75, 0.75, 1);
}
to {
opacity: 0;
transform: scale3d(1.5, 1.5, 1);
}
}
.hide {
display: none;
}
.sb-main {
display: none;
}
.sb-main.show {
display: block;
}