:root {
--woof-fb-section-width: 100%;
}
.woof-form-builder-btn{
position: relative;
display: inline-block;
margin-bottom: 0;
width: auto;
text-align: center;
text-decoration: none;
}
.woof-form-builder-btn:hover{
text-decoration: none;
}
.woof-form-builder-btn img{
display: inline-block;
width: 40px;
height: 40px;
transition: all 2s;
}
.woof-form-builder-btn:hover img:nth-child(1){
transform: rotate(360deg);
}
.woof-form-builder-btn img:nth-child(1){
opacity: 1 !important;
}
.woof-form-builder-btn img:nth-child(2){
position: absolute;
width: 20px;
height: 20px;
top: 42%;
left: 51%;
transform: translate(-50%, -50%);
}
.woof-front-builder-list{
margin: 0 !important;
padding: 0 !important;
}
.woof-front-builder-list li{
position: relative;
display: block;
padding: 10px;
background: #fff;
margin-bottom: 9px;
transition: all 0.5s;
box-sizing: border-box;
background-color: #fefefe;
border: 1px solid #ddd;
vertical-align: middle;
box-sizing: border-box;
color: #161c2d;
}
.woof-front-builder-list > li.woof-front-builder-list-li-selected{
border: dashed 1px lightseagreen;
}
.woof-front-builder-selector{
width: 100%;
margin-bottom: 11px;
min-height: 30px;
font-size: 18px;
color: #000;
border: solid 1px #ddd !important;
padding: 9px;
}
select.woof-front-builder-selector:invalid,
select.woof-front-builder-selector
{
color: #2eca8b !important;
font-weight: 600 !important;
}
select.woof-front-builder-selector option:not([value=""])
{
color: #000;
font-weight: 500 !important;
}
.woof-front-builder-list-li-del{
position: absolute;
right: 0;
top: 10px;
display: inline-block;
width: 30px;
}
.woof-front-builder-list-li-del img{
position: relative;
width: 50%;
display: block;
top: 6px;
right: -8px;
}
.woof-front-builder-list-li-move{
position: absolute;
right: 30px;
top: 11px;
display: flex;
}
.woof-front-builder-list-li-move a{
margin-right: 11px;
align-self: center;
}
.woof-front-builder-list-li-down,
.woof-front-builder-list-li-up,
.woof-front-builder-sd-btn{
display: inline-block;
width: 30px;
}
.woof-front-builder-sd-btn{
top: 0;
display: inline-block;
position: relative;
}
.woof-front-builder-list-li-down img,
.woof-front-builder-list-li-up img,
.woof-front-builder-sd-btn img,
.woof-front-builder-btn-back img,
.woof-front-builder-btn-options img{
width: 100%;
display: block;
}
.woof-front-builder-list-li-up{
transform: rotate(180deg);
}
.woof-front-builder-list-li-down{
top: -8px;
position: relative;
}
.woof-front-builder-btn-back,
.woof-front-builder-btn-options{
display: inline-block;
width: 30px;
}
.popup23-content data-table-row data-table-cell:nth-child(2){
text-align: left;
}
.popup23-content data-table-cell textarea{
height: 100%;
min-height: 100px;
}
.woof-front-builder-premium{
color: red;
}
.woof-front-builder-container .woof_auto_show{
background: #fff;
}
.popup23-tab-panels input[type=text],
.popup23-tab-panels textarea,
.popup23-tab-panels select{
padding: 0.6em;
background-color: #faf9f9;
background-image: none !important;
color: #43454b;
border: 0;
-webkit-appearance: auto;
box-sizing: border-box;
font-weight: 400;
box-shadow: none;
width: 100%;
}
.woof-front-builder-container{
overflow: unset; }
.woof-front-builder-container:has(.woof_autohide_wrapper){
overflow: visible;
}
.woof-front-builder-container .woof_container{
display: inline-block;
width: calc(var(--woof-fb-section-width) - 2px);
vertical-align: top;
}
.woof-front-builder-container .woof_block_html_items{
max-height: var(--woof-fb-section-height) !important; padding: 3px 0 0 3px;
}
.woof-front-builder-type-selector{
position: absolute;
width: 200px !important;
max-width: 200px !important;
left: 50%;
top: 50%;
transform: translate(0, -50%);
background-color: #fbfbff !important;
}
.woof-front-builder-container .woof_block_html_items{
overflow-y: auto;
overflow: visible;
}
.woof-front-builder-container .woof_container h4 {
margin-bottom: 11px;
font-size: 1.12em;
line-height: 1.12em;
background: #f7f7f7;
padding: 8px 7px;
color: #333;
text-align: center;
}
.woof-front-builder-type-section-options{
position: absolute;
left: 45%;
top: 50%;
transform: translate(0, -50%);
}
.widget .woof_sid_flat_white,
.widget_text .woof_sid_flat_white{
border: none;
padding: 0;
}
.widget .woof_auto_show_indent .woof_sid_flat_white{
border: solid 1px #eee;
padding: 9px;
}
.woof-front-builder-container .woof_list_sd.woof_list_switcher_sd{
padding-left: 11px;
}
.woof-front-builder-container .select2,
.woof-front-builder-container .chosen-container{
width: 100% !important;
}
.woof-front-builder-container .woof_auto_1_columns .woof_container{
padding: 0 0 15px 0;
}.ui-slideouttab-panel, .ui-slideouttab-handle {
background-color: #fff;
padding: 0.4em;
box-sizing: border-box;
}
.ui-slideouttab-panel {
display: block;
position: fixed;
border: 1px solid #f9f9f9;
} .ui-slideouttab-ready {
transition: transform 0.5s ease 0s;
} @media print {
.ui-slideouttab-panel {
display: none;
}
} .ui-slideouttab-handle {
display: block;
position: absolute;
cursor: pointer;
color: white;
background-color: grey;
}
.ui-slideouttab-handle-image {
transform: rotate(0);
} .ui-slideouttab-right {
right: 0px;
transform: translateX(100%);
border-right: none;
}
.ui-slideouttab-right.ui-slideouttab-open {
transform: translateX(0%);
}
.ui-slideouttab-right .ui-slideouttab-handle {
transform-origin: 0% 0%;
transform: rotate(-90deg) translate(-100%,-100%);   
}
.ui-slideouttab-right .ui-slideouttab-handle-reverse {
transform-origin: 0% 100%;
transform: rotate(-90deg);
} .ui-slideouttab-left {
left: 0px;
transform: translateX(-100%);
border-left: none;
}
.ui-slideouttab-left.ui-slideouttab-open {
transform: translateX(0%);
}
.ui-slideouttab-left .ui-slideouttab-handle {
transform-origin: 100% 0%;
transform: rotate(-90deg);   
}
.ui-slideouttab-left .ui-slideouttab-handle-reverse {
transform-origin: 100% 100%;
transform: rotate(-90deg) translate(100%,100%);   
} .ui-slideouttab-top {
top: 0px;
transform: translateY(-100%);
border-top: none;
}
.ui-slideouttab-top.ui-slideouttab-open {
transform: translateY(0%);
} .ui-slideouttab-bottom {
bottom: 0px;
transform: translateY(100%);
border-bottom: none;
}
.ui-slideouttab-bottom.ui-slideouttab-open {
transform: translateY(0%);
} .ui-slideouttab-left .ui-slideouttab-handle>.fa-icon, 
.ui-slideouttab-right .ui-slideouttab-handle>.fa-icon { 
transform: rotate(90deg);
}
.ui-slideouttab-handle>.fa-icon {
margin-left: 0.5em;
} .ui-slideouttab-top .ui-slideouttab-handle-rounded,
.ui-slideouttab-left .ui-slideouttab-handle-rounded {
border-radius: 0 0 4px 4px;
}
.ui-slideouttab-right .ui-slideouttab-handle-rounded, 
.ui-slideouttab-bottom .ui-slideouttab-handle-rounded {
border-radius: 4px 4px 0 0;
}.woof-slide-out-div{
z-index: 9999;
}
.woof-slide-content{
overflow-x: hidden;
padding: 9px;
}
.woof-slide-content .chosen-container{
max-width: 100% !important;
}.wdt-section-bgeffects-item
{
width: 100%;
height: 100%;
}
.wdt-section-bgeffects-image
{
position: absolute;
width: 100%;
height: 100%;
}@keyframes bounce{
20%,53%,80%,from,to{
animation-timing-function:cubic-bezier(.215,.61,.355,1);
transform:translate3d(0,0,0)
}
40%,43%{
animation-timing-function:cubic-bezier(.755,.050,.855,.060);
transform:translate3d(0,-30px,0)
}
70%{
animation-timing-function:cubic-bezier(.755,.050,.855,.060);
transform:translate3d(0,-15px,0)
}
90%{
transform:translate3d(0,-4px,0)
}
}
.bounce{
animation-name:bounce;
transform-origin:center bottom
}
@keyframes flash{
50%,from,to{
opacity:1
}
25%,75%{
opacity:0
}
}
.flash{
animation-name:flash
}
@keyframes pulse{
from,to{
transform:scale3d(1,1,1)
}
50%{
transform:scale3d(1.05,1.05,1.05)
}
}
.pulse{
animation-name:pulse
}
@keyframes rubberBand{
from,to{
transform:scale3d(1,1,1)
}
30%{
transform:scale3d(1.25,.75,1)
}
40%{
transform:scale3d(.75,1.25,1)
}
50%{
transform:scale3d(1.15,.85,1)
}
65%{
transform:scale3d(.95,1.05,1)
}
75%{
transform:scale3d(1.05,.95,1)
}
}
.rubberBand{
animation-name:rubberBand
}
@keyframes shake{
from,to{
transform:translate3d(0,0,0)
}
10%,30%,50%,70%,90%{
transform:translate3d(-10px,0,0)
}
20%,40%,60%,80%{
transform:translate3d(10px,0,0)
}
}
.shake{
animation-name:shake
}
@keyframes headShake{
0%{
transform:translateX(0)
}
6.5%{
transform:translateX(-6px) rotateY(-9deg)
}
18.5%{
transform:translateX(5px) rotateY(7deg)
}
31.5%{
transform:translateX(-3px) rotateY(-5deg)
}
43.5%{
transform:translateX(2px) rotateY(3deg)
}
50%{
transform:translateX(0)
}
}
.headShake{
animation-timing-function:ease-in-out;
animation-name:headShake
}
@keyframes swing{
20%{
transform:rotate3d(0,0,1,15deg)
}
40%{
transform:rotate3d(0,0,1,-10deg)
}
60%{
transform:rotate3d(0,0,1,5deg)
}
80%{
transform:rotate3d(0,0,1,-5deg)
}
to{
transform:rotate3d(0,0,1,0deg)
}
}
.swing{
transform-origin:top center;
animation-name:swing
}
@keyframes tada{
from,to{
transform:scale3d(1,1,1)
}
10%,20%{
transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
}
30%,50%,70%,90%{
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}
40%,60%,80%{
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}
}
.tada{
animation-name:tada
}
@keyframes wobble{
from,to{
transform:none
}
15%{
transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}
30%{
transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}
45%{
transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}
60%{
transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}
75%{
transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}
}
.wobble{
animation-name:wobble
}
@keyframes jello{
11.1%,from,to{
transform:none
}
22.2%{
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3%{
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4%{
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5%{
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6%{
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7%{
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8%{
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello{
animation-name:jello;
transform-origin:center
}
@keyframes bounceIn{
20%,40%,60%,80%,from,to{
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{
opacity:0;
transform:scale3d(.3,.3,.3)
}
20%{
transform:scale3d(1.1,1.1,1.1)
}
40%{
transform:scale3d(.9,.9,.9)
}
60%{
opacity:1;
transform:scale3d(1.03,1.03,1.03)
}
80%{
transform:scale3d(.97,.97,.97)
}
to{
opacity:1;
transform:scale3d(1,1,1)
}
}
.bounceIn{
animation-name:bounceIn
}
@keyframes bounceInDown{
60%,75%,90%,from,to{
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{
opacity:0;
transform:translate3d(0,-3000px,0)
}
60%{
opacity:1;
transform:translate3d(0,25px,0)
}
75%{
transform:translate3d(0,-10px,0)
}
90%{
transform:translate3d(0,5px,0)
}
to{
transform:none
}
}
.bounceInDown{
animation-name:bounceInDown
}
@keyframes bounceInLeft{
60%,75%,90%,from,to{
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{
opacity:0;
transform:translate3d(-3000px,0,0)
}
60%{
opacity:1;
transform:translate3d(25px,0,0)
}
75%{
transform:translate3d(-10px,0,0)
}
90%{
transform:translate3d(5px,0,0)
}
to{
transform:none
}
}
.bounceInLeft{
animation-name:bounceInLeft
}
@keyframes bounceInRight{
60%,75%,90%,from,to{
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from{
opacity:0;
transform:translate3d(3000px,0,0)
}
60%{
opacity:1;
transform:translate3d(-25px,0,0)
}
75%{
transform:translate3d(10px,0,0)
}
90%{
transform:translate3d(-5px,0,0)
}
to{
transform:none
}
}
.bounceInRight{
animation-name:bounceInRight
}
@keyframes bounceInUp{
60%,75%,90%,from,to{
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from{
opacity:0;
transform:translate3d(0,3000px,0)
}
60%{
opacity:1;
transform:translate3d(0,-20px,0)
}
75%{
transform:translate3d(0,10px,0)
}
90%{
transform:translate3d(0,-5px,0)
}
to{
transform:translate3d(0,0,0)
}
}
.bounceInUp{
animation-name:bounceInUp
}
@keyframes fadeIn{
from{
opacity:0
}
to{
opacity:1
}
}
.fadeIn{
animation-name:fadeIn
}
@keyframes fadeInDown{
from{
opacity:0;
transform:translate3d(0,-20%,0)
}
to{
opacity:1;
transform:none
}
}
.fadeInDown{
animation-name:fadeInDown
}
@keyframes fadeInLeft{
from{
opacity:0;
transform:translate3d(-20%,0,0)
}
to{
opacity:1;
transform:none
}
}
.fadeInLeft{
animation-name:fadeInLeft
}
@keyframes fadeInRight{
from{
opacity:0;
transform:translate3d(20%,0,0)
}
to{
opacity:1;
transform:none
}
}
.fadeInRight{
animation-name:fadeInRight
}
@keyframes fadeInUp{
from{
opacity:0;
transform:translate3d(0,20%,0)
}
to{
opacity:1;
transform:none
}
}
.fadeInUp{
animation-name:fadeInUp
}
@keyframes lightSpeedIn{
from{
transform:translate3d(20%,0,0) skewX(-30deg);
opacity:0
}
60%{
transform:skewX(20deg);
opacity:1
}
80%{
transform:skewX(-5deg);
opacity:1
}
to{
transform:none;
opacity:1
}
}
.lightSpeedIn{
animation-name:lightSpeedIn;
animation-timing-function:ease-out
}
@keyframes rotateIn{
from{
transform-origin:center;
transform:rotate3d(0,0,1,-200deg);
opacity:0
}
to{
transform-origin:center;
transform:none;
opacity:1
}
}
.rotateIn{
animation-name:rotateIn
}
@keyframes rotateInDownLeft{
from{
transform-origin:left bottom;
transform:rotate3d(0,0,1,-45deg);
opacity:0
}
to{
transform-origin:left bottom;
transform:none;
opacity:1
}
}
.rotateInDownLeft{
animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight{
from{
transform-origin:right bottom;
transform:rotate3d(0,0,1,45deg);
opacity:0
}
to{
transform-origin:right bottom;
transform:none;
opacity:1
}
}
.rotateInDownRight{
animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft{
from{
transform-origin:left bottom;
transform:rotate3d(0,0,1,45deg);
opacity:0
}
to{
transform-origin:left bottom;
transform:none;
opacity:1
}
}
.rotateInUpLeft{
animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight{
from{
transform-origin:right bottom;
transform:rotate3d(0,0,1,-90deg);
opacity:0
}
to{
transform-origin:right bottom;
transform:none;
opacity:1
}
}
.rotateInUpRight{
animation-name:rotateInUpRight
}
@keyframes rollIn{
from{
opacity:0;
transform:translate3d(-20%,0,0) rotate3d(0,0,1,-120deg)
}
to{
opacity:1;
transform:none
}
}
.rollIn{
animation-name:rollIn
}
@keyframes zoomIn{
from{
opacity:0;
transform:scale3d(.3,.3,.3)
}
50%{
opacity:1
}
}
.zoomIn{
animation-name:zoomIn
}
@keyframes zoomInDown{
from{
opacity:0;
transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInDown{
animation-name:zoomInDown
}
@keyframes zoomInLeft{
from{
opacity:0;
transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInLeft{
animation-name:zoomInLeft
}
@keyframes zoomInRight{
from{
opacity:0;
transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInRight{
animation-name:zoomInRight
}
@keyframes zoomInUp{
from{
opacity:0;
transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{
opacity:1;
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInUp{
animation-name:zoomInUp
}
@keyframes slideInDown{
from{
transform:translate3d(0,-20%,0);
visibility:visible
}
to{
transform:translate3d(0,0,0)
}
}
.slideInDown{
animation-name:slideInDown
}
@keyframes slideInLeft{
from{
transform:translate3d(-20%,0,0);
visibility:visible
}
to{
transform:translate3d(0,0,0)
}
}
.slideInLeft{
animation-name:slideInLeft
}
@keyframes slideInRight{
from{
transform:translate3d(20%,0,0);
visibility:visible
}
to{
transform:translate3d(0,0,0)
}
}
.slideInRight{
animation-name:slideInRight
}
@keyframes slideInUp{
from{
transform:translate3d(0,20%,0);
visibility:visible
}
to{
transform:translate3d(0,0,0)
}
}
.slideInUp{
animation-name:slideInUp
}
.elementor-animation-grow{
transition-duration:.3s;
transition-property:transform
}
.elementor-animation-grow:active,.elementor-animation-grow:focus,.elementor-animation-grow:hover{
transform:scale(1.1)
}
.elementor-animation-shrink{
transition-duration:.3s;
transition-property:transform
}
.elementor-animation-shrink:active,.elementor-animation-shrink:focus,.elementor-animation-shrink:hover{
transform:scale(0.9)
}
@keyframes elementor-animation-pulse{
25%{
transform:scale(1.1)
}
75%{
transform:scale(0.9)
}
}
.elementor-animation-pulse:active,.elementor-animation-pulse:focus,.elementor-animation-pulse:hover{
animation-name:elementor-animation-pulse;
animation-duration:1s;
animation-timing-function:linear;
animation-iteration-count:infinite
}
@keyframes elementor-animation-pulse-grow{
to{
transform:scale(1.1)
}
}
.elementor-animation-pulse-grow:active,.elementor-animation-pulse-grow:focus,.elementor-animation-pulse-grow:hover{
animation-name:elementor-animation-pulse-grow;
animation-duration:.3s;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-direction:alternate
}
@keyframes elementor-animation-pulse-shrink{
to{
transform:scale(0.9)
}
}
.elementor-animation-pulse-shrink:active,.elementor-animation-pulse-shrink:focus,.elementor-animation-pulse-shrink:hover{
animation-name:elementor-animation-pulse-shrink;
animation-duration:.3s;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-direction:alternate
}
@keyframes elementor-animation-push{
50%{
transform:scale(0.8)
}
100%{
transform:scale(1)
}
}
.elementor-animation-push:active,.elementor-animation-push:focus,.elementor-animation-push:hover{
animation-name:elementor-animation-push;
animation-duration:.3s;
animation-timing-function:linear;
animation-iteration-count:1
}
@keyframes elementor-animation-pop{
50%{
transform:scale(1.2)
}
}
.elementor-animation-pop:active,.elementor-animation-pop:focus,.elementor-animation-pop:hover{
animation-name:elementor-animation-pop;
animation-duration:.3s;
animation-timing-function:linear;
animation-iteration-count:1
}
.elementor-animation-bounce-in{
transition-duration:.5s
}
.elementor-animation-bounce-in:active,.elementor-animation-bounce-in:focus,.elementor-animation-bounce-in:hover{
transform:scale(1.2);
transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)
}
.elementor-animation-bounce-out{
transition-duration:.5s
}
.elementor-animation-bounce-out:active,.elementor-animation-bounce-out:focus,.elementor-animation-bounce-out:hover{
transform:scale(0.8);
transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)
}
.elementor-animation-rotate{
transition-duration:.3s;
transition-property:transform
}
.elementor-animation-rotate:active,.elementor-animation-rotate:focus,.elementor-animation-rotate:hover{
transform:rotate(4deg)
}
.elementor-animation-grow-rotate{
transition-duration:.3s;
transition-property:transform
}
.elementor-animation-grow-rotate:active,.elementor-animation-grow-rotate:focus,.elementor-animation-grow-rotate:hover{
transform:scale(1.1) rotate(4deg)
}
.elementor-animation-float{
transition-duration:.3s;
transition-property:transform;
transition-timing-function:ease-out
}
.elementor-animation-float:active,.elementor-animation-float:focus,.elementor-animation-float:hover{
transform:translateY(-8px)
}
.elementor-animation-sink{
transition-duration:.3s;
transition-property:transform;
transition-timing-function:ease-out
}
.elementor-animation-sink:active,.elementor-animation-sink:focus,.elementor-animation-sink:hover{
transform:translateY(8px)
}
@keyframes elementor-animation-bob{
0%{
transform:translateY(-8px)
}
50%{
transform:translateY(-4px)
}
100%{
transform:translateY(-8px)
}
}
@keyframes elementor-animation-bob-float{
100%{
transform:translateY(-8px)
}
}
.elementor-animation-bob:active,.elementor-animation-bob:focus,.elementor-animation-bob:hover{
animation-name:elementor-animation-bob-float,elementor-animation-bob;
animation-duration:.3s,1.5s;
animation-delay:0s,.3s;
animation-timing-function:ease-out,ease-in-out;
animation-iteration-count:1,infinite;
animation-fill-mode:forwards;
animation-direction:normal,alternate
}
@keyframes elementor-animation-hang{
0%{
transform:translateY(8px)
}
50%{
transform:translateY(4px)
}
100%{
transform:translateY(8px)
}
}
@keyframes elementor-animation-hang-sink{
100%{
transform:translateY(8px)
}
}
.elementor-animation-hang:active,.elementor-animation-hang:focus,.elementor-animation-hang:hover{
animation-name:elementor-animation-hang-sink,elementor-animation-hang;
animation-duration:.3s,1.5s;
animation-delay:0s,.3s;
animation-timing-function:ease-out,ease-in-out;
animation-iteration-count:1,infinite;
animation-fill-mode:forwards;
animation-direction:normal,alternate
}
.elementor-animation-skew{
transition-duration:.3s;
transition-property:transform
}
.elementor-animation-skew:active,.elementor-animation-skew:focus,.elementor-animation-skew:hover{
transform:skew(-10deg)
}
.elementor-animation-skew-forward{
transition-duration:.3s;
transition-property:transform;
transform-origin:0 100%
}
.elementor-animation-skew-forward:active,.elementor-animation-skew-forward:focus,.elementor-animation-skew-forward:hover{
transform:skew(-10deg)
}
.elementor-animation-skew-backward{
transition-duration:.3s;
transition-property:transform;
transform-origin:0 100%
}
.elementor-animation-skew-backward:active,.elementor-animation-skew-backward:focus,.elementor-animation-skew-backward:hover{
transform:skew(10deg)
}
@keyframes elementor-animation-wobble-vertical{
16.65%{
transform:translateY(8px)
}
33.3%{
transform:translateY(-6px)
}
49.95%{
transform:translateY(4px)
}
66.6%{
transform:translateY(-2px)
}
83.25%{
transform:translateY(1px)
}
100%{
transform:translateY(0)
}
}
.elementor-animation-wobble-vertical:active,.elementor-animation-wobble-vertical:focus,.elementor-animation-wobble-vertical:hover{
animation-name:elementor-animation-wobble-vertical;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1
}
@keyframes elementor-animation-wobble-horizontal{
16.65%{
transform:translateX(8px)
}
33.3%{
transform:translateX(-6px)
}
49.95%{
transform:translateX(4px)
}
66.6%{
transform:translateX(-2px)
}
83.25%{
transform:translateX(1px)
}
100%{
transform:translateX(0)
}
}
.elementor-animation-wobble-horizontal:active,.elementor-animation-wobble-horizontal:focus,.elementor-animation-wobble-horizontal:hover{
animation-name:elementor-animation-wobble-horizontal;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1
}
@keyframes elementor-animation-wobble-to-bottom-right{
16.65%{
transform:translate(8px,8px)
}
33.3%{
transform:translate(-6px,-6px)
}
49.95%{
transform:translate(4px,4px)
}
66.6%{
transform:translate(-2px,-2px)
}
83.25%{
transform:translate(1px,1px)
}
100%{
transform:translate(0,0)
}
}
.elementor-animation-wobble-to-bottom-right:active,.elementor-animation-wobble-to-bottom-right:focus,.elementor-animation-wobble-to-bottom-right:hover{
animation-name:elementor-animation-wobble-to-bottom-right;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1
}
@keyframes elementor-animation-wobble-to-top-right{
16.65%{
transform:translate(8px,-8px)
}
33.3%{
transform:translate(-6px,6px)
}
49.95%{
transform:translate(4px,-4px)
}
66.6%{
transform:translate(-2px,2px)
}
83.25%{
transform:translate(1px,-1px)
}
100%{
transform:translate(0,0)
}
}
.elementor-animation-wobble-to-top-right:active,.elementor-animation-wobble-to-top-right:focus,.elementor-animation-wobble-to-top-right:hover{
animation-name:elementor-animation-wobble-to-top-right;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1
}
@keyframes elementor-animation-wobble-top{
16.65%{
transform:skew(-12deg)
}
33.3%{
transform:skew(10deg)
}
49.95%{
transform:skew(-6deg)
}
66.6%{
transform:skew(4deg)
}
83.25%{
transform:skew(-2deg)
}
100%{
transform:skew(0)
}
}
.elementor-animation-wobble-top{
transform-origin:0 100%
}
.elementor-animation-wobble-top:active,.elementor-animation-wobble-top:focus,.elementor-animation-wobble-top:hover{
animation-name:elementor-animation-wobble-top;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1
}
@keyframes elementor-animation-wobble-bottom{
16.65%{
transform:skew(-12deg)
}
33.3%{
transform:skew(10deg)
}
49.95%{
transform:skew(-6deg)
}
66.6%{
transform:skew(4deg)
}
83.25%{
transform:skew(-2deg)
}
100%{
transform:skew(0)
}
}
.elementor-animation-wobble-bottom{
transform-origin:100% 0
}
.elementor-animation-wobble-bottom:active,.elementor-animation-wobble-bottom:focus,.elementor-animation-wobble-bottom:hover{
animation-name:elementor-animation-wobble-bottom;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1
}
@keyframes elementor-animation-wobble-skew{
16.65%{
transform:skew(-12deg)
}
33.3%{
transform:skew(10deg)
}
49.95%{
transform:skew(-6deg)
}
66.6%{
transform:skew(4deg)
}
83.25%{
transform:skew(-2deg)
}
100%{
transform:skew(0)
}
}
.elementor-animation-wobble-skew:active,.elementor-animation-wobble-skew:focus,.elementor-animation-wobble-skew:hover{
animation-name:elementor-animation-wobble-skew;
animation-duration:1s;
animation-timing-function:ease-in-out;
animation-iteration-count:1
}
@keyframes elementor-animation-buzz{
50%{
transform:translateX(3px) rotate(2deg)
}
100%{
transform:translateX(-3px) rotate(-2deg)
}
}
.elementor-animation-buzz:active,.elementor-animation-buzz:focus,.elementor-animation-buzz:hover{
animation-name:elementor-animation-buzz;
animation-duration:.15s;
animation-timing-function:linear;
animation-iteration-count:infinite
}
@keyframes elementor-animation-buzz-out{
10%{
transform:translateX(3px) rotate(2deg)
}
20%{
transform:translateX(-3px) rotate(-2deg)
}
30%{
transform:translateX(3px) rotate(2deg)
}
40%{
transform:translateX(-3px) rotate(-2deg)
}
50%{
transform:translateX(2px) rotate(1deg)
}
60%{
transform:translateX(-2px) rotate(-1deg)
}
70%{
transform:translateX(2px) rotate(1deg)
}
80%{
transform:translateX(-2px) rotate(-1deg)
}
90%{
transform:translateX(1px) rotate(0)
}
100%{
transform:translateX(-1px) rotate(0)
}
}
.elementor-animation-buzz-out:active,.elementor-animation-buzz-out:focus,.elementor-animation-buzz-out:hover{
animation-name:elementor-animation-buzz-out;
animation-duration:.75s;
animation-timing-function:linear;
animation-iteration-count:1
}