.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.mlsc { --mlsc-size: 50px;
--mlsc-icon: 24px;
--mlsc-gap: 0px; --mlsc-radius: calc(var(--mlsc-size) / 2);
--mlsc-expand: 190px;
position: fixed;
z-index: 9999;
font-family: Arial, sans-serif;
}
.mlsc ul {
margin: 0;
padding: 0;
list-style: none;
}
.mlsc li {
position: relative;
width: var(--mlsc-size);
height: var(--mlsc-size);
margin: 0 0 var(--mlsc-gap) 0;
}
.mlsc li.contact-item {
height: auto;
}
.mlsc .contact-title {
writing-mode: vertical-rl;
text-orientation: mixed;
color: #fff;
padding: 15px 0;
width: 100%; border-radius: var(--mlsc-radius);
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
text-decoration: none;
transition: background 0.3s ease;
}
.mlsc .item-inner {
box-sizing: border-box;
position: absolute;
top: 0;
display: flex;
align-items: center;
height: var(--mlsc-size);
width: var(--mlsc-size);
border-radius: var(--mlsc-radius);
overflow: hidden;
transition: width .3s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
color: #fff;
text-decoration: none;
} .mlsc.mlsc-label-slide li:hover .item-inner {
width: calc(var(--mlsc-size) + var(--mlsc-expand));
}
.mlsc .mlsc-svg-icon {
width: var(--mlsc-size);
height: var(--mlsc-size);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.mlsc .mlsc-svg-icon svg {
width: var(--mlsc-icon);
height: var(--mlsc-icon);
display: block;
}
.mlsc .item-inner img { width: var(--mlsc-icon);
height: var(--mlsc-icon);
object-fit: contain;
display: block;
margin: 0;
flex-shrink: 0;
}
.mlsc .text {
white-space: nowrap;
padding-right: 15px;
opacity: 0;
transition: opacity .2s ease .1s;
}
.mlsc.mlsc-label-slide li:hover .text {
opacity: 1;
} .mlsc.mlsc-label-tooltip .item-inner .text,
.mlsc.mlsc-label-none .item-inner .text {
display: none;
} .mlsc.mlsc-label-tooltip .item-inner {
overflow: visible;
}
.mlsc .qr {
position: absolute;
top: var(--mlsc-size);
display: none;
z-index: 99999;
background: #fff;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15); box-sizing: border-box;
align-items: center;
justify-content: center;
}
.mlsc li:hover .qr {
display: flex;
}
.mlsc .qr img {
object-fit: contain;
display: block;
} .mlsc span.item-inner {
cursor: default;
} @keyframes mlscFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes mlscSlideInRight {
from { opacity: 0; transform: translateX(60px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes mlscSlideInLeft {
from { opacity: 0; transform: translateX(-60px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes mlscBounceIn {
0% { opacity: 0; transform: scale(0.3); }
50% { opacity: 1; transform: scale(1.05); }
70% { transform: scale(0.95); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes mlscZoomIn {
from { opacity: 0; transform: scale(0.5); }
to { opacity: 1; transform: scale(1); }
}
.mlsc li.mlsc-anim-fadeIn {
animation: mlscFadeIn 0.6s ease both;
}
.mlsc li.mlsc-anim-slideIn {
animation: mlscSlideInRight 0.5s ease both;
}
.mlsc.mlsc-position-left li.mlsc-anim-slideIn,
.mlsc li.mlsc-anim-slideIn[data-side="left"] {
animation: mlscSlideInLeft 0.5s ease both;
}
.mlsc li.mlsc-anim-bounceIn {
animation: mlscBounceIn 0.7s ease both;
}
.mlsc li.mlsc-anim-zoomIn {
animation: mlscZoomIn 0.4s ease both;
} .mlsc li.mlsc-anim-fadeIn:nth-child(1) { animation-delay: 0.05s; }
.mlsc li.mlsc-anim-fadeIn:nth-child(2) { animation-delay: 0.10s; }
.mlsc li.mlsc-anim-fadeIn:nth-child(3) { animation-delay: 0.15s; }
.mlsc li.mlsc-anim-fadeIn:nth-child(4) { animation-delay: 0.20s; }
.mlsc li.mlsc-anim-fadeIn:nth-child(5) { animation-delay: 0.25s; }
.mlsc li.mlsc-anim-fadeIn:nth-child(6) { animation-delay: 0.30s; }
.mlsc li.mlsc-anim-slideIn:nth-child(1) { animation-delay: 0.05s; }
.mlsc li.mlsc-anim-slideIn:nth-child(2) { animation-delay: 0.10s; }
.mlsc li.mlsc-anim-slideIn:nth-child(3) { animation-delay: 0.15s; }
.mlsc li.mlsc-anim-slideIn:nth-child(4) { animation-delay: 0.20s; }
.mlsc li.mlsc-anim-slideIn:nth-child(5) { animation-delay: 0.25s; }
.mlsc li.mlsc-anim-slideIn:nth-child(6) { animation-delay: 0.30s; }
.mlsc li.mlsc-anim-bounceIn:nth-child(1) { animation-delay: 0.08s; }
.mlsc li.mlsc-anim-bounceIn:nth-child(2) { animation-delay: 0.16s; }
.mlsc li.mlsc-anim-bounceIn:nth-child(3) { animation-delay: 0.24s; }
.mlsc li.mlsc-anim-bounceIn:nth-child(4) { animation-delay: 0.32s; }
.mlsc li.mlsc-anim-bounceIn:nth-child(5) { animation-delay: 0.40s; }
.mlsc li.mlsc-anim-bounceIn:nth-child(6) { animation-delay: 0.48s; }
.mlsc li.mlsc-anim-zoomIn:nth-child(1) { animation-delay: 0.05s; }
.mlsc li.mlsc-anim-zoomIn:nth-child(2) { animation-delay: 0.10s; }
.mlsc li.mlsc-anim-zoomIn:nth-child(3) { animation-delay: 0.15s; }
.mlsc li.mlsc-anim-zoomIn:nth-child(4) { animation-delay: 0.20s; }
.mlsc li.mlsc-anim-zoomIn:nth-child(5) { animation-delay: 0.25s; }
.mlsc li.mlsc-anim-zoomIn:nth-child(6) { animation-delay: 0.30s; } .mlsc .item-inner.mlsc-hover-scale {
transition: width .3s ease, background 0.3s ease, transform 0.2s ease;
}
.mlsc li:hover .item-inner.mlsc-hover-scale {
transform: scale(1.08);
}
@keyframes mlscShake {
0%, 100% { transform: translateX(0); }
20%, 60% { transform: translateX(-4px); }
40%, 80% { transform: translateX(4px); }
}
.mlsc li:hover .item-inner.mlsc-hover-shake {
animation: mlscShake 0.5s ease;
}
@keyframes mlscPulse {
0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }
70% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
.mlsc li:hover .item-inner.mlsc-hover-pulse {
animation: mlscPulse 1s ease;
} .mlsc [data-mlsc-tooltip] {
position: relative;
}
.mlsc [data-mlsc-tooltip]::after {
content: attr(data-mlsc-tooltip);
position: absolute;
padding: 5px 12px;
background: #1a1a2e;
color: #fff;
font-size: 12px;
font-family: Arial, sans-serif;
white-space: nowrap;
border-radius: 4px;
pointer-events: none;
opacity: 0;
transition: opacity 0.2s ease, transform 0.2s ease;
z-index: 99999;
}
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="left"]::after {
right: calc(100% + 12px);
top: 50%;
transform: translateY(-50%) translateX(5px);
}
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="right"]::after {
left: calc(100% + 12px);
top: 50%;
transform: translateY(-50%) translateX(-5px);
}
.mlsc [data-mlsc-tooltip]:hover::after {
opacity: 1;
}
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="left"]:hover::after {
transform: translateY(-50%) translateX(0);
}
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="right"]:hover::after {
transform: translateY(-50%) translateX(0);
} .mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="left"]::before,
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="right"]::before {
content: '';
position: absolute;
border: 5px solid transparent;
pointer-events: none;
opacity: 0;
transition: opacity 0.2s ease;
z-index: 99999;
}
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="left"]::before {
right: calc(100% + 2px);
top: 50%;
transform: translateY(-50%);
border-left-color: #1a1a2e;
}
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="right"]::before {
left: calc(100% + 2px);
top: 50%;
transform: translateY(-50%);
border-right-color: #1a1a2e;
}
.mlsc [data-mlsc-tooltip]:hover::before {
opacity: 1;
} @media(max-width:768px) {
.mlsc.mlsc-mobile-hide {
display: none;
}
.mlsc:not(.mlsc-mobile-hide) {
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: auto;
transform: none;
width: 100%;
background: #fff;
}
.mlsc:not(.mlsc-mobile-hide) ul {
display: flex;
width: 100%;
margin: 0;
padding: 0;
}
.mlsc:not(.mlsc-mobile-hide) li {
flex: 1;
width: auto;
height: var(--mlsc-size);
margin: 0;
}
.mlsc:not(.mlsc-mobile-hide) li.contact-item {
display: none;
}
.mlsc:not(.mlsc-mobile-hide) .item-inner {
position: static;
width: 100%;
height: 100%;
justify-content: center;
overflow: visible;
border-radius: 0;
}
.mlsc:not(.mlsc-mobile-hide) li:hover .item-inner {
width: 100%;
}
.mlsc:not(.mlsc-mobile-hide) .text {
display: none;
}
.mlsc:not(.mlsc-mobile-hide) .qr {
top: auto;
bottom: 60px;
left: 50%;
right: auto;
transform: translateX(-50%);
}
.mlsc:not(.mlsc-mobile-hide) li:hover .qr {
display: block;
}
}  .mlsc li.mlsc-totop-item {
visibility: hidden;
opacity: 0;
transition: opacity .25s ease, visibility .25s ease;
}
.mlsc li.mlsc-totop-item.is-visible {
visibility: visible;
opacity: 1;
}
.mlsc li.mlsc-totop-item .item-inner {
cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
.mlsc li.mlsc-totop-item.is-visible {
animation: none;
}
} .mlsc-style-classic {
--mlsc-radius: calc(var(--mlsc-size) / 2);
}
.mlsc-style-classic .item-inner { box-shadow: 0 6px 16px rgba(0, 0, 0, .3), 0 2px 5px rgba(0, 0, 0, .16);
}
.mlsc-style-classic li:hover .item-inner {
box-shadow: 0 9px 24px rgba(0, 0, 0, .34), 0 3px 7px rgba(0, 0, 0, .18);
}
.mlsc-style-minimal {
--mlsc-radius: calc(var(--mlsc-size) / 2);
}
.mlsc-style-minimal .item-inner {
box-shadow: none;
}
.mlsc-style-rounded {
--mlsc-radius: 12px;
}
.mlsc-style-rounded .item-inner {
box-shadow: 0 5px 14px rgba(0, 0, 0, .26), 0 2px 4px rgba(0, 0, 0, .14);
}
.mlsc-style-rounded li:hover .item-inner {
box-shadow: 0 8px 20px rgba(0, 0, 0, .3), 0 3px 6px rgba(0, 0, 0, .16);
}
.mlsc-style-square {
--mlsc-radius: 0;
}
.mlsc-style-square .item-inner {
box-shadow: none;
} .mlsc-style-outline {
--mlsc-radius: calc(var(--mlsc-size) / 2);
}
.mlsc-style-outline .item-inner {
background: #fff !important; border: 0;
box-shadow: inset 0 0 0 2px var(--mlsc-item-color, #333);
color: var(--mlsc-item-color, #333);
}
.mlsc-style-outline .mlsc-svg-icon svg {
fill: var(--mlsc-item-color, #333);
}
.mlsc-style-outline .item-inner .text {
color: var(--mlsc-item-color, #333);
}
.mlsc-style-outline .item-inner img { filter: none;
}
.mlsc-style-outline li:hover .item-inner {
background: var(--mlsc-item-hover, var(--mlsc-item-color, #333)) !important;
box-shadow: inset 0 0 0 2px var(--mlsc-item-hover, var(--mlsc-item-color, #333));
}
.mlsc-style-outline li:hover .item-inner svg {
fill: #fff;
}
.mlsc-style-outline li:hover .item-inner .text {
color: #fff;
}  @media (min-width: 769px) {
.mlsc li.mlsc-hide-desktop {
display: none !important;
}
}
@media (max-width: 768px) {
.mlsc li.mlsc-hide-mobile {
display: none !important;
} .mlsc li.mlsc-totop-item,
.mlsc.mlsc-centered li.mlsc-totop-item {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
animation: none !important;
transition: none !important;
} .mlsc li.mlsc-totop-item.mlsc-hide-mobile,
.mlsc.mlsc-centered li.mlsc-totop-item.mlsc-hide-mobile {
display: none !important;
visibility: hidden !important;
}
}  .mlsc.mlsc-centered li.mlsc-totop-item {
display: block;
visibility: hidden;
opacity: 0;
transition: opacity .25s ease, visibility .25s ease;
}
.mlsc.mlsc-centered li.mlsc-totop-item.is-visible {
visibility: visible;
opacity: 1;
animation: none;
} @media (max-width: 768px) {
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="left"]::after,
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="right"]::after {
left: 50%;
right: auto;
top: auto;
bottom: calc(100% + 12px);
transform: translateX(-50%) translateY(4px);
white-space: nowrap;
}
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="left"]:hover::after,
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="right"]:hover::after {
transform: translateX(-50%) translateY(0);
}
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="left"]::before,
.mlsc [data-mlsc-tooltip][data-mlsc-tooltip-pos="right"]::before {
left: 50%;
right: auto;
top: auto;
bottom: calc(100% + 2px);
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: #1a1a2e;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
}  @media (min-width: 769px) {
.mlsc.mlsc-collapsed li:not(.mlsc-toggle-item):not(.mlsc-totop-item) {
display: none !important;
}
} .mlsc.mlsc-collapsed .mlsc-toggle-when-open {
display: none !important;
}
.mlsc.mlsc-open .mlsc-toggle-when-closed {
display: none !important;
}
.mlsc .mlsc-toggle {
cursor: pointer;
border: 0;
padding: 0;
font: inherit;
color: #fff;
} .mlsc li.mlsc-toggle-item .item-inner,
.mlsc.mlsc-label-slide li.mlsc-toggle-item:hover .item-inner {
overflow: visible;
width: var(--mlsc-size);
} .mlsc.mlsc-open .mlsc-toggle[data-mlsc-tip-open]::after {
content: attr(data-mlsc-tip-open);
} .mlsc-style-outline .mlsc-toggle {
background: #fff !important;
box-shadow: inset 0 0 0 2px var(--mlsc-item-color, #333);
}
.mlsc-style-outline .mlsc-toggle svg {
fill: var(--mlsc-item-color, #333);
}
.mlsc-style-outline .mlsc-toggle:hover {
background: var(--mlsc-item-hover, var(--mlsc-item-color, #333)) !important;
}
.mlsc-style-outline .mlsc-toggle:hover svg {
fill: #fff;
}  .mlsc.mlsc-totop-locked li.mlsc-totop-item {
visibility: hidden !important;
opacity: 0 !important;
} @media (max-width: 768px) {
.mlsc.mlsc-collapsed ul {
justify-content: flex-end;
}
.mlsc li.mlsc-toggle-item {
flex: 0 0 var(--mlsc-size);
}
} .mlsc li.mlsc-toggle-item .item-inner::after {
background: var(--mlsc-tip-bg, #1a1a2e);
color: var(--mlsc-tip-fg, #fff);
}
.mlsc li.mlsc-toggle-item .item-inner[data-mlsc-tooltip-pos="left"]::before {
border-left-color: var(--mlsc-tip-bg, #1a1a2e);
}
.mlsc li.mlsc-toggle-item .item-inner[data-mlsc-tooltip-pos="right"]::before {
border-right-color: var(--mlsc-tip-bg, #1a1a2e);
} .mlsc.mlsc-tip-always li.mlsc-toggle-item .item-inner::after {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
.mlsc.mlsc-tip-always li.mlsc-toggle-item .item-inner::before {
opacity: 1;
} @media (max-width: 768px) {
.mlsc li.mlsc-toggle-item,
.mlsc.mlsc-collapsed li.mlsc-toggle-item {
display: none !important;
}
.mlsc.mlsc-collapsed li.mlsc-hide-mobile,
.mlsc.mlsc-collapsed li.contact-item {
display: none !important;
}
.mlsc.mlsc-collapsed li:not(.mlsc-toggle-item):not(.mlsc-hide-mobile):not(.contact-item) {
display: block !important;
}
}