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

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

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

html:not(.lt-ie10) .not-animated {
  opacity: 0;
}

/**
* FadeIn Keyframes Animation
*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

/**
* FadeInUp Keyframes Animation
*/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

/**
* FadeInDown Keyframes Animation
*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

/**
* FadeInLeft Keyframes Animation
*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

/**
* FadeInRight Keyframes Animation
*/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

/*
**
* FadeOut Keyframes Animation
*/
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

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

/**
* SlideInDown Keyframes Animation
*/
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

/**
* SlideInLeft Keyframes Animation
*/
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

/**
* SlideInRight Keyframes Animation
*/
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

/**
* SlideOutDown Keyframes Animation
*/
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

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

/**
* FadeInUpSmall Keyframes Animation
*/
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
  transform-origin: 50% 100%;
}

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    transform: translateY(60px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/**
* FadeInLeftSmall Keyframes Animation
*/
.fadeInLeftSmall {
  animation-timing-function: ease-in-out;
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}

@keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    transform: translateX(-100px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

/**
* FadeInRightSmall Keyframes Animation
*/
.fadeInRightSmall {
  animation-timing-function: ease-in-out;
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}

@keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    transform: translateX(100px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

[data-isotope-layout] {
  z-index: 0;
  display: block;
  min-height: 160px;
  transition: .4s all ease;
}

[data-isotope-layout]:after {
  content: '';
  position: absolute;
  margin-top: 15px;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  background-image: url("../images/isotope-loader.png");
  background-position: -1152px 0;
  animation: 0.7s sprite-animation steps(18) infinite;
  transition: .4s all ease;
  transform: translate(-50%, -50%);
}

[data-isotope-layout] [class*="col-"] {
  display: block;
  opacity: 0;
  will-change: transform;
  backface-visibility: hidden;
  transition: .1s opacity ease-in;
  margin-top: 30px;
}

@media (min-width: 768px) {
  [data-isotope-layout] [class*="col-"] {
    margin-top: 50px;
  }
}

[data-isotope-layout].isotope--loaded [class*="col-"] {
  opacity: 1;
}

[data-isotope-layout].isotope--loaded:after {
  opacity: 0;
  visibility: hidden;
}

[data-x-mode="design-mode"] [data-isotope-layout] [class*="col-"] {
  opacity: 1;
}

[data-x-mode="design-mode"] [data-isotope-layout]:after {
  opacity: 0;
  visibility: hidden;
}

.isotope-range-default {
  transform: translate3d(0, -30px, 0);
  margin-bottom: -30px;
  pointer-events: none;
}

.isotope-range-default > * {
  margin-top: 30px;
  pointer-events: auto;
}

.isotope-range-default > *::before {
  content: '';
  display: table;
  width: 0;
}

.isotope-filters > * {
  margin-top: 0;
  vertical-align: middle;
}

.isotope-filters .inline-list {
  position: relative;
  transform: translateY(-10px);
  margin: 0;
  word-spacing: 0;
}

.isotope-filters .inline-list li {
  display: inline-block;
  padding: 0;
  margin-top: 10px;
}

.isotope-filters .inline-list a {
  position: relative;
  transition: .3s;
  color: #888;
}

@media (min-width: 992px) {
  .isotope-filters .inline-list > li:not(:last-child) {
    margin-right: 5px;
  }
  .isotope-filters .inline-list a {
    border: 2px solid #fff;
    padding: 12px 20px 12px;
  }
  .isotope-filters .inline-list a, .isotope-filters .inline-list a:active, .isotope-filters .inline-list a:focus {
    color: #888;
  }
  .isotope-filters .inline-list a:hover, .isotope-filters .inline-list a.active {
    color: #fff;
  }
  .isotope-filters .isotope-filters-trigger {
    display: none;
  }
}

.isotope-filters-responsive {
  position: relative;
  z-index: 10;
}

@media (max-width: 767px) {
  .isotope-filters-responsive {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  .isotope-filters-responsive {
    vertical-align: middle;
  }
  .isotope-filters-responsive .isotope-filters-toggle {
    padding: 8px 15px;
  }
  .isotope-filters-responsive .isotope-filters-toggle .caret {
    margin-left: 5px;
  }
  .isotope-filters-responsive > li {
    position: relative;
    vertical-align: middle;
    padding: 0;
  }
  .isotope-filters-responsive > li:first-child {
    margin-right: 8px;
  }
  .isotope-filters-responsive > li + li {
    margin-top: 8px;
  }
  .isotope-filters-responsive .isotope-filters {
    position: absolute;
    top: 49px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 200px;
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: .33s all ease;
    border: 1px solid #f2f2f2;
  }
  .isotope-filters-responsive .isotope-filters.active {
    visibility: visible;
    opacity: 1;
  }
  .isotope-filters-responsive .isotope-filters .inline-list {
    width: 100%;
  }
  .isotope-filters-responsive .isotope-filters .inline-list a {
    display: inline-block;
    width: 100%;
    padding: 3px 8px;
    font-size: 12px;
    color: #000;
    border: 0;
    background-color: transparent;
  }
  .isotope-filters-responsive .isotope-filters .inline-list a.active, .isotope-filters-responsive .isotope-filters .inline-list a:hover {
    color: #f9b707;
    background-color: rgba(249, 183, 7, 0.1);
  }
  .isotope-filters-responsive .isotope-filters li {
    display: block;
    width: 100%;
  }
  .isotope-filters-responsive .isotope-filters li + li {
    margin-top: 6px;
  }
}

@media (max-width: 991px) and (min-width: 480px) {
  .isotope-filters-responsive .isotope-filters {
    left: 0;
    transform: none;
  }
  .isotope-filters-responsive > li {
    display: inline-block;
    margin: 0;
  }
  .isotope-filters-responsive > li + li {
    margin-top: 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .isotope-filters-responsive .isotope-filters {
    width: 250px;
  }
  .isotope-filters-responsive .isotope-filters .inline-list a {
    padding: 5px 10px;
  }
}

@media (min-width: 992px) {
  .isotope-filters-responsive .inline-list > li:not(:last-child) {
    margin-right: 5px;
  }
  .isotope-filters-responsive .inline-list a {
    border: 2px solid #fff;
    padding: 12px 20px 12px;
  }
  .isotope-filters-responsive .inline-list a, .isotope-filters-responsive .inline-list a:active, .isotope-filters-responsive .inline-list a:focus {
    color: #888;
  }
  .isotope-filters-responsive .inline-list a:hover, .isotope-filters-responsive .inline-list a.active {
    color: #fff;
  }
  .isotope-filters-responsive .isotope-filters-toggle,
  .isotope-filters-responsive > li:first-child {
    display: none;
  }
}

* + .isotope,
* + .isotope-filters-responsive {
  margin-top: 0;
}

* + .isotope-wrap {
  margin-top: 50px;
}

@media (min-width: 1200px) {
  * + .isotope-wrap {
    margin-top: 73px;
  }
}

.isotope-filters-toggle {
  display: block;
  border: 0;
  outline: 0;
  margin-left: auto;
  margin-right: auto;
}