.premium-button-text-icon-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
[class*=premium-button-style]:not(.premium-button-style8),
.premium-image-button:not(.premium-button-style8) {
overflow: hidden;
}
.premium-button-style1,
.premium-button-style2,
.premium-button-style5,
.premium-button-style7 {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.premium-button-style1:before,
.premium-button-style2:before,
.premium-button-style5:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.premium-button-style5-radialin:before,
.premium-button-style5-radialout:before {
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
border-radius: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.premium-button-style5-radialin:before {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.premium-button-style5-rectin:before {
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.premium-button-style5-rectout:before {
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.premium-button-style5-rectout:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.premium-button-style5-rectin:hover:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.premium-button-style5-radialout:hover:before {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.premium-button-style5-radialin:hover:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.premium-button-style1-top:before {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.premium-button-style1-right:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.premium-button-style1-left:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.premium-button-style2-shutouthor:before,
.premium-button-style2-scshutoutver:before {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.premium-button-style2-shutoutver:before,
.premium-button-style2-scshutouthor:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.premium-button-style2-shutinhor:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
}
.premium-button-style2-shutinver:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
}
.premium-button-style1-bottom:hover:before,
.premium-button-style1-top:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.premium-button-style1-left:hover:before,
.premium-button-style1-right:hover:before,
.premium-button-style2-shutouthor:hover:before,
.premium-button-style2-shutoutver:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.premium-button-style2-shutinhor:hover:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.premium-button-style2-shutinver:hover:before {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.premium-button-style2-scshutouthor:hover:before {
-webkit-transform: scaleX(0.9);
-ms-transform: scaleX(0.9);
transform: scaleX(0.9);
}
.premium-button-style2-scshutoutver:hover:before {
-webkit-transform: scaleY(0.8);
-ms-transform: scaleY(0.8);
transform: scaleY(0.8);
} .premium-button-style2-dshutinhor:before {
top: 50%;
left: 50%;
width: 120%;
height: 0%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: all;
transition-property: all;
}
.premium-button-style2-dshutinver:before {
top: 50%;
left: 50%;
width: 120%;
height: 0%;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: all;
transition-property: all;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.premium-button-style2-dshutinhor:hover:before,
.premium-button-style2-dshutinver:hover:before {
height: 220%;
}
.premium-button-style6 {
position: relative;
}
.premium-button-style6:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.premium-button-style6:hover:before {
-webkit-transform: translate(-50%, -50%) scale(3);
-ms-transform: translate(-50%, -50%) scale(3);
transform: translate(-50%, -50%) scale(3);
}
.premium-button-style6 > *:not(.premium-button-style6-bg) {
position: relative;
z-index: 1;
}
.premium-button-style7-right .premium-button-text-icon-wrapper:before,
.premium-button-style7-left .premium-button-text-icon-wrapper:before {
-webkit-transition: width 0.3s ease-out 0.15s;
transition: width 0.3s ease-out 0.15s;
}
.premium-button-style7-right .premium-button-text-icon-wrapper:after,
.premium-button-style7-left .premium-button-text-icon-wrapper:after {
-webkit-transition: width 0.3s ease-out 0s;
transition: width 0.3s ease-out 0s;
}
.premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
.premium-button-style7-top .premium-button-text-icon-wrapper:before {
-webkit-transition: height 0.3s ease-out 0.15s;
transition: height 0.3s ease-out 0.15s;
}
.premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
.premium-button-style7-top .premium-button-text-icon-wrapper:after {
-webkit-transition: height 0.3s ease-out 0s;
transition: height 0.3s ease-out 0s;
}
.premium-button-style7:hover .premium-button-text-icon-wrapper:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.premium-button-style7:hover .premium-button-text-icon-wrapper:after {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
.premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
content: "";
position: absolute;
right: 0;
top: 0;
left: 0;
height: 0;
z-index: -1;
}
.premium-button-style7-top .premium-button-text-icon-wrapper:after,
.premium-button-style7-top .premium-button-text-icon-wrapper:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0;
z-index: -1;
}
.premium-button-style7-right .premium-button-text-icon-wrapper:after,
.premium-button-style7-right .premium-button-text-icon-wrapper:before {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 0;
z-index: -1;
}
.premium-button-style7-left .premium-button-text-icon-wrapper:after,
.premium-button-style7-left .premium-button-text-icon-wrapper:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
z-index: -1;
}
.premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
.premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
height: 100%;
top: 0;
}
.premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
.premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
height: 100%;
bottom: 0;
}
.premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
.premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
width: 100%;
left: 0;
}
.premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
.premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
width: 100%;
right: 0;
}
.premium-button-style8 {
position: relative;
}
.premium-button-line1 .premium-btn-line-wrap {
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.premium-button-line1 .premium-btn-svg {
stroke: currentColor;
stroke-width: 1px;
height: auto;
}
.premium-button-line1 .premium-btn-svg path {
-webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.7, 0, 0.3, 1);
transition: stroke-dashoffset 0.6s cubic-bezier(0.7, 0, 0.3, 1);
stroke-dasharray: 1;
stroke-dashoffset: 1;
fill: none;
}
.premium-button-line1:hover .premium-btn-svg path {
-webkit-transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
stroke-dashoffset: 0;
}
.premium-button-line4 {
overflow: hidden;
}
.premium-button-line4::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 100%;
left: 0;
pointer-events: none;
}
.premium-button-line4 .premium-btn-svg {
position: absolute;
left: 0;
top: -3px;
pointer-events: none;
fill: none;
width: 300%;
max-width: inherit;
height: 100%;
stroke-width: 2px;
-webkit-transition: -webkit-transform 0.7s;
transition: -webkit-transform 0.7s;
transition: transform 0.7s;
transition: transform 0.7s, -webkit-transform 0.7s;
-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
}
.premium-button-line4 .premium-btn-svg path {
fill: none;
}
.premium-button-line4:hover .premium-btn-svg {
-webkit-transform: translate3d(-66.6%, 0, 0);
transform: translate3d(-66.6%, 0, 0);
}
.premium-button-line2::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: currentColor;
left: 0;
top: 50%;
pointer-events: none;
height: 2px;
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1), -webkit-transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
}
.premium-button-line2:hover span {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.premium-button-line2:hover::before {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.premium-button-line3 .premium-btn-line-wrap {
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.premium-button-line3 .premium-btn-svg {
stroke: currentColor;
stroke-width: 1px;
height: auto;
}
.premium-button-line3 .premium-btn-svg path {
-webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.7, 0, 0.3, 1);
transition: stroke-dashoffset 0.6s cubic-bezier(0.7, 0, 0.3, 1);
stroke-dasharray: 1;
stroke-dashoffset: 1;
fill: none;
}
.premium-button-line3:hover .premium-btn-svg path {
-webkit-transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
stroke-dashoffset: 0;
}
.premium-button-line5::before, .premium-button-line5::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 100%;
left: 0;
pointer-events: none;
}
.premium-button-line5::before {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1), -webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}
.premium-button-line5::after {
top: -webkit-calc(100% + 4px);
top: calc(100% + 4px);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1), -webkit-transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
}
.premium-button-line5:hover::before, .premium-button-line5:hover::after {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.premium-button-line5:hover::before {
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
}
.premium-button-line5:hover::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.premium-button-line6 {
overflow: hidden;
}
.premium-button-line6::before, .premium-button-line6::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 100%;
left: 0;
pointer-events: none;
}
.premium-button-line6::before {
height: 2px;
top: -webkit-calc(100% - 2px);
top: calc(100% - 2px);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}
.premium-button-line6::after {
content: attr(data-text);
height: 100%;
top: 0;
background: none;
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
padding: 16px 28px;
text-align: center;
}
.premium-button-line6:hover::before {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.premium-button-line6:hover::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.premium-button-line6 span {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.premium-button-line6:hover span {
-webkit-transform: translate3d(-200%, 0, 0);
transform: translate3d(-200%, 0, 0);
opacity: 0;
}
.premium-button-line7::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 100%;
left: 0;
pointer-events: none;
opacity: 0;
}
.premium-button-line7:hover::before {
opacity: 1;
-webkit-animation: pa-btn-glitch 0.4s steps(2, start) forwards;
animation: pa-btn-glitch 0.4s steps(2, start) forwards;
}
.premium-button-line7:hover span {
-webkit-animation: pa-text-glitch 0.4s linear;
animation: pa-text-glitch 0.4s linear;
}
.premium-mask-active.premium-mask-tr .premium-mask-span::after {
-webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
-webkit-transform: translateX(-103%);
-ms-transform: translateX(-103%);
transform: translateX(-103%);
}
.premium-mask-active.premium-mask-tl .premium-mask-span::after {
-webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
-webkit-transform: translateX(103%);
-ms-transform: translateX(103%);
transform: translateX(103%);
}
.premium-mask-active.premium-mask-tb .premium-mask-span::after {
-webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
-webkit-transform: translateY(-103%);
-ms-transform: translateY(-103%);
transform: translateY(-103%);
}
.premium-mask-active.premium-mask-tt .premium-mask-span::after {
-webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
-webkit-transform: translateY(103%);
-ms-transform: translateY(103%);
transform: translateY(103%);
}
@-webkit-keyframes pa-mask-tr {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(103%);
transform: translateX(103%);
}
}
@keyframes pa-mask-tr {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(103%);
transform: translateX(103%);
}
}
@-webkit-keyframes pa-mask-tl {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-103%);
transform: translateX(-103%);
}
}
@keyframes pa-mask-tl {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-103%);
transform: translateX(-103%);
}
}
@-webkit-keyframes pa-mask-tb {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(103%);
transform: translateY(103%);
}
}
@keyframes pa-mask-tb {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(103%);
transform: translateY(103%);
}
}
@-webkit-keyframes pa-mask-tt {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(-103%);
transform: translateY(-103%);
}
}
@keyframes pa-mask-tt {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(-103%);
transform: translateY(-103%);
}
}
@-webkit-keyframes pa-btn-glitch {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
20% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
}
30% {
-webkit-transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
40% {
-webkit-transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
}
50% {
-webkit-transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
}
60% {
-webkit-transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
}
70% {
-webkit-transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
}
80% {
-webkit-transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
90% {
-webkit-transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
100% {
opacity: 1;
}
}
@keyframes pa-btn-glitch {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
20% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
}
30% {
-webkit-transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
40% {
-webkit-transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
}
50% {
-webkit-transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
}
60% {
-webkit-transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
}
70% {
-webkit-transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
}
80% {
-webkit-transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
90% {
-webkit-transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes pa-text-glitch {
0% {
opacity: 1;
-webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
10% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
20% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
35% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
50% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
70% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
80% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
90% {
-webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@keyframes pa-text-glitch {
0% {
opacity: 1;
-webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
10% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
20% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
35% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
50% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
70% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
80% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
90% {
-webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0:not(:has(.elementor-widget-container)){font-size:0;line-height:1}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;align-items:center;background-color:#69727d;cursor:pointer;display:inline-flex;justify-content:center;text-align:center}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{color:#fff;opacity:.9}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.e--ua-appleWebkit.rtl{--flex-right:flex-start}.e--ua-appleWebkit .elementor-share-buttons--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-inline:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item{margin-inline:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item{margin-inline:0}@media (max-width:1024px){.e--ua-appleWebkit .elementor-share-buttons-tablet--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-tablet--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-inline:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item{margin-inline:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item{margin-inline:0}}@media (max-width:767px){.e--ua-appleWebkit .elementor-share-buttons-mobile--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-mobile--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid{display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-inline:calc(-.5 * var(--grid-column-gap));width:auto}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item{margin-inline:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item{margin-inline:0}}