@charset "UTF-8";
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
 .animated.infinite{animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%,50%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{animation-name:tada}@keyframes wobble{from,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:scale3d(.6,.6,.6)}20%{transform:scale3d(1.05,1.05,1.05)}40%{transform:scale3d(.95,.95,.95)}60%{opacity:1;transform:scale3d(1.02,1.02,1.02)}80%{transform:scale3d(.98,.98,.98)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,-20px,0)}60%{opacity:1;transform:translate3d(0,10px,0)}75%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,2px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(-20px,0,0)}60%{opacity:1;transform:translate3d(10px,0,0)}75%{transform:translate3d(-5px,0,0)}90%{transform:translate3d(2px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;transform:translate3d(20px,0,0)}60%{opacity:1;transform:translate3d(-10px,0,0)}75%{transform:translate3d(5px,0,0)}90%{transform:translate3d(-2px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;transform:translate3d(0,20px,0)}60%{opacity:1;transform:translate3d(0,-10px,0)}75%{transform:translate3d(0,5px,0)}90%{transform:translate3d(0,-2px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.95,.95,.95)}50%,55%{opacity:1;transform:scale3d(1.05,1.05,1.05)}to{opacity:0;transform:scale3d(.5,.5,.5)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,5px,0)}40%,45%{opacity:1;transform:translate3d(0,-15px,0)}to{opacity:0;transform:translate3d(0,100px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(10px,0,0)}to{opacity:0;transform:translate3d(-100px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-10px,0,0)}to{opacity:0;transform:translate3d(100px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-5px,0)}40%,45%{opacity:1;transform:translate3d(0,15px,0)}to{opacity:0;transform:translate3d(0,-100px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-40px,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-1000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-40px,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-1000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(1000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,1000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,40px,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,1000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-60px,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-1000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(60px,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(1000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-60px,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-1000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(1000px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(1000px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(1000px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(1000px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(1000px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,60deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-10deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,5deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-2deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@keyframes flipInY{from{transform:perspective(1000px) rotate3d(0,1,0,60deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(1000px) rotate3d(0,1,0,-10deg);animation-timing-function:ease-in}60%{transform:perspective(1000px) rotate3d(0,1,0,5deg);opacity:1}80%{transform:perspective(1000px) rotate3d(0,1,0,-2deg)}to{transform:perspective(1000px)}}.flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(1000px)}30%{transform:perspective(1000px) rotate3d(1,0,0,-15deg);opacity:1}to{transform:perspective(1000px) rotate3d(1,0,0,60deg);opacity:0}}.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}.flipInXShort,.flipOutY{-webkit-backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(1000px)}30%{transform:perspective(1000px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(1000px) rotate3d(0,1,0,60deg);opacity:0}}.flipOutY{backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100px,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-180deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-10deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,10deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,10deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-10deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,180deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,10deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-10deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-10deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,10deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.8,.8,.8)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.6,.6,.6) translate3d(0,-200px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(.9,.9,.9) translate3d(0,10px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.6,.6,.6) translate3d(-500px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(.9,.9,.9) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.6,.6,.6) translate3d(500px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(.9,.9,.9) translate3d(-20px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.6,.6,.6) translate3d(0,200px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(.9,.9,.9) translate3d(0,-20px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.8,.8,.8)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.9,.9,.9) translate3d(0,-20px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(.4,.4,.4) translate3d(0,500px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.9,.9,.9) translate3d(30px,0,0)}to{opacity:0;transform:scale(.3) translate3d(-500px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.9,.9,.9) translate3d(-30px,0,0)}to{opacity:0;transform:scale(.3) translate3d(500px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.9,.9,.9) translate3d(0,30px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(.3,.3,.3) translate3d(0,-500px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0);opacity:1}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0);opacity:1}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0);opacity:1}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0);opacity:1}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}@keyframes fadeInUpShort{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}.fadeInUpShort{animation-name:fadeInUpShort}@keyframes fadeInDownShort{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:none}}.fadeInDownShort{animation-name:fadeInDownShort}@keyframes fadeInLeftShort{from{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:none}}.fadeInLeftShort{animation-name:fadeInLeftShort}@keyframes fadeInRightShort{from{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:none}}.fadeInRightShort{animation-name:fadeInRightShort}@keyframes zoomInShort{from{opacity:0;transform:scale3d(.97,.97,.97)}50%{opacity:1}}.zoomInShort{animation-name:zoomInShort}@keyframes bounceInShort{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:scale3d(.97,.97,.97)}20%{transform:scale3d(1.03,1.03,1.03)}40%{transform:scale3d(.98,.98,.98)}60%{opacity:1;transform:scale3d(1.02,1.02,1.02)}80%{transform:scale3d(.99,.99,.99)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceInShort{animation-name:bounceInShort}@keyframes bounceInDownShort{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,-15px,0)}60%{opacity:1;transform:translate3d(0,8px,0)}75%{transform:translate3d(0,-8px,0)}90%{transform:translate3d(0,4px,0)}to{transform:none}}.bounceInDownShort{animation-name:bounceInDownShort}@keyframes bounceInLeftShort{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(-15px,0,0)}60%{opacity:1;transform:translate3d(8px,0,0)}75%{transform:translate3d(-8px,0,0)}90%{transform:translate3d(4px,0,0)}to{transform:none}}.bounceInLeftShort{animation-name:bounceInLeftShort}@keyframes bounceInRightShort{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;transform:translate3d(15px,0,0)}60%{opacity:1;transform:translate3d(-8px,0,0)}75%{transform:translate3d(8px,0,0)}90%{transform:translate3d(-4px,0,0)}to{transform:none}}.bounceInRightShort{animation-name:bounceInRightShort}@keyframes bounceInUpShort{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;transform:translate3d(0,15px,0)}60%{opacity:1;transform:translate3d(0,-8px,0)}75%{transform:translate3d(0,8px,0)}90%{transform:translate3d(0,-4px,0)}to{transform:translate3d(0,0,0)}}.bounceInUpShort{animation-name:bounceInUpShort}@keyframes flipInXShort{from{transform:perspective(2500px) rotate3d(10,0,0,10deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(2500px) rotate3d(10,0,0,-7deg);animation-timing-function:ease-in}60%{transform:perspective(2500px) rotate3d(10,0,0,5deg);opacity:1}80%{transform:perspective(2500px) rotate3d(10,0,0,-2deg)}to{transform:perspective(2500px)}}.flipInXShort{backface-visibility:visible!important;animation-name:flipInXShort}.flipInX,.flipInYShort{-webkit-backface-visibility:visible!important}@keyframes flipInYShort{from{transform:perspective(2500px) rotate3d(0,1,0,10deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(2500px) rotate3d(0,1,0,-7deg);animation-timing-function:ease-in}60%{transform:perspective(2500px) rotate3d(0,1,0,5deg);opacity:1}80%{transform:perspective(2500px) rotate3d(0,1,0,-2deg)}to{transform:perspective(2500px)}}.flipInYShort{backface-visibility:visible!important;animation-name:flipInYShort}@keyframes jackInTheBoxShort{from{opacity:0;transform:scale(.98) rotate(3deg);transform-origin:center bottom}50%{transform:rotate(-2deg)}70%{transform:rotate(1deg)}to{opacity:1;transform:scale(1)}}.jackInTheBoxShort{animation-name:jackInTheBoxShort}@keyframes rotateInShort{from{transform-origin:center;transform:rotate3d(0,0,1,-2deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateInShort{animation-name:rotateInShort}@keyframes rotateInDownLeftShort{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-2deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeftShort{animation-name:rotateInDownLeftShort}@keyframes rotateInDownRightShort{from{transform-origin:right bottom;transform:rotate3d(0,0,1,2deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRightShort{animation-name:rotateInDownRightShort}@keyframes rotateInUpLeftShort{from{transform-origin:left bottom;transform:rotate3d(0,0,1,2deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeftShort{animation-name:rotateInUpLeftShort}@keyframes rotateInUpRightShort{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-2deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRightShort{animation-name:rotateInUpRightShort}.animated{animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake}@-webkit-keyframes headShake{0%,50%{-webkit-transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg)}}.headShake{-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-webkit-animation-name:swing}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada}@-webkit-keyframes wobble{from,to{-webkit-transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0)}to{-webkit-transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0)}to{-webkit-transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0)}to{-webkit-transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-40px,0)}to{opacity:1;-webkit-transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-1000px,0)}to{opacity:1;-webkit-transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-40px,0,0)}to{opacity:1;-webkit-transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-1000px,0,0)}to{opacity:1;-webkit-transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(60px,0,0)}to{opacity:1;-webkit-transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(1000px,0,0)}to{opacity:1;-webkit-transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,40px,0)}to{opacity:1;-webkit-transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,1000px,0)}to{opacity:1;-webkit-transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,60px,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,1000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-60px,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-1000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(60px,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(1000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-60px,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-1000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);-webkit-animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px)}}.flipInX{backface-visibility:visible!important;-webkit-animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;backface-visibility:visible!important}.flipInXShort,.flipOutY{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{backface-visibility:visible!important;-webkit-animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;-webkit-transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-10deg);opacity:0}to{-webkit-transform-origin:left bottom;-webkit-transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,10deg);opacity:0}to{-webkit-transform-origin:right bottom;-webkit-transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,10deg);opacity:0}to{-webkit-transform-origin:left bottom;-webkit-transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-10deg);opacity:0}to{-webkit-transform-origin:right bottom;-webkit-transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;opacity:1}to{-webkit-transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,10deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-10deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-10deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,10deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none}}.rollIn{-webkit-animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.8,.8,.8)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.8,.8,.8)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);opacity:1}}.slideInDown{-webkit-animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);opacity:1}}.slideInRight{-webkit-animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);opacity:1}}.slideInUp{-webkit-animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp}@-webkit-keyframes fadeInUpShort{from{opacity:0;-webkit-transform:translate3d(0,20px,0)}to{opacity:1;-webkit-transform:none}}.fadeInUpShort{-webkit-animation-name:fadeInUpShort}@-webkit-keyframes fadeInDownShort{from{opacity:0;-webkit-transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:none}}.fadeInDownShort{-webkit-animation-name:fadeInDownShort}@-webkit-keyframes fadeInLeftShort{from{opacity:0;-webkit-transform:translate3d(-20px,0,0)}to{opacity:1;-webkit-transform:none}}.fadeInLeftShort{-webkit-animation-name:fadeInLeftShort}@-webkit-keyframes fadeInRightShort{from{opacity:0;-webkit-transform:translate3d(20px,0,0)}to{opacity:1;-webkit-transform:none}}.fadeInRightShort{-webkit-animation-name:fadeInRightShort}@-webkit-keyframes zoomInShort{from{opacity:0;-webkit-transform:scale3d(.97,.97,.97)}50%{opacity:1}}.zoomInShort{-webkit-animation-name:zoomInShort}@-webkit-keyframes bounceInShort{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:scale3d(.97,.97,.97)}20%{-webkit-transform:scale3d(1.03,1.03,1.03)}40%{-webkit-transform:scale3d(.98,.98,.98)}60%{opacity:1;-webkit-transform:scale3d(1.02,1.02,1.02)}80%{-webkit-transform:scale3d(.99,.99,.99)}to{opacity:1;-webkit-transform:scale3d(1,1,1)}}.bounceInShort{-webkit-animation-name:bounceInShort}@-webkit-keyframes bounceInDownShort{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-15px,0)}60%{opacity:1;-webkit-transform:translate3d(0,8px,0)}75%{-webkit-transform:translate3d(0,-8px,0)}90%{-webkit-transform:translate3d(0,4px,0)}to{-webkit-transform:none}}.bounceInDownShort{-webkit-animation-name:bounceInDownShort}@-webkit-keyframes bounceInLeftShort{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:translate3d(-15px,0,0)}60%{opacity:1;-webkit-transform:translate3d(8px,0,0)}75%{-webkit-transform:translate3d(-8px,0,0)}90%{-webkit-transform:translate3d(4px,0,0)}to{-webkit-transform:none}}.bounceInLeftShort{-webkit-animation-name:bounceInLeftShort}@-webkit-keyframes bounceInRightShort{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;-webkit-transform:translate3d(15px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-8px,0,0)}75%{-webkit-transform:translate3d(8px,0,0)}90%{-webkit-transform:translate3d(-4px,0,0)}to{-webkit-transform:none}}.bounceInRightShort{-webkit-animation-name:bounceInRightShort}@-webkit-keyframes bounceInUpShort{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;-webkit-transform:translate3d(0,15px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-8px,0)}75%{-webkit-transform:translate3d(0,8px,0)}90%{-webkit-transform:translate3d(0,-4px,0)}to{-webkit-transform:translate3d(0,0,0)}}.bounceInUpShort{-webkit-animation-name:bounceInUpShort}@-webkit-keyframes flipInXShort{from{-webkit-transform:perspective(2500px) rotate3d(10,0,0,10deg);-webkit-animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(2500px) rotate3d(10,0,0,-7deg);-webkit-animation-timing-function:ease-in}60%{-webkit-transform:perspective(2500px) rotate3d(10,0,0,5deg);opacity:1}80%{-webkit-transform:perspective(2500px) rotate3d(10,0,0,-2deg)}to{-webkit-transform:perspective(2500px)}}.flipInXShort{backface-visibility:visible!important;-webkit-animation-name:flipInXShort}@-webkit-keyframes flipInYShort{from{-webkit-transform:perspective(2500px) rotate3d(0,1,0,10deg);-webkit-animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(2500px) rotate3d(0,1,0,-7deg);-webkit-animation-timing-function:ease-in}60%{-webkit-transform:perspective(2500px) rotate3d(0,1,0,5deg);opacity:1}80%{-webkit-transform:perspective(2500px) rotate3d(0,1,0,-2deg)}to{-webkit-transform:perspective(2500px)}}.flipInYShort{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInYShort}@-webkit-keyframes jackInTheBoxShort{from{opacity:0;-webkit-transform:scale(.98) rotate(3deg);-webkit-transform-origin:center bottom}50%{-webkit-transform:rotate(-2deg)}70%{-webkit-transform:rotate(1deg)}to{opacity:1;-webkit-transform:scale(1)}}.jackInTheBoxShort{-webkit-animation-name:jackInTheBoxShort}@-webkit-keyframes rotateInShort{from{-webkit-transform-origin:center;-webkit-transform:rotate3d(0,0,1,-2deg);opacity:0}to{-webkit-transform-origin:center;-webkit-transform:none;opacity:1}}.rotateInShort{-webkit-animation-name:rotateInShort}@-webkit-keyframes rotateInDownLeftShort{from{-webkit-transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-2deg);opacity:0}to{-webkit-transform-origin:left bottom;-webkit-transform:none;opacity:1}}.rotateInDownLeftShort{-webkit-animation-name:rotateInDownLeftShort}@-webkit-keyframes rotateInDownRightShort{from{-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,2deg);opacity:0}to{-webkit-transform-origin:right bottom;-webkit-transform:none;opacity:1}}.rotateInDownRightShort{-webkit-animation-name:rotateInDownRightShort}@-webkit-keyframes rotateInUpLeftShort{from{-webkit-transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,2deg);opacity:0}to{-webkit-transform-origin:left bottom;-webkit-transform:none;opacity:1}}.rotateInUpLeftShort{-webkit-animation-name:rotateInUpLeftShort}@-webkit-keyframes rotateInUpRightShort{from{-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-2deg);opacity:0}to{-webkit-transform-origin:right bottom;-webkit-transform:none;opacity:1}}.rotateInUpRightShort{-webkit-animation-name:rotateInUpRightShort}.ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=all] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=all] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=all] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=all] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=all] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=all] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Trustindex/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Trustindex/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=all] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=all] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Trustindex/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Trustindex/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Instagram] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Instagram] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Instagram] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Instagram] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Instagram] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Instagram] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=Instagram] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Instagram] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Twitter] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Twitter] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Twitter] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Twitter] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Twitter] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Twitter] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=Twitter] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Twitter] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Facebook] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Facebook] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Facebook] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Facebook] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Facebook] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Facebook] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=Facebook] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Facebook] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Tiktok] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Tiktok] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Tiktok] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Tiktok] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Tiktok] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Tiktok] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=Tiktok] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Tiktok] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Pinterest] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Pinterest] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Pinterest] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Pinterest] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Pinterest] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Pinterest] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=Pinterest] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Pinterest] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Youtube] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Youtube] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Youtube] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Youtube] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Youtube] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Youtube] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=Youtube] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Youtube] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Google] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Google] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Google] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Google] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Google] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Google] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=Google] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Google] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Vimeo] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Vimeo] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Vimeo] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Vimeo] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Vimeo] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Vimeo] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=Vimeo] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Vimeo] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Linkedin] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Linkedin] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Linkedin] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Linkedin] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Linkedin] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Linkedin] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg); } .ti-lightbox .ti-widget-card[data-source=Linkedin] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Linkedin] .ti-platform:before { mask-image: url(https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header, .ti-lightbox .ti-card-header { position: relative; z-index: unset; padding-left: 20px; padding-right: 20px; display: flex !important; align-items: center; font-size: 14px; color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header .ti-profile-image, .ti-lightbox .ti-card-header .ti-profile-image { margin-right: calc(20px / 2); border-radius: 50%; margin-left: -2px; width: 36px; min-width: 36px; height: 36px; overflow: hidden; box-sizing: content-box !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header .ti-profile-image .ti-profile-image-sprite, .ti-lightbox .ti-card-header .ti-profile-image img, .ti-lightbox .ti-card-header .ti-profile-image .ti-profile-image-sprite { object-fit: cover; width: 100%; height: 100%; display: inline-block; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header .ti-profile-image .ti-profile-image-sprite, .ti-lightbox .ti-card-header .ti-profile-image .ti-profile-image-sprite { float: left; background: white; background-repeat: no-repeat; box-sizing: inherit !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header .ti-post-title, .ti-lightbox .ti-card-header .ti-post-title { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header .ti-name, .ti-lightbox .ti-card-header .ti-name { font-weight: 600; font-size: 14px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header .ti-sub, .ti-lightbox .ti-card-header .ti-sub { color: #cccccc; font-size: 11px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header .ti-platform, .ti-lightbox .ti-card-header .ti-platform { margin-left: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-card-header .ti-platform:before, .ti-lightbox .ti-card-header .ti-platform:before { width: 20px; height: 20px; background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card, .ti-lightbox .ti-widget-card { background-color: #222222; border-style: solid; border-width: 1px; border-color: #dedede; border-radius: 8px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); overflow: hidden; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-reposted, .ti-lightbox .ti-widget-card .ti-reposted { padding: 20px; color: #cccccc; font-size: 12px; display: flex; align-items: center; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-reposted:before, .ti-lightbox .ti-widget-card .ti-reposted:before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 5px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #cccccc; mask-image: url(https://cdn.trustindex.io/assets/icon/feed/facebook-share-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/facebook-share-icon.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body, .ti-lightbox .ti-widget-card .ti-card-body { display: flex; flex-direction: column; position: relative; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media { width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; border-radius: 0px; cursor: pointer; user-select: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:after, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:after { display: block; content: ""; width: 100%; height: 8px; position: absolute; bottom: -8px; z-index: 10; transition: bottom 0.3s ease-in-out; background: #3578e5; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-post-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-post-date { display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media video, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media iframe, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media video, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media iframe { width: 100%; max-width: 100%; height: 100%; max-height: 100%; object-fit: cover; transform: scale(1); transition: all 0.3s; position: absolute; display: block; border-radius: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media img[data-embed-media], .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media video, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media img[data-embed-media], .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media video { object-fit: contain; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-control[data-action=play], .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-control[data-action=play] { pointer-events: none; position: absolute; display: block; top: 50%; left: 50%; border-style: solid; border-width: 35px 0px 35px 70px; border-color: transparent transparent transparent #f1f1f1; transform: translate(-50%, -50%); filter: drop-shadow(0 0 20px #000000); opacity: 0.5; transition: all 300ms ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media img[data-embed-media].ti-iframe-loading, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media img[data-embed-media].ti-iframe-loading { filter: blur(5px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media iframe, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media iframe { opacity: 0; filter: blur(5px); transition: 0.5s; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media iframe ~ .ti-media-control[data-action=play], .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media iframe ~ .ti-media-control[data-action=play] { opacity: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media iframe.ti-iframe-loaded, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media iframe.ti-iframe-loaded { opacity: 1; filter: blur(0px); } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover > img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover [data-behaviour=slide] .ti-slider-item:first-child img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover .ti-card-grid img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover > img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover [data-behaviour=slide] .ti-slider-item:first-child img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover .ti-card-grid img { transform: scale(1.1); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover:after, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover:after { bottom: 0px; } } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-has-more, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-has-more { position: absolute; background-color: rgba(0, 0, 0, 0.4); color: #ffffff; font-size: 2em; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-has-more:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-has-more:before { content: "+"; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-slider, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-slider { display: flex; flex-wrap: nowrap; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-slider .ti-slider-item, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-slider .ti-slider-item { flex: 0 0 auto; width: 100%; height: 100%; display: flex; justify-content: center; position: relative; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots { position: absolute; bottom: 0px; padding-bottom: 10px; width: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dot, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dot { width: 3px; height: 3px; box-sizing: border-box; background-color: #ffffff; opacity: 0.5; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dot.ti-active, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dot.ti-active { opacity: 1; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon { visibility: visible; opacity: 1; position: absolute; top: 20px; right: 20px; display: block; z-index: 3; transition: 0.3s; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon:before { content: ""; display: block; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 20px; height: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon.ti-videos-icon:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon.ti-videos-icon:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/videos-f-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/videos-f-icon.svg); background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon.ti-photos-icon:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon.ti-photos-icon:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/photos-f-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/photos-f-icon.svg); background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-media-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-post-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:hover .ti-media-icon, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:hover .ti-post-date { visibility: hidden; opacity: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-image-counter, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-image-counter { position: absolute; bottom: -60px; left: 10px; padding: 10px 15px; font-weight: 600; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); color: #fff; transition: all 300ms ease-out; font-size: 13px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox-inner .ti-card-media) .ti-nav-arrow, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox-inner .ti-card-media) .ti-nav-arrow { width: calc(100% - 80px); height: 50%; top: 50%; left: 40px; right: 40px; visibility: hidden; opacity: 0; z-index: 3; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots { visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dots, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dots { width: 3px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media.ti-grid-type, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media.ti-grid-type { position: relative; padding-bottom: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media.ti-grid-type img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media.ti-grid-type img { width: 100%; height: 100% !important; object-fit: cover !important; display: block; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid { width: 100%; height: 100%; gap: 2px; display: flex; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col { flex: 1 0 0%; width: 100%; max-width: 100%; display: flex; flex-direction: column; gap: 2px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col .ti-grid-item, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col .ti-grid-item { flex: 1 0 0%; width: 100%; max-width: 100%; position: relative; overflow: hidden; padding-bottom: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col .ti-grid-item:only-child, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col .ti-grid-item:only-child { padding-bottom: 200%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col img { max-width: 100%; position: absolute !important; transform: scale(1); transition: all 0.3s; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-date { font-size: 11px; color: #cccccc; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content { padding: 20px; text-align: left; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta { display: flex; align-items: center; color: #ffffff; gap: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions { display: none; margin-left: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions > div:not(:last-child), .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions > div:not(:last-child) { margin-right: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a { font-size: 13px; color: #cccccc; text-decoration: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a:hover, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a:hover { color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost { display: flex; align-items: center; font-weight: normal; font-size: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before { content: ""; display: block; width: 20px; height: 20px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #ffffff; margin-right: 5px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/like-e-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/like-e-icon.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/comment-e-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/comment-e-icon.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/facebook-share-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/facebook-share-icon.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-date { margin-left: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment:not(:last-child), .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment:not(:last-child) { margin-bottom: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commenter-name, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commenter-name { font-weight: 600; display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commenter-name a, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commenter-name a { color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commment-text, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commment-text { display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-commment-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-commment-date { color: #cccccc; font-size: 12px; margin-left: 4px; display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-poster-name, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-poster-name { font-weight: 600; display: inline; margin-right: 5px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-poster-name a, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-poster-name a { color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-text, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text { font-size: 14px; overflow-wrap: break-word; white-space: break-spaces; display: -webkit-box !important; -webkit-box-orient: vertical !important; overflow: hidden; color: #ffffff; transition: height 0.5s; -webkit-line-clamp: 4; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a { color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a:hover, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a:hover { text-decoration: underline; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-readmore, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-readmore { font-size: 14px; padding-top: 5px; display: block; color: #cccccc; opacity: 0.5; cursor: pointer; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-readmore:hover, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-readmore:hover { opacity: 1; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=square] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=square] .ti-card-body .ti-card-media:not(.ti-grid-type) { padding-bottom: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 56.25% !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape2] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape2] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape2] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape2] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 52.35% !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 125% !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait2] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait2] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait2] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait2] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 133.33% !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=reels] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=reels] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=reels] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=reels] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 177.78% !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: unset; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media .ti-card-slider, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item .ti-card-slider, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item img, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media .ti-card-slider, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media img, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item .ti-card-slider, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item img { position: relative !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover, .ti-lightbox[data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover { cursor: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-media-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-post-date, .ti-lightbox[data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-media-icon, .ti-lightbox[data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-post-date { visibility: visible; opacity: 1; } .ti-lightbox .ti-card-header { padding-left: 20px; padding-right: 20px; color: #000000; } .ti-lightbox .ti-card-header .ti-profile-image { margin-right: calc(20px / 2); width: 36px; min-width: 36px; height: 36px; } .ti-lightbox .ti-card-header .ti-post-title { font-size: 14px; } .ti-lightbox .ti-card-header .ti-name { font-size: 14px; } .ti-lightbox .ti-card-header .ti-sub { color: #555555; } .ti-lightbox .ti-card-header .ti-platform::before { background-color: #000000; } .ti-lightbox .ti-widget-card { background-color: #ffffff; border-width: 0px; border-color: #ffffff; border-radius: 8px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); } .ti-lightbox .ti-widget-card .ti-reposted { padding: 20px; color: #555555; } .ti-lightbox .ti-widget-card .ti-reposted:before { background-color: #555555; } .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media { border-radius: 0px; } .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon { top: 20px; right: 20px; } .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-arrow { bottom: calc(20px + 20px + 5px); } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-date { color: #555555; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content { padding: 20px; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta { color: #000000; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a { color: #555555; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a:hover { color: #000000; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commment-date { color: #555555; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text { font-size: 14px; color: #000000; -webkit-line-clamp: 4; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a { color: #000000; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-readmore { font-size: 14px; color: #555555; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-source=Instagram] .ti-card-body .ti-card-media:after { background: linear-gradient(90deg, #F9CE34 0%, #EE2A7B 16.6%, #6228D7 33.3%, #F9CE34 50%, #EE2A7B 66.6%, #6228D7 83.3%, #F9CE34 100%); background-size: 400% 100%; animation: moveGradient 20s ease-in-out infinite alternate; } @keyframes moveGradient { 0% { background-position: 0% 0%; } 100% { background-position: 100% 0%; } } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] { border: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body { display: flex; flex-direction: column; overflow: hidden; position: relative; height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-card-media { height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body::before { content: ""; position: absolute; top: calc(100% - 50px - 40px); left: 0; right: 0; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5) calc((50px + 40px) / 2)); height: calc(100% + 50px + 40px); z-index: 1; pointer-events: none; transition: all 0.3s ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content { color: #ffffff; position: absolute; z-index: 1; left: 0px; right: 0px; bottom: 0px; display: flex; flex-wrap: wrap; align-content: start; transition: all 0.3s ease-in-out; transform: translateY(calc(100% - 50px - 20px)); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header { color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header .ti-profile-image { border: 2px solid white; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-repost:before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-meta, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header { flex: 0 0 100%; width: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header { padding-bottom: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header .ti-sub .ti-date { color: rgba(255, 255, 255, 0.7); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header .ti-profile-image, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header .ti-profile-image:not([style*=display]) + .ti-profile-details { margin-bottom: calc(36px - (50px - 20px)); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-meta { align-items: center; color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-meta > * { margin-bottom: calc(20px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text { color: #ffffff; width: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text br { display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text a { color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text a:hover { text-decoration: underline; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text .ti-poster-name a { color: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-readmore { display: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content *:not(a, .ti-readmore) { pointer-events: none; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body:hover:before { top: calc(-50px - 15px); backdrop-filter: blur(4px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body:hover .ti-post-content { transform: translateY(0px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body:hover .ti-card-grid img { transform: scale(1.1); } } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-header { padding: 0; padding-bottom: 15px; height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-header .ti-platform::before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=slider] .ti-card-media .ti-nav-arrow { display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=slider] .ti-card-media .ti-nav-dots { z-index: 1; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-card-header .ti-platform::before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content { display: block !important; opacity: 1; color: #ffffff; position: relative; background-color: #222222; transform: translateY(0px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-meta { color: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-repost:before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-text { color: inherit; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover .ti-card-media > img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover [data-behaviour=slide] .ti-slider-item:first-child img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover .ti-card-grid img { transform: scale(1.1); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover .ti-media-icon { visibility: hidden; opacity: 0; } } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] { border: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body { display: flex; flex-direction: column; overflow: hidden; position: relative; height: 100%; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body:hover:before { backdrop-filter: blur(4px); } } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-card-media { height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content { color: #ffffff; position: absolute; z-index: 1; left: 0px; height: 100%; bottom: 0px; width: 100%; display: flex; flex-wrap: wrap; align-content: space-around; transition: all 0.2s ease-in-out; opacity: 0; pointer-events: none; transform: translateY(20px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-repost:before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-likes:first-child:after, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-likes[style*="display: none"] + :not([style*="display: none"]):after, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-comments:first-child:after, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-comments[style*="display: none"] + :not([style*="display: none"]):after, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-repost:first-child:after, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-repost[style*="display: none"] + :not([style*="display: none"]):after { content: ""; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-meta { flex: 0 0 100%; width: 100%; justify-content: center; align-items: center; color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-meta .ti-post-date { position: absolute; bottom: 20px; left: 20px; z-index: 2; color: #ffffff; opacity: 0.7; font-size: 12px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-text { display: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-readmore { display: none; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body:hover .ti-post-content { opacity: 1; transform: translateY(0px); } } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-header { display: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content { display: block !important; opacity: 1; color: #ffffff; position: relative; background-color: #222222; transform: translateY(0px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-meta { color: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-repost:before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-text { display: -webkit-box; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-readmore { display: block; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover .ti-card-media > img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover [data-behaviour=slide] .ti-slider-item:first-child img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover .ti-card-grid img { transform: scale(1.1); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover .ti-media-icon { visibility: hidden; opacity: 0; } } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta > * { margin-bottom: calc(20px - 5px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta .ti-post-repost:before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-header { padding-top: 20px; padding-bottom: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-header .ti-profile-image { border: 1px solid #dedede; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-header .ti-post-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: break-spaces; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content { padding: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content > * { padding-left: 20px; padding-right: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content > *:last-child:not(.ti-post-meta) { padding-bottom: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=top] .ti-card-body, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=bottom] .ti-card-body, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-card-body, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-card-body { display: flex; justify-content: start; height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=top] .ti-card-body { flex-direction: column; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=bottom] .ti-card-body { flex-direction: column-reverse; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=bottom] .ti-card-body .ti-card-media { margin-top: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-card-media, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-card-media { padding-bottom: unset; flex-basis: 40%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-card-media img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-card-media img { height: 100% !important; object-fit: cover !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-post-content, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-post-content { flex-basis: 60%; min-width: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-card-body { flex-direction: row; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-card-body { flex-direction: row-reverse; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body { padding-top: 65px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-content { padding-top: 0; padding-bottom: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-content > *:last-child:not(.ti-post-meta) { padding-bottom: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-reposted { padding-bottom: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-card-header { position: absolute; top: 0; left: 0; background-color: #222222; width: 100%; height: 65px; z-index: 2; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-card-header .ti-profile-image { border: 1px solid #dedede; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta { padding-top: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta > * { padding-top: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta:last-child > * { padding-bottom: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta .ti-post-repost:before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta .ti-post-date { display: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-text { margin-top: calc(20px - 5px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header { position: relative; display: block; z-index: unset; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; background-color: rgba(0, 0, 0, 0); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header[data-header-switch=true] .ti-profile-details .ti-name { position: relative; padding-right: calc(15px * 1.8); cursor: pointer; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header[data-header-switch=true] .ti-profile-details .ti-name::after { content: ""; border-bottom: 2px solid; border-right: 2px solid; display: block; width: calc(15px / 2); height: calc(15px / 2); margin: -5px 10px; position: absolute; top: 50%; right: 0; transform: rotate(45deg); transition: all 0.2s ease; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header[data-header-switch=true] .ti-profile-details .ti-name.ti-active::after { transform: rotate(-135deg); margin-top: -2.5px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header { max-width: 767px; margin: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile { height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image { width: 50px; height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite { background-size: 50px auto !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="1"] { background-position-y: -50px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="2"] { background-position-y: -100px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="3"] { background-position-y: -150px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="4"] { background-position-y: -200px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="5"] { background-position-y: -250px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="6"] { background-position-y: -300px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="7"] { background-position-y: -350px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="8"] { background-position-y: -400px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="9"] { background-position-y: -450px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="10"] { background-position-y: -500px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="11"] { background-position-y: -550px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="12"] { background-position-y: -600px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="13"] { background-position-y: -650px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="14"] { background-position-y: -700px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="15"] { background-position-y: -750px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="16"] { background-position-y: -800px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="17"] { background-position-y: -850px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="18"] { background-position-y: -900px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="19"] { background-position-y: -950px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="20"] { background-position-y: -1000px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-details .ti-name { font-weight: 600; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header { max-width: 376px; margin: auto; font-size: calc(15px * 0.7); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile { height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image { width: 50px; height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite { background-size: 50px auto !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="1"] { background-position-y: -50px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="2"] { background-position-y: -100px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="3"] { background-position-y: -150px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="4"] { background-position-y: -200px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="5"] { background-position-y: -250px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="6"] { background-position-y: -300px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="7"] { background-position-y: -350px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="8"] { background-position-y: -400px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="9"] { background-position-y: -450px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="10"] { background-position-y: -500px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="11"] { background-position-y: -550px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="12"] { background-position-y: -600px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="13"] { background-position-y: -650px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="14"] { background-position-y: -700px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="15"] { background-position-y: -750px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="16"] { background-position-y: -800px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="17"] { background-position-y: -850px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="18"] { background-position-y: -900px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="19"] { background-position-y: -950px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="20"] { background-position-y: -1000px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details .ti-name { font-weight: 600; font-size: calc(15px * 0.9); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details .ti-name .ti-full-name, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details .ti-name .ti-username { white-space: break-spaces; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details .ti-name .ti-username { word-break: break-word; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-username { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-header-numbers { font-size: calc(15px * 0.8); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=all] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=all] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/all/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/all/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=Instagram] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=Instagram] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=Twitter] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=Twitter] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=Facebook] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=Facebook] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=Tiktok] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=Tiktok] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=Pinterest] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=Pinterest] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=Youtube] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=Youtube] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=Google] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=Google] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=Vimeo] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=Vimeo] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source=Linkedin] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header .ti-widget-header[data-source=Linkedin] .ti-header-btn i.ti-icon { mask-image: url(https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-source*=","] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon { display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header { padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; flex-wrap: nowrap; align-items: center; font-size: 15px; gap: 10px 15px; color: #ffffff; display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header.ti-active { display: flex; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header .ti-header-btn { flex: 0 0 auto; width: auto; max-width: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn { display: flex; align-items: center; text-decoration: none; background-color: #3578e5; color: #ffffff; border-radius: 4px; font-size: 14px; padding: 8px 15px; transition: all 0.2s ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn:hover { background-color: #1e69e2; outline-width: 3px; outline-style: solid; outline-color: rgba(53, 120, 229, 0.5); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn i.ti-icon { display: block; width: 20px; height: 20px; margin-right: 8px; background-image: none; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile { display: flex; flex-direction: column; flex-wrap: wrap; height: 55px; align-content: start; align-items: start; justify-content: center; flex-basis: 0; max-width: 100%; flex-grow: 1; min-width: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image { margin-top: -3px; margin-right: 15px; width: 55px; height: 55px; border-radius: 50%; border: solid 3px #ffffff; box-sizing: content-box !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite { background-size: 55px auto !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="1"] { background-position-y: -55px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="2"] { background-position-y: -110px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="3"] { background-position-y: -165px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="4"] { background-position-y: -220px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="5"] { background-position-y: -275px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="6"] { background-position-y: -330px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="7"] { background-position-y: -385px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="8"] { background-position-y: -440px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="9"] { background-position-y: -495px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="10"] { background-position-y: -550px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="11"] { background-position-y: -605px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="12"] { background-position-y: -660px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="13"] { background-position-y: -715px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="14"] { background-position-y: -770px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="15"] { background-position-y: -825px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="16"] { background-position-y: -880px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="17"] { background-position-y: -935px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="18"] { background-position-y: -990px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="19"] { background-position-y: -1045px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="20"] { background-position-y: -1100px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite { object-fit: cover; width: 100%; height: 100%; display: inline-block; border-radius: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite { float: left; background: white; background-repeat: no-repeat; box-sizing: inherit !important; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-details { padding: 0px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-details .ti-name { font-weight: 600; font-size: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-profile .ti-profile-details .ti-sub { color: #828282; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header-numbers { display: flex; gap: 20px 15px; color: #828282; font-size: calc(15px * 0.9); text-overflow: ellipsis; overflow: hidden; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header-numbers .ti-number { display: inline; max-width: 100%; flex: 0 0 auto; width: auto; gap: 20px 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header-numbers .ti-number div { display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header-numbers .ti-number div:first-child { margin-right: 3px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-header-numbers .ti-number div.ti-value { font-weight: 600; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-btn-dropdown { display: none; position: absolute; background-color: #ffffff; border-radius: 4px; margin-top: 5px; z-index: 4; box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.5); transition: all 0.3s; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-btn-dropdown.ti-active { display: block; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-btn-dropdown:before { content: ""; position: absolute; top: -7px; border: 7px solid transparent; border-top-width: 0; border-bottom-color: #ffffff; z-index: 4; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item { display: flex; align-items: center; padding: 14px 17px; padding-left: 24px; text-decoration: none !important; line-height: 1; font-size: 13px !important; transition: background-color 0.2s ease-in-out; white-space: nowrap; position: relative; color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item .ti-platform::before { width: 17px; height: 17px; background-color: #000000; margin-right: 5px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:not(:last-child) { border-bottom: solid 1px #eeeeee; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:hover { background-color: #f3f3f3; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image { position: relative; border: 0; transform: scale(0.873015873); margin-top: -2px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image .ti-profile-image-sprite { position: relative; box-sizing: inherit; border: 2px solid white; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image:before { content: ""; position: absolute; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); border-radius: inherit; height: calc(100% + 2px * 4); width: calc(100% + 2px * 4); top: -2px; left: -2px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=md] header[data-header-type="1"] .ti-widget-header { max-width: 991px; margin: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=sm] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile { min-width: 0px; height: calc(50px + 12px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=sm] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-number { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=sm] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-number div { display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile { height: calc(50px + 12px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-details { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-details .ti-name { line-height: 1.4; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-details .ti-name * { white-space: nowrap; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-image:not([style*=display]) ~ div.ti-profile-details, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-image:not([style*=display]) ~ div.ti-header-numbers { max-width: calc(100% - 50px - 15px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-image:not([style*=display]) ~ div.ti-header-numbers { flex-wrap: wrap; height: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="1"] .ti-profile { height: calc(55px + 12px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="1"] .ti-profile .ti-header-numbers { display: inline-flex; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="1"] .ti-btn-dropdown[data-id=link-tree] { right: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="1"] .ti-btn-dropdown[data-id=link-tree]:before { right: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="1"] .ti-btn-dropdown[data-id=profile-switch] { left: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="1"] .ti-btn-dropdown[data-id=profile-switch]:before { left: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=lg] header[data-header-type="2"] .ti-widget-header .ti-profile, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=sm] header[data-header-type="2"] .ti-widget-header .ti-profile, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social][data-widget-width=xs] header[data-header-type="2"] .ti-widget-header .ti-profile { height: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-widget-header { flex-direction: column; text-align: center; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile { flex-wrap: nowrap; align-items: center; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile-image, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile { text-align: center; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile-image { margin-right: 0px; margin-bottom: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile-details { display: flex; flex-direction: column; align-items: center; padding-right: 0px; margin-bottom: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-header-btn { margin-bottom: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=link-tree], .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=profile-switch] { left: 50%; transform: translateX(-50%); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=link-tree]:before, .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=profile-switch]:before { left: 50%; transform: translateX(-50%); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=profile-switch] { bottom: 12%; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-widget-header { width: auto; justify-content: center; column-gap: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-widget-header .ti-profile { flex-direction: row; align-items: center; align-content: center; flex-basis: unset; flex-grow: unset; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-name * { max-width: 250px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-header-numbers { margin-left: 35px; margin-right: 35px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-header-numbers .ti-number .ti-value { font-size: 15px; color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-profile-details[data-show-username=true][data-show-full-name=true] + .ti-header-numbers .ti-number div { display: block; text-align: center; margin-right: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-btn-dropdown[data-id=link-tree] { right: calc(50% - 350px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-btn-dropdown[data-id=link-tree]:before { left: calc(10% + 10px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-btn-dropdown[data-id=profile-switch] { left: calc(50% - 350px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark] header[data-header-type="3"] .ti-btn-dropdown[data-id=profile-switch]:before { right: calc(10% + 10px); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header { flex-wrap: wrap; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-profile { width: 100%; height: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-name { font-size: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-name * { max-width: 200px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-header-numbers { width: 100%; justify-content: center; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-header-numbers .ti-number { margin-top: 6px; font-size: calc(15px * 0.9); } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-header-numbers .ti-number .ti-value { font-size: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-header-btn { margin-top: 6px; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] { display: block; width: 100%; margin-top: 40px; margin-bottom: 40px; background-color: transparent; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; border-width: 0px; border-color: #000000; border-style: solid; border-radius: 0px; line-height: 1.4; user-select: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] header { background-color: transparent; border: none; margin: 0px; padding: 0px; box-shadow: none; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social]::before { content: ""; } .ti-widget[data-wkey="feed-instagram"][data-style=dark][data-widget-type=social] .ti-widget-body { overflow: hidden; } .ti-widget[data-wkey="feed-instagram"][data-col="1"] .ti-layout-item { flex: 0 0 calc(100% / 1); width: calc(100% / 1); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="1"] .ti-grid-sizer { flex: 0 0 calc(100% / 1); width: calc(100% / 1); } .ti-widget[data-wkey="feed-instagram"][data-col="2"] .ti-layout-item { flex: 0 0 calc(100% / 2); width: calc(100% / 2); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="2"] .ti-grid-sizer { flex: 0 0 calc(100% / 2); width: calc(100% / 2); } .ti-widget[data-wkey="feed-instagram"][data-col="3"] .ti-layout-item { flex: 0 0 calc(100% / 3); width: calc(100% / 3); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="3"] .ti-grid-sizer { flex: 0 0 calc(100% / 3); width: calc(100% / 3); } .ti-widget[data-wkey="feed-instagram"][data-col="4"] .ti-layout-item { flex: 0 0 calc(100% / 4); width: calc(100% / 4); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="4"] .ti-grid-sizer { flex: 0 0 calc(100% / 4); width: calc(100% / 4); } .ti-widget[data-wkey="feed-instagram"][data-col="5"] .ti-layout-item { flex: 0 0 calc(100% / 5); width: calc(100% / 5); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="5"] .ti-grid-sizer { flex: 0 0 calc(100% / 5); width: calc(100% / 5); } .ti-widget[data-wkey="feed-instagram"][data-col="6"] .ti-layout-item { flex: 0 0 calc(100% / 6); width: calc(100% / 6); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="6"] .ti-grid-sizer { flex: 0 0 calc(100% / 6); width: calc(100% / 6); } .ti-widget[data-wkey="feed-instagram"][data-col="7"] .ti-layout-item { flex: 0 0 calc(100% / 7); width: calc(100% / 7); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="7"] .ti-grid-sizer { flex: 0 0 calc(100% / 7); width: calc(100% / 7); } .ti-widget[data-wkey="feed-instagram"][data-col="8"] .ti-layout-item { flex: 0 0 calc(100% / 8); width: calc(100% / 8); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="8"] .ti-grid-sizer { flex: 0 0 calc(100% / 8); width: calc(100% / 8); } .ti-widget[data-wkey="feed-instagram"][data-col="9"] .ti-layout-item { flex: 0 0 calc(100% / 9); width: calc(100% / 9); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="9"] .ti-grid-sizer { flex: 0 0 calc(100% / 9); width: calc(100% / 9); } .ti-widget[data-wkey="feed-instagram"][data-col="10"] .ti-layout-item { flex: 0 0 calc(100% / 10); width: calc(100% / 10); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="10"] .ti-grid-sizer { flex: 0 0 calc(100% / 10); width: calc(100% / 10); } .ti-widget[data-wkey="feed-instagram"][data-col="11"] .ti-layout-item { flex: 0 0 calc(100% / 11); width: calc(100% / 11); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="11"] .ti-grid-sizer { flex: 0 0 calc(100% / 11); width: calc(100% / 11); } .ti-widget[data-wkey="feed-instagram"][data-col="12"] .ti-layout-item { flex: 0 0 calc(100% / 12); width: calc(100% / 12); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="12"] .ti-grid-sizer { flex: 0 0 calc(100% / 12); width: calc(100% / 12); } .ti-widget[data-wkey="feed-instagram"][data-col="13"] .ti-layout-item { flex: 0 0 calc(100% / 13); width: calc(100% / 13); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="13"] .ti-grid-sizer { flex: 0 0 calc(100% / 13); width: calc(100% / 13); } .ti-widget[data-wkey="feed-instagram"][data-col="14"] .ti-layout-item { flex: 0 0 calc(100% / 14); width: calc(100% / 14); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="14"] .ti-grid-sizer { flex: 0 0 calc(100% / 14); width: calc(100% / 14); } .ti-widget[data-wkey="feed-instagram"][data-col="15"] .ti-layout-item { flex: 0 0 calc(100% / 15); width: calc(100% / 15); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="15"] .ti-grid-sizer { flex: 0 0 calc(100% / 15); width: calc(100% / 15); } .ti-widget[data-wkey="feed-instagram"][data-col="16"] .ti-layout-item { flex: 0 0 calc(100% / 16); width: calc(100% / 16); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="16"] .ti-grid-sizer { flex: 0 0 calc(100% / 16); width: calc(100% / 16); } .ti-widget[data-wkey="feed-instagram"][data-col="17"] .ti-layout-item { flex: 0 0 calc(100% / 17); width: calc(100% / 17); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="17"] .ti-grid-sizer { flex: 0 0 calc(100% / 17); width: calc(100% / 17); } .ti-widget[data-wkey="feed-instagram"][data-col="18"] .ti-layout-item { flex: 0 0 calc(100% / 18); width: calc(100% / 18); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="18"] .ti-grid-sizer { flex: 0 0 calc(100% / 18); width: calc(100% / 18); } .ti-widget[data-wkey="feed-instagram"][data-col="19"] .ti-layout-item { flex: 0 0 calc(100% / 19); width: calc(100% / 19); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="19"] .ti-grid-sizer { flex: 0 0 calc(100% / 19); width: calc(100% / 19); } .ti-widget[data-wkey="feed-instagram"][data-col="20"] .ti-layout-item { flex: 0 0 calc(100% / 20); width: calc(100% / 20); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="20"] .ti-grid-sizer { flex: 0 0 calc(100% / 20); width: calc(100% / 20); } .ti-widget, .ti-lightbox {    } .ti-widget[data-wkey="feed-instagram"] div, .ti-widget[data-wkey="feed-instagram"] span, .ti-widget[data-wkey="feed-instagram"] applet, .ti-widget[data-wkey="feed-instagram"] object, .ti-widget[data-wkey="feed-instagram"] iframe, .ti-widget[data-wkey="feed-instagram"] h1, .ti-widget[data-wkey="feed-instagram"] h2, .ti-widget[data-wkey="feed-instagram"] h3, .ti-widget[data-wkey="feed-instagram"] h4, .ti-widget[data-wkey="feed-instagram"] h5, .ti-widget[data-wkey="feed-instagram"] h6, .ti-widget[data-wkey="feed-instagram"] p, .ti-widget[data-wkey="feed-instagram"] blockquote, .ti-widget[data-wkey="feed-instagram"] pre, .ti-widget[data-wkey="feed-instagram"] a, .ti-widget[data-wkey="feed-instagram"] abbr, .ti-widget[data-wkey="feed-instagram"] acronym, .ti-widget[data-wkey="feed-instagram"] address, .ti-widget[data-wkey="feed-instagram"] big, .ti-widget[data-wkey="feed-instagram"] cite, .ti-widget[data-wkey="feed-instagram"] code, .ti-widget[data-wkey="feed-instagram"] del, .ti-widget[data-wkey="feed-instagram"] dfn, .ti-widget[data-wkey="feed-instagram"] em, .ti-widget[data-wkey="feed-instagram"] img, .ti-widget[data-wkey="feed-instagram"] ins, .ti-widget[data-wkey="feed-instagram"] kbd, .ti-widget[data-wkey="feed-instagram"] q, .ti-widget[data-wkey="feed-instagram"] s, .ti-widget[data-wkey="feed-instagram"] samp, .ti-widget[data-wkey="feed-instagram"] small, .ti-widget[data-wkey="feed-instagram"] strike, .ti-widget[data-wkey="feed-instagram"] strong, .ti-widget[data-wkey="feed-instagram"] sub, .ti-widget[data-wkey="feed-instagram"] sup, .ti-widget[data-wkey="feed-instagram"] tt, .ti-widget[data-wkey="feed-instagram"] var, .ti-widget[data-wkey="feed-instagram"] b, .ti-widget[data-wkey="feed-instagram"] u, .ti-widget[data-wkey="feed-instagram"] i, .ti-widget[data-wkey="feed-instagram"] center, .ti-widget[data-wkey="feed-instagram"] dl, .ti-widget[data-wkey="feed-instagram"] dt, .ti-widget[data-wkey="feed-instagram"] dd, .ti-widget[data-wkey="feed-instagram"] ol, .ti-widget[data-wkey="feed-instagram"] ul, .ti-widget[data-wkey="feed-instagram"] li, .ti-widget[data-wkey="feed-instagram"] fieldset, .ti-widget[data-wkey="feed-instagram"] form, .ti-widget[data-wkey="feed-instagram"] label, .ti-widget[data-wkey="feed-instagram"] legend, .ti-widget[data-wkey="feed-instagram"] table, .ti-widget[data-wkey="feed-instagram"] caption, .ti-widget[data-wkey="feed-instagram"] tbody, .ti-widget[data-wkey="feed-instagram"] tfoot, .ti-widget[data-wkey="feed-instagram"] thead, .ti-widget[data-wkey="feed-instagram"] tr, .ti-widget[data-wkey="feed-instagram"] th, .ti-widget[data-wkey="feed-instagram"] td, .ti-widget[data-wkey="feed-instagram"] article, .ti-widget[data-wkey="feed-instagram"] aside, .ti-widget[data-wkey="feed-instagram"] canvas, .ti-widget[data-wkey="feed-instagram"] details, .ti-widget[data-wkey="feed-instagram"] embed, .ti-widget[data-wkey="feed-instagram"] figure, .ti-widget[data-wkey="feed-instagram"] figcaption, .ti-widget[data-wkey="feed-instagram"] footer, .ti-widget[data-wkey="feed-instagram"] header, .ti-widget[data-wkey="feed-instagram"] hgroup, .ti-widget[data-wkey="feed-instagram"] main, .ti-widget[data-wkey="feed-instagram"] menu, .ti-widget[data-wkey="feed-instagram"] nav, .ti-widget[data-wkey="feed-instagram"] output, .ti-widget[data-wkey="feed-instagram"] ruby, .ti-widget[data-wkey="feed-instagram"] section, .ti-widget[data-wkey="feed-instagram"] summary, .ti-widget[data-wkey="feed-instagram"] time, .ti-widget[data-wkey="feed-instagram"] mark, .ti-widget[data-wkey="feed-instagram"] audio, .ti-widget[data-wkey="feed-instagram"] video, .ti-lightbox div, .ti-lightbox span, .ti-lightbox applet, .ti-lightbox object, .ti-lightbox iframe, .ti-lightbox h1, .ti-lightbox h2, .ti-lightbox h3, .ti-lightbox h4, .ti-lightbox h5, .ti-lightbox h6, .ti-lightbox p, .ti-lightbox blockquote, .ti-lightbox pre, .ti-lightbox a, .ti-lightbox abbr, .ti-lightbox acronym, .ti-lightbox address, .ti-lightbox big, .ti-lightbox cite, .ti-lightbox code, .ti-lightbox del, .ti-lightbox dfn, .ti-lightbox em, .ti-lightbox img, .ti-lightbox ins, .ti-lightbox kbd, .ti-lightbox q, .ti-lightbox s, .ti-lightbox samp, .ti-lightbox small, .ti-lightbox strike, .ti-lightbox strong, .ti-lightbox sub, .ti-lightbox sup, .ti-lightbox tt, .ti-lightbox var, .ti-lightbox b, .ti-lightbox u, .ti-lightbox i, .ti-lightbox center, .ti-lightbox dl, .ti-lightbox dt, .ti-lightbox dd, .ti-lightbox ol, .ti-lightbox ul, .ti-lightbox li, .ti-lightbox fieldset, .ti-lightbox form, .ti-lightbox label, .ti-lightbox legend, .ti-lightbox table, .ti-lightbox caption, .ti-lightbox tbody, .ti-lightbox tfoot, .ti-lightbox thead, .ti-lightbox tr, .ti-lightbox th, .ti-lightbox td, .ti-lightbox article, .ti-lightbox aside, .ti-lightbox canvas, .ti-lightbox details, .ti-lightbox embed, .ti-lightbox figure, .ti-lightbox figcaption, .ti-lightbox footer, .ti-lightbox header, .ti-lightbox hgroup, .ti-lightbox main, .ti-lightbox menu, .ti-lightbox nav, .ti-lightbox output, .ti-lightbox ruby, .ti-lightbox section, .ti-lightbox summary, .ti-lightbox time, .ti-lightbox mark, .ti-lightbox audio, .ti-lightbox video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .ti-widget[data-wkey="feed-instagram"] *, .ti-lightbox * { box-sizing: border-box; font-family: "Poppins", sans-serif !important; font-weight: 400; } .ti-widget[data-wkey="feed-instagram"] a, .ti-lightbox a { text-decoration: none; } .ti-widget[data-wkey="feed-instagram"] div[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] div[class^=ti-], .ti-widget[data-wkey="feed-instagram"] main[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] main[class^=ti-], .ti-widget[data-wkey="feed-instagram"] section[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] section[class^=ti-], .ti-widget[data-wkey="feed-instagram"] article[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] article[class^=ti-], .ti-widget[data-wkey="feed-instagram"] header[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] header[class^=ti-], .ti-widget[data-wkey="feed-instagram"] footer[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] footer[class^=ti-], .ti-widget[data-wkey="feed-instagram"] iframe[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] iframe[class^=ti-], .ti-lightbox div[class*=" ti-"], .ti-lightbox div[class^=ti-], .ti-lightbox main[class*=" ti-"], .ti-lightbox main[class^=ti-], .ti-lightbox section[class*=" ti-"], .ti-lightbox section[class^=ti-], .ti-lightbox article[class*=" ti-"], .ti-lightbox article[class^=ti-], .ti-lightbox header[class*=" ti-"], .ti-lightbox header[class^=ti-], .ti-lightbox footer[class*=" ti-"], .ti-lightbox footer[class^=ti-], .ti-lightbox iframe[class*=" ti-"], .ti-lightbox iframe[class^=ti-] { display: block; } .ti-widget[data-wkey="feed-instagram"] span[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] span[class^=ti-], .ti-widget[data-wkey="feed-instagram"] a[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] a[class^=ti-], .ti-widget[data-wkey="feed-instagram"] img[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] img[class^=ti-], .ti-lightbox span[class*=" ti-"], .ti-lightbox span[class^=ti-], .ti-lightbox a[class*=" ti-"], .ti-lightbox a[class^=ti-], .ti-lightbox img[class*=" ti-"], .ti-lightbox img[class^=ti-] { display: inline; } .ti-widget[data-wkey="feed-instagram"] ::-webkit-scrollbar, .ti-lightbox ::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 3px; } .ti-widget[data-wkey="feed-instagram"] ::-webkit-scrollbar-track, .ti-lightbox ::-webkit-scrollbar-track { background: rgba(85, 85, 85, 0.1); } .ti-widget[data-wkey="feed-instagram"] ::-webkit-scrollbar-thumb, .ti-lightbox ::-webkit-scrollbar-thumb { background: rgba(85, 85, 85, 0.6); } .ti-widget[data-wkey="feed-instagram"] ::-webkit-scrollbar-thumb:hover, .ti-lightbox ::-webkit-scrollbar-thumb:hover { background: #555555; } .ti-widget[data-wkey="feed-instagram"] .ti-layout-container, .ti-lightbox .ti-layout-container { display: flex !important; flex-wrap: nowrap; margin-left: calc(-1 * 14px / 2); margin-right: calc(-1 * 14px / 2); margin-top: calc(14px / 2); } .ti-widget[data-wkey="feed-instagram"] .ti-layout-container .ti-widget-layout, .ti-lightbox .ti-layout-container .ti-widget-layout { display: flex; flex-wrap: wrap; min-width: 100%; position: relative; } .ti-widget[data-wkey="feed-instagram"] .ti-layout-container .ti-widget-layout .ti-layout-item, .ti-lightbox .ti-layout-container .ti-widget-layout .ti-layout-item { padding: calc(14px / 2); max-width: 100%; } .ti-widget[data-wkey="feed-instagram"] .ti-profile-details, .ti-lightbox .ti-profile-details { white-space: nowrap; overflow: hidden; padding-right: 20px; line-height: 1.5; } .ti-widget[data-wkey="feed-instagram"] .ti-profile-details .ti-name *, .ti-lightbox .ti-profile-details .ti-name * { text-overflow: ellipsis; overflow: hidden; } .ti-widget[data-wkey="feed-instagram"] .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username, .ti-lightbox .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username { font-weight: normal; color: #828282; font-size: calc(15px * 0.9); } .ti-widget[data-wkey="feed-instagram"] .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username::before, .ti-lightbox .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username::before { content: "@"; } .ti-lightbox .ti-layout-container { margin-left: calc(-1 * 14px / 2) !important; margin-right: calc(-1 * 14px / 2) !important; margin-top: calc(14px / 2) !important; } .ti-lightbox .ti-layout-container .ti-widget-layout .ti-layout-item { padding: calc(14px / 2); } .ti-lightbox .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username { color: #828282; font-size: calc(15px * 0.9); } .ti-widget[data-wkey="feed-instagram"][data-layout=grid] .ti-layout-container { flex-wrap: wrap; } .ti-widget[data-wkey="feed-instagram"][data-layout=grid] .ti-layout-container .ti-widget-card { height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-layout=list] .ti-header { width: 100%; max-width: 800px; margin-left: auto !important; margin-right: auto !important; padding-left: calc(14px / 2) !important; padding-right: calc(14px / 2) !important; } .ti-widget[data-wkey="feed-instagram"][data-layout=list][data-widget-width=sm] .ti-header, .ti-widget[data-wkey="feed-instagram"][data-layout=list][data-widget-width=xs] .ti-header { padding-left: 0px !important; padding-right: 0px !important; } .ti-widget[data-wkey="feed-instagram"][data-layout=list] .ti-widget-layout { display: block; } .ti-widget[data-wkey="feed-instagram"][data-layout=list] .ti-widget-layout .ti-layout-item { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } .ti-widget[data-wkey="feed-instagram"][data-layout=masonry] .ti-layout-container { display: block; } .ti-widget[data-wkey="feed-instagram"][data-layout=masonry] .ti-layout-container .ti-widget-layout { display: block; position: relative; } .ti-widget[data-wkey="feed-instagram"][data-layout=masonry] .ti-layout-container .ti-widget-layout .ti-layout-item { transition: 0.25s; } .ti-widget[data-wkey="feed-instagram"][data-layout=masonry] .ti-layout-container .ti-widget-layout .ti-layout-item img { height: auto; } .ti-widget[data-wkey="feed-instagram"][data-layout=slider] .ti-layout-container .ti-widget-layout { align-items: stretch; } .ti-widget[data-wkey="feed-instagram"][data-layout=slider] .ti-layout-container .ti-widget-layout .ti-layout-item { height: auto; } .ti-widget[data-wkey="feed-instagram"][data-layout=slider] .ti-layout-container .ti-widget-layout .ti-layout-item .ti-widget-card { height: 100%; } .ti-lightbox { text-align: left !important; z-index: 9999999; height: 100%; position: fixed; left: 0; right: 0; bottom: 0; top: 0; max-width: 100%; width: 100%; transition: all 300ms ease-out; background-color: rgba(0, 0, 0, 0.6); display: flex; color: #333; align-items: center !important; justify-content: center; flex-wrap: wrap; user-select: none; line-height: 1.6 !important; } .ti-lightbox .ti-profile-details { line-height: 1.6 !important; } .ti-lightbox a { color: #00376b; } .ti-lightbox .ti-lightbox-inner { max-height: calc(100vh - 160px); height: 100%; max-width: 1200px; width: 95%; } @media (max-width: 600px) { .ti-lightbox .ti-lightbox-inner { max-height: 100%; height: 100%; width: 100%; } } .ti-lightbox .ti-lightbox-close { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; z-index: 3; border-radius: 50px; cursor: pointer; display: flex !important; justify-content: center; align-items: center; } @media (max-width: 600px) { .ti-lightbox .ti-lightbox-close { background-color: rgba(255, 255, 255, 0.2); } .ti-lightbox .ti-lightbox-close:active { background-color: rgba(255, 255, 255, 0.4); } } @media (min-width: 600px) { .ti-lightbox .ti-lightbox-close:hover { background-color: rgba(255, 255, 255, 0.2); } } .ti-lightbox .ti-lightbox-close:before, .ti-lightbox .ti-lightbox-close:after { width: 60%; height: 3px; background-color: #fff; position: absolute; content: ""; } .ti-lightbox .ti-lightbox-close:before { transform: rotate(45deg); } .ti-lightbox .ti-lightbox-close:after { transform: rotate(-45deg); } .ti-lightbox .ti-widget-card { overflow: hidden; border-radius: 8px !important; border-width: 0px !important; } .ti-lightbox[data-lightbox-type=carousel] .ti-widget-card { height: 100%; border: none; border: none; border-radius: 5px; position: relative; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body { background-color: #fff !important; position: relative; height: 400px; flex-direction: row; border-radius: 4px; display: flex; flex-direction: row; justify-content: flex-start; color: #000000; height: 100%; } @media (max-width: 767px) { .ti-lightbox[data-lightbox-type=carousel] .ti-card-body { flex-direction: column; width: 100%; height: 100%; } } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media { flex: 1 1 auto; align-items: center; background-color: transparent; display: flex; height: 100%; justify-content: center; width: 100%; position: relative; background-color: #000000; overflow: hidden; padding-bottom: 0px; } @media (max-width: 767px) { .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media { flex: 0 0 60%; width: 100%; } } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-card-slider { display: flex; flex-wrap: nowrap; height: 100%; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-card-slider .ti-slider-item img, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-card-slider .ti-slider-item video { max-height: 100%; max-width: 100%; box-sizing: content-box; -o-object-fit: contain; object-fit: contain; position: unset; height: auto; width: auto; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-nav-dots { position: absolute; bottom: 0px; padding-bottom: 10px; visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-nav-dots .ti-dot { width: 6px; height: 6px; background-color: #ffffff; opacity: 0.5; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-nav-dots .ti-dot.ti-active { opacity: 1; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-nav-arrow { max-width: 100%; margin-left: 0px; left: inherit; top: 0; visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media img { object-fit: contain; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content { flex: 0 0 auto; height: 100%; width: 300px; overflow: auto; padding: 0px; display: flex; flex-direction: column; font-size: 14px; color: #000000; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-card-header { padding-top: 20px; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-card-header .ti-post-title { white-space: break-spaces; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-scrollpane { font-size: inherit; flex: 0 1 100%; overflow-x: hidden; overflow: auto; padding: 20px; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-text { font-size: inherit; padding-bottom: 20px; display: block !important; overflow: visible; color: #000000; } @media (max-width: 767px) { .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content { flex: 0 0 40%; width: 100%; } } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta { font-size: inherit; margin-bottom: 20px; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost { font-size: inherit; color: #000000; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before { background-color: #000000; } .ti-lightbox[data-lightbox-type=carousel] .ti-profile-details .ti-name, .ti-lightbox[data-lightbox-type=carousel] .ti-profile-details .ti-date { color: #333 !important; } .ti-lightbox[data-lightbox-type=carousel] .ti-nav-arrow { visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=media] .ti-lightbox-inner { max-width: 900px; } .ti-lightbox[data-lightbox-type=media] .ti-widget-card { height: 100%; border: none; border-radius: 5px; position: relative; } .ti-lightbox[data-lightbox-type=media] .ti-card-body { position: relative; height: 100%; width: 100%; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media { align-items: center; background-color: transparent; display: flex; height: 100%; justify-content: center; width: 100%; position: relative; background-color: #000000; overflow: hidden; padding-bottom: 0px; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media .ti-card-slider { display: flex; flex-wrap: nowrap; height: 100%; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media img, .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media video { max-height: 100%; max-width: 100%; box-sizing: content-box; -o-object-fit: contain; object-fit: contain; position: unset; height: 100%; width: 100%; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media .ti-nav-dots, .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media .ti-nav-arrow { display: none; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-post-content { display: none; } .ti-lightbox[data-lightbox-type=media] .ti-nav-arrow { visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner { width: 100%; padding-left: 20%; padding-right: 20%; padding-top: 10px; padding-bottom: 10px; overflow: hidden; overflow-y: auto; max-height: 100%; height: 100%; -ms-overflow-style: none; scrollbar-width: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; } @media (min-width: 1200px) { .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner { padding-left: 330px; padding-right: 330px; } } @media (max-width: 600px) { .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner { padding-left: 5%; padding-right: 5%; } } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner::-webkit-scrollbar { display: none; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header { padding: 15px; margin-bottom: 10px; color: #000000; background-color: #ffffff; width: 100%; max-width: 100%; border-radius: 4px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image { width: 50px; height: 50px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite { background-size: 50px auto !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="1"] { background-position-y: -50px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="2"] { background-position-y: -100px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="3"] { background-position-y: -150px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="4"] { background-position-y: -200px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="5"] { background-position-y: -250px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="6"] { background-position-y: -300px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="7"] { background-position-y: -350px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="8"] { background-position-y: -400px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="9"] { background-position-y: -450px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="10"] { background-position-y: -500px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="11"] { background-position-y: -550px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="12"] { background-position-y: -600px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="13"] { background-position-y: -650px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="14"] { background-position-y: -700px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="15"] { background-position-y: -750px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="16"] { background-position-y: -800px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="17"] { background-position-y: -850px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="18"] { background-position-y: -900px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="19"] { background-position-y: -950px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="20"] { background-position-y: -1000px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-details .ti-name { font-weight: 600; font-size: calc(15px * 1); } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-details .ti-sub { font-size: calc(15px * 0.9); } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-layout div.ti-layout-item { padding: 0px 5px 10px 5px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-layout .ti-layout-item { flex: 0 0 100%; width: 100%; padding-bottom: 10px; padding-top: 10px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card { background-color: #ffffff; width: 100%; max-width: 540px; } @media (max-width: 600px) { .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card { max-width: 100%; } } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-header { display: flex; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-media-icon { display: none; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media { padding-bottom: unset; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media .ti-card-slider { position: relative !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media img, .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media video { height: auto !important; object-fit: contain !important; align-self: flex-start !important; position: relative !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media iframe { top: 0; left: 0; right: 0; bottom: 0; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-comments { margin-top: 15px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-nav-dots { position: absolute; bottom: 0px; padding-bottom: 10px; visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-nav-dots .ti-dot { width: 6px; height: 6px; background-color: #ffffff; opacity: 0.5; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-nav-dots .ti-dot.ti-active { opacity: 1; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-nav-arrow { max-width: 100%; margin-left: 0px; left: inherit; top: 0; visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content { padding: 15px; font-size: 14px; display: block; padding: 0; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-scrollpane > * { padding-left: 20px; padding-right: 20px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-scrollpane > *:last-child:not(.ti-post-meta) { padding-bottom: 20px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-card-header { padding-top: 20px; padding-bottom: 20px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-card-header .ti-post-title { white-space: break-spaces; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-likes { font-size: inherit; margin-bottom: calc(20px - 5px); } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-likes:before { background-color: #000000; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-text { font-size: inherit; display: unset; -webkit-box-orient: unset; display: block !important; overflow: unset; color: #000000; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-lightbox-footer-btn { margin: 20px 0px; display: flex; justify-content: center; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-lightbox-footer-btn .ti-btn { display: inline-block; align-items: center; text-decoration: none; background-color: #efefef; color: #000000; border-radius: 4px; font-size: 14px; padding: 8px 15px; transition: all 0.2s ease-in-out; } .ti-lightbox[data-lightbox-type=scroller] > .ti-nav-arrow { display: none; } @media (max-width: 600px) { .ti-lightbox[data-lightbox-type=scroller] .ti-header-btn { margin-right: 50px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-close { top: 32px; right: 22px; background-color: #ffffff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-close:before, .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-close:after { background-color: #000000; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner { margin-top: 104px; } } .ti-widget[data-wkey="feed-instagram"] .ti-widget-body, .ti-lightbox .ti-widget-body { position: relative; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow, .ti-lightbox .ti-nav-arrow { position: absolute; pointer-events: none; top: 0; left: 0; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; flex: 0 0 100%; width: 100%; height: 100%; transition: all 0.2s ease-in-out; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next, .ti-lightbox .ti-nav-arrow .ti-arrow-prev, .ti-lightbox .ti-nav-arrow .ti-arrow-next { position: relative; pointer-events: auto; font-size: 0; height: 100%; display: flex; align-items: center; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:before, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:before { content: ""; display: block; position: relative; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); outline-width: 0; border-width: 0; } @media (max-width: 600px) { .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:active:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active:before { background-color: white; transform: scale(0.95); } } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:hover:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:hover:before, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:hover:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:hover:before { background-color: white; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:active:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active:before { transform: scale(0.95); } } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:after, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:after, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:after, .ti-lightbox .ti-nav-arrow .ti-arrow-next:after { display: block; content: ""; transform-origin: center center; position: absolute; border-top: solid 3px #000000; border-left: solid 3px #000000; box-sizing: content-box; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:hover, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:hover, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:hover, .ti-lightbox .ti-nav-arrow .ti-arrow-next:hover { cursor: pointer; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next, .ti-lightbox .ti-nav-arrow .ti-arrow-next { margin-left: auto; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:after, .ti-lightbox .ti-nav-arrow .ti-arrow-next:after { transform: rotate(135deg); } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:after, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:after { transform: rotate(-45deg); } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow:not(.ti-widget-card .ti-nav-arrow, .ti-lightbox .ti-nav-arrow), .ti-lightbox .ti-nav-arrow:not(.ti-widget-card .ti-nav-arrow, .ti-lightbox .ti-nav-arrow) { display: none; } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:before { width: 30px !important; height: 30px !important; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } @media (max-width: 600px) { .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active:before { background-color: white; transform: scale(0.95); } } @media (min-width: 600px) { .ti-lightbox .ti-nav-arrow .ti-arrow-prev:hover:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:hover:before { background-color: white; } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active:before { transform: scale(0.95); } } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:after, .ti-lightbox .ti-nav-arrow .ti-arrow-next:after { width: 7.5px !important; height: 7.5px !important; border-top-color: #000000 !important; border-left-color: #000000 !important; } .ti-lightbox .ti-nav-arrow .ti-arrow-next { padding-right: 20px; } .ti-lightbox .ti-nav-arrow .ti-arrow-next:after { left: 7.5px; } .ti-lightbox .ti-nav-arrow .ti-arrow-prev { padding-left: 20px; } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:after { right: 7.5px; } .ti-lightbox > .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev:after, .ti-lightbox > .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next:after { width: calc(30px * 1.75); height: calc(30px * 1.75); } .ti-widget[data-wkey="feed-instagram"] .ti-nav-loadmore { display: flex; justify-content: center; margin-top: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-loadmore .ti-btn { cursor: pointer; display: flex; align-items: center; text-decoration: none; background-color: #efefef; color: #000000; border-radius: 4px; font-size: 14px; padding: 8px 15px; border: none; transition: all 0.2s ease-in-out; outline-color: rgba(239, 239, 239, 0.5); } .ti-widget[data-wkey="feed-instagram"] .ti-nav-loadmore .ti-btn:hover { background-color: #e2e2e2; outline-width: 3px; outline-style: solid; } .ti-preview-box { color: #ffffff; background-color: #000000; }