@charset "UTF-8";



/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    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);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    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);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}.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=custom-style][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: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-card-header .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-card-header .ti-sub, .ti-lightbox .ti-card-header .ti-sub { color: #555555; font-size: 11px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-card-header .ti-platform:before, .ti-lightbox .ti-card-header .ti-platform:before { width: 20px; height: 20px; background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card, .ti-lightbox .ti-widget-card { background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #dedede; border-radius: 12px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); overflow: hidden; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card .ti-reposted, .ti-lightbox .ti-widget-card .ti-reposted { padding: 20px; color: #555555; font-size: 12px; display: flex; align-items: center; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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: #555555; 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=custom-style][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=custom-style][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=custom-style][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: #0095f6; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media video, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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: #555555; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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: #000000; gap: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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: #555555; text-decoration: none; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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: #0064D1; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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: #555555; font-size: 12px; margin-left: 4px; display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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: #000000; transition: height 0.5s; -webkit-line-clamp: 4; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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: #0064D1; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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: #555555; opacity: 0.5; cursor: pointer; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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; /* (100% / 16 * 9) */ } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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; /* (100% / 1.91 * 1) */ } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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; /* (100% / 4 * 5) */ } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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; /* (100% / 3 * 4) */ } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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; /* (100% / 9 * 16) */ } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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%; /* larger due to twice repeated pattern */ 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=custom-style][data-widget-type=social] .ti-layout-container { align-items: flex-start; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"] { border: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-card-header .ti-platform::before { background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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: #000000; position: relative; background-color: #ffffff; transform: translateY(0px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover .ti-card-media > img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-layout-container { align-items: flex-start; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="2"] { border: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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: #000000; position: relative; background-color: #ffffff; transform: translateY(0px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover .ti-card-media > img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta .ti-post-repost:before { background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content { padding: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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: #ffffff; width: 100%; height: 65px; z-index: 2; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta .ti-post-repost:before { background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile { height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-header { padding-top: 10px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; flex-wrap: nowrap; align-items: center; font-size: 15px; gap: 10px 15px; color: #000000; display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-header.ti-active { display: flex; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn { display: flex; align-items: center; text-decoration: none; background-color: #0095f6; color: #ffffff; border-radius: 8px; font-size: 14px; padding: 8px 15px; transition: all 0.2s ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn:hover { background-color: #0086dd; outline-width: 3px; outline-style: solid; outline-color: rgba(0, 149, 246, 0.5); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-profile .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-profile .ti-profile-details { padding: 0px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-profile .ti-profile-details .ti-sub { color: #828282; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-header-numbers .ti-number div { display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-header-numbers .ti-number div:first-child { margin-right: 3px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-header-numbers .ti-number div.ti-value { font-weight: 600; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-btn-dropdown { display: none; position: absolute; background-color: #ffffff; border-radius: 8px; 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=custom-style][data-widget-type=social] .ti-btn-dropdown.ti-active { display: block; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:first-child { border-top-right-radius: 8px; border-top-left-radius: 8px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:last-child { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:hover { background-color: #f3f3f3; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style] header[data-header-type="1"] .ti-profile { height: calc(55px + 12px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-profile .ti-header-numbers { display: inline-flex; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-btn-dropdown[data-id=link-tree] { right: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-btn-dropdown[data-id=link-tree]:before { right: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-btn-dropdown[data-id=profile-switch] { left: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-btn-dropdown[data-id=profile-switch]:before { left: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile-image, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=link-tree], .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style] header[data-header-type="3"] .ti-widget-header { width: auto; justify-content: center; column-gap: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] 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=custom-style] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-name * { max-width: 250px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] 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=custom-style] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-header-numbers .ti-number .ti-value { font-size: 15px; color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] 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=custom-style] header[data-header-type="3"] .ti-btn-dropdown[data-id=link-tree] { right: calc(50% - 350px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] 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=custom-style] header[data-header-type="3"] .ti-btn-dropdown[data-id=profile-switch] { left: calc(50% - 350px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] 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=custom-style][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header { flex-wrap: wrap; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] { display: block; width: 100%; margin-top: 0px; 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=custom-style][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=custom-style][data-widget-type=social]::before { content: ""; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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 { /* scroll */ /* Track */ /* Handle */ /* Handle on hover */ } .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 * 10px / 2); margin-right: calc(-1 * 10px / 2); margin-top: calc(10px / 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; flex-direction: row; gap: unset; 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(10px / 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(10px / 2) !important; padding-right: calc(10px / 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; /* IE and Edge */ scrollbar-width: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; /* Firefox */ } @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: 80%; 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-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-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next:before { width: 30px !important; height: 30px !important; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev:after, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next:after { width: 7.5px; height: 7.5px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next { padding-right: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next:after { left: 8.5px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev { padding-left: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev:after { right: 8.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-arrow[data-arrow-type="2"] .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-next:before { width: 45px !important; height: 45px !important; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-prev:after, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-next:after { width: 11.25px; height: 11.25px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-next { padding-right: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-next:after { left: 13.25px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-prev { padding-left: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-prev:after { right: 13.25px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:before { width: calc(60px / 2) !important; height: 60px !important; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:after, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:after { width: 9px; height: 9px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:before { border-top-left-radius: 60px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 60px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:after { right: 9px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:before { border-top-left-radius: 0; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 0; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:after { right: 9px; } .ti-widget[data-wkey="feed-instagram"] .ti-card-media .ti-nav-arrow[data-arrow-type="3"] { width: 100% !important; left: 0 !important; right: 0 !important; } .ti-widget[data-wkey="feed-instagram"] .ti-card-media .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-card-media .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:before { height: calc(60px / 2) !important; } .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: #000000; background-color: #fafafa; }@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);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%{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)}50%{transform:translateX(0)}}.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(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes lightSpeedIn{from{transform:translate3d(100%,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 rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);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,-45deg);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,45deg);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,45deg);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,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@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 zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}
.elementor-animation-grow{transition-duration:.3s;transition-property:transform}.elementor-animation-grow:active,.elementor-animation-grow:focus,.elementor-animation-grow:hover{transform:scale(1.1)}.elementor-animation-shrink{transition-duration:.3s;transition-property:transform}.elementor-animation-shrink:active,.elementor-animation-shrink:focus,.elementor-animation-shrink:hover{transform:scale(0.9)}@keyframes elementor-animation-pulse{25%{transform:scale(1.1)}75%{transform:scale(0.9)}}.elementor-animation-pulse:active,.elementor-animation-pulse:focus,.elementor-animation-pulse:hover{animation-name:elementor-animation-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes elementor-animation-pulse-grow{to{transform:scale(1.1)}}.elementor-animation-pulse-grow:active,.elementor-animation-pulse-grow:focus,.elementor-animation-pulse-grow:hover{animation-name:elementor-animation-pulse-grow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes elementor-animation-pulse-shrink{to{transform:scale(0.9)}}.elementor-animation-pulse-shrink:active,.elementor-animation-pulse-shrink:focus,.elementor-animation-pulse-shrink:hover{animation-name:elementor-animation-pulse-shrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes elementor-animation-push{50%{transform:scale(0.8)}100%{transform:scale(1)}}.elementor-animation-push:active,.elementor-animation-push:focus,.elementor-animation-push:hover{animation-name:elementor-animation-push;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}@keyframes elementor-animation-pop{50%{transform:scale(1.2)}}.elementor-animation-pop:active,.elementor-animation-pop:focus,.elementor-animation-pop:hover{animation-name:elementor-animation-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}.elementor-animation-bounce-in{transition-duration:.5s}.elementor-animation-bounce-in:active,.elementor-animation-bounce-in:focus,.elementor-animation-bounce-in:hover{transform:scale(1.2);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.elementor-animation-bounce-out{transition-duration:.5s}.elementor-animation-bounce-out:active,.elementor-animation-bounce-out:focus,.elementor-animation-bounce-out:hover{transform:scale(0.8);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.elementor-animation-rotate{transition-duration:.3s;transition-property:transform}.elementor-animation-rotate:active,.elementor-animation-rotate:focus,.elementor-animation-rotate:hover{transform:rotate(4deg)}.elementor-animation-grow-rotate{transition-duration:.3s;transition-property:transform}.elementor-animation-grow-rotate:active,.elementor-animation-grow-rotate:focus,.elementor-animation-grow-rotate:hover{transform:scale(1.1) rotate(4deg)}.elementor-animation-float{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.elementor-animation-float:active,.elementor-animation-float:focus,.elementor-animation-float:hover{transform:translateY(-8px)}.elementor-animation-sink{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.elementor-animation-sink:active,.elementor-animation-sink:focus,.elementor-animation-sink:hover{transform:translateY(8px)}@keyframes elementor-animation-bob{0%{transform:translateY(-8px)}50%{transform:translateY(-4px)}100%{transform:translateY(-8px)}}@keyframes elementor-animation-bob-float{100%{transform:translateY(-8px)}}.elementor-animation-bob:active,.elementor-animation-bob:focus,.elementor-animation-bob:hover{animation-name:elementor-animation-bob-float,elementor-animation-bob;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}@keyframes elementor-animation-hang{0%{transform:translateY(8px)}50%{transform:translateY(4px)}100%{transform:translateY(8px)}}@keyframes elementor-animation-hang-sink{100%{transform:translateY(8px)}}.elementor-animation-hang:active,.elementor-animation-hang:focus,.elementor-animation-hang:hover{animation-name:elementor-animation-hang-sink,elementor-animation-hang;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}.elementor-animation-skew{transition-duration:.3s;transition-property:transform}.elementor-animation-skew:active,.elementor-animation-skew:focus,.elementor-animation-skew:hover{transform:skew(-10deg)}.elementor-animation-skew-forward{transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.elementor-animation-skew-forward:active,.elementor-animation-skew-forward:focus,.elementor-animation-skew-forward:hover{transform:skew(-10deg)}.elementor-animation-skew-backward{transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.elementor-animation-skew-backward:active,.elementor-animation-skew-backward:focus,.elementor-animation-skew-backward:hover{transform:skew(10deg)}@keyframes elementor-animation-wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}.elementor-animation-wobble-vertical:active,.elementor-animation-wobble-vertical:focus,.elementor-animation-wobble-vertical:hover{animation-name:elementor-animation-wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-horizontal{16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)}}.elementor-animation-wobble-horizontal:active,.elementor-animation-wobble-horizontal:focus,.elementor-animation-wobble-horizontal:hover{animation-name:elementor-animation-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-to-bottom-right{16.65%{transform:translate(8px,8px)}33.3%{transform:translate(-6px,-6px)}49.95%{transform:translate(4px,4px)}66.6%{transform:translate(-2px,-2px)}83.25%{transform:translate(1px,1px)}100%{transform:translate(0,0)}}.elementor-animation-wobble-to-bottom-right:active,.elementor-animation-wobble-to-bottom-right:focus,.elementor-animation-wobble-to-bottom-right:hover{animation-name:elementor-animation-wobble-to-bottom-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-to-top-right{16.65%{transform:translate(8px,-8px)}33.3%{transform:translate(-6px,6px)}49.95%{transform:translate(4px,-4px)}66.6%{transform:translate(-2px,2px)}83.25%{transform:translate(1px,-1px)}100%{transform:translate(0,0)}}.elementor-animation-wobble-to-top-right:active,.elementor-animation-wobble-to-top-right:focus,.elementor-animation-wobble-to-top-right:hover{animation-name:elementor-animation-wobble-to-top-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-top{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-top{transform-origin:0 100%}.elementor-animation-wobble-top:active,.elementor-animation-wobble-top:focus,.elementor-animation-wobble-top:hover{animation-name:elementor-animation-wobble-top;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-bottom{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-bottom{transform-origin:100% 0}.elementor-animation-wobble-bottom:active,.elementor-animation-wobble-bottom:focus,.elementor-animation-wobble-bottom:hover{animation-name:elementor-animation-wobble-bottom;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-skew{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-skew:active,.elementor-animation-wobble-skew:focus,.elementor-animation-wobble-skew:hover{animation-name:elementor-animation-wobble-skew;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-buzz{50%{transform:translateX(3px) rotate(2deg)}100%{transform:translateX(-3px) rotate(-2deg)}}.elementor-animation-buzz:active,.elementor-animation-buzz:focus,.elementor-animation-buzz:hover{animation-name:elementor-animation-buzz;animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes elementor-animation-buzz-out{10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}100%{transform:translateX(-1px) rotate(0)}}.elementor-animation-buzz-out:active,.elementor-animation-buzz-out:focus,.elementor-animation-buzz-out:hover{animation-name:elementor-animation-buzz-out;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:1}/* FIX FOR WORDPRESS's CRAZY <p> TAG ANOMALY */
.rs-p-wp-fix { display: none !important; margin: 0 !important; height: 0px !important; }

/* NEW Z-INDEX FIX*/
.wp-block-themepunch-revslider { position: relative }

/* FIX FOR QUICK LOADING OF SLIDER SCRIPTS AND WP-ROCKET READDING IMG TAG INTO DOM*/
/*rs-sbg-px rs-sbg-wrap img { display:none !important}*/

/* MODAL BASICS */
rs-modal { position: fixed !important; z-index: 9999999 !important; pointer-events: none !important;}
rs-modal.rs-modal-auto { top: auto;bottom: auto;left: auto; right:auto; }
rs-modal.rs-modal-fullwidth,
rs-modal.rs-modal-fullscreen { top: 0px; left: 0px; width: 100%; height: 100%; }
rs-modal rs-fullwidth-wrap { position: absolute; top: 0px; left: 0px; height: 100%;}
rs-module-wrap.rs-modal { display:none; max-height: 100% !important; overflow: auto !important;  pointer-events: auto !important;}
rs-module-wrap.hideallscrollbars.rs-modal { overflow: hidden !important; max-width: 100% !important}
rs-modal-cover { width: 100%; height: 100%; z-index: 0; background: transparent; position: absolute;top: 0px;left: 0px; cursor: pointer; pointer-events: auto}
body>rs-modal-cover { position: fixed; z-index: 9999995 !important; }

rs-sbg-px { pointer-events: none }

.rs-forceuntouchable,
.rs-forceuntouchable * { pointer-events: none !important; }

.rs-forcehidden * { visibility: hidden !important; }

/*rs-modal rs-fullwidth-wrap rs-module-wrap { transform: translateY(-50%) !important; top: 50% !important; }*/

.rs_splitted_lines { display: block; white-space: nowrap !important}

.rs-go-fullscreen {
	position:fixed !important;
	width:100% !important;
	height:100% !important;
	top:0px !important;
	left:0px !important;
	z-index:9999999 !important;
	background:#ffffff;
}
.rtl {	direction: rtl;}
@font-face {
  font-family: 'revicons';
  src: url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888);
  src: url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888#iefix) format('embedded-opentype'),
	   url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.woff?5510888) format('woff'),
	   url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.ttf?5510888) format('truetype'),
	   url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.svg?5510888#revicons) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  speak-as: spell-out;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


rs-module i[class^="fa-"],
rs-module i[class*=" fa-"],
.rb-modal-wrapper i[class^="fa-"],
.rb-modal-wrapper i[class*=" fa-"],
#waitaminute i[class^="fa-"],
#waitaminute i[class*=" fa-"],
#objectlibrary i[class^="fa-"],
#objectlibrary i[class*=" fa-"],
#rs_overview i[class^="fa-"],
#rs_overview i[class*=" fa-"],
#rs_overview_menu i[class^="fa-"],
#rs_overview_menu i[class*=" fa-"],
#builderView i[class^="fa-"],
#builderView i[class*=" fa-"]
{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

rs-module [class^="fa-"]:before,
rs-module [class*=" fa-"]:before,
.rb-modal-wrapper [class^="fa-"]:before,
.rb-modal-wrapper [class*=" fa-"]:before,
#rs_overview [class^="fa-"]:before,
#rs_overview [class*=" fa-"]:before,
#objectlibrary [class^="fa-"]:before,
#objectlibrary [class*=" fa-"]:before,
#waitaminute [class^="fa-"]:before,
#waitaminute [class*=" fa-"]:before,
#rs_overview_menu [class^="fa-"]:before,
#rs_overview_menu [class*=" fa-"]:before,
#builderView [class^="fa-"]:before,
#builderView [class*=" fa-"]:before
{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	speak: never;
  	speak-as: spell-out;
	display: inline-block;
	text-decoration: inherit;
	width: auto;
	margin-right: 0;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	margin-left: 0;
}

rs-module .sr-only,
#objectlibrary .sr-only,
#waitaminute .sr-only,
#rs_overview .sr-only,
#rs_overview_menu .sr-only,
.rb-modal-wrapper .sr-only,
#builderView .sr-only
{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
rs-module .sr-only-focusable:active,
rs-module .sr-only-focusable:focus,
#waitaminute .sr-only-focusable:active,
#waitaminute .sr-only-focusable:focus,
#objectlibrary .sr-only-focusable:active,
#objectlibrary .sr-only-focusable:focus,
#rs_overview .sr-only-focusable:active,
#rs_overview .sr-only-focusable:focus,
#rs_overview_menu .sr-only-focusable:active,
#rs_overview_menu .sr-only-focusable:focus,
.rb-modal-wrapper .sr-only-focusable:active,
.rb-modal-wrapper .sr-only-focusable:focus,
#builderView .sr-only-focusable:active,
#builderView .sr-only-focusable:focus

{
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}


.revicon-search-1:before { content: '\e802'; } /* '' */
.revicon-pencil-1:before { content: '\e831'; } /* '' */
.revicon-picture-1:before { content: '\e803'; } /* '' */
.revicon-cancel:before { content: '\e80a'; } /* '' */
.revicon-info-circled:before { content: '\e80f'; } /* '' */
.revicon-trash:before { content: '\e801'; } /* '' */
.revicon-left-dir:before { content: '\e817'; } /* '' */
.revicon-right-dir:before { content: '\e818'; } /* '' */
.revicon-down-open:before { content: '\e83b'; } /* '' */
.revicon-left-open:before { content: '\e819'; } /* '' */
.revicon-right-open:before { content: '\e81a'; } /* '' */
.revicon-angle-left:before { content: '\e820'; } /* '' */
.revicon-angle-right:before { content: '\e81d'; } /* '' */
.revicon-left-big:before { content: '\e81f'; } /* '' */
.revicon-right-big:before { content: '\e81e'; } /* '' */
.revicon-magic:before { content: '\e807'; } /* '' */
.revicon-picture:before { content: '\e800'; } /* '' */
.revicon-export:before { content: '\e80b'; } /* '' */
.revicon-cog:before { content: '\e832'; } /* '' */
.revicon-login:before { content: '\e833'; } /* '' */
.revicon-logout:before { content: '\e834'; } /* '' */
.revicon-video:before { content: '\e805'; } /* '' */
.revicon-arrow-combo:before { content: '\e827'; } /* '' */
.revicon-left-open-1:before { content: '\e82a'; } /* '' */
.revicon-right-open-1:before { content: '\e82b'; } /* '' */
.revicon-left-open-mini:before { content: '\e822'; } /* '' */
.revicon-right-open-mini:before { content: '\e823'; } /* '' */
.revicon-left-open-big:before { content: '\e824'; } /* '' */
.revicon-right-open-big:before { content: '\e825'; } /* '' */
.revicon-left:before { content: '\e836'; } /* '' */
.revicon-right:before { content: '\e826'; } /* '' */
.revicon-ccw:before { content: '\e808'; } /* '' */
.revicon-arrows-ccw:before { content: '\e806'; } /* '' */
.revicon-palette:before { content: '\e829'; } /* '' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* '' */
.revicon-left-open-outline:before { content: '\e82e'; } /* '' */
.revicon-left-open-2:before { content: '\e82c'; } /* '' */
.revicon-right-open-outline:before { content: '\e82f'; } /* '' */
.revicon-right-open-2:before { content: '\e82d'; } /* '' */
.revicon-equalizer:before { content: '\e83a'; } /* '' */
.revicon-layers-alt:before { content: '\e804'; } /* '' */
.revicon-popup:before { content: '\e828'; } /* '' */




/******************************
	-	BASIC STYLES		-
******************************/

.tp-fullwidth-forcer { z-index: 0; pointer-events: none}
rs-module-wrap { visibility: hidden }
rs-module-wrap,
rs-module-wrap * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}

rs-module-wrap {position:relative;z-index: 1;width:100%; display: block;}

.rs-fixedscrollon rs-module-wrap { position: fixed !important; top: 0px !important; z-index: 1000; left: 0 !important;}
.rs-stickyscrollon rs-module-wrap {  position: sticky !important; top:0px; z-index: 1000; }
.rs-stickyscrollon { overflow: visible !important; }

rs-fw-forcer { display:block;width:100%;pointer-events: none;}
rs-module { position:relative;overflow:hidden;display: block; }

rs-module.disableVerticalScroll { -ms-touch-action: pan-x; touch-action: pan-x; }


rs-pzimg-wrap,
rs-sbg-effectwrap,
rs-sbg { display: block; pointer-events: none  }

rs-sbg-effectwrap {
	position:absolute;top:0px;left:0px;width:100%;height:100%
}

rs-carousel-wrap rs-column rs-layer img { width: 0px; height: 0px; }

rs-sbg-px,
rs-sbg-wrap {position:absolute; top:0px; left:0px; z-index:0;width:100%;height:100%;display: block;}

a.rs-layer,
a.rs-layer:-webkit-any-link { text-decoration: none }

a[x-apple-data-detectors] { color: inherit !important;   text-decoration: none !important;   font-size: inherit !important;   font-family: inherit !important;   font-weight: inherit !important;   line-height: inherit !important; }

.entry-content rs-module a, rs-module a { box-shadow: none; }

.rs-ov-hidden 		{ 	overflow:hidden !important;}


.rs-forceoverflow,
.rs-forceoverflow rs-module-wrap,
.rs-forceoverflow rs-module,
.rs-forceoverflow rs-slides,
.rs-forceoverflow rs-slide { overflow:visible !important}

.rs-parallax-hidden-of rs-slide { overflow:hidden !important}

.tp-simpleresponsive img,
rs-module img{
	max-width:none !important;
	transition: none;
	margin:0px;
	padding:0px;
	border:none;
}



rs-module .no-slides-text{font-weight:bold;text-align:center;padding-top:80px;}


rs-slides, rs-slide, rs-slide:before {	 position:absolute;text-indent: 0em;top:0px;left:0px;}
rs-slide,rs-slide:before {  display:block; visibility:hidden; }

.rs-layer .rs-untoggled-content { display:block;}
.rs-layer .rs-toggled-content { display:none;}

.rs-tc-active.rs-layer > .rs-toggled-content { display:block;}
.rs-tc-active.rs-layer > .rs-untoggled-content { display:none;}

.rs-layer-video { overflow: hidden }

.rs_html5vidbasicstyles { position:relative;top:0px;left:0px;width:100%;height:100%; overflow:hidden; }

rs-module rs-layer,
rs-module .rs-layer {
	opacity: 0;
	position:relative;
	visibility: hidden;
	/*white-space: nowrap; Fix for Mobile Padding issues on long texts */
	display: block;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-moz-osx-font-smoothing: grayscale;
	z-index:1;
	font-display: swap;
}

rs-layer-wrap,
rs-mask,
rs-module-wrap,
rs-module .rs-layer,
rs-module img {
	user-select: none;	
}

rs-module rs-mask-wrap .rs-layer,
rs-module rs-mask-wrap *:last-child,
.wpb_text_column rs-module rs-mask-wrap .rs-layer,
.wpb_text_column rs-module rs-mask-wrap *:last-child{
	margin-bottom:0;

}

.rs-svg svg {	width:100%; height:100%;position: relative;vertical-align: top}


rs-layer:not(.rs-wtbindex),
.rs-layer:not(.rs-wtbindex),
rs-alyer *:not(.rs-wtbindex),
.rs-layer *:not(.rs-wtbindex) { outline: none !important; }


/* CAROUSEL FUNCTIONS */
rs-carousel-wrap {
	cursor:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/css/openhand.cur), move;
}
rs-carousel-wrap.dragged {
	cursor:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/css/closedhand.cur), move;
}

rs-carousel-wrap.noswipe {
	cursor: default;
}

rs-carousel-wrap { position: absolute; overflow: hidden;  width:100%;height:100%;top:0px;left:0px;}
rs-carousel-space { clear:both;display:block;width:100%;height:0px;position:relative;}

/* ADDED FOR SLIDELINK MANAGEMENT */
.tp_inner_padding {
	box-sizing:border-box;
	max-height:none !important;
}


.rs-layer.rs-selectable {
	user-select: text;	
}



rs-px-mask {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

rs-module embed,
rs-module iframe,
rs-module object,
rs-module audio,
rs-module video {
	max-width: none !important;
	border: none;
}

rs-bg-elem 	{	position:absolute; top:0px;left:0px; width:100%;height:100%;z-index:0; display: block; pointer-events: none; }

.tp-blockmask,
.tp-blockmask_in,
.tp-blockmask_out { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; z-index: 1000; transform: scaleX(0) scaleY(0);}

/***********************************************************
	- 	ZONES / GOUP / ROW / COLUMN LAYERS AND HELPERS 	-
***********************************************************/
rs-zone			{	position:absolute; width:100%;left:0px; box-sizing: border-box;min-height:50px; font-size:0px;pointer-events: none}
rs-row-wrap,
rs-column,
rs-cbg-mask-wrap {	display:block; visibility: hidden}

rs-layer-wrap,
rs-parallax-wrap,
rs-loop-wrap,
rs-mask-wrap { display: block; }

rs-column-wrap>rs-mask-wrap,
rs-column-wrap>rs-loop-wrap { z-index: 1 }

rs-layer-wrap,
rs-mask-wrap,
rs-cbg-mask-wrap
 { transform-style:flat;}


/* ANY SAFARI NEEDS IN CAROUSEL SOME HELP TO AVOID FLICKERING, LOVELY....*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
 	{ 
		 rs-carousel-wrap rs-layer-wrap, rs-carousel-wrap rs-loop-wrap {backface-visibility: hidden;transform-style: preserve-3d;}
	}

.safarifix rs-layer-wrap {
	perspective: 1000000;
}

@-moz-document url-prefix() {
 	rs-layer-wrap,
	rs-mask-wrap,
	rs-cbg-mask-wrap { perspective: none; }
}


rs-mask-wrap { overflow: hidden }
rs-fullwidth-wrap { position:relative;width:100%;height:auto;display: block; overflow:visible;max-width:none !important;}

.rev_row_zone_top 				{	top:0px;}
.rev_row_zone_bottom 			{	bottom:0px;}
.rev_row_zone_middle			{ top: 0px;}

rs-column-wrap .rs-parallax-wrap  { vertical-align: top }

.rs-layer img,
rs-layer img { vertical-align: top }

rs-row,
rs-row.rs-layer 	{
	display:table;
	position:relative;
	width:100% !important;
	table-layout: fixed;
	box-sizing: border-box;
	vertical-align: top;
	height:auto;
	font-size:0px;
}

.rs-layer.rs-waction.iospermaccwait.permanenthidden { display:none !important; visibility:hidden !important; pointer-events: none !important;}

rs-column-wrap {
	display: table-cell;
	position: relative;
	vertical-align: top;
	height: auto;
	box-sizing: border-box;
	font-size:0px;
}

rs-column {
	box-sizing: border-box;
	display: block;
	position: relative;
	width:100% !important;
	height:auto !important;
	white-space: normal !important;
}

rs-cbg-mask-wrap {
	position: absolute;
	z-index: 0;
	box-sizing: border-box;
}

rs-column-wrap rs-cbg-mask-wrap { top: 0px; left: 0px; bottom: 0px; right: 0px; }
rs-column-bg {
	position: absolute;
	z-index: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.rs-pelock * { pointer-events: none !important;}

rs-column .rs-parallax-wrap,
rs-column rs-loop-wrap,
rs-column rs-mask-wrap 			{	text-align: inherit; }
rs-column rs-mask-wrap 			{	display: inline-block;}


rs-column .rs-parallax-wrap rs-loop-wrap,
rs-column .rs-parallax-wrap rs-mask-wrap,
rs-column .rs-parallax-wrap { position: relative; left:auto; top:auto; line-height: 0px;}

rs-column .rs-parallax-wrap rs-loop-wrap,
rs-column .rs-parallax-wrap rs-mask-wrap,
rs-column .rs-parallax-wrap,
rs-column .rev_layer_in_column { vertical-align: top; }

.rev_break_columns { display: block !important }
.rev_break_columns rs-column-wrap.rs-parallax-wrap  { display:block !important; width:100% !important; }


.rev_break_columns rs-column-wrap.rs-parallax-wrap.rs-layer-hidden,
.tp-forcenotvisible,
.tp-hide-revslider,
rs-row-wrap.rs-layer-hidden,
rs-column-wrap.rs-layer-hidden,
.rs-layer.rs-layer-hidden,
.rs-layer-audio.rs-layer-hidden,
.rs-parallax-wrap.rs-layer-hidden {
	visibility:hidden !important;
	display:none !important
}

/*rs-column .rs-parallax-wrap,
rs-column rs-loop-wrap,
rs-column rs-mask-wrap,
rs-column rs-layer { vertical-align: inherit }*/



/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/

a.rs-layer.rs-nointeraction >.div,
rs-layer.rs-nointeraction:not(a),
.rs-layer.rs-nointeraction:not(a) {
	pointer-events: none !important
}

rs-static-layers	{position:absolute; z-index:101; top:0px;left:0px; display: block; width: 100%;height: 100%; pointer-events: none; overflow: hidden}

/* new static layers position option */
rs-static-layers.rs-stl-back {
	z-index:0;
}

.rs-stl-visible{
	overflow: visible !important;
}

.rs-layer rs-fcr 	{ width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom-width: 0 !important; border-top: 40px solid #00A8FF; position: absolute; right: 100%; top: 0px; }
.rs-layer rs-fcrt 	{ width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top-width: 0 !important; border-bottom: 40px solid #00A8FF; position: absolute; right: 100%; top: 0px; }
.rs-layer rs-bcr 	{ width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; border-top-width: 0 !important; position: absolute; left: 100%; top: 0px; }
.rs-layer rs-bcrt 	{ width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; border-bottom-width: 0 !important; position: absolute; left: 100%; top: 0px; }


.tp-layer-inner-rotation {
	position: relative !important;
}


/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image	{
	width:100%; height:auto;
}


/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/

rs-bgvideo 			{	position: absolute;top:0px;left:0px; width:100%;height:100%;z-index: 0; display: block}

.rs-layer.rs-fsv	{	top:0px;left:0px;  position:absolute;width:100%;height:100%}

.rs-layer.rs-fsv audio,
.rs-layer.rs-fsv video,
.rs-layer.rs-fsv iframe,
.rs-layer.rs-fsv iframe audio,
.rs-layer.rs-fsv iframe video	{ width:100%; height:100% ; /*display: none*/}


.rs-fsv video				{	background: #000}

.fullcoveredvideo rs-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}


.videoisplaying .html5vid rs-poster	{	display: none}

.tp-video-play-button					{
	background:#000;
	background:rgba(0,0,0,0.3);
	border-radius:5px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	z-index: 3;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px !important;
	text-align: center;
	cursor: pointer;
	width: 50px;
	height:50px;
	box-sizing: border-box;

	display: inline-block;
	vertical-align: top;
	z-index: 4;
	opacity: 0;
	transition:opacity 300ms ease-out !important;
}

.rs-ISM .tp-video-play-button{
	opacity: 1;
	transition: none !important;
	z-index: 6;
}

.rs-audio .tp-video-play-button { display:none !important;}
.rs-layer .html5vid					{	width:100% !important; height:100% !important;}
.tp-video-play-button i 				{	width:50px;height:50px; display:inline-block; text-align: center !important; vertical-align: top; line-height: 50px !important; font-size: 30px !important;}
.rs-layer:hover .tp-video-play-button	{	opacity: 1; display:block; z-index: 6;}
.rs-layer .tp-revstop					{	display:none;width: 15px; border-right: 5px solid #fff !important; border-left:5px solid #fff !important; transform: translateX(50%) translateY(50%);height: 20px;margin-left: 11px !important;margin-top: 5px !important;}
.videoisplaying .revicon-right-dir		{	display:none}
.videoisplaying .tp-revstop				{	display:block}

.videoisplaying  .tp-video-play-button			{	display:none}


.fullcoveredvideo .tp-video-play-button			{	display:none !important}


.rs-fsv .rs-fsv audio 		{	object-fit:contain !important;}
.rs-fsv .rs-fsv video 		{	object-fit:contain !important;}

.rs-layer-video .html5vid.hidefullscreen video::-webkit-media-controls-fullscreen-button  { display: none; }


@supports not (-ms-high-contrast:none) {
   /* Non-IE styles here */
	.rs-fsv .fullcoveredvideo audio 		{	object-fit:cover !important;}
	.rs-fsv .fullcoveredvideo video 		{	object-fit:cover !important;}
}

.rs-fullvideo-cover					{	width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;}


.rs-nolc .tp-video-play-button,
rs-bgvideo video::-webkit-media-controls-start-playback-button,
rs-bgvideo video::-webkit-media-controls,
rs-bgvideo audio::-webkit-media-controls { display:none !important;}


.rs-audio .tp-video-controls {	opacity: 1 !important; visibility: visible !important}



rs-module h1.rs-layer,
rs-module h2.rs-layer,
rs-module h3.rs-layer,
rs-module h4.rs-layer,
rs-module h5.rs-layer,
rs-module h6.rs-layer,
rs-module div.rs-layer,
rs-module span.rs-layer,
rs-module p.rs-layer 	{	margin:0; padding:0; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0;}

rs-module h1.rs-layer:before,
rs-module h2.rs-layer:before,
rs-module h3.rs-layer:before,
rs-module h4.rs-layer:before,
rs-module h5.rs-layer:before,
rs-module h6.rs-layer:before { content: none; }


/********************************
	-	DOTTED OVERLAYS	-
*********************************/
rs-dotted						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3;display:block;pointer-events: none}
rs-sbg-wrap rs-dotted 			{ z-index: 31 }
rs-dotted.twoxtwo				{	background:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/assets/gridtile.png)}
rs-dotted.twoxtwowhite			{	background:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/assets/gridtile_white.png)}
rs-dotted.threexthree			{	background:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3.png)}
rs-dotted.threexthreewhite		{	background:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3_white.png)}


/******************************
	-	SHADOWS		-
******************************/

.tp-shadowcover	{	width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
.tp-shadow1 	{	box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);}

.tp-shadow2:before, .tp-shadow2:after,
.tp-shadow3:before, .tp-shadow4:after
{
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 85%;
  max-width:300px;
  background: transparent;
  box-shadow: 0 15px 10px rgba(0,0,0,0.8);

  transform: rotate(-3deg);
}

.tp-shadow2:after,
.tp-shadow4:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.tp-shadow5
{
  	position:relative;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before, .tp-shadow5:after
{
	content:"";
	position:absolute;
	z-index:-2;
	box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
	top:30%;
	bottom:0;
	left:20px;
	right:20px;
	border-radius:100px / 20px;
}



/* TP BUTTONS DESKTOP SIZE */

.rev-btn,
.rev-btn:visited						{ 	outline:none !important; box-shadow:none; text-decoration: none !important;  box-sizing:border-box;  cursor: pointer;}

.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited			{ 	text-transform: uppercase;  }

.rev-btn  i								{ 	font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out;  margin-left:0px; line-height: inherit}

.rev-btn.rev-hiddenicon i				{ 	font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out; opacity: 0; margin-left:0px !important; width:0px !important;  }
.rev-btn.rev-hiddenicon:hover i			{   opacity: 1 !important; margin-left:10px !important; width:auto !important;}


/* BURGER BUTTON */
.rev-burger {
  position: relative;
  box-sizing: border-box;
  padding: 22px 14px 22px 14px;
  border-radius: 50%;
  border: 1px solid rgba(51,51,51,0.25);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.rev-burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #333;
  transition: .7s;
  pointer-events: none;
  transform-style: flat !important;
}
.rev-burger span:nth-child(2) {
  margin: 3px 0;
}

.quick_style_example_wrap .rev-burger:hover :first-child,
#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
  transform: translateY(6px) rotate(-45deg);

}
.quick_style_example_wrap .rev-burger:hover :nth-child(2),
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
  transform: rotate(-45deg);

  opacity: 0;
}
.quick_style_example_wrap .rev-burger:hover :last-child,
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
  transform: translateY(-6px) rotate(-135deg);

}

.rev-burger.revb-white {
  border: 2px solid rgba(255,255,255,0.2);
}

.rev-b-span-light span,
.rev-burger.revb-white span {
  background: #fff;
}
.rev-burger.revb-whitenoborder {
  border: 0;
}
.rev-burger.revb-whitenoborder span {
  background: #fff;
}
.rev-burger.revb-darknoborder {
  border: 0;
}

.rev-b-span-dark span,
.rev-burger.revb-darknoborder span {
  background: #333;
}

.rev-burger.revb-whitefull {
  background: #fff;
  border:none;
}

.rev-burger.revb-whitefull span {
	background:#333;
}

.rev-burger.revb-darkfull {
  background: #333;
  border:none;
}

.rev-burger.revb-darkfull span {
	background:#fff;
}


/* SCROLL DOWN BUTTON */

@keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 70%;}
	50% {opacity: 0;top: 70%;}
	100% {opacity: 0;top: 29%;}
}
.rev-scroll-btn {
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	width:35px;
	height:55px;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.rev-scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *.active {
	color: #ffffff;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *:active,
.rev-scroll-btn > *.active {
	opacity: 0.8;
}

.rev-scroll-btn.revs-fullwhite  {
	background:#fff;
}

.rev-scroll-btn.revs-fullwhite span {
	background: #333;
}

.rev-scroll-btn.revs-fulldark  {
	background:#333;
	border:none;
}

.rev-scroll-btn.revs-fulldark  span {
	background: #fff;
}

.rev-scroll-btn span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	border-radius: 50%;
	animation: rev-ani-mouse 2.5s linear infinite;
	background: #fff;
}

.rev-scroll-btn.rev-b-span-dark {
	border-color:#333;
}
.rev-scroll-btn.rev-b-span-dark span,
.rev-scroll-btn.revs-dark span {
	background: #333;
}

.rev-control-btn {
	position: relative;
	display: inline-block;
	z-index: 5;
	color: #FFF;
	font-size: 20px;
	line-height: 60px;
	font-weight: 400;
	font-style: normal;
	font-family: Raleway;
	text-decoration: none;
	text-align: center;
	background-color: #000;
	border-radius: 50px;
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.50);
	width:60px;
	height:60px;
	box-sizing: border-box;
	cursor: pointer;
}

.rev-cbutton-dark-sr	{
	border-radius: 3px;
}

.rev-cbutton-light	{
	color: #333;
	background-color: rgba(255,255,255, 0.75);
}

.rev-cbutton-light-sr	{
	color: #333;
	border-radius: 3px;
	background-color: rgba(255,255,255, 0.75);
}


.rev-sbutton {
	line-height: 37px;
	width:37px;
	height:37px;
}

.rev-sbutton-blue	{
	background-color: #3B5998
}
.rev-sbutton-lightblue	{
	background-color: #00A0D1;
}
.rev-sbutton-red	{
	background-color: #DD4B39;
}




/************************************
-	TP BANNER TIMER		-
*************************************/
rs-progress						{	visibility: hidden; position:absolute; z-index:200;width:100%;height:100%;}
rs-progress-bar,
.rs-progress-bar				{ 	display:block;z-index: 20;box-sizing: border-box;background-clip: content-box;position: absolute;line-height:0px;width:100%;height:100%;}
rs-progress-bgs 				{ 	display:block;z-index: 15;box-sizing: border-box; width: 100%; position: absolute; height: 100%; top: 0px; left: 0px; }
rs-progress-bg					{	display:block;background-clip: content-box; position: absolute;width:100%;height:100%;}
rs-progress-gap					{	display:block;background-clip: content-box; position: absolute;width:100%;height:100%;}
rs-progress-vis 				{ 	display:block;width: 100%;height: 100%; position: absolute;top: 0px;left: 0px }

/*********************************************
-	BASIC SETTINGS FOR THE BANNER	-
***********************************************/
.rs-layer img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	/*zoom:1;*/
}

/*rs-carousel-wrap rs-layer.rs-layer img {   transform: translateZ(-0.0001px)}*/


.rs-layer.slidelink { cursor:pointer;width:100%;height:100%; }
.rs-layer.slidelink a {	width:100%;height:100%;display:block}
.rs-layer.slidelink a div {	width:3000px; height:1500px;  background:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat}
.rs-layer.slidelink a span{	background:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat; width:100%;height:100%;display:block}
/*.tp-shape {	width:100%;height:100%;}*/



/*********************************************
-	WOOCOMMERCE STYLES	-
***********************************************/

.rs-layer .rs-starring				{	display: inline-block}


.rs-layer .rs-starring .star-rating {
	float: none;
	display: inline-block;
	vertical-align: top;
	color: #FFC321 !important;
}


.rs-layer .rs-starring .star-rating,
.rs-layer .rs-starring-page .star-rating {
	position: relative;
	height: 1em;
	width: 5.4em;
	font-family: star;
	font-size: 1em !important;
}

.rs-layer  .rs-starring .star-rating:before,
.rs-layer  .rs-starring-page .star-rating:before {
	content: "\73\73\73\73\73";
	color: #E0DADF;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.rs-layer .rs-starring .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
	font-size: 1em !important;
}

.rs-layer .rs-starring .star-rating span:before,
.rs-layer .rs-starring .star-rating span:before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
}




/******************************
	-	LOADER FORMS	-
********************************/

rs-loader 	{
	top:50%; left:50%;
	z-index:10000;
	position:absolute;
}

rs-loader.off {
	display: none !important;
}

rs-loader.spinner0 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-image:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/assets/loader.gif);
	background-repeat:no-repeat;
	background-position: center center;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top:-20px;
	margin-left:-20px;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
}


rs-loader.spinner1 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top:-20px;
	margin-left:-20px;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
}



rs-loader.spinner5 	{
	background-image:url(//colegioaviaodepapel.pt/wp-content/plugins/revslider/public/assets/assets/loader.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#fff;
	margin:-22px -22px;
	width:44px;height:44px;
	border-radius: 3px;
}


@keyframes tp-rotateplane {
  0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}


rs-loader.spinner2 {
	width: 40px;
	height: 40px;
	margin-top:-20px;margin-left:-20px;
	background-color: #ff0000;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	border-radius: 100%;
	animation: tp-scaleout 1.0s infinite ease-in-out;
}


@keyframes tp-scaleout {
  0% {transform: scale(0.0);}
  100% {transform: scale(1.0);opacity: 0;}
}


rs-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;
}

rs-loader.spinner3 .bounce1,
rs-loader.spinner3 .bounce2,
rs-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  border-radius: 100%;
  display: inline-block;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}

rs-loader.spinner3 .bounce1 {
  animation-delay: -0.32s;
}

rs-loader.spinner3 .bounce2 {
  animation-delay: -0.16s;
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% {transform: scale(0.0);}
  40% {transform: scale(1.0);}
}




rs-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  animation: tp-rotate 2.0s infinite linear;
}

rs-loader.spinner4 .dot1,
rs-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

rs-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  animation-delay: -1.0s;
}


@keyframes tp-rotate { 100% { transform: rotate(360deg);}}

@keyframes tp-bounce {
  0%, 100% {transform: scale(0.0);}
  50% { transform: scale(1.0);}
}



rs-layer iframe { visibility:hidden;}
rs-layer.rs-ii-o iframe { visibility: visible; }

rs-layer input[type="text"],
rs-layer input[type="email"],
rs-layer input[type="url"],
rs-layer input[type="password"],
rs-layer input[type="search"],
rs-layer input[type="number"],
rs-layer input[type="tel"],
rs-layer input[type="range"],
rs-layer input[type="date"],
rs-layer input[type="month"],
rs-layer input[type="week"],
rs-layer input[type="time"],
rs-layer input[type="datetime"],
rs-layer input[type="datetime-local"] { display: inline-block }

rs-layer input::placeholder { vertical-align: middle; line-height: inherit !important}

a.rs-layer { transition: none }


/***********************************************
	-  STANDARD NAVIGATION SETTINGS
***********************************************/

rs-thumbs-wrap,
rs-tabs-wrap,
rs-thumbs,
rs-thumb,
rs-tab,
rs-bullet,
rs-bullets,
rs-navmask,
rs-tabs,
rs-arrow 					{	display:block; pointer-events: all;}

/*rs-layer {	font-size:20px; line-height: 25px; padding:0px; margin:0px; border-radius:0px; max-width: none;min-width:none; max-height: none; min-height: none}*/

.tp-thumbs.navbar,
.tp-bullets.navbar,
.tp-tabs.navbar					{	border:none; min-height: 0; margin:0; border-radius: 0; }

.tp-tabs,
.tp-thumbs,
.tp-bullets						{	position:absolute; display:block; z-index:1000; top:0px; left:0px;}

.tp-tab,
.tp-thumb 						{	cursor: pointer; position:absolute;opacity:0.5;  box-sizing: border-box;}

.tp-arr-imgholder,
rs-poster,
.tp-thumb-image,
.tp-tab-image					{	background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;}

rs-poster 						 { cursor:pointer; z-index:3; }

.tp-tab.rs-touchhover,
.tp-tab.selected,
.tp-thumb.rs-touchhover,
.tp-thumb.selected				{	opacity:1;}

.tp-tab-mask,
.tp-thumb-mask 					{	box-sizing:border-box !important; }

.tp-tabs,
.tp-thumbs						{	box-sizing:content-box !important; }

.tp-bullet 						{	width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;}
.tp-bullet.selected,
.tp-bullet.rs-touchhover				{	background:#fff;}




.tparrows						{	cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; }
.tparrows.rs-touchhover 				{	background:#000;}
.tparrows:before				{	font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;}
.tparrows.tp-leftarrow:before	{	content: '\e824'; }
.tparrows.tp-rightarrow:before	{	content: '\e825'; }

/*.tp-thumb-mask {max-width: 100% !important}*/

/************************
 - FIXES FOR PE-7 ICONS -
**************************/

.rs-layer [class^="pe-7s-"]:before,
.rs-layer [class*=" pe-7s-"]:before,
.rs-layer [class^="pe-7s-"],
.rs-layer [class*=" pe-7s-"] {
	width: auto;
	margin: 0;
	line-height: inherit;
	box-sizing: inherit;
}


/***************************
	- KEN BURNS FIXES -
***************************/

rs-pzimg-wrap { display: block; }
body.rtl .rs-pzimg {left: 0 !important}


/*******************************
	- CUBE & CANVAS SETTINGS -
********************************/
.rs_fake_cube {transform-style:preserve-3d}
.rs_fake_cube,
.rs_fake_cube_wall { position:absolute; -webkit-backface-visibility:hidden; backface-visibility:hidden; left:0px; top:0px; z-index: 0 }

.rs-builder-mode rs-sbg-wrap canvas,
rs-sbg canvas { overflow: hidden; z-index: 5; -webkit-backface-visibility:hidden; backface-visibility:hidden;}


/***************************
	- 3D SHADOW MODE -
***************************/

.dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);}

.dddwrapper { transform-style: flat;perspective: 10000px; }

/*******************
	- DEBUG MODE -
*******************/

.rs_error_message_box { background: #111;width:800px;margin: 40px auto;padding: 40px 20px;text-align: center;font-family: "Open Sans",sans-serif}
.rs_error_message_oops {margin: 0px 0px 20px;line-height: 60px;font-size: 34px;color: #FFF;}
.rs_error_message_content {margin: 0px 0px 20px;line-height: 25px;font-size: 17px;color: #FFF;}
.rs_error_message_button {color: #fff !important;background: #333;display: inline-block;padding: 10px 15px;text-align: right;border-radius: 5px;cursor: pointer;text-decoration: none !important}
.rs_error_message_button:hover {  background:#5e35b1}



.hglayerinfo				   {position: fixed;bottom: 0px;left: 0px;color: #FFF;font-size: 12px;line-height: 20px;font-weight: 600;background: rgba(0, 0, 0, 0.75);padding: 5px 10px;z-index: 2000;white-space: normal;}
.hginfo 					   {position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;}
.indebugmode .rs-layer:hover {border:1px dashed #c0392b !important;}
.helpgrid 					   {border:2px dashed #c0392b;position:absolute;top:0px;left:0px;z-index:0 }
#revsliderlogloglog				{padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;}



/**
INSTAGRAM FILTERS BY UNA
https://una.im/CSSgram/
**/
.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-image:radial-gradient(circle,40%, #d4a9af 55%,#000 150%);mix-blend-mode:overlay}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,rs-pzimg-wrap.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:absolute;}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:30}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:40}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}
.willow::after{background-color:#d8cdcb;mix-blend-mode: color}
.rs-safari .willow:after{background-color: rgba(100, 0, 0, 0.2);}
/* SAFARI BUG FIX ON COLOR BLEND MODE */
@media not all and (min-resolution:.001dpcm) {
	 @supports (-webkit-appearance:none) {
	 .willow{filter:grayscale(1) contrast(.95) brightness(.9)}
	.willow::after{background-color:transparent;}
}}
rs-pzimg-wrap.perpetua:before,rs-pzimg-wrap.perpetua:after,rs-pzimg-wrap.nashville:before,rs-pzimg-wrap.nashville:after,rs-pzimg-wrap.xpro2:before,rs-pzimg-wrap.xpro2:after,rs-pzimg-wrap._1977:after,rs-pzimg-wrap._1977:before,rs-pzimg-wrap.aden:after,rs-pzimg-wrap.aden:before,rs-pzimg-wrap.brooklyn:after,rs-pzimg-wrap.brooklyn:before,rs-pzimg-wrap.clarendon:after,rs-pzimg-wrap.clarendon:before,rs-pzimg-wrap.earlybird:after,rs-pzimg-wrap.earlybird:before,rs-pzimg-wrap.gingham:after,rs-pzimg-wrap.gingham:before,rs-pzimg-wrap.hudson:after,rs-pzimg-wrap.hudson:before,rs-pzimg-wrap.inkwell:after,rs-pzimg-wrap.inkwell:before,rs-pzimg-wrap.lark:after,rs-pzimg-wrap.lark:before,rs-pzimg-wrap.lofi:after,rs-pzimg-wrap.lofi:before,rs-pzimg-wrap.mayfair:after,rs-pzimg-wrap.mayfair:before,rs-pzimg-wrap.moon:after,rs-pzimg-wrap.moon:before,rs-pzimg-wrap.reyes:after,rs-pzimg-wrap.reyes:before,rs-pzimg-wrap.rise:after,rs-pzimg-wrap.rise:before,rs-pzimg-wrap.slumber:after,rs-pzimg-wrap.slumber:before,rs-pzimg-wrap.toaster:after,rs-pzimg-wrap.toaster:before,rs-pzimg-wrap.walden:after,rs-pzimg-wrap.walden:before,rs-pzimg-wrap.willow:after,rs-pzimg-wrap.willow:before,rs-pzimg-wrap:before,rs-pzimg-wrap:after {height:500%;width:500%}



/**
new spinners
**/
rs-loader.spinner6{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner6 .rs-spinner-inner{width:100%;height:100%;display:inline-block;-webkit-animation:rs-revealer-6 1.4s linear infinite;animation:rs-revealer-6 1.4s linear infinite}rs-loader.spinner6 .rs-spinner-inner span{position:absolute;vertical-align:top;border-radius:100%;display:inline-block;width:8px;height:8px;margin-left:16px;transform-origin:center 20px;-webkit-transform-origin:center 20px}rs-loader.spinner6 .rs-spinner-inner span:nth-child(2){transform:rotate(36deg);-webkit-transform:rotate(36deg);opacity:.1}rs-loader.spinner6 .rs-spinner-inner span:nth-child(3){transform:rotate(72deg);-webkit-transform:rotate(72deg);opacity:.2}rs-loader.spinner6 .rs-spinner-inner span:nth-child(4){transform:rotate(108deg);-webkit-transform:rotate(108deg);opacity:.3}rs-loader.spinner6 .rs-spinner-inner span:nth-child(5){transform:rotate(144deg);-webkit-transform:rotate(144deg);opacity:.4}rs-loader.spinner6 .rs-spinner-inner span:nth-child(6){transform:rotate(180deg);-webkit-transform:rotate(180deg);opacity:.5}rs-loader.spinner6 .rs-spinner-inner span:nth-child(7){transform:rotate(216deg);-webkit-transform:rotate(216deg);opacity:.6}rs-loader.spinner6 .rs-spinner-inner span:nth-child(8){transform:rotate(252deg);-webkit-transform:rotate(252deg);opacity:.7}rs-loader.spinner6 .rs-spinner-inner span:nth-child(9){transform:rotate(288deg);-webkit-transform:rotate(288deg);opacity:.8}rs-loader.spinner6 .rs-spinner-inner span:nth-child(10){transform:rotate(324deg);-webkit-transform:rotate(324deg);opacity:.9}@keyframes rs-revealer-6{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-6{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner7{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner7 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;border-radius:100%;border:2px solid;-webkit-animation:rs-revealer-7 .8s linear infinite;animation:rs-revealer-7 .8s linear infinite}@keyframes rs-revealer-7{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-7{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner8{width:50px;height:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner8 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;text-align:left}rs-loader.spinner8 .rs-spinner-inner span{position:absolute;display:inline-block;width:100%;height:100%;border-radius:100%;-webkit-animation:rs-revealer-8 1.6s linear infinite;animation:rs-revealer-8 1.6s linear infinite}rs-loader.spinner8 .rs-spinner-inner span:last-child{animation-delay:-.8s;-webkit-animation-delay:-.8s}@keyframes rs-revealer-8{0%{transform:scale(0,0);opacity:.5}100%{transform:scale(1,1);opacity:0}}@-webkit-keyframes rs-revealer-8{0%{-webkit-transform:scale(0,0);opacity:.5}100%{-webkit-transform:scale(1,1);opacity:0}}rs-loader.spinner9{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner9 .rs-spinner-inner span{display:block;width:100%;height:100%;border-radius:50%;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-9 2s infinite ease-in-out;animation:rs-revealer-9 2s infinite ease-in-out}rs-loader.spinner9 .rs-spinner-inner span:last-child{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes rs-revealer-9{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes rs-revealer-9{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}rs-loader.spinner10{width:54px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner10 .rs-spinner-inner{width:100%;height:100%;text-align:center;font-size:10px}rs-loader.spinner10 .rs-spinner-inner span{display:block;height:100%;width:6px;display:inline-block;-webkit-animation:rs-revealer-10 1.2s infinite ease-in-out;animation:rs-revealer-10 1.2s infinite ease-in-out}rs-loader.spinner10 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:-.9s;animation-delay:-.9s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes rs-revealer-10{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes rs-revealer-10{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}rs-loader.spinner11{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner11 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner11 .rs-spinner-inner span{display:block;width:33%;height:33%;background-color:#333;float:left;-webkit-animation:rs-revealer-11 1.3s infinite ease-in-out;animation:rs-revealer-11 1.3s infinite ease-in-out}rs-loader.spinner11 .rs-spinner-inner span:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(7){-webkit-animation-delay:0s;animation-delay:0s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(8){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(9){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}rs-loader.spinner12{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner12 .rs-spinner-inner{width:100%;height:100%;-webkit-animation:rs-revealer-12 1s infinite linear;animation:rs-revealer-12 1s infinite linear}@-webkit-keyframes rs-revealer-12{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes rs-revealer-12{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}rs-loader.spinner13{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner13 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner13 .rs-spinner-inner span{display:block;width:40%;height:40%;position:absolute;border-radius:50%;-webkit-animation:rs-revealer-13 2s ease infinite;animation:rs-revealer-13 2s ease infinite}rs-loader.spinner13 .rs-spinner-inner span:nth-child(1){animation-delay:-1.5s;-webkit-animation-delay:-1.5s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(2){animation-delay:-1s;-webkit-animation-delay:-1s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(3){animation-delay:-.5s;-webkit-animation-delay:-.5s}@keyframes rs-revealer-13{0%,100%{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translate(0,160%)}}@-webkit-keyframes rs-revealer-13{0%,100%{-webkit-transform:translate(0)}25%{-webkit-transform:translate(160%)}50%{-webkit-transform:translate(160%,160%)}75%{-webkit-transform:translate(0,160%)}}rs-loader.spinner14{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner14 .rs-spinner-inner{width:100%;height:100%;animation:rs-revealer-14 1s infinite linear}rs-loader.spinner14 .rs-spinner-inner span{display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;margin:-8px}rs-loader.spinner14 .rs-spinner-inner span:nth-child(1){-webkit-animation:rs-revealer-14-1 2s infinite;animation:rs-revealer-14-1 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(2){-webkit-animation:rs-revealer-14-2 2s infinite;animation:rs-revealer-14-2 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(3){-webkit-animation:rs-revealer-14-3 2s infinite;animation:rs-revealer-14-3 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(4){-webkit-animation:rs-revealer-14-4 2s infinite;animation:rs-revealer-14-4 2s infinite}@-webkit-keyframes rs-revealer-14-1{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-2{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-3{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-4{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-1{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-2{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-3{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-4{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}rs-loader.spinner15{width:40px;height:40px;margin-top:-4px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner15 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner15 .rs-spinner-inner span{display:block;width:20px;height:20px;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-15 1.8s infinite ease-in-out;animation:rs-revealer-15 1.8s infinite ease-in-out}rs-loader.spinner15 .rs-spinner-inner:last-child{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes rs-revealer-15{25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes rs-revealer-15{25%{transform:translateX(30px) rotate(-90deg) scale(.5);-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{transform:translateX(30px) translateY(30px) rotate(-179deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translateX(30px) translateY(30px) rotate(-180deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}



/* NEW CANVAS ANIMATIONS ON SLIDE BG'S */
.bgcanvas { display: none; position: absolute; overflow: hidden; }


/* way the hell off screen */
.RSscrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}

/*  AVADA SCROLL FIX */
.avada-has-rev-slider-styles .rev_slider_wrapper {
	transform:none;
}

/* rs-carousel-wrap{
	transform: scale(0.3);
	overflow: visible !important;
	border: solid 5px red;
} */