/*****
 CSS Versions of SCSS include: _transitions
 *****/
.animate-me {
    visibility: hidden;
}
.no-js .animate-me {
    visibility: visible;
}
.animated {
    animation-duration: 1s;
    visibility: visible;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.fadeIn {
    animation-name: fadeIn;
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
.fadeInRight {
    animation-name: fadeInRight;
}
.slideDown {
    animation: slide-down 0.7s ease;
}
.slideUp {
    animation: slide-up 0.7s ease;
}
.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
  }

  70% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(0.95);
  }
}
@keyframes pulse-icon-btn {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 8px rgba(241, 74, 45, 0.5);
  }

  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 20px rgba(241, 74, 45, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(241, 74, 45, 0);
  }
}

@-o-keyframes slide-down {
    0% {
        opacity: 0;
        -o-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1.0;
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -o-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1.0;
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -o-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1.0;
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slide-down {
    0% {
        opacity: 0;
        -o-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1.0;
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-o-keyframes slide-up {
    0% {
        opacity: 1.0;
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-moz-keyframes slide-up {
    0% {
        opacity: 1.0;
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-webkit-keyframes slide-up {
    0% {
        opacity: 1.0;
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes slide-up {
    0% {
        opacity: 1.0;
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translate(-40px);
        -o-transform: translate(-40px);
        -webkit-transform: translate(-40px);
        transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0%);
        -o-transform: translate(0%);
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translate(-40px);
        -o-transform: translate(-40px);
        -webkit-transform: translate(-40px);
        transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0%);
        -o-transform: translate(0%);
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translate(-40px);
        -o-transform: translate(-40px);
        -webkit-transform: translate(-40px);
        transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0%);
        -o-transform: translate(0%);
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translate(-40px);
        -o-transform: translate(-40px);
        -webkit-transform: translate(-40px);
        transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0%);
        -o-transform: translate(0%);
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translate(40px);
        -o-transform: translate(40px);
        -webkit-transform: translate(40px);
        transform: translateX(40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0%);
        -o-transform: translate(0%);
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translate(40px);
        -o-transform: translate(40px);
        -webkit-transform: translate(40px);
        transform: translateX(40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0%);
        -o-transform: translate(0%);
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translate(40px);
        -o-transform: translate(40px);
        -webkit-transform: translate(40px);
        transform: translateX(40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0%);
        -o-transform: translate(0%);
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translate(40px);
        -o-transform: translate(40px);
        -webkit-transform: translate(40px);
        transform: translateX(40px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0%);
        -o-transform: translate(0%);
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}