.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }[class^='imghvr-msnary-'], [class*=' imghvr-msnary-'] {
position: relative;
display: inline-block;
margin: 0px;
max-width: 100%;
background-color: tranparent;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[class^='imghvr-msnary-'], [class*=' imghvr-msnary-'], [class^='imghvr-msnary-']:before, [class^='imghvr-msnary-']:after, [class*=' imghvr-msnary-']:before, [class*=' imghvr-msnary-']:after, [class^='imghvr-msnary-'] *, [class*=' imghvr-msnary-'] *, [class^='imghvr-msnary-'] *:before, [class^='imghvr-msnary-'] *:after, [class*=' imghvr-msnary-'] *:before, [class*=' imghvr-msnary-'] *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
} [class^='imghvr-msnary-push-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-push-']:hover .dnxte-msnary-details {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-msnary-push-up .dnxte-msnary-details {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-msnary-push-up:hover>img {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-msnary-push-down .dnxte-msnary-details {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-msnary-push-down:hover>img {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-msnary-push-left .dnxte-msnary-details {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-msnary-push-left:hover>img {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-msnary-push-right .dnxte-msnary-details {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-msnary-push-right:hover>img {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} [class^='imghvr-msnary-reveal-']:before, [class*=' imghvr-msnary-reveal-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: #135796;
}
[class^='imghvr-msnary-reveal-'] .dnxte-msnary-details, [class*=' imghvr-msnary-reveal-'] .dnxte-msnary-details {
opacity: 0;
}
[class^='imghvr-msnary-reveal-']:hover:before, [class*=' imghvr-msnary-reveal-']:hover:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-msnary-reveal-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-reveal-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-reveal-up:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-msnary-reveal-down:before {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-msnary-reveal-left:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-msnary-reveal-right:before {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-msnary-reveal-top-left:before {
-webkit-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-msnary-reveal-top-right:before {
-webkit-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-msnary-reveal-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-msnary-reveal-bottom-right:before {
-webkit-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-msnary-hinge-'], [class*=' imghvr-msnary-hinge-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-msnary-hinge-'] .dnxte-msnary-details, [class*=' imghvr-msnary-hinge-'] .dnxte-msnary-details {
opacity: 0;
z-index: 1;
}
[class^='imghvr-msnary-hinge-']:hover img, [class*=' imghvr-msnary-hinge-']:hover img {
opacity: 0;
}
[class^='imghvr-msnary-hinge-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-hinge-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-hinge-up img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-msnary-hinge-up .dnxte-msnary-details {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-msnary-hinge-up:hover>img {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.imghvr-msnary-hinge-up:hover .dnxte-msnary-details {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-msnary-hinge-down img {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-msnary-hinge-down .dnxte-msnary-details {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.imghvr-msnary-hinge-down:hover>img {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.imghvr-msnary-hinge-down:hover .dnxte-msnary-details {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-msnary-hinge-left img {
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-msnary-hinge-left .dnxte-msnary-details {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-msnary-hinge-left:hover>img {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.imghvr-msnary-hinge-left:hover .dnxte-msnary-details {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} .imghvr-msnary-hinge-right img {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-msnary-hinge-right .dnxte-msnary-details {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-msnary-hinge-right:hover>img {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.imghvr-msnary-hinge-right:hover .dnxte-msnary-details {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} [class^='imghvr-msnary-flip-'], [class*=' imghvr-msnary-flip-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-msnary-flip-'] img, [class*=' imghvr-msnary-flip-'] img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
[class^='imghvr-msnary-flip-'] .dnxte-msnary-details, [class*=' imghvr-msnary-flip-'] .dnxte-msnary-details {
opacity: 0;
}
[class^='imghvr-msnary-flip-']:hover>img, [class*=' imghvr-msnary-flip-']:hover>img {
opacity: 0;
}
[class^='imghvr-msnary-flip-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-flip-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.14s;
-o-transition-delay: 0.14s;
transition-delay: 0.14s;
} .imghvr-msnary-flip-horiz .dnxte-msnary-details {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-msnary-flip-horiz:hover img {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.imghvr-msnary-flip-horiz:hover .dnxte-msnary-details {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
} .imghvr-msnary-flip-vert .dnxte-msnary-details {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-msnary-flip-vert:hover>img {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.imghvr-msnary-flip-vert:hover .dnxte-msnary-details {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
} .imghvr-msnary-flip-diag-1 .dnxte-msnary-details {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg);
}
.imghvr-msnary-flip-diag-1:hover>img {
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
transform: rotate3d(-1, 1, 0, 100deg);
}
.imghvr-msnary-flip-diag-1:hover .dnxte-msnary-details {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} .imghvr-msnary-flip-diag-2 .dnxte-msnary-details {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.imghvr-msnary-flip-diag-2:hover>img {
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
transform: rotate3d(-1, -1, 0, 100deg);
}
.imghvr-msnary-flip-diag-2:hover .dnxte-msnary-details {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} [class^='imghvr-msnary-shutter-in-']:after, [class^='imghvr-msnary-shutter-in-']:before, [class*=' imghvr-msnary-shutter-in-']:after, [class*=' imghvr-msnary-shutter-in-']:before {
background: #135796;
position: absolute;
content: '';
}
[class^='imghvr-msnary-shutter-in-']:after, [class*=' imghvr-msnary-shutter-in-']:after {
top: 0;
left: 0;
}
[class^='imghvr-msnary-shutter-in-']:before, [class*=' imghvr-msnary-shutter-in-']:before {
right: 0;
bottom: 0;
}
[class^='imghvr-msnary-shutter-in-'] .dnxte-msnary-details, [class*=' imghvr-msnary-shutter-in-'] .dnxte-msnary-details {
opacity: 0;
z-index: 1;
}
[class^='imghvr-msnary-shutter-in-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-shutter-in-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-shutter-in-horiz:after, .imghvr-msnary-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.imghvr-msnary-shutter-in-horiz:hover:after, .imghvr-msnary-shutter-in-horiz:hover:before {
width: 50%;
} .imghvr-msnary-shutter-in-vert:after, .imghvr-msnary-shutter-in-vert:before {
height: 0;
width: 100%;
}
.imghvr-msnary-shutter-in-vert:hover:after, .imghvr-msnary-shutter-in-vert:hover:before {
height: 50%;
} .imghvr-msnary-shutter-in-out-horiz:after, .imghvr-msnary-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: 0.75;
}
.imghvr-msnary-shutter-in-out-horiz:hover:after, .imghvr-msnary-shutter-in-out-horiz:hover:before {
width: 100%;
} .imghvr-msnary-shutter-in-out-vert:after, .imghvr-msnary-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: 0.75;
}
.imghvr-msnary-shutter-in-out-vert:hover:after, .imghvr-msnary-shutter-in-out-vert:hover:before {
height: 100%;
} .imghvr-msnary-shutter-in-out-diag-1:after, .imghvr-msnary-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-msnary-shutter-in-out-diag-1:after {
-webkit-transform: skew(-45deg) translateX(-150%);
-ms-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
}
.imghvr-msnary-shutter-in-out-diag-1:before {
-webkit-transform: skew(-45deg) translateX(150%);
-ms-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
}
.imghvr-msnary-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
-ms-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.imghvr-msnary-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
-ms-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
} .imghvr-msnary-shutter-in-out-diag-2:after, .imghvr-msnary-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-msnary-shutter-in-out-diag-2:after {
-webkit-transform: skew(45deg) translateX(-100%);
-ms-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%);
}
.imghvr-msnary-shutter-in-out-diag-2:before {
-webkit-transform: skew(45deg) translateX(100%);
-ms-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%);
}
.imghvr-msnary-shutter-in-out-diag-2:hover:after {
-webkit-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
.imghvr-msnary-shutter-in-out-diag-2:hover:before {
-webkit-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
} [class^='imghvr-msnary-shutter-out-']:before, [class*=' imghvr-msnary-shutter-out-']:before {
background: #135796;
position: absolute;
content: '';
-webkit-transition-delay: 0.105s;
-o-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-msnary-shutter-out-'] .dnxte-msnary-details, [class*=' imghvr-msnary-shutter-out-'] .dnxte-msnary-details {
opacity: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-msnary-shutter-out-']:hover:before, [class*=' imghvr-msnary-shutter-out-']:hover:before {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-msnary-shutter-out-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-shutter-out-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.105s;
-o-transition-delay: 0.105s;
transition-delay: 0.105s;
} .imghvr-msnary-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.imghvr-msnary-shutter-out-horiz:hover:before {
left: 0;
right: 0;
} .imghvr-msnary-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.imghvr-msnary-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
} .imghvr-msnary-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.imghvr-msnary-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
} .imghvr-msnary-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.imghvr-msnary-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
} [class^='imghvr-msnary-fold'], [class*=' imghvr-msnary-fold'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-msnary-fold'] img, [class*=' imghvr-msnary-fold'] img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
[class^='imghvr-msnary-fold'] .dnxte-msnary-details, [class*=' imghvr-msnary-fold'] .dnxte-msnary-details {
z-index: 1;
opacity: 0;
}
[class^='imghvr-msnary-fold']:hover>img, [class*=' imghvr-msnary-fold']:hover>img {
opacity: 0;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
[class^='imghvr-msnary-fold']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-fold']:hover .dnxte-msnary-details {
-webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-fold-up>img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-msnary-fold-up .dnxte-msnary-details {
-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-msnary-fold-up:hover>img {
-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
transform: rotateX(90deg) scale(0.6) translateY(50%);
} .imghvr-msnary-fold-down>img {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-msnary-fold-down .dnxte-msnary-details {
-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-msnary-fold-down:hover>img {
-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
} .imghvr-msnary-fold-left>img {
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-msnary-fold-left .dnxte-msnary-details {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-msnary-fold-left:hover>img {
-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
transform: rotateY(-90deg) scale(0.6) translateX(50%);
} .imghvr-msnary-fold-right>img {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-msnary-fold-right .dnxte-msnary-details {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-msnary-fold-right:hover>img {
-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
transform: rotateY(90deg) scale(0.6) translateX(-50%);
} [class^='imghvr-msnary-zoom-out'] .dnxte-msnary-details, [class*=' imghvr-msnary-zoom-out'] .dnxte-msnary-details {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
[class^='imghvr-msnary-zoom-out']:hover .dnxte-msnary-details, [class^='imghvr-msnary-zoom-out'].hover .dnxte-msnary-details, [class*=' imghvr-msnary-zoom-out']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-zoom-out'].hover .dnxte-msnary-details {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
} .imghvr-msnary-zoom-out:hover>img {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
} .imghvr-msnary-zoom-out-up:hover>img, .imghvr-msnary-zoom-out-up.hover>img {
-webkit-animation: imghvr-msnary-zoom-out-up 0.4025s linear;
animation: imghvr-msnary-zoom-out-up 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-msnary-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-msnary-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
} .imghvr-msnary-zoom-out-down:hover>img, .imghvr-msnary-zoom-out-down.hover>img {
-webkit-animation: imghvr-msnary-zoom-out-down 0.4025s linear;
animation: imghvr-msnary-zoom-out-down 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-msnary-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
@keyframes imghvr-msnary-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
} .imghvr-msnary-zoom-out-left:hover>img, .imghvr-msnary-zoom-out-left.hover>img {
-webkit-animation: imghvr-msnary-zoom-out-left 0.4025s linear;
animation: imghvr-msnary-zoom-out-left 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-msnary-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-msnary-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
} .imghvr-msnary-zoom-out-right:hover>img, .imghvr-msnary-zoom-out-right.hover>img {
-webkit-animation: imghvr-msnary-zoom-out-right 0.4025s linear;
animation: imghvr-msnary-zoom-out-right 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-msnary-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
@keyframes imghvr-msnary-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
} .imghvr-msnary-zoom-out-flip-horiz {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-msnary-zoom-out-flip-horiz .dnxte-msnary-details {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.imghvr-msnary-zoom-out-flip-horiz:hover>img, .imghvr-msnary-zoom-out-flip-horiz.hover>img {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.imghvr-msnary-zoom-out-flip-horiz:hover .dnxte-msnary-details, .imghvr-msnary-zoom-out-flip-horiz.hover .dnxte-msnary-details {
-webkit-transform: rotateX(0) translateY(0%) scale(1);
transform: rotateX(0) translateY(0%) scale(1);
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
} .imghvr-msnary-zoom-out-flip-vert {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-msnary-zoom-out-flip-vert .dnxte-msnary-details {
opacity: 0;
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.imghvr-msnary-zoom-out-flip-vert:hover>img, .imghvr-msnary-zoom-out-flip-vert.hover>img {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.imghvr-msnary-zoom-out-flip-vert:hover .dnxte-msnary-details, .imghvr-msnary-zoom-out-flip-vert.hover .dnxte-msnary-details {
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
transform: rotateY(0) translate(0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
} [class^='imghvr-msnary-image-'] .dnxte-msnary-details, [class*=' imghvr-msnary-image-'] .dnxte-msnary-details {
opacity: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-msnary-image-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-image-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.14s;
-o-transition-delay: 0.14s;
transition-delay: 0.14s;
} .imghvr-msnary-image-zoom-center:hover>img {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25);
} .imghvr-msnary-image-zoom-out:hover>img {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
} .imghvr-msnary-image-rotate-left:hover>img {
-webkit-transform: scale(1.3) rotate(-15deg);
-ms-transform: scale(1.3) rotate(-15deg);
transform: scale(1.3) rotate(-15deg);
} .imghvr-msnary-image-rotate-right:hover>img {
-webkit-transform: scale(1.3) rotate(15deg);
-ms-transform: scale(1.3) rotate(15deg);
transform: scale(1.3) rotate(15deg);
} [class^='imghvr-msnary-circle-']:before, [class*=' imghvr-msnary-circle-']:before {
position: absolute;
top: -25%;
bottom: -25%;
left: -25%;
right: -25%;
content: '';
background-color: #135796;
border-radius: 50%;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
[class^='imghvr-msnary-circle-'] .dnxte-msnary-details, [class*=' imghvr-msnary-circle-'] .dnxte-msnary-details {
opacity: 0;
background-color: transparent;
}
[class^='imghvr-msnary-circle-']:hover:before, [class*=' imghvr-msnary-circle-']:hover:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-msnary-circle-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-circle-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
} .imghvr-msnary-circle-up:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-msnary-circle-down:before {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-msnary-circle-left:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-msnary-circle-right:before {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-msnary-circle-top-left:before {
-webkit-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-msnary-circle-top-right:before {
-webkit-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-msnary-circle-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-msnary-circle-bottom-right:before {
-webkit-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-msnary-bounce'] .dnxte-msnary-details, [class*=' imghvr-msnary-bounce'] .dnxte-msnary-details {
background-color: #135796;
opacity: 1;
}
[class^='imghvr-msnary-bounce']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-bounce']:hover .dnxte-msnary-details {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.55, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.55, 1);
} .imghvr-msnary-bounce-out .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out:hover>img {
-webkit-animation: imghvr-msnary-bounce-out 0.4025s ease-in forwards;
animation: imghvr-msnary-bounce-out 0.4025s ease-in forwards;
}
.imghvr-msnary-bounce-out:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes imghvr-msnary-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
} .imghvr-msnary-bounce-out-up .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out-up:hover>img {
-webkit-animation: imghvr-msnary-bounce-out-up 0.4025s ease-in forwards;
animation: imghvr-msnary-bounce-out-up 0.4025s ease-in forwards;
}
.imghvr-msnary-bounce-out-up:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes imghvr-msnary-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
} .imghvr-msnary-bounce-out-down .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out-down:hover>img {
-webkit-animation: imghvr-msnary-bounce-out-down 0.4025s ease-in forwards;
animation: imghvr-msnary-bounce-out-down 0.4025s ease-in forwards;
}
.imghvr-msnary-bounce-out-down:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes imghvr-msnary-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
} .imghvr-msnary-bounce-out-left .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out-left:hover>img {
-webkit-animation: imghvr-msnary-bounce-out-left 0.4025s ease-in forwards;
animation: imghvr-msnary-bounce-out-left 0.4025s ease-in forwards;
}
.imghvr-msnary-bounce-out-left:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes imghvr-msnary-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
} .imghvr-msnary-bounce-out-right .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out-right:hover>img {
-webkit-animation: imghvr-msnary-bounce-out-right 0.4025s ease-in forwards;
animation: imghvr-msnary-bounce-out-right 0.4025s ease-in forwards;
}
.imghvr-msnary-bounce-out-right:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes imghvr-msnary-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
} [class^='imghvr-msnary-grad-']:before, [class*=' imghvr-msnary-grad-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
}
[class^='imghvr-msnary-grad-'] .dnxte-msnary-details, [class*=' imghvr-msnary-grad-'] .dnxte-msnary-details {
z-index: 1;
opacity: 0;
background-color: transparent;
}
[class^='imghvr-msnary-grad-']:hover:before, [class*=' imghvr-msnary-grad-']:hover:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-msnary-grad-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-grad-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-grad-radial-in:before {
background-image: -o-radial-gradient(transparent 0%, #135796 100%);
background-image: radial-gradient(transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
}
.dnxte_masonary .imghvr-msnary-grad-radial-in:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
opacity: 0; }
.imghvr-msnary-grad-radial-in:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.imghvr-msnary-grad-radial-in:hover:after {
opacity: 0.75;
-webkit-transition-delay: 0.105s;
-o-transition-delay: 0.105s;
transition-delay: 0.105s;
} .imghvr-msnary-grad-radial-out:before {
background-image: -o-radial-gradient(#135796 0%, transparent 100%);
background-image: radial-gradient(#135796 0%, transparent 100%);
position: absolute;
top: -75%;
bottom: -75%;
left: -75%;
right: -75%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.imghvr-msnary-grad-radial-out:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-grad-up:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#135796));
background-image: -o-linear-gradient(top, transparent 0%, #135796 100%);
background-image: linear-gradient(to bottom, transparent 0%, #135796 100%);
top: -75%;
} .imghvr-msnary-grad-down:before {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#135796));
background-image: -o-linear-gradient(bottom, transparent 0%, #135796 100%);
background-image: linear-gradient(to top, transparent 0%, #135796 100%);
bottom: -75%;
} .imghvr-msnary-grad-left:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#135796));
background-image: -o-linear-gradient(left, transparent 0%, #135796 100%);
background-image: linear-gradient(to right, transparent 0%, #135796 100%);
left: -75%;
} .imghvr-msnary-grad-right:before {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(#135796));
background-image: -o-linear-gradient(right, transparent 0%, #135796 100%);
background-image: linear-gradient(to left, transparent 0%, #135796 100%);
right: -75%;
} .imghvr-msnary-grad-top-left:before {
background-image: -o-linear-gradient(135deg, transparent 0%, #135796 100%);
background-image: linear-gradient(-45deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
right: -75%;
}
.imghvr-msnary-grad-top-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-grad-top-right:before {
background-image: -o-linear-gradient(45deg, transparent 0%, #135796 100%);
background-image: linear-gradient(45deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
left: -75%;
}
.imghvr-msnary-grad-top-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-grad-bottom-left:before {
background-image: -o-linear-gradient(225deg, transparent 0%, #135796 100%);
background-image: linear-gradient(-135deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
right: -75%;
}
.imghvr-msnary-grad-bottom-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-grad-bottom-right:before {
background-image: -o-linear-gradient(315deg, transparent 0%, #135796 100%);
background-image: linear-gradient(135deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
left: -75%;
}
.imghvr-msnary-grad-bottom-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-dive-cc .dnxte-msnary-details {
-webkit-transform: rotate(-45deg) scale(5);
-ms-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.imghvr-msnary-dive-cc:hover>img {
-webkit-transform: rotate(45deg) scale(5);
-ms-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.imghvr-msnary-dive-cc:hover .dnxte-msnary-details {
-webkit-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
} .imghvr-msnary-dive-ccc .dnxte-msnary-details {
-webkit-transform: rotate(45deg) scale(5);
-ms-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.imghvr-msnary-dive-ccc:hover>img {
-webkit-transform: rotate(-45deg) scale(5);
-ms-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.imghvr-msnary-dive-ccc:hover .dnxte-msnary-details {
-webkit-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
} .imghvr-msnary-switch-up .dnxte-msnary-details {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-msnary-switch-up:hover>img {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-msnary-switch-down .dnxte-msnary-details {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-msnary-switch-down:hover>img {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-msnary-switch-left .dnxte-msnary-details {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-msnary-switch-left:hover>img {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-msnary-switch-right .dnxte-msnary-details {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-msnary-switch-right:hover>img {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} [class^='imghvr-msnary-flash-']:before, [class^='imghvr-msnary-flash-']:after, [class*=' imghvr-msnary-flash-']:before, [class*=' imghvr-msnary-flash-']:after {
opacity: 0.75;
background-color: #135796;
position: absolute;
top: -50%;
bottom: -50%;
left: -50%;
right: -50%;
content: '';
}
[class^='imghvr-msnary-flash-']:after, [class*=' imghvr-msnary-flash-']:after {
-webkit-transition-delay: 0.175s;
-o-transition-delay: 0.175s;
transition-delay: 0.175s;
}
[class^='imghvr-msnary-flash-'] .dnxte-msnary-details, [class*=' imghvr-msnary-flash-'] .dnxte-msnary-details {
opacity: 0;
z-index: 1;
}
[class^='imghvr-msnary-flash-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-flash-']:hover .dnxte-msnary-details {
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
opacity: 1;
} .imghvr-msnary-flash-top-left:before, .imghvr-msnary-flash-top-left:after {
-webkit-transform: rotate(-45deg) translateY(-100%);
-ms-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.imghvr-msnary-flash-top-left:hover:before {
-webkit-transform: rotate(-45deg) translateY(100%);
-ms-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.imghvr-msnary-flash-top-left:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
-ms-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
} .imghvr-msnary-flash-top-right:before, .imghvr-msnary-flash-top-right:after {
-webkit-transform: rotate(45deg) translateY(-100%);
-ms-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.imghvr-msnary-flash-top-right:hover:before {
-webkit-transform: rotate(45deg) translateY(100%);
-ms-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.imghvr-msnary-flash-top-right:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
-ms-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
} .imghvr-msnary-flash-bottom-left:before, .imghvr-msnary-flash-bottom-left:after {
-webkit-transform: rotate(45deg) translateY(100%);
-ms-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.imghvr-msnary-flash-bottom-left:hover:before {
-webkit-transform: rotate(45deg) translateY(-100%);
-ms-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.imghvr-msnary-flash-bottom-left:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
-ms-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
} .imghvr-msnary-flash-bottom-right:before, .imghvr-msnary-flash-bottom-right:after {
-webkit-transform: rotate(-45deg) translateY(100%);
-ms-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.imghvr-msnary-flash-bottom-right:hover:before {
-webkit-transform: rotate(-45deg) translateY(-100%);
-ms-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.imghvr-msnary-flash-bottom-right:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
-ms-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
}.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-one li {
margin-bottom: 0;
letter-spacing: 2px;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-one li:before {
position: absolute;
content: "";
background: #111;
width: 1px;
height: 15px;
right: -6px;
top: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-one li:last-child:before {
display: none;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-one li.active::after {
position: absolute;
background: #111;
bottom: -10px;
content: "";
height: 4px;
left: 0;
right: 0;
margin: 0 auto;
opacity: 1;
transition: all 0.3s ease 0s;
width: 4px;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-one li.hover::after {
position: absolute;
background: #111;
bottom: -10px;
content: "";
height: 4px;
left: 0;
right: 0;
margin: 0 auto;
opacity: 1;
transition: all 0.3s ease 0s;
width: 4px;
} .dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-two li.active {
background: #772adb;
color: #fff;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-two li:hover.active {
border-color: transparent;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-two li:hover {
background: #772adb;
border-color: #772adb;
color: #fff;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-two li {
color: #222;
border: 1px solid #ccc;
border-radius: 35px;
background: transparent;
} .dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-three li.active {
background: transparent;
border: 1px solid#8e8b8b;
color: #8e8b8b;
}
.dnxtmg-msnary-filter-items li.dnxtmg-msnary-layout-three:hover {
background: transparent;
border: 1px solid#8e8b8b;
color: #8e8b8b;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-three li {
color: #8e8b8b;
border-radius: 35px;
background: transparent;
} .dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-four li:first-child {
border-radius: 35px 0 0 35px;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-four li:last-child {
border-radius: 0 35px 35px 0;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-four li.active {
background: #772adb;
color: #fff;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-four li:hover {
background: #772adb;
color: #fff;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-four li {
color: #030303;
border-radius: 35px;
background: #b8b7b7;
} .dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-five li {
text-transform: capitalize;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-five li:before,
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-five li:after {
position: absolute;
content: "";
width: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
left: 0;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-five li.active:before {
border-top: 1px solid #333333;
top: 0;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-five li.active::after {
border-bottom: 1px solid #333333;
bottom: 0;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-five li:before {
border-top: 1px solid #333333;
top: 50%;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-five li:after {
border-bottom: 1px solid #333333;
bottom: 50%;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-five li:hover::before {
border-top: 1px solid #333333;
top: 0%;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-five li:hover::after {
border-bottom: 1px solid #333333;
bottom: 0%;
} .dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-six li.active {
background: #772adb;
color: #fff;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-six li:hover {
background: #772adb;
color: #fff;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-six li {
color: #8e8b8b;
background: transparent;
} .dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-seven li {
position: relative;
margin-bottom: 0;
letter-spacing: 2px;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-seven li:before {
position: absolute;
content: "";
background: #111;
width: 2px;
height: 15px;
right: -6px;
top: 12px;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-seven li {
color: #727272;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-seven li.active {
color: #772adb;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-seven li:last-child:before {
display: none;
} .dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-eight li.active {
background: #772adb;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-eight li:hover {
background: #772adb;
}
.dnxtmg-msnary-filter-items.dnxtmg-msnary-layout-eight li {
color: #fff;
background: #3a3a3a;
letter-spacing: 2px;
}: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%,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(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.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: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;-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{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}}