.trx_addons_mouse_helper {
--mouse-helper-width: 15px;
--mouse-helper-height: 15px;
--mouse-helper-left: 5px;
--mouse-helper-top: 25px;
position: fixed;
z-index: 999999;
top: var(--mouse-helper-top);
left: var(--mouse-helper-left);
width: var(--mouse-helper-width);
height: var(--mouse-helper-height);
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease, opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease;
-ms-transition: left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease, opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease;
transition: left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease, opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
font-size: 0.75em;
text-indent: 200px;
line-height: 1.25em;
text-align: center;
color: #fff;
background-color: #11a0d2;
border: 1px solid transparent;
opacity: 0;
pointer-events: none;
will-change: left, top, width, height;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_abrupt {
-webkit-transition: none;
-ms-transition: none;
transition: none;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_hide {
opacity: 0 !important;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_permanent {
opacity: 0.5;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_centered {
left: calc( var(--mouse-helper-width) / -2 );
top: calc( var(--mouse-helper-height) / -2 );
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_left:not(.trx_addons_mouse_helper_centered) {
left: calc( var(--mouse-helper-width) * -1 - 15px );
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_top:not(.trx_addons_mouse_helper_centered) {
top: calc( var(--mouse-helper-height) * -1 - 15px );
}
.trx_addons_mouse_helper .trx_addons_mouse_helper_icon {
font-size: 3em;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_with_text .trx_addons_mouse_helper_icon {
margin-bottom: 0.25em;
font-size: 1.5em;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_with_text_round .trx_addons_mouse_helper_icon {
margin-bottom: 0;
}
.trx_addons_mouse_helper .trx_addons_mouse_helper_text_round {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
body:not(.rtl) .trx_addons_mouse_helper .trx_addons_mouse_helper_text_round {
-webkit-animation: spin-ccw 8s infinite linear;
-ms-animation: spin-ccw 8s infinite linear;
animation: spin-ccw 8s infinite linear;
}
body.rtl .trx_addons_mouse_helper .trx_addons_mouse_helper_text_round {
-webkit-animation: spin 8s infinite linear;
-ms-animation: spin 8s infinite linear;
animation: spin 8s infinite linear;
}
.trx_addons_mouse_helper .trx_addons_mouse_helper_text_round .trx_addons_mouse_helper_text_round_item {
position: absolute;
z-index: 1;
top: 0;
left: 0;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
line-height: 1.25em;
}
body.rtl .trx_addons_mouse_helper .trx_addons_mouse_helper_text_round .trx_addons_mouse_helper_text_round_item {
left: auto;
right: 0;
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.trx_addons_mouse_helper .trx_addons_mouse_helper_image {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_active {
--mouse-helper-width: 25px;
--mouse-helper-height: 25px;
color: #fff;
opacity: 1;
text-indent: 0;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_active.trx_addons_mouse_helper_action_highlight {
display: none;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_active.trx_addons_mouse_helper_with_icon {
--mouse-helper-width: 50px;
--mouse-helper-height: 50px;
padding: 5px;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_active.trx_addons_mouse_helper_with_text {
--mouse-helper-width: 75px;
--mouse-helper-height: 75px;
padding: 5px;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_active.trx_addons_mouse_helper_with_image {
--mouse-helper-width: 128px;
--mouse-helper-height: 128px;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_active.trx_addons_mouse_helper_with_image.trx_addons_mouse_helper_with_text {
--mouse-helper-width: 160px;
--mouse-helper-height: 160px;
}
.trx_addons_mouse_helper.trx_addons_mouse_helper_active.trx_addons_mouse_helper_with_image.trx_addons_mouse_helper_with_text .trx_addons_mouse_helper_image:before {
content: ' ';
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
} .trx_addons_mouse_helper_style_dot {
--mouse-helper-width: 15px;
--mouse-helper-height: 15px;
}
.trx_addons_mouse_helper_style_dot.trx_addons_mouse_helper_active {
--mouse-helper-width: 34px;
--mouse-helper-height: 34px;
} .trx_addons_mouse_helper_style_pointer {
--mouse-helper-width: 9px;
--mouse-helper-height: 9px;
}
.trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_active {
--mouse-helper-width: 13px;
--mouse-helper-height: 13px;
}
.trx_addons_mouse_helper_style_pointer, .trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_active {
background-color: #9099a2;
color: #fff;
}
.trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_outer {
--mouse-helper-width: 35px;
--mouse-helper-height: 35px;
background-color: transparent !important;
border: 1px solid #9099a2;
}
.trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_outer.trx_addons_mouse_helper_active {
--mouse-helper-width: 45px;
--mouse-helper-height: 45px;
}
.trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_over_link {
--mouse-helper-width: 11px;
--mouse-helper-height: 11px;
}
.trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_over_link:not(.trx_addons_mouse_helper_outer):not(.trx_addons_mouse_helper_with_image):not(.trx_addons_mouse_helper_with_icon):not(.trx_addons_mouse_helper_with_text):not(.trx_addons_mouse_helper_with_layout) {
background-color: #11a0d2 !important;
}
.trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_over_link.trx_addons_mouse_helper_outer {
--mouse-helper-width: 27px;
--mouse-helper-height: 27px;
border-color: #11a0d2 !important;
}
.trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_with_icon ~ .trx_addons_mouse_helper_outer, .trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_with_text ~ .trx_addons_mouse_helper_outer, .trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_text_round ~ .trx_addons_mouse_helper_outer, .trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_with_image ~ .trx_addons_mouse_helper_outer, .trx_addons_mouse_helper_style_pointer.trx_addons_mouse_helper_with_layout ~ .trx_addons_mouse_helper_outer {
opacity: 0;
} .trx_addons_mouse_helper_style_aim {
--aim-size: 17px;
overflow: visible;
}
.trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_reset {
overflow: hidden;
}
.trx_addons_mouse_helper_style_aim:not(.trx_addons_mouse_helper_outer):not(.trx_addons_mouse_helper_with_image):not(.trx_addons_mouse_helper_with_icon):not(.trx_addons_mouse_helper_with_text):not(.trx_addons_mouse_helper_with_layout) {
--mouse-helper-width: 3px;
--mouse-helper-height: 3px;
}
.trx_addons_mouse_helper_style_aim:not(.trx_addons_mouse_helper_outer):not(.trx_addons_mouse_helper_with_image):not(.trx_addons_mouse_helper_with_icon):not(.trx_addons_mouse_helper_with_text):not(.trx_addons_mouse_helper_with_layout).trx_addons_mouse_helper_active, .trx_addons_mouse_helper_style_aim:not(.trx_addons_mouse_helper_outer):not(.trx_addons_mouse_helper_with_image):not(.trx_addons_mouse_helper_with_icon):not(.trx_addons_mouse_helper_with_text):not(.trx_addons_mouse_helper_with_layout).trx_addons_mouse_helper_over_link {
--mouse-helper-width: 5px;
--mouse-helper-height: 5px;
}
.trx_addons_mouse_helper_style_aim, .trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_active {
background-color: #9099a2;
color: #fff;
}
.trx_addons_mouse_helper_style_aim:not(.trx_addons_mouse_helper_outer):not(.trx_addons_mouse_helper_with_image):not(.trx_addons_mouse_helper_with_icon):not(.trx_addons_mouse_helper_with_text):not(.trx_addons_mouse_helper_with_layout):before, .trx_addons_mouse_helper_style_aim:not(.trx_addons_mouse_helper_outer):not(.trx_addons_mouse_helper_with_image):not(.trx_addons_mouse_helper_with_icon):not(.trx_addons_mouse_helper_with_text):not(.trx_addons_mouse_helper_with_layout):after {
content: ' ';
display: block;
position: absolute;
background-color: inherit;
-webkit-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.trx_addons_mouse_helper_style_aim:not(.trx_addons_mouse_helper_outer):not(.trx_addons_mouse_helper_with_image):not(.trx_addons_mouse_helper_with_icon):not(.trx_addons_mouse_helper_with_text):not(.trx_addons_mouse_helper_with_layout):before {
left: calc( ( var(--mouse-helper-width) - 1 ) / 2 );
top: calc( ( var(--mouse-helper-height ) - var(--aim-size) - 1 ) / 2 );
width: 1px;
height: var(--aim-size);
}
.trx_addons_mouse_helper_style_aim:not(.trx_addons_mouse_helper_outer):not(.trx_addons_mouse_helper_with_image):not(.trx_addons_mouse_helper_with_icon):not(.trx_addons_mouse_helper_with_text):not(.trx_addons_mouse_helper_with_layout):after {
left: calc( ( var(--mouse-helper-width) - var(--aim-size) - 1 ) / 2 );
top: calc( ( var(--mouse-helper-height ) - 1 ) / 2 );
width: var(--aim-size);
height: 1px;
}
.trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_outer {
--mouse-helper-width: 35px;
--mouse-helper-height: 35px;
background-color: transparent !important;
border: 1px solid #9099a2;
}
.trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_outer.trx_addons_mouse_helper_active {
--mouse-helper-width: 45px;
--mouse-helper-height: 45px;
}
.trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_over_link {
--aim-size: 13px;
}
.trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_over_link:not(.trx_addons_mouse_helper_outer):not(.trx_addons_mouse_helper_with_image):not(.trx_addons_mouse_helper_with_icon):not(.trx_addons_mouse_helper_with_text):not(.trx_addons_mouse_helper_with_layout) {
background-color: #11a0d2 !important;
}
.trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_over_link.trx_addons_mouse_helper_outer {
--mouse-helper-width: 27px;
--mouse-helper-height: 27px;
border-color: #11a0d2 !important;
}
.trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_with_icon ~ .trx_addons_mouse_helper_outer, .trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_with_text ~ .trx_addons_mouse_helper_outer, .trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_text_round ~ .trx_addons_mouse_helper_outer, .trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_with_image ~ .trx_addons_mouse_helper_outer, .trx_addons_mouse_helper_style_aim.trx_addons_mouse_helper_with_layout ~ .trx_addons_mouse_helper_outer {
opacity: 0;
} [data-mouse-helper="highlight"] {
color: rgba(255, 255, 255, 0.25);
-webkit-transition: color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-background-clip: text;
background-image: radial-gradient(closest-side, #fff 78%, transparent 0);
background-repeat: no-repeat;
background-position: 50%;
background-size: 0 0;
}
[data-mouse-helper="highlight"].trx_addons_mouse_helper_over {
background-size: 5em 5em;
}
[data-mouse-helper="highlight"].sc_item_title_style_shadow {
position: relative;
z-index: 1;
}
[data-mouse-helper="highlight"].sc_item_title_style_gradient .sc_item_title_text {
opacity: 0.75;
} body.elementor-editor-active .trx_addons_mouse_helper {
display: none !important;
} [data-mouse-helper-hide-cursor="1"],
[data-mouse-helper-hide-cursor="1"] * {
cursor: none !important;
}.trx_addons_video_player video {
max-height: calc( 100vh - var(--fixed-rows-height) );
}
.trx_addons_video_player.with_cover {
position: relative;
overflow: hidden;
}
.trx_addons_video_player.with_cover .video_embed {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
opacity: 0;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.trx_addons_video_player.with_cover img {
position: relative;
z-index: 2;
width: 100% !important;
height: auto;
max-width: none !important;
}
.trx_addons_video_player.with_cover .video_mask {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
}
.trx_addons_video_player.with_cover:hover .video_mask {
opacity: 1;
}
.trx_addons_video_player.with_cover .video_hover {
position: absolute;
z-index: 4;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 3em;
cursor: pointer;
overflow: hidden;
margin-top: 2em;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
opacity: 0;
}
.trx_addons_video_player.with_cover .video_hover:before {
content: '\e888';
font-family: "trx_addons_icons";
margin: 0;
}
.trx_addons_video_player.with_cover .video_hover:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.trx_addons_video_player.with_cover:hover .video_hover {
opacity: 1;
margin-top: 0;
} .trx_addons_video_player.video_play .video_mask {
opacity: 1;
background-color: #000;
}
.trx_addons_video_player.video_play .video_embed {
opacity: 1;
z-index: 10;
}
.trx_addons_video_player.video_play .video_hover {
display: none;
} .trx_addons_video_hover .trx_addons_video_media {
position: relative;
overflow: hidden;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio] {
display: block;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio]:before {
content: ' ';
width: 0;
height: 0;
display: inline-block;
vertical-align: top;
margin-right: -0.3em;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio][data-ratio="2:1"]:before {
padding-top: 50%;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio][data-ratio="17:9"]:before {
padding-top: 52.94%;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio][data-ratio="16:9"]:before {
padding-top: 56.25%;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio][data-ratio="4:3"]:before {
padding-top: 75%;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio][data-ratio="1:1"]:before {
padding-top: 100%;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio][data-ratio="3:4"]:before {
padding-top: 133.33%;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio][data-ratio="9:16"]:before {
padding-top: 177.77%;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio][data-ratio="9:17"]:before {
padding-top: 188.88%;
}
.trx_addons_video_hover .trx_addons_video_media[data-ratio][data-ratio="1:2"]:before {
padding-top: 200%;
}
.trx_addons_video_hover .trx_addons_video_video {
object-fit: cover;
}
.trx_addons_video_hover.with_cover .trx_addons_video_video {
position: absolute;
z-index: 1;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
width: calc( 100% - 2px );
height: calc( 100% - 2px );
}
.trx_addons_video_hover.without_cover .trx_addons_video_video {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.trx_addons_video_hover .trx_addons_video_cover {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.trx_addons_video_hover .trx_addons_video_cover img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.trx_addons_video_hover .trx_addons_video_subtitle {
white-space: nowrap;
overflow: hidden;
padding-top: 1em;
}
.trx_addons_video_hover .trx_addons_video_subtitle .trx_addons_video_subtitle_text {
display: block;
opacity: 0;
will-change: transform, opacity;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(10deg) translate(0, 100%);
-ms-transform: rotate(10deg) translate(0, 100%);
transform: rotate(10deg) translate(0, 100%);
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
-ms-transition: -ms-transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
-webkit-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.trx_addons_video_hover.trx_addons_video_hover_play.with_cover .trx_addons_video_video {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.trx_addons_video_hover.trx_addons_video_hover_play .trx_addons_video_cover {
position: absolute;
z-index: 1;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.trx_addons_video_hover.trx_addons_video_hover_play .trx_addons_video_cover img {
width: calc( 100% - 2px );
height: calc( 100% - 2px );
}
.trx_addons_video_hover.trx_addons_video_hover_play .trx_addons_video_subtitle .trx_addons_video_subtitle_text {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.trx_addons_video_hover.trx_addons_video_hover_pause .trx_addons_video_subtitle .trx_addons_video_subtitle_text {
opacity: 0;
-webkit-transform: rotate(-7deg) translate(0, -100%);
-ms-transform: rotate(-7deg) translate(0, -100%);
transform: rotate(-7deg) translate(0, -100%);
-webkit-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;
}