@-webkit-keyframes wdt-soft-beat {
from {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes wdt-soft-beat {
from {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@-webkit-keyframes wdt-expand {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);
opacity: 1;
}
to {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes wdt-expand {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);
opacity: 1;
}
to {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes ripple {
0% {
transform: scale(1);
opacity: .8;
}
45% {
transform: scale(1.75);
opacity: 0;
border-width: 10;
}
} .wdt-hotspot-soft-beat {
-webkit-animation: wdt-soft-beat .7s infinite alternate;
animation: wdt-soft-beat .7s infinite alternate;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
} .wdt-hotspot-expand:before {
-webkit-animation: wdt-expand 2s infinite;
animation: wdt-expand 2s infinite;
}
.wdt-hotspot-expand:before {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
content: '';
opacity: 0;
border-radius: inherit;
background-color: inherit;
} .wdt-hotspot-overlay {
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
opacity: .7;
}
.wdt-hotspot-item-active .wdt-hotspot-overlay {
opacity: 1;
} .wdt-hotspot-ripple:before {
-webkit-animation: ripple 3s ease-out infinite;
animation: ripple 3s ease-out infinite;
}
.wdt-hotspot-ripple:before {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
content: '';
opacity: 0;
border-width: 2px;
border-style: solid;
border-color: inherit;
border-radius: inherit;
}
.wdt-hotspot-item-active .wdt-hotspot-item-trigger.wdt-hotspot-ripple:before {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}    .tippy-box[data-animation=scale][data-placement*=top] {
transform-origin: bottom;
}
.tippy-box[data-animation=scale][data-placement*=bottom] {
transform-origin: top;
}
.tippy-box[data-animation=scale][data-placement*=left] {
transform-origin: right;
}
.tippy-box[data-animation=scale][data-placement*=right] {
transform-origin: left;
}
.tippy-box[data-animation=scale][data-state=hidden] {
transform: scale(.5);
opacity: 0;
} .tippy-box[data-animation=perspective][data-placement^=top] {
transform-origin: bottom;
}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
transform: perspective(700px);
}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
transform: perspective(700px) translateY(8px) rotateX(60deg);
}
.tippy-box[data-animation=perspective][data-placement^=bottom] {
transform-origin: top;
}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
transform: perspective(700px);
}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
transform: perspective(700px) translateY(-8px) rotateX(-60deg);
}
.tippy-box[data-animation=perspective][data-placement^=left] {
transform-origin: right;
}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
transform: perspective(700px);
}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
transform: perspective(700px) translateX(8px) rotateY(-60deg);
}
.tippy-box[data-animation=perspective][data-placement^=right] {
transform-origin: left;
}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
transform: perspective(700px);
}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
transform: perspective(700px) translateX(-8px) rotateY(60deg);
}
.tippy-box[data-animation=perspective][data-state=hidden] {
opacity: 0;
} .tippy-box[data-animation=shift-away][data-state=hidden] {
opacity: 0;
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
transform: translateY(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
transform: translateY(-10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
transform: translateX(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
transform: translateX(-10px);
} .tippy-box[data-animation=shift-toward][data-state=hidden] {
opacity: 0;
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
transform: translateY(-10px);
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
transform: translateY(10px);
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
transform: translateX(-10px);
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
transform: translateX(10px);
} .wdt-hotspot-holder {
position: relative;
}
.wdt-hotspot-holder .wdt-hotspot-repeater-item {
position: absolute;
}
.wdt-hotspot-item-trigger {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
align-items: center;
-ms-flex-align: center;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
-webkit-transform: translateZ(0);
transform: translateZ(0);
border-color: var(--wdt-elementor-color-primary);
border-radius: 0;
background-color: var(--wdt-elementor-color-primary);
}
.wdt-hotspot-item-active .wdt-hotspot-item-trigger {
border-color: var(--wdtLinkHoverColor);
background-color: var(--wdtLinkHoverColor);
}
.wdt-hotspot-item-trigger>*:not(:last-child) {
margin: 0 10px 0 0;
} .wdt-hotspot-item-trigger div[class*="wdt-hotspot-item-"] {
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
color: var(--wdt-elementor-color-white);
}
.wdt-hotspot-item-active .wdt-hotspot-item-trigger .wdt-hotspot-item-default {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .wdt-hotspot-item-tooltip {
display: none;
visibility: hidden;
}
.wdt-hotspot-holder .tippy-box {
padding: 0;
border-radius: 0;
background: transparent;
}
.wdt-hotspot-holder .tippy-box .tippy-content {
padding: 15px;
border-radius: var(--wdtRadius_2X);
background-color: var(--wdtAccentTxtColor);
}
.wdt-hotspot-holder .tippy-box .tippy-content h5 {
line-height: 1;
margin: 0 0 15px;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
}
.wdt-hotspot-holder .tippy-box .tippy-content p {
margin: 0;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
} .wdt-custom-home-2-hotspot .wdt-hotspot-holder img {
border-radius: 22px;
}
.wdt-custom-home-2-hotspot .wdt-hotspot-items-holder .wdt-hotspot-item-trigger {
position: relative;
z-index: 1;
background: var(--wdtPrimaryColor);
border-radius: 50%;
-webkit-border-radius: 50%;
padding: 6px;
}
.wdt-custom-home-2-hotspot .wdt-hotspot-items-holder .wdt-hotspot-item-trigger:before {
-webkit-transition: var(--wdtBaseTransition);
transition: var(--wdtBaseTransition);
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: var(--wdtRadius_Full);
box-shadow: 0 0 0 0px rgba(var(--wdtPrimaryColorRgb), 0.28), 0 0 0 12px rgba(var(--wdtPrimaryColorRgb), 0.28);
}
.wdt-custom-home-2-hotspot .wdt-hotspot-items-holder .wdt-hotspot-item-trigger:after {
content: '';
position: absolute;
width: 35px;
height: 35px;
border-width: 1px;
border-color: var(--wdtPrimaryColor);
border-style: solid;
border-radius: var(--wdtRadius_Full);
}
.wdt-custom-home-2-hotspot .wdt-hotspot-items-holder .wdt-hotspot-item-trigger .wdt-hotspot-item-default i {
display: none;
}
.wdt-custom-home-2-hotspot .tippy-box .tippy-content {
width: 240px;
margin-bottom: 10px;
}
.wdt-custom-home-2-hotspot .wdt-hotspot-holder .tippy-box .tippy-content {
padding: 20px 24px;
background: rgba(var(--wdtHeadAltColorRgb), 0.9);
border-radius: 10px;
-webkit-border-radius: 10px;
background-color: rgba(var(--wdtBodyBGColorRgb), 0.75);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.01);
backdrop-filter: saturate(180%) blur(20px);
border-radius: 15px;
text-align: left;
}
.wdt-custom-home-2-hotspot .wdt-hotspot-holder .tippy-box .tippy-content h5 {
color: var(--wdtHeadAltColor);
font-size: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem);
margin-bottom: 5px;
font-weight: var(--wdtFontWeight_Ext);
text-transform: uppercase;
padding-bottom: 10px;
}
.wdt-custom-home-2-hotspot .wdt-hotspot-holder .tippy-box .tippy-content p {
font-size: var(--wdtFontSize_Base);
color: var(--wdtBodyTxtColor);
}
.wdt-custom-hotspot-with-product-responsive .wdt-hotspot-holder img {
border-radius: 0px;
}
.wdt-custom-hotspot-with-product-responsive .wdt-hotspot-items-holder .wdt-hotspot-item-trigger {
background: var(--wdtAccentTxtColor);
}
.wdt-custom-hotspot-with-product-responsive .wdt-hotspot-items-holder .wdt-hotspot-item-trigger:after {
border-color: var(--wdtAccentTxtColor);
}
.wdt-custom-hotspot-with-product-responsive .wdt-hotspot-items-holder .wdt-hotspot-item-trigger:before {
box-shadow: 0 0 0 0px rgba(var(--wdtAccentTxtColorRgb), 0.28), 0 0 0 12px rgba(var(--wdtAccentTxtColorRgb), 0.28);
}
.wdt-hotspot-holder .tippy-box .tippy-arrow {
color: var(--wdtAccentTxtColor);
}.wdt-accordion-toggle-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
}
.wdt-accordion-toggle-holder {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper:not(:last-child) {
margin-bottom: 20px;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder {
font-size: 1em;
line-height: 1;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0 auto;
padding: 1em 1.5em;
cursor: pointer;
border-width: 1px;
border-style: solid;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title {
display: flex;
align-items: baseline;
font-family: var(--wdtFontTypo_H1);
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title div[class*='-title-prefix'] {
line-height: 1;
position: relative;
margin: 0 10px 0 0;
padding: 0 5px 0 0;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title div[class*='-title-prefix']:not(.icon):before {
position: absolute;
right: 0;
bottom: 2px;
width: 3px;
height: 3px;
content: '';
background: currentColor;
}
.wdt-accordion-toggle-holder[class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder {
flex-direction: row-reverse;
justify-content: start;
}
.wdt-accordion-toggle-holder[class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
margin: 0 20px 0 0;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
line-height: 1;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-description {
padding: 1.5em 2em;
border-width: 0 1px 1px 1px;
border-style: solid;
width: 100%;
font-family: var(--wdtFontTypo_Base);
background: transparent;
font-family: var(--wdtFontTypo_Base);
font-size: var(--wdtFontSize_Base);
line-height: var(--wdtLineHeight_Base);
color: var(--wdtBodyTxtColor);
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
position: relative;
display: flex;
flex-shrink: 0;
width: 1em;
height: 1em;
margin-left: 10px;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon>div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: flex-end;
margin: auto;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] {
opacity: 0;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] {
opacity: 1;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon [class*='-toggle-icon-collapse'] {
opacity: 1;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon [class*='-toggle-icon-collapse'] {
opacity: 0;
} .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper {
margin-bottom: 0;
}
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder {
border-width: 2px;
}
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:not(:last-child) .wdt-accordion-toggle-title-holder {
margin-bottom: -2px;
}
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-description {
padding: 2.5em 2em;
border-width: 2px;
}
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:last-child .wdt-accordion-toggle-description {
border-top: 0;
}
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:not(:last-child) .wdt-accordion-toggle-description {
border-bottom: 0;
} .wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-wrapper {
margin-bottom: 0;
}
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder {
padding: 1.2em 3em 1.2em 0;
border-width: 0 0 1px;
}
.wdt-accordion-toggle-holder[class*='-template-simple'][class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder {
padding: 1.2em 0 1.2em 3em;
}
.wdt-accordion-toggle-holder[class*='-template-simple'][class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
right: auto;
left: 0;
}
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
position: absolute;
top: 50%;
right: 0;
width: 50px;
height: 50px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon>div {
justify-content: center;
}
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-description {
padding: 2em 0;
border-width: 0 0 1px;
} .wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder {
background-color: rgb(var(--wdt-elementor-color-secondary-rgb), .04);
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-description {
border-color: rgb(var(--wdt-elementor-color-secondary-rgb), .2);
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active {
color: var(--wdt-elementor-color-white);
border-color: var(--wdt-elementor-color-primary);
background-color: var(--wdt-elementor-color-primary);
}
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-active {
border-color: #e1e1e1;
background-color: transparent;
}
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-active {
color: var(--wdt-elementor-color-primary);
}
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-description {
border-left-color: var(--wdt-elementor-color-primary);
}
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder {
background-color: transparent;
}
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder.ui-state-active {
color: var(--wdt-elementor-color-primary);
border-color: var(--wdt-elementor-color-primary);
}
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
background-color: rgb(var(--wdt-elementor-color-secondary-rgb), .04);
}
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder.ui-state-hover .wdt-accordion-toggle-icon,
.wdt-accordion-toggle-holder[class*='-template-simple'] .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon {
color: var(--wdt-elementor-color-white);
background-color: var(--wdt-elementor-color-primary);
}
.wdt-accordion-toggle-holder[class*='-template-classic'] .wdt-accordion-toggle-title-holder {
color: var(--wdt-elementor-color-white);
border-color: var(--wdt-elementor-color-primary);
background-color: var(--wdt-elementor-color-primary);
}
.wdt-accordion-toggle-holder[class*='-template-classic'] .wdt-accordion-toggle-description {
background: rgb(var(--wdt-elementor-color-primary-rgb), 0.2);
color: var(--wdt-elementor-color-text);
border-color: rgb(var(--wdt-elementor-color-primary-rgb), 0.4);
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder {
background: none;
border: none;
padding: 20px 30px;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-description {
border-width: 0;
padding-top: 0;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active {
color: var(--wdtSecondaryColor);
border-color: transparent;
background-color: transparent;
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title {
font-family: var(--wdtFontTypo_H1);
font-size: var(--wdtFontSize_H5);
font-weight: var(--wdtFontWeight_H4);
text-transform: uppercase;
color: var(--wdtSecondaryColor);
}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon>div {
font-size: 12px;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
border: 1px solid var(--wdtSecondaryColor);
border-radius: 50%;
margin-right: 0;
color: var(--wdtSecondaryColor);
}