.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//docebodas.com/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//docebodas.com/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//docebodas.com/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}audio {
height: 80px;
}
.mejs-container *:focus {
outline: 0 none;
}
.mejs-poster {
background-size: cover;
}
.mejs-overlay {
width: 100%;
height: 100%;
}
.mejs-container.mejs-audio {
height: 80px !important;
}
.mejs-container .mejs-layers .mejs-poster {
width: 100%;
height: 100%;
}
.mejs-container .mejs-layers .mejs-poster img {
display: none;
}
.mejs-container .mejs-controls,
.news-grid .format-audio .post-featured-content {
background: #e3ebe8;
height: 80px;
}
.mejs-container .mejs-controls div {
font: inherit;
}
.mejs-container .mejs-controls .mejs-time {
position: relative;
padding: 0;
width: 0;
height: 0;
color: #99a9b5;
overflow: visible;
}
.mejs-container .mejs-controls .mejs-time .mejs-currenttime,
.mejs-container .mejs-controls .mejs-time .mejs-duration {
position: absolute;
top: 5px;
}
.mejs-container .mejs-controls .mejs-time .mejs-currenttime {
margin-left: 5px;
}
.mejs-container .mejs-controls .mejs-time .mejs-duration {
margin-left: -5px;
transform: translateX(-100%);
}
.mejs-container .mejs-controls .mejs-button {
width: 35px;
height: 100%;
}
.mejs-controls .mejs-button button {
margin: 25px 0 0 7px;
text-align: center;
height: 30px;
width: 30px;
line-height: 30px;
outline: 0 none;
background: none;
}
.mejs-controls .mejs-button button:focus {
outline: 0 none;
}
.mejs-controls .mejs-button button:after {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 30px;
}
.mejs-container .mejs-controls .mejs-button.mejs-playpause-button {
width: 50px;
}
.mejs-controls .mejs-button.mejs-playpause-button button {
height: 36px;
width: 36px;
line-height: 36px;
margin: 22px 0 0 12px;
}
.mejs-controls .mejs-button.mejs-playpause-button.mejs-play button:after,
.mejs-controls .mejs-button.mejs-playpause-button.mejs-pause button:after {
color: #00bcd4;
font-size: 36px;
}
.mejs-controls .mejs-button.mejs-playpause-button.mejs-replay button:after,
.mejs-controls .mejs-button.mejs-playpause-button.mejs-play button:after {
content: '\e655';
}
.mejs-controls .mejs-button.mejs-playpause-button.mejs-pause button:after {
content: '\e656';
}
.mejs-controls div.mejs-time-rail {
padding-top: 32px;
}
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
border-radius: 0;
height: 8px;
}
.mejs-controls .mejs-time-rail span.mejs-time-float {
height: 17px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #99a9b5;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #ffd553;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #3c3950;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
}
.mejs-controls .mejs-time-rail .mejs-time-handle .mejs-time-handle-content {
display: none;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
font-size: 10px;
line-height: 12px;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
border-color: #3c3950 transparent transparent;
}
.mejs-controls .mejs-button.mejs-volume-button.mejs-mute button:after {
content: '\e657';
color: #99a9b5;
}
.mejs-controls .mejs-button.mejs-volume-button.mejs-unmute button:after {
content: '\e658';
color: #99a9b5;
}
.mejs-controls .mejs-button.mejs-fullscreen-button {
width: 45px;
}
.mejs-controls .mejs-button.mejs-fullscreen-button button {
margin-left: 5px;
}
.mejs-controls .mejs-button.mejs-fullscreen-button button:after {
content: '\e659';
color: #99a9b5;
}
.mejs-controls .mejs-button.mejs-fullscreen-button.mejs-unfullscreen button:after {
content: '\e65a';
color: #99a9b5;
}
.mejs-overlay-button {
background: none;
line-height: 100px;
opacity: 0.8;
width: 100px;
height: 100px;
}
.mejs-overlay-button:after {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 100px;
content: '\e655';
color: #ffffff;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
background: #f1f5f6;
width: 36px;
left: 5px;
height: 110px;
top: -80px;
bottom: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
background: #99a9b5;
width: 6px;
left: 15px;
top: 10px;
height: 90px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
background: #3c3950;
width: 6px;
left: 15px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
background: #3c3950;
left: 50%;
margin-left: -8px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total .mejs-volume-current {
width: 100%;
left: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total .mejs-volume-handle {
margin-left: 0;
}
.mejs-controls a.mejs-horizontal-volume-slider {
margin-top: 38px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
border-radius: 0;
height: 5px;
background: #d7e0e3;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
border-radius: 0;
height: 6px;
background: #d7e0e3;
top: 0px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
height: 6px;
background: #3c3950;
top: 0px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-volume-button {
width: 50px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-volume-button button {
margin-right: 0;
}
.mejs-overlay-loading {
background: transparent;
}
.small-item.format-video .mejs-overlay-button {
width: 60px;
height: 60px;
line-height: 60px;
}
.small-item.format-video .mejs-overlay-button:after {
font-size: 60px;
}
.small-item.format-video .mejs-container .mejs-controls .mejs-time {
display: none;
}
.small-item.format-video .mejs-controls div.mejs-time-rail {
padding-top: 10px;
}
.small-item.format-video .mejs-controls .mejs-time-rail span,
.small-item.format-video .mejs-controls .mejs-time-rail a {
height: 5px;
}
.small-item.format-video .mejs-controls .mejs-time-rail .mejs-time-handle {
height: 17px;
margin-top: -10px;
}
.small-item.format-video .mejs-controls .mejs-button.mejs-playpause-button button {
width: 27px;
height: 27px;
line-height: 27px;
margin: 4px 0 0 0;
}
.small-item.format-video .mejs-controls .mejs-button.mejs-playpause-button.mejs-play button:after,
.small-item.format-video .mejs-controls .mejs-button.mejs-playpause-button.mejs-pause button:after {
font-size: 27px;
}
.small-item.format-video .mejs-controls .mejs-button,
.small-item.format-video .mejs-controls .mejs-button.mejs-fullscreen-button {
width: 30px;
}
.small-item.format-video .mejs-controls .mejs-button.mejs-fullscreen-button {
width: 25px;
}
.small-item.format-video .mejs-controls .mejs-button button {
width: 25px;
height: 25px;
line-height: 25px;
margin: 5px 0 0 0;
}
.small-item.format-video .mejs-controls .mejs-button button:after {
font-size: 25px;
}
.small-item.format-video .mejs-container .mejs-controls {
height: 38px;
}
.small-item.format-video .mejs-controls .mejs-volume-button .mejs-volume-slider {
width: 24px;
height: 70px;
left: 0;
top: -70px;
}
.small-item.format-video .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
width: 4px;
height: 50px;
left: 10px;
}
.small-item.format-video .mejs-volume-handle {
height: 4px;
}.item-post-container {
position: relative;
}
.reverse-link-color a,
a.reverse-link-color {
color: inherit;
}
body .blog article a.youtube,
body .blog article a.vimeo,
body .blog article a.self_video {
display: block;
position: relative;
}
.blog.blog-style-default article a.youtube,
.blog.blog-style-default article a.vimeo,
.blog.blog-style-default article a.self_video {
display: inline-block;
max-width: 100%;
}
body .blog article a.youtube:before,
body .blog article a.vimeo:before,
body .blog article a.self_video:before {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 84px;
height: 84px;
margin: -42px 0 0 -42px;
z-index: 2;
opacity: 1;
transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-webkit-transition: opacity 0.2s linear;
}
body .blog article a.youtube:after,
body .blog article a.vimeo:after,
body .blog article a.self_video:after {
content: '\e707';
display: block;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -18px;
font: 37px 'thegem-user-icons';
text-align: center;
padding-left: 3px;
z-index: 3;
opacity: 1;
transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-webkit-transition: opacity 0.2s linear;
}
body .blog article a.default {
position: relative;
display: block;
overflow: hidden;
}
body .blog article a.default:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
opacity: 0;
z-index: 5;
}
body .blog article a.default:hover:before {
opacity: 1;
}
body .blog article a.default:after {
content: '\e61f';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-style: normal;
font-size: 48px;
height: 48px;
line-height: 48px;
width: 48px;
text-align: center;
position: absolute;
top: -24px;
left: 50%;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
margin-left: -24px;
margin-top: -24px;
z-index: 5;
}
body .blog article a.default:hover:after {
top: 50%;
}
body .blog article a.default img {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.blog-scroll-pagination {
visibility: hidden;
position: relative;
}
.blog-scroll-pagination.active {
visibility: visible;
height: 61px;
}
@media only screen and (max-width: 600px) {
.blog.blog-style-masonry article {
width: 100%;
}
}
.blog.blog-lazy-scroll article.item-lazy-scroll-not-inited {
-webkit-transition-duration: 0s !important;
-moz-transition-duration: 0s !important;
-o-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.blog.blog-lazy-scroll:not(.blog-style-masonry) article.item-lazy-scroll,
.blog.blog-style-masonry.blog-lazy-scroll article.item-lazy-scroll .item-lazy-scroll-wrap {
visibility: hidden;
}
.blog.blog-lazy-scroll:not(.blog-style-2x):not(.blog-style-3x):not(.blog-style-4x):not(.blog-style-100) article.item-lazy-scroll-showed,
.blog.blog-style-2x.blog-lazy-scroll article.item-lazy-scroll-showed .item-lazy-scroll-wrap,
.blog.blog-style-3x.blog-lazy-scroll article.item-lazy-scroll-showed .item-lazy-scroll-wrap,
.blog.blog-style-4x.blog-lazy-scroll article.item-lazy-scroll-showed .item-lazy-scroll-wrap,
.blog.blog-style-100.blog-lazy-scroll article.item-lazy-scroll-showed .item-lazy-scroll-wrap {
visibility: visible;
-webkit-animation: fadeInBlogItem 1s ease;
-moz-animation: fadeInBlogItem 1s ease;
-o-animation: fadeInBlogItem 1s ease;
animation: fadeInBlogItem 1s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInBlogItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@-moz-keyframes fadeInBlogItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@-o-keyframes fadeInBlogItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@keyframes fadeInBlogItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
.blog-style-default article {
margin-bottom: 55px;
padding-bottom: 55px;
}
.blog-style-default article .post-image,
.blog-post-image {
text-align: center;
margin-bottom: 10px;
}
.blog-style-default article .post-image img {
display: inline-block;
}
.blog-style-default article.sticky {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 115px;
padding: 15px 15px 35px;
position: relative;
z-index: 2;
}
.blog-style-default article.sticky:after {
content: '';
position: absolute;
width: 75px;
height: 75px;
z-index: -1;
bottom: -75px;
left: 0;
background: inherit;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: skew(0, -45deg);
-ms-transform: skew(0, -45deg);
-o-transform: skew(0, -45deg);
transform: skew(0, -45deg);
}
.blog-style-default article.sticky.no-image {
padding-top: 70px;
}
.blog-style-default article.sticky .sticky-label {
position: absolute;
top: 0;
left: 50px;
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 20px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
z-index: 10;
}
.blog-style-default article.sticky .sticky-label:before,
.blog-style-default article.sticky .sticky-label:after {
content: '';
position: absolute;
width: 100%;
height: 10px;
z-index: -1;
bottom: -10px;
left: 0;
background: inherit;
}
.blog-style-default article.sticky .sticky-label:before {
transform-origin: 0 100%;
transform: skew(0, -20deg);
}
.blog-style-default article.sticky .sticky-label:after {
transform-origin: 100% 100%;
transform: skew(0, 20deg);
}
.blog-style-default article .entry-title a {
color: inherit;
}
.blog-style-default .post-meta-right {
margin-left: 100px;
}
.blog-style-default .item-background-wrapper {
padding-right: 45px;
padding-left: 45px;
margin-bottom: -10px;
}
@media ( max-width: 767px ){
.blog-style-default .item-background-wrapper {
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 755px) {
.blog-style-default .post-meta-categories {
display: block;
clear: both;
}
.blog-style-default .post-meta-author + .sep {
display: none;
}
.blog-style-default .post-meta-right {
margin-left: 30px;
}
}
@media (max-width: 499px) {
.blog-style-default .item-background-wrapper {
padding-right: 15px;
padding-left: 15px;
}
} body .blog article .post-featured-content > a{
display: block;
position: relative;
overflow: hidden;
}
body .blog article .post-featured-content > a:before,
body .blog .gem-simple-gallery .gem-gallery-item a:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 5;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
body .blog article .post-featured-content > a:hover:before,
body .blog .gem-simple-gallery .gem-gallery-item a:hover:before{
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
body .blog article .post-featured-content > a:after,
body .blog .gem-simple-gallery .gem-gallery-item a:after{
content: '\e628';
position: absolute;
top: 150%;
left: 50%;
width: 70px;
height: 70px;
border-radius: 50%;
font-family: 'thegem-icons';
font-style: normal;
font-size: 35px;
line-height: 70px;
margin-top: -35px;
margin-left: -35px;
opacity: 0;
text-align: center;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: top 0.4s, opacity 0.4s, -webkit-transform 0s 0.4s;
transition: top 0.4s, opacity 0.4s, transform 0s 0.4s;
z-index: 10;
}
body .blog article .post-featured-content > a:hover:after,
body .blog .gem-simple-gallery .gem-gallery-item a:hover:after{
opacity: 1;
top: 50%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s, opacity 0.4s, -webkit-transform 0.4s;
transition: top 0s, opacity 0.4s, transform 0.4s;
}
body .blog article .post-featured-content a > img{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear;
}
body .blog article .post-featured-content a:hover > img{
-webkit-transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear;
}
body.search .blog.blog-style-masonry article .description {
border-top-width: 0 !important;
padding: 11px 17px 0px 18px;
}
body.search .blog.blog-style-masonry article {
margin-bottom: 45px;
}
body.search .blog-style-masonry + .gem-pagination {
text-align: center;
}
body.search .blog.blog-style-3x {
margin: 0 -15px;
}
body.search .blog-style-masonry + .gem-pagination {
border-top: medium none;
margin-top: 0px;
padding-top: 0px;
text-align: center;
}body:not(.elementor-editor-active) .lazy-loading:not(.lazy-loading-not-hide) {
visibility: hidden;
}
body #page .lazy-loading.lazy-loading-end-animation,
body #page .lazy-loading.lazy-loading-before-start-animation {
visibility: visible;
}
.lazy-loading-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lazy-loading-timer-element.start-timer {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.lazy-loading-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-clip {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
zoom: 1;
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-clip {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-moz-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
-ms-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
-o-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
-webkit-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-fading {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-fading {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-right {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateX(7%);
-ms-transform: translateX(7%);
-webkit-transform: translateX(7%);
-o-transform: translateX(7%);
transform: translateX(7%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-right {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-left {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateX(-7%);
-ms-transform: translateX(-7%);
-webkit-transform: translateX(-7%);
-o-transform: translateX(-7%);
transform: translateX(-7%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-left {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-bottom {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(7%);
-ms-transform: translateY(7%);
-webkit-transform: translateY(7%);
-o-transform: translateY(7%);
transform: translateY(7%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-bottom {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-top {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-top {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-slide-right {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-slide-right {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
-ms-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
-o-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
-webkit-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-move-up {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-move-up {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-moz-transition: transform 1s, opacity 1s;
-ms-transition: transform 1s, opacity 1s;
-o-transition: transform 1s, opacity 1s;
-webkit-transition: transform 1s, opacity 1s;
transition: transform 1s, opacity 1s;
}: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 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.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.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 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%);--bw:100;--text:hsl(0deg 0% clamp(0%,var(--bw)*1%,100%)/clamp(70%,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,.joinchat__button__image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.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;image-rendering:pixelated}.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(180deg,var(--color),var(--color) var(--header),var(--bg) var(--header),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--dark .joinchat__box{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.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}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.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.6z'/%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:hidden 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__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:26px;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:18px;left:-15px;width:17px;height:25px;background:inherit;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{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.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}}