.vc_container,
.vc_container-fluid {
position: relative;
z-index: 10;
}
.vc_container .container,
.vc_container-fluid .container {
max-width: 100%;
} .vc_row-flex .row:before, .vc_row-flex .row:after {
display: none;
}
.vc_row > .container > .row {
padding: 0;
}
.vc_row-flex > .container > .row, .vc_row-flex > .container-fluid > .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vc_row-flex > .container > .row > .vc_column_container, .vc_row-flex > .container-fluid > .row > .vc_column_container {
display: -ms-flexbox;
display: flex;
}
.vc_row-flex > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-flex > .container-fluid > .row > .vc_column_container > .vc_column-inner {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.vc_row-flex > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-flex > .container-fluid > .row > .vc_column_container > .vc_column-inner { }
.vc_row-flex > .container > .row > .vc_column_container > .vc_column-inner > *, .vc_row-flex > .container-fluid > .row > .vc_column_container > .vc_column-inner > * {
min-height: 1em;
}
}
.vc_row-flex > .container > .row::before, .vc_row-flex > .container > .row::after, .vc_row-flex > .container-fluid > .row::before, .vc_row-flex > .container-fluid > .row::after {
display: none;
}
.vc_row-o-columns-stretch > .container > .row, .vc_row-o-columns-stretch > .container-fluid > .row {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.vc_row-o-columns-top > .container > .row, .vc_row-o-columns-top > .container-fluid > .row {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.vc_row-o-columns-bottom > .container > .row, .vc_row-o-columns-bottom > .container-fluid > .row {
-ms-flex-align: end;
align-items: flex-end;
}
.vc_row-o-columns-middle > .container > .row, .vc_row-o-columns-middle > .container-fluid > .row {
-ms-flex-align: end;
align-items: flex-end;
}
.vc_row.vc_row-o-columns-top > .container > .row::after, .vc_row.vc_row-o-columns-top > .container-fluid > .row::after, .vc_row.vc_row-o-columns-bottom > .container > .row::after, .vc_row.vc_row-o-columns-bottom > .container-fluid > .row::after, .vc_row.vc_row-o-columns-middle > .container > .row::after, .vc_row.vc_row-o-columns-middle > .container-fluid > .row::after {
content: "";
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
display: block;
}
.vc_row-o-equal-height > .container > .row > .vc_column_container, .vc_row-o-equal-height > .container-fluid > .row > .vc_column_container {
-ms-flex-align: stretch;
align-items: stretch;
}
.vc_row-o-content-top > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-o-content-top > .container-fluid > .row > .vc_column_container > .vc_column-inner {
-ms-flex-pack: start;
justify-content: flex-start;
}
.vc_row-o-content-top:not(.vc_row-o-equal-height) > .container > row > .vc_column_container, .vc_row-o-content-top:not(.vc_row-o-equal-height) > .container-fluid > row > .vc_column_container {
-ms-flex-align: start;
align-items: flex-start;
}
.vc_row-o-content-bottom > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-o-content-bottom > .container-fluid > .row > .vc_column_container > .vc_column-inner {
-ms-flex-pack: end;
justify-content: flex-end;
}
.vc_row-o-content-bottom:not(.vc_row-o-equal-height) > .container > row > .vc_column_container, .vc_row-o-content-bottom:not(.vc_row-o-equal-height) > .container-fluid > row > .vc_column_container {
-ms-flex-align: end;
align-items: flex-end;
}
.vc_row-o-content-middle > .container > .row > .vc_column_container > .vc_column-inner, .vc_row-o-content-middle > .container-fluid > .row > .vc_column_container > .vc_column-inner {
-ms-flex-pack: center;
justify-content: center;
}
.vc_row-o-content-middle:not(.vc_row-o-equal-height) > .container > .vc_column_container, .vc_row-o-content-middle:not(.vc_row-o-equal-height) > .container-fluid > .vc_column_container {
-ms-flex-align: center;
align-items: center;
}
.wpb_column[data-stretch].vc_column_container > .vc_column-inner {
background-size: cover;
height: 100%;
}
@media (max-width: 1023px) {
div[data-stretch=right] .vc_column-inner {
position: relative;
}
}
@media (max-width: 769px) {
.vc_col-sm-6:nth-of-type(2n+1) {
clear: both;
}
}
.bump_round {
width: 139px;
height: 139px;
position: absolute;
top: -23px;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 50%;
background-color: #fff;
text-align: center;
z-index: -1;
}
.bump_bottom {
bottom: -23px;
top: auto;
}
.vc_section.vc_row-o-full-height {
min-height: 100vh !important;
}
canvas.vc_row_canvas_anim {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
svg.vc_row_canvas_anim {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 170px;
transition: opacity 0.3s ease;
opacity: 0;
}
svg.vc_row_canvas_anim.loaded {
opacity: 1;
}
.stm_gradient_animation {
animation: Gradient 15s ease infinite;
background-size: 400% 400% !important;
}
.stm_container_has_video {
overflow: hidden;
}
.stm_container_has_video .stm_video_iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 1px;
padding-bottom: 56.25%; z-index: 10;
}
@media (min-width: 1500px) {
.stm_container_has_video .stm_video_iframe {
transform: translateY(-25%);
}
}
.stm_container_has_video .stm_video_iframe iframe {
display: block;
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 100%;
}
.stm_container_has_video .vc_video-bg-container {
z-index: 30;
}
.stm_container_has_video .stm_row-opacity {
z-index: 20;
}
@media (max-width: 1100px) {
.stm_container_has_video .stm_video_iframe {
display: none;
}
}
.stm_featured_row > .vc_row > .wpb_column {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0);
}
.stm_featured_row > .vc_row > .wpb_column:hover {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
}
.stm_featured_row .stm_featured_box {
position: relative;
transform: scale(1.1);
z-index: 10;
}
.stm_featured_row .stm_featured_box .wpb_wrapper {
transform: scale(0.95);
}
@media (max-width: 550px) {
.stm_featured_row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.stm_featured_row .stm_featured_box {
transform: scale(1);
}
.stm_featured_row .stm_featured_box .wpb_wrapper {
transform: scale(1);
}
}
.stm_row__divider_enabled {
position: relative;
}
.stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_bottom .stm_row__divider, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_top .stm_row__divider, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_both .stm_row__divider {
position: absolute;
left: 0;
right: 0;
}
.stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_bottom .stm_row__divider:after, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_top .stm_row__divider:after, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_both .stm_row__divider:after {
content: "";
bottom: -5px;
display: block;
background: linear-gradient(45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #FFF 33.333%, #FFF 66.667%, transparent 66.667%);
background-repeat: repeat-x;
background-size: 16px 32px;
height: 8px;
-webkit-filter: drop-shadow(#ffffff 0px 1px 0px);
}
.stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_top .stm_row__divider, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_both .stm_row__divider:nth-child(1) {
bottom: auto;
top: -8px;
}
.stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_bottom .stm_row__divider, .stm_row__divider_enabled.stm_row__divider_saw.stm_row__divider_both .stm_row__divider:nth-child(2) {
top: auto;
bottom: -8px;
transform: rotate(180deg);
}
.overlap_mobile {
z-index: 15 !important;
}
[class*=vc_container] .stm_kenburns {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1;
}
[class*=vc_container] .stm_kenburns .stm_kenburns__image {
width: 110%;
height: 110%;
margin-left: -5%;
margin-top: -5%;
animation: 60s linear stm_kenburns infinite;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 1023px) {
.overlap_mobile .vc_row-o-equal-height .vc_column-inner > .wpb_wrapper {
height: auto !important;
}
}
@keyframes stm_kenburns {
0% {
transform: scale(1) translateX(0) translateY(0);
}
50% {
transform: scale(1.2) translateX(-10%) translateY(5%);
}
100% {
transform: scale(1) translateX(0) translateY(0);
}
}.stm_projects_grid:before {
position: absolute;
left: 50%;
top: 50px;
margin-left: -16px;
opacity: 0;
visibility: hidden;
}
.stm_projects_grid .stm_projects_carousel__item {
opacity: 1;
visibility: visible;
}
.stm_projects_grid .stm_projects_carousel__item.loading {
margin-bottom: 0;
opacity: 0.5;
visibility: hidden;
height: 0;
}
.stm_projects_grid__loading {
position: relative;
}
.stm_projects_grid__loading:before {
opacity: 1;
visibility: visible;
}
.stm_projects_grid__loading .stm_projects_carousel__item {
opacity: 0;
visibility: hidden;
}
.stm_projects_grid__switcher {
position: relative;
display: block;
float: right;
width: 45px;
height: 45px;
border: 3px solid #aaaaaa;
color: #aaaaaa !important;
}
.stm_projects_grid__switcher .fa {
font-size: 13px;
line-height: 13px;
position: absolute;
top: 13px;
transition: left 0.2s linear, right 0.2s linear;
}
.stm_projects_grid__switcher .left {
left: 6px;
}
.stm_projects_grid__switcher .right {
right: 6px;
}
.stm_projects_grid__switcher.active .left {
left: 22px;
}
.stm_projects_grid__switcher.active .right {
right: 22px;
}
.stm_projects_grid.active .stm_projects_carousel__item {
padding: 0;
margin-bottom: 0;
}
.stm_projects_grid.active .stm_projects_carousel__item .stm_projects_carousel__overlay {
left: 0;
right: 0;
}
@media (max-width: 769px) {
.stm_projects_carousel__tab a {
margin: 0 15px 15px 0 !important;
}
.stm_projects_grid__switcher {
display: none;
}
.stm_loop .stm_loop__grid_3 {
width: 50%;
}
}
@media (max-width: 550px) {
.stm_projects_carousel__tab a {
margin: 0 15px 15px 0 !important;
}
.stm_projects_grid__switcher {
display: none;
}
.stm_loop .stm_loop__grid_3 {
width: 100%;
}
}.stm_projects_carousel__title {
margin-right: 30px;
}
.stm_projects_carousel__title a {
text-decoration: none !important;
}
.stm_projects_carousel__item {
position: relative;
display: block;
padding: 0 15px;
}
.stm_projects_carousel__item img {
vertical-align: top;
width: 100%;
}
.stm_projects_carousel__item:hover .stm_projects_carousel__btn {
bottom: 25px;
opacity: 1;
}
.stm_projects_carousel__item:hover .stm_projects_carousel__name {
bottom: 90px;
opacity: 1;
}
.stm_projects_carousel__item:hover .stm_projects_carousel__overlay {
background: rgba(0, 0, 0, 0.5);
}
.stm_projects_carousel__item:hover .stm_projects_carousel__overlay i {
opacity: 1;
}
.stm_projects_carousel__custom_image i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 28px;
opacity: 0;
}
.stm_projects_carousel__btn {
position: absolute;
left: 33px;
bottom: 10px;
opacity: 0;
font-weight: 700;
}
.stm_projects_carousel__name {
position: absolute;
left: 33px;
bottom: 100px;
color: #fff;
text-transform: uppercase;
margin: 0;
width: 70%;
opacity: 0;
}
.stm_projects_carousel__overlay {
position: absolute;
left: 15px;
right: 15px;
top: 0;
bottom: 0;
background: transparent;
}
.stm_projects_carousel {
position: relative; }
.stm_projects_carousel_dark {
padding: 37px 15px 60px;
}
.stm_projects_carousel__entry {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-bottom: 25px;
}
@media (max-width: 1024px) {
.stm_projects_carousel__entry {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.stm_projects_carousel__entry_shadow {
position: relative;
padding-left: 15px;
padding-right: 15px;
margin-left: -15px;
margin-right: -15px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}
.stm_projects_carousel__carousels {
margin: 0 -15px;
padding-top: 54px;
}
@media (max-width: 1024px) {
.stm_projects_carousel__carousels {
margin: 0 50px;
}
}
.stm_projects_carousel__tabs {
margin-top: 16px;
}
@media (max-width: 1024px) {
.stm_projects_carousel__tabs {
margin-left: 0 !important;
}
}
.stm_projects_carousel__tab {
display: inline-block;
vertical-align: top;
}
.stm_projects_carousel__tab a {
display: block;
padding: 14px 17px;
font-size: 13px;
border-radius: 2px;
font-weight: 700;
letter-spacing: 0.5px;
}
.stm_projects_carousel__tab a.active {
opacity: 1 !important;
}
.stm_projects_carousel .owl-dots {
display: none !important;
}
.stm_layout_restaurant .stm_projects_carousel__carousels {
margin: 0;
padding-top: 88px;
}
.stm_layout_restaurant .stm_projects_carousel__name,
.stm_layout_beauty .stm_projects_carousel__name,
.stm_layout_medicall .stm_projects_carousel__name,
.stm_layout_healthcoach .stm_projects_carousel__name,
.stm_layout_rental .stm_projects_carousel__name,
.stm_layout_church .stm_projects_carousel__name {
line-height: 1.2em;
font-size: 16px !important;
}.stm_gallery_masonry__title {
margin: 0 15px 10px 0;
}
.stm_gallery_masonry__link {
display: inline-block;
margin: 10px 15px 10px 0;
}
.stm_projects_carousel__item {
width: 33.33%;
}
.stm_projects_carousel__item:hover .stm_projects_carousel__overlay [data-title]:before {
opacity: 1;
}
.stm_projects_carousel__item .stm_projects_carousel__overlay [data-title]:before {
opacity: 0;
}
[class*=stm_projects_grid] .stm_projects_carousel__item_preloaded {
display: none;
}
.stm_projects_grid_style_2 > div.stm_flex {
-ms-flex-pack: center;
justify-content: center;
}
.stm_projects_grid_style_2 > div.stm_flex > div {
display: none;
}
.stm_projects_grid_style_2 .stm_projects_carousel__item {
margin-bottom: 50px;
overflow: hidden;
}
.stm_projects_grid_style_2 .stm_projects_carousel__item:hover .stm_projects__meta .stm_projects__meta_terms {
color: #fff !important;
}
.stm_projects_grid_style_2 .stm_projects_carousel__tab a {
font-weight: 700;
}
.stm_projects_grid_style_2 .stm_projects__meta {
position: absolute;
bottom: 0;
left: 15px;
right: 14px;
padding: 20px 35px;
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.stm_projects_grid_style_2 .stm_projects__meta:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.9;
z-index: 10;
}
.stm_projects_grid_style_2 .stm_projects__meta .inner {
position: relative;
z-index: 15;
}
.stm_projects_grid_style_2 .stm_projects__meta .inner h5 {
margin-bottom: 0;
text-transform: uppercase;
font-weight: 700;
line-height: 1.4em;
}
.stm_projects_grid_style_2 .stm_projects__meta .inner .stm_projects__meta_terms {
display: block;
margin-bottom: 5px;
}
.stm_projects_grid_style_2 .btn_load {
margin-top: -20px;
}
@media (max-width: 550px) {
.stm_projects_grid_style_2 .stm_projects_grid__sorting {
text-align: center;
}
}
.stm_projects_grid_style_2 .flippable {
overflow: visible;
}
.stm_projects_grid_style_2 .stm_flipbox {
position: relative;
transform-style: preserve-3d;
perspective: 1000px;
padding: 0;
border: 0;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__front,
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back {
transform: rotateX(0deg);
transform-style: preserve-3d;
min-height: 220px;
height: auto;
transition: transform 0.6s ease;
backface-visibility: hidden;
background-size: cover;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__front:after,
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.75;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__front .inner_flip,
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back .inner_flip {
position: absolute;
left: 0;
bottom: 0;
top: 50%;
height: 100%;
width: 100%;
border-radius: 2px;
outline: 1px solid transparent;
perspective: inherit;
backface-visibility: hidden;
transform: translateY(-50%) translateZ(60px) scale(0.94);
z-index: 2;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__front .inner_flip .stm_projects__meta,
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back .inner_flip .stm_projects__meta {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__front .inner_flip .stm_projects__meta:before,
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back .inner_flip .stm_projects__meta:before {
display: none;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__front .inner_flip .stm_projects__meta .inner,
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back .inner_flip .stm_projects__meta .inner {
top: 15px;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__front .inner_flip .stm_projects__meta .inner > *,
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back .inner_flip .stm_projects__meta .inner > * {
display: block;
width: 100%;
text-align: center;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__front .inner_flip .stm_projects__meta .inner h5,
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back .inner_flip .stm_projects__meta .inner h5 {
margin-bottom: 15px;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__front .inner_flip .stm_projects__meta .inner span,
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back .inner_flip .stm_projects__meta .inner span {
font-weight: 600;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 2px;
transform: rotateX(180deg);
transform-style: preserve-3d;
}
.stm_projects_grid_style_2 .stm_flipbox .stm_flipbox__back:after {
opacity: 1;
}
.stm_projects_grid_style_2 .stm_flipbox:hover .stm_flipbox__front {
transform: rotateX(-180deg);
transform-style: preserve-3d;
}
.stm_projects_grid_style_2 .stm_flipbox:hover .stm_flipbox__back {
transform: rotateX(0deg);
transform-style: preserve-3d;
}
.stm_projects_grid_style_2 .stm_flipbox.stm_flipbox__vertical .stm_flipbox__front,
.stm_projects_grid_style_2 .stm_flipbox.stm_flipbox__vertical .stm_flipbox__back {
transform: rotateY(0deg);
}
.stm_projects_grid_style_2 .stm_flipbox.stm_flipbox__vertical .stm_flipbox__back {
transform: rotateY(180deg);
}
.stm_projects_grid_style_2 .stm_flipbox.stm_flipbox__vertical:hover .stm_flipbox__front {
transform: rotateY(-180deg);
}
.stm_projects_grid_style_2 .stm_flipbox.stm_flipbox__vertical:hover .stm_flipbox__back {
transform: rotateY(0deg);
}@font-face {
font-family: 'lg';
src: url(//getsmart.com.br/wp-content/themes/pearl/assets/fonts/lg.ttf?22t19m) format("truetype"), url(//getsmart.com.br/wp-content/themes/pearl/assets/fonts/lg.woff?22t19m) format("woff"), url(//getsmart.com.br/wp-content/themes/pearl/assets/fonts/lg.svg?22t19m#lg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.lg-icon { font-family: 'lg' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
border: none;
outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
background: none;
border: none;
box-shadow: none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
outline: medium none;
border: none;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(//getsmart.com.br/wp-content/themes/pearl/assets/img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(//getsmart.com.br/wp-content/themes/pearl/assets/img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(//getsmart.com.br/wp-content/themes/pearl/assets/img/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(//getsmart.com.br/wp-content/themes/pearl/assets/img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(//getsmart.com.br/wp-content/themes/pearl/assets/img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e907";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e905";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e906";
}
.lg-outer .lg-img-rotate {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}
.lg-rotate-left:after {
content: "\e900";
}
.lg-rotate-right:after {
content: "\e901";
}
.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
font-size: 26px;
}
.lg-flip-ver:after {
content: "\e903";
}
.lg-flip-hor:after {
content: "\e902";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0;
outline: none;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(//getsmart.com.br/wp-content/themes/pearl/assets/img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}.widget_contacts_style_2 .widget_contacts_inner {
padding: 24px 38px 5px;
border: 2px solid rgba(181, 178, 181, 0.5);
border-radius: 2px;
}
.widget_contacts_style_2 .widget_contacts_inner .stm-icontext_style2 {
margin-bottom: 15px;
-ms-flex-align: center;
align-items: center;
}
.widget_contacts_style_2 .widget_contacts_inner .stm-icontext_style2 .stm-icontext__text {
padding-top: 0;
font-size: 15px;
}
.widget_contacts_style_2 .widget_contacts_inner .stm-icontext_style2 .stm-icontext__text a {
opacity: 1;
}
.widget_contacts_style_2 .widget_contacts_inner .stm-icontext_style2 .stm-icontext__icon {
opacity: 1;
}
.widget_contacts_style_2 .widget_contacts_inner .fa-home:before {
content: "\eb6c" !important;
font-family: "stmicons" !important;
}
.widget_contacts_style_2 .widget_contacts_inner .fa-phone-square:before {
content: "\eb79" !important;
font-family: "stmicons" !important;
}
.widget_contacts_style_2 .widget_contacts_inner .fa-envelope {
position: relative;
top: 1px;
font-size: 13px;
}
.widget_contacts_style_2 .widget_contacts_inner .fa-envelope:before {
content: "\eb74" !important;
font-family: "stmicons" !important;
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12.002 12.002 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.846 9.846 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22l3.961-.501zm6.534-7.003-.933 1.164a9.843 9.843 0 0 1-3.497-3.495l1.166-.933a.792.792 0 0 0 .23-.94L9.561 6.96a.793.793 0 0 0-.924-.445 1291.6 1291.6 0 0 0-2.023.524.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.793.793 0 0 0-.445-.923L14.6 13.327a.792.792 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--bottom:20px;--sep:20px;--s:60px;--header:calc(var(--s)*1.16667);--vh:100vh;--red:37;--green:211;--blue:102;--rgb:var(--red) var(--green) var(--blue);--color:rgb(var(--rgb));--dark:rgb(calc(var(--red) - 75) calc(var(--green) - 75) calc(var(--blue) - 75));--hover:rgb(calc(var(--red) + 50) calc(var(--green) + 50) calc(var(--blue) + 50));--bg:rgb(var(--rgb)/4%);--tolerance:210;--bw:calc((var(--red)*0.2126 + var(--green)*0.7152 + var(--blue)*0.0722 - var(--tolerance))*-10000000);--text:hsl(0deg 0% calc(var(--bw)*1%)/clamp(70%,calc(var(--bw)*1%),100%));--msg:var(--color);color:var(--text);display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--dark{--msg:var(--dark)}.joinchat--noanim{animation:none}.joinchat--chatbox:not(.joinchat--noanim){transform-origin:0 0;animation-timing-function:ease-in-out}.joinchat--hidden{display:none!important}@supports not (width:clamp(1px,1%,10px)){.joinchat{--text:hsl(0deg 0% calc(var(--bw)*1%)/90%)}}.joinchat__button{display:flex;flex-direction:row;position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);min-width:var(--s);background:#25d366;color:inherit;border-radius:calc(var(--s)/2);box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}[dir=rtl] .joinchat__button{flex-direction:row-reverse}.joinchat__button:hover{background:#128c7e;transition-duration:1.5s}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px;flex-direction:row-reverse}[dir=rtl] .joinchat--left .joinchat__button{flex-direction:row}.joinchat--btn .joinchat__button:hover{transition-duration:.2s}.joinchat--chatbox .joinchat__button{background:var(--color);transition-duration:.2s;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.joinchat--chatbox .joinchat__button:active,.joinchat--chatbox .joinchat__button:hover{background:var(--hover)}.joinchat--optout.joinchat--chatbox .joinchat__button{background-color:#999;pointer-events:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__chat{animation:none}.joinchat__button__open{width:var(--s);height:var(--s);border-radius:50%;background:rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;background-size:60%;overflow:hidden}.joinchat--chatbox .joinchat__button__open{display:none}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat--chatbox .joinchat__button__image{display:none}.joinchat__button__send{display:none;flex-shrink:0;width:var(--s);height:var(--s);max-width:var(--s);padding:calc(var(--s)*0.18);margin:0;overflow:hidden}.joinchat--chatbox .joinchat__button__send{display:block}.joinchat__button__send path{fill:none!important;stroke:var(--text)!important}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:1097;stroke-dashoffset:1097;animation:joinchat_plain 6s .2s ease-in-out infinite}.joinchat__button__send .joinchat_svg__chat{stroke-dasharray:1020;stroke-dashoffset:1020;animation:joinchat_chat 6s 3.2s ease-in-out infinite}.joinchat__button__sendtext{padding:0;max-width:0;border-radius:var(--s);font-weight:600;line-height:var(--s);white-space:nowrap;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:none}.joinchat--chatbox .joinchat__button__sendtext{padding:0 4px 0 24px;max-width:min(400px - 16px - var(--s),100vw - 16px - var(--s) - 2*var(--sep));opacity:1;transition:max-width .2s linear,opacity .4s ease-out .2s}.joinchat--chatbox.joinchat--left .joinchat__button__sendtext{padding:0 24px 0 4px}.joinchat__badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:calc(var(--s)/2 - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;bottom:calc(var(--s) + 16px);right:0;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--s)/2 - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:0;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--s)/2 - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0}.joinchat__box{display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;max-height:calc(var(--vh) - var(--bottom) - var(--sep));border-radius:calc(var(--s)/2 + 2px);background:#fff linear-gradient(0deg,var(--bg),var(--bg));box-shadow:0 2px 6px 0 rgba(0,0,0,.5);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:max-height .2s ease-out,opacity .4s ease-out,transform 0s linear .3s}[dir=rtl] .joinchat__box{text-align:right}.joinchat--chatbox .joinchat__box{opacity:1;transform:scaleX(1);transition:max-height .2s ease-out,opacity .2s ease-out,transform 0s linear}.joinchat--left .joinchat__box{right:auto;left:0}.joinchat__header{display:flex;flex-flow:row;align-items:center;position:relative;flex-shrink:0;height:var(--header);min-height:50px;padding:0 70px 0 26px;margin:0;background:var(--color)}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.joinchat--dark .joinchat__header{background:var(--dark)}.joinchat__header__text{font-size:19px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.joinchat__powered{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentcolor;opacity:.8}.joinchat__powered svg{display:inline-block;width:auto;height:18px;vertical-align:-30%}.joinchat__powered:active,.joinchat__powered:hover{color:inherit!important;text-decoration:none!important;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.joinchat__wa{height:28px;width:auto;fill:currentcolor;opacity:.8}.joinchat__close{--size:34px;position:absolute;top:calc(50% - var(--size)/2);right:24px;width:var(--size);height:var(--size);border-radius:50%;background:rgba(0,0,0,.4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6L24 2.4z'/%3E%3C/svg%3E") 50% no-repeat;background-size:12px;cursor:pointer;transition:background-color .3s ease-out}.joinchat__close:hover{background-color:rgba(0,0,0,.6)}.joinchat__close:active{background-color:rgba(0,0,0,.7)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__box__scroll{overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.joinchat__box__scroll::-webkit-scrollbar{width:4px;background:rgb(0 0 0/0)}.joinchat__box__scroll::-webkit-scrollbar-thumb{border-radius:2px;background:rgb(0 0 0/0)}.joinchat--blur .joinchat__box__scroll{background:rgba(var(--rgb)/2%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joinchat--dark .joinchat__box__scroll{background:#1a1a1a}.joinchat__box__scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.joinchat__box__content{width:calc(100% + 4px);padding:20px 0 calc(var(--s) + 16px)}.joinchat__optin{padding:0 16px;margin-bottom:16px;color:#4a4a4a;font-size:13px;line-height:1.33}.joinchat__optin a{display:inline;padding:0;color:inherit!important;text-decoration:underline}.joinchat__optin a:hover{text-decoration-thickness:2px}.joinchat__optin input{position:absolute;visibility:hidden}.joinchat__optin label{position:relative;display:block;margin:0;padding:0 0 0 30px;color:inherit;font:inherit;cursor:pointer}.joinchat__optin label:before{content:"";display:block;position:absolute;top:min(50% - 11px,5px);left:0;width:22px;height:22px;border:3px solid var(--color);border-radius:4px;background:#fff;box-shadow:0 0 0 1px var(--text);transition:box-shadow .3s ease-in-out}.joinchat--dark .joinchat__optin label:before{background:#000}.joinchat__optin label:after{content:"";display:none;position:absolute;top:min(50% - 8px,8px);left:8px;width:6px;height:14px;border:solid var(--text);border-width:0 3px 3px 0;transform:rotate(45deg)}[dir=rtl] .joinchat__optin label{padding:0 30px 0 0}[dir=rtl] .joinchat__optin label:before{left:auto;right:0}[dir=rtl] .joinchat__optin label:after{left:auto;right:8px}.joinchat__optin input:checked+label:before{box-shadow:0 0 0 1px var(--text),inset 0 0 0 10px var(--color)}.joinchat__optin input:checked+label:after{display:block}.joinchat--dark .joinchat__optin{color:#d8d8d8}.joinchat{--peak:url(#joinchat__peak_l)}[dir=rtl] .joinchat{--peak:url(#joinchat__peak_r)}.joinchat__message{position:relative;min-height:56px;padding:15px 20px;margin:0 26px 26px;border-radius:32px;background:#fff;color:#4a4a4a;word-break:break-word;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transform:translateZ(0)}.joinchat__message:before{content:"";display:block;position:absolute;bottom:19px;left:-15px;width:17px;height:25px;background:inherit;-webkit-clip-path:var(--peak);clip-path:var(--peak)}[dir=rtl] .joinchat__message:before{left:auto;right:-15px}.joinchat--dark .joinchat__message{background:#505050;color:#d8d8d8}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes joinchat_plain{0%,50%,to{stroke-dashoffset:1097}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_chat{0%,50%,to{stroke-dashoffset:1020}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--bottom:6px;--sep:6px;--header:calc(var(--s)*0.91667)}.joinchat__header__text{font-size:17px}.joinchat__close{--size:28px}.joinchat__box__scroll{padding-top:15px}.joinchat__message{padding:18px 16px;line-height:24px;margin:0 20px 20px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover .joinchat__qr,.joinchat--chatbox .joinchat__button:hover .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto{--msg:var(--dark)}.joinchat--dark-auto .joinchat__box__scroll{background:#1a1a1a}.joinchat--dark-auto .joinchat__header{background:var(--dark)}.joinchat--dark-auto .joinchat__optin label:before{background:#000}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}.joinchat--dark-auto .joinchat__message{background:#505050;color:#d8d8d8}}@media (prefers-reduced-motion){.joinchat{animation:none}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat__button__send .joinchat_svg__chat{animation:none}.joinchat__button__sendtext{transition:none!important}}