/* -------------------------------------------- **
/* ===**=== Essential Addons CSS Index ===**===
/* -------------------------------------------- **
|| 01. General Styles
|| 02. Common Styles for slider elements
|| 03. Fancy Text Style
|| 04. Image Comparison Styles
|| 05. Lightbox/Modal Styles
|| 06. Interactive Promo Styles
|| 07. Responsive Styles for Interactive Promo
|| 08. Creative Button styles
|| 09. CountDown Styles
|| 10. Individual eael-creative-button styles
|| 11. Instagram Feed Styles
|| 12. Post Timeline Styles
|| 13. Team Members Styles
|| 14. Testimonials Slider
|| 15. Product Styles
|| 16. Contact forms common
|| 17. Contact Form 7 Styles
|| 18. weForm Styles
|| 19. Ninja Form Styles
|| 20. Gravity Form
|| 21. Post Grid Style
|| 22. Post Grid Column
|| 23. Post Block
|| 24. Load More Button
|| 25. Post block overlay preset
|| 26. Infobox Style
|| 27. Flipbox Style
|| 28. Call to action
|| 29. Dual Color Heading
|| 30. Pricing table
|| 31. Page Builder Related Style
|| 32. Content Timeline Style
|| 33. Data Table
|| 34. Caldera Contact Form Styler
|| 35. WPForms
|| 36. Social Feeds
|| 37. Magnific Popup
|| 38. Filterable Gallery
|| 39. Content Ticker
|| 40. Image accordion
|| 41. Post List
|| 42. Advance Tabs
|| 43. Advance Accordion
|| 44. Tooltips
|| 45. Advance Google Map
|| 46. Mailchimp
|| 47. Toggle
|| 48. Counter
|| 49. One page navigation
|| 50. Divider
|| 51. Price menu
|| 52. Team carousel
|| 53. Image hotspot
|| 54. Logo carousel
|| 55. Post carousel
|| 56. Progress Bar
|| 57. Offcanvas
|| 58. Woo Collections
|| 59. Parallax
|| 60. Advanced Menu
|| 61. Image Scroller
*/
/*----------------------------*/
/* 01. General Styles
/*----------------------------*/
.clearfix::before, .clearfix::after {
  content: " ";
  display: table;
  clear: both;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

/*-------------------------------------*/
/* 02.Common Styles for slider elements
/*-------------------------------------*/
.eael-testimonial-slider .slick-prev, .eael-testimonial-slider .slick-next,
.eael-team-slider .slick-prev, .eael-team-slider .slick-next,
.eael-logo-carousel .slick-prev, .eael-logo-carousel .slick-next,
.eael-post-carousel .slick-prev, .eael-post-carousel .slick-next,
.eael-product-carousel .slick-prev, .eael-product-carouselFacco.slick-next {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  height: 30px;
  position: absolute;
  text-shadow: none;
  top: calc(50% - 15px);
  width: 30px;
}

.eael-testimonial-slider .slick-prev::before, .eael-testimonial-slider .slick-next::before,
.eael-logo-carousel .slick-prev::before, .eael-logo-carousel .slick-next::before,
.eael-team-slider .slick-prev::before, .eael-team-slider .slick-next::before,
.eael-post-carousel .slick-prev::before, .eael-post-carousel .slick-next::before,
.eael-product-carousel .slick-prev::before, .eael-product-carousel .slick-next::before {
  font-family: "FontAwesome";
  font-size: 20px;
  opacity: 0.75;
  text-align: center;
}

.eael-testimonial-slider .slick-prev:hover::before, .eael-testimonial-slider .slick-next:hover::before,
.eael-logo-carousel .slick-prev:hover::before, .eael-logo-carousel .slick-next:hover::before,
.eael-team-slider .slick-prev:hover::before, .eael-team-slider .slick-next:hover::before,
.eael-post-carousel .slick-prev:hover::before, .eael-post-carousel .slick-next:hover::before,
.eael-product-carousel .slick-prev:hover::before, .eael-product-carousel .slick-next:hover::before {
  opacity: 1;
}

.eael-testimonial-slider .slick-prev::before,
.eael-logo-carousel .slick-prev::before,
.eael-team-slider .slick-prev::before,
.eael-post-carousel .slick-prev::before,
.eael-product-carousel .slick-prev::before {
  content: "\f104";
  padding-right: 3px;
}

.eael-testimonial-slider .slick-next::before,
.eael-logo-carousel .slick-next::before,
.eael-team-slider .slick-next::before,
.eael-post-carousel .slick-next::before,
.eael-product-carousel .slick-next::before {
  content: "\f105";
  padding-left: 4px;
}

.eael-testimonial-slider .slick-dots li button::before,
.eael-logo-carousel .slick-dots li button::before,
.eael-team-slider .slick-dots li button::before,
.eael-post-carousel .slick-dots li button::before,
.eael-product-carousel .slick-dots li button::before {
  font-size: 12px;
  opacity: 0.5;
}

.eael-testimonial-slider .slick-dots li.slick-active button::before,
.eael-logo-carousel .slick-dots li.slick-active button::before,
.eael-team-slider .slick-dots li.slick-active button::before,
.eael-post-carousel .slick-dots li.slick-active button::before,
.eael-product-carousel .slick-dots li.slick-active button::before {
  font-size: 18px;
  opacity: 1;
}

.eael-testimonial-slider .slick-prev,
.eael-team-slider .slick-prev,
.eael-logo-carousel .slick-prev,
.eael-post-carousel .slick-prev,
.eael-product-carousel .slick-prev {
  left: -50px;
}

.eael-testimonial-slider .slick-next,
.eael-team-slider .slick-next,
.eael-logo-carousel .slick-next,
.eael-post-carousel .slick-next,
.eael-product-carousel .slick-next {
  right: -50px;
}

.eael-testimonial-slider.nav-top-left .slick-prev,
.eael-team-slider.nav-top-left .slick-prev,
.eael-logo-carousel.nav-top-left .slick-prev,
.eael-post-carousel.nav-top-left .slick-prev,
.eael-product-carousel.nav-top-left .slick-prev {
  left: 10px;
  top: 20px;
}

.eael-testimonial-slider.nav-top-left .slick-next,
.eael-team-slider.nav-top-left .slick-next,
.eael-logo-carousel.nav-top-left .slick-next,
.eael-post-carousel.nav-top-left .slick-next,
.eael-product-carousel.nav-top-left .slick-next {
  left: 45px;
  top: 20px;
}

.eael-testimonial-slider.nav-top-right .slick-prev,
.eael-team-slider.nav-top-right .slick-prev,
.eael-logo-carousel.nav-top-right .slick-prev,
.eael-post-carousel.nav-top-right .slick-prev,
.eael-product-carousel.nav-top-right .slick-prev {
  left: auto;
  right: 45px;
  top: 20px;
}

.eael-testimonial-slider.nav-top-right .slick-next,
.eael-team-slider.nav-top-right .slick-next,
.eael-logo-carousel.nav-top-right .slick-next,
.eael-post-carousel.nav-top-right .slick-next,
.eael-product-carousel.nav-top-right .slick-next {
  left: auto;
  right: 10px;
  top: 20px;
}

.eael-testimonial-slider.nav-top-left, .eael-testimonial-slider.nav-top-right,
.eael-team-slider.nav-top-left, .eael-team-slider.nav-top-right,
.eael-logo-carousel.nav-top-left, .eael-logo-carousel.nav-top-right,
.eael-post-carousel.nav-top-left, .eael-post-carousel.nav-top-right,
.eael-product-carousel.nav-top-left, .eael-product-carousel.nav-top-right {
  padding-top: 40px;
}

.eael-testimonial-slider .slick-dots,
.eael-team-slider .slick-dots,
.eael-logo-carousel .slick-dots,
.eael-post-carousel .slick-dots,
.eael-product-carousel .slick-dots {
  bottom: -40px;
}

.eael-testimonial-slider .slick-dotted.slick-slider,
.eael-team-slider .slick-dotted.slick-slider,
.eael-logo-carousel .slick-dotted.slick-slider,
.eael-post-carousel .slick-dotted.slick-slider,
.eael-product-carousel .slick-dotted.slick-slider {
  margin-bottom: 30px;
}

/*-------------------------------------*/
/* 03. Fancy Text Style
/*-------------------------------------*/
.eael-fancy-text-container p {
  margin: 0;
}

.eael-fancy-text-strings, .eael-fancy-text-prefix, .eael-fancy-text-suffix {
  display: inline-block;
}

.morphext > .animated {
  display: inline-block;
}

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink_cursor 0.7s infinite;
  animation: blink_cursor 0.7s infinite;
}

@keyframes blink_cursor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink_cursor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Style 2 */
.eael-fancy-text-container.style-2 {
  font-size: 24px;
}

.eael-fancy-text-container.style-2 .eael-fancy-text-strings {
  background: #ff5544;
  color: #fff;
  padding: 10px 25px;
}

/*-------------------------------------*/
/* 04. Image Comparison Styles
/*-------------------------------------*/
.eael-img-comp-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  line-height: 0;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.eael-img-comp-container * {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.eael-img-comp-container::after,
.eael-img-comp-container::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.eael-img-comp-container img, .eael-img-comp-container picture > img {
  max-width: none !important;
}

.eael-img-comp-container > img,
.eael-img-comp-container > picture > img {
  display: block;
  width: 100%;
}

.eael-img-comp-container > div:first-child,
picture .eael-img-comp-container > div {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
}

.cocoen-drag {
  background: #fff;
  bottom: 0;
  cursor: ew-resize;
  left: 50%;
  margin-left: -1px;
  position: absolute;
  top: 0;
  width: 2px;
}

.cocoen-drag::before {
  border: 3px solid #fff;
  content: '';
  height: 30px;
  left: 50%;
  margin-left: -7px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  width: 14px;
}

/*-------------------------------------*/
/* 05.Lightbox/Modal Styles
/*-------------------------------------*/
.eael-modal-popup-button,
.eael-lightbox-btn > i,
.eael-lightbox-btn > img {
  cursor: pointer;
}

button.mfp-close {
  background: transparent;
}

.eael-lightbox-modal-window,
.eael-lightbox-popup-window {
  position: relative;
  display: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0px auto;
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .eael-lightbox-modal-window,
  .eael-lightbox-popup-window {
    max-width: 1200px;
  }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .eael-lightbox-modal-window,
  .eael-lightbox-popup-window {
    max-width: 900px;
  }
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
  .eael-lightbox-modal-window,
  .eael-lightbox-popup-window {
    max-width: 300px;
  }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .eael-lightbox-modal-window,
  .eael-lightbox-popup-window {
    max-width: 400px;
  }
}
.eael-lightbox-popup-window.lightbox_type_content,
.eael-lightbox-popup-window.lightbox_type_custom_html {
  background-color: #fff;
  padding: 15px;
}

.eael-lightbox-popup-window.lightbox_type_image {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.eael-lightbox-popup-window.lightbox_type_image .mfp-close {
  color: #ffffff;
}

.eael-lightbox-title {
  margin: 0px;
}

.eael-lightbox-popup-window.lightbox_type_image .eael-lightbox-container {
  text-align: center;
  line-height: 0;
  max-height: 100vh;
}

.eael-lightbox-popup-window.lightbox_type_image .eael-lightbox-container img {
  max-height: 100vh;
}

.eael-lightbox-modal-window button.mfp-close {
  text-align: center;
  line-height: 1;
  padding: 0;
  height: auto;
  width: auto;
  opacity: 1;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.open-pop-up-button-icon-left {
  margin-right: 5px;
}

.open-pop-up-button-icon-right {
  margin-left: 5px;
}

.mfp-content .eael-lightbox-modal-window {
  display: block;
}

.mfp-content .eael-lightbox-popup-window {
  display: block;
}

.mfp-bg.eael-lightbox-no-overlay,
.mfp-bg,
.mfp-bg.eael-lightbox-no-overlay + .mfp-wrap {
  background: none;
}

.eael-lightbox-popup-window .mfp-close {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.modal-popup-window-inner {
  position: relative;
}

.eael-lightbox-popup-window .mfp-iframe-scaler iframe {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mfp-zoom-in .eael-lightbox-popup-window {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .eael-lightbox-popup-window {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.mfp-zoom-in.mfp-removing .eael-lightbox-popup-window {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-zoom-out .eael-lightbox-popup-window {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-out.mfp-ready .eael-lightbox-popup-window {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.mfp-zoom-out.mfp-removing .eael-lightbox-popup-window {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-move-from-top .mfp-content {
  vertical-align: middle;
}

.mfp-move-from-top .eael-lightbox-popup-window {
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -80%);
  -ms-transform: translate(-50%, -80%);
  transform: translate(-50%, -80%);
}

.mfp-move-from-top.mfp-bg {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.mfp-move-from-top.mfp-ready .eael-lightbox-popup-window {
  opacity: 1;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mfp-move-from-top.mfp-removing .eael-lightbox-popup-window {
  top: 0;
  -webkit-transform: translate(-50%, -80%);
  -ms-transform: translate(-50%, -80%);
  transform: translate(-50%, -80%);
  opacity: 0;
}

.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-3d-unfold .mfp-content {
  -webkit-perspective: 2000px;
          perspective: 2000px;
}

.mfp-3d-unfold .eael-lightbox-popup-window {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateY(-60deg);
          transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mfp-3d-unfold.mfp-ready .eael-lightbox-popup-window {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-removing .eael-lightbox-popup-window {
  -webkit-transform: rotateY(60deg);
          transform: rotateY(60deg);
  opacity: 0;
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-move-right .eael-lightbox-popup-window {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
          transform: translateX(-100px);
}

.mfp-move-right.mfp-bg {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mfp-move-right.mfp-ready .eael-lightbox-popup-window {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.mfp-move-right.mfp-removing .eael-lightbox-popup-window {
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
  opacity: 0;
}

.mfp-move-right.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-move-left .eael-lightbox-popup-window {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
}

.mfp-move-left.mfp-bg {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mfp-move-left.mfp-ready .eael-lightbox-popup-window {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.mfp-move-left.mfp-removing .eael-lightbox-popup-window {
  -webkit-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
          transform: translateX(-100px);
  opacity: 0;
}

.mfp-move-left.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-newspaper .eael-lightbox-popup-window {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0) rotate(500deg);
      -ms-transform: scale(0) rotate(500deg);
          transform: scale(0) rotate(500deg);
}

.mfp-newspaper.mfp-bg {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mfp-newspaper.mfp-ready .eael-lightbox-popup-window {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
}

.mfp-newspaper.mfp-removing .eael-lightbox-popup-window {
  -webkit-transform: scale(0) rotate(500deg);
      -ms-transform: scale(0) rotate(500deg);
          transform: scale(0) rotate(500deg);
  opacity: 0;
}

.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/*--------------------------------------------------------------
## Animate
--------------------------------------------------------------*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.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.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-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;
      -ms-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;
      -ms-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: none;
            transform: none;
  }
  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: none;
            transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
            transform: none;
  }
  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: none;
            transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
            transform: none;
  }
  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.39063deg) skewY(0.39063deg);
            transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
            transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
            transform: none;
  }
  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.39063deg) skewY(0.39063deg);
            transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
            transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
.jello {
  -webkit-animation-name: jello;
          animation-name: jello;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

@-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-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: none;
            transform: none;
  }
}

@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: none;
            transform: none;
  }
}
.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: none;
            transform: none;
  }
}

@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: none;
            transform: none;
  }
}
.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: none;
            transform: none;
  }
}

@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: none;
            transform: none;
  }
}
.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-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: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.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: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.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: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.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: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.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: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.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: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.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: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.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: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.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) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) 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);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) 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);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -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-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-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);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@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);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.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: none;
            transform: none;
    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: none;
            transform: none;
    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: none;
            transform: none;
    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: none;
            transform: none;
    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: none;
            transform: none;
    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: none;
            transform: none;
    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: none;
            transform: none;
    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: none;
            transform: none;
    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: none;
            transform: none;
    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: none;
            transform: none;
    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-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: none;
            transform: none;
  }
}
@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: none;
            transform: none;
  }
}
.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;
}

/*-------------------------------------*/
/* 06. Interactive Promo Styles
/*-------------------------------------*/
.eael-interactive-promo {
  list-style: outside none none;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  text-align: center;
}

/* Common style */
.eael-interactive-promo figure {
  position: relative;
  overflow: hidden;
  margin: 10px 0;
  width: 100%;
  text-align: center;
  cursor: pointer;
  background-color: #3085a3;
}

.eael-interactive-promo figure img {
  position: relative;
  display: block;
  max-width: 100%;
  opacity: 0.8;
}

.eael-interactive-promo figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.eael-interactive-promo figure figcaption h2 {
  font-size: 1.25em;
}

.eael-interactive-promo figure figcaption::before,
.eael-interactive-promo figure figcaption::after {
  pointer-events: none;
}

.eael-interactive-promo figure figcaption,
.eael-interactive-promo figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.eael-interactive-promo figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.elementor-editor-active .eael-interactive-promo figure figcaption > a {
  z-index: 1;
}

.eael-interactive-promo figure h2 {
  font-weight: bolder;
}

.eael-interactive-promo figure h2 span {
  font-weight: 800;
}

.eael-interactive-promo figure h2,
.eael-interactive-promo figure p {
  margin: 0;
}

.eael-interactive-promo figure p {
  letter-spacing: 1px;
  font-size: 62.5%;
}

/*--- Lily ---*/
figure.effect-lily img {
  max-width: none;
  width: calc(100% + 50px);
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

figure.effect-lily figcaption {
  text-align: left;
}

figure.effect-lily figcaption > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}

figure.effect-lily h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-lily p {
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, -webkit-transform 0.35s;
  -o-transition: opacity 0.2s, transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
  opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-lily:hover p {
  -webkit-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
     transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
}

/*--- Sadie ---*/
figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 76, 97, 0)), color-stop(75%, rgba(72, 76, 97, 0.8)));
  background: -o-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

figure.effect-sadie h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #484c61;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  -webkit-transition: color 0.35s, -webkit-transform 0.35s;
  transition: color 0.35s, -webkit-transform 0.35s;
  -o-transition: transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-sadie p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}

figure.effect-sadie:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}

figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*--- Layla ---*/
figure.effect-layla {
  background-color: #18a367;
}

figure.effect-layla img {
  height: auto;
  max-width: calc(100% + 30px);
  width: calc(100% + 30px);
}

figure.effect-layla figcaption {
  padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
  position: absolute;
  content: '';
  opacity: 0;
}

figure.effect-layla figcaption::before {
  top: 50px;
  right: 30px;
  bottom: 50px;
  left: 30px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
      transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
  top: 30px;
  right: 50px;
  bottom: 30px;
  left: 50px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
      transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
}

figure.effect-layla h2 {
  padding-top: 26%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-layla p {
  padding: 0.5em 2em;
  text-transform: none;
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

figure.effect-layla img,
figure.effect-layla h2 {
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(-30px, 0, 0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-layla:hover img {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
     transition-delay: 0.15s;
}

/*--- Oscar ---*/
figure.effect-oscar {
  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: -o-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
}

figure.effect-oscar img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
  padding: 3em;
  background-color: rgba(58, 52, 42, 0.7);
  -webkit-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
}

figure.effect-oscar h2 {
  margin: 20% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}

figure.effect-oscar:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

figure.effect-oscar:hover figcaption {
  background-color: rgba(58, 52, 42, 0);
}

figure.effect-oscar:hover img {
  opacity: 0.4;
}

/*--- Marley ---*/
figure.effect-marley figcaption {
  text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
  position: absolute;
  right: 30px;
  left: 30px;
  padding: 10px 0;
}

figure.effect-marley p {
  bottom: 30px;
  line-height: 1.5;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

figure.effect-marley h2 {
  top: 30px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

figure.effect-marley:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-marley h2::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  content: '';
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*--- Ruby ---*/
figure.effect-ruby {
  background-color: #17819c;
}

figure.effect-ruby img {
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
      transform: scale(1.15);
}

figure.effect-ruby:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

figure.effect-ruby h2 {
  margin-top: 5%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

figure.effect-ruby p {
  margin: 1em 0 0;
  padding: 3em;
  border: 1px solid #fff;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
  transform: translate3d(0, 20px, 0) scale(1.1);
}

figure.effect-ruby:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-ruby:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

/*--- Roxy ---*/
figure.effect-roxy {
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: -o-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
}

figure.effect-roxy img {
  max-width: none;
  width: calc(100% + 30px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}

figure.effect-roxy figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}

figure.effect-roxy figcaption {
  padding: 3em;
  text-align: left;
}

figure.effect-roxy h2 {
  padding: 30% 0 10px 0;
}

figure.effect-roxy p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

figure.effect-roxy:hover img {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*--- Bubba ---*/
figure.effect-bubba {
  background: #9e5406;
}

figure.effect-bubba img {
  opacity: 0.7;
  -webkit-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
  opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
      transform: scale(0, 1);
}

figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
      transform: scale(1, 0);
}

figure.effect-bubba h2 {
  padding-top: 30%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}

figure.effect-bubba p {
  padding: 20px 2.5em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*--- Romeo ---*/
figure.effect-romeo {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

figure.effect-romeo img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(0, 0, 300px);
  transform: translate3d(0, 0, 300px);
}

figure.effect-romeo:hover img {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 1px;
  background: #fff;
  content: '';
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

figure.effect-romeo:hover figcaption::before {
  opacity: 0.5;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
  opacity: 0.5;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-romeo h2 {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
}

figure.effect-romeo p {
  padding: 0.25em 2em;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
}

figure.effect-romeo:hover h2 {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
}

figure.effect-romeo:hover p {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
}

/*--- Sarah ---*/
figure.effect-sarah {
  background: #42b078;
}

figure.effect-sarah img {
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-sarah:hover img {
  opacity: 0.4;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-sarah figcaption {
  text-align: left;
}

figure.effect-sarah h2 {
  position: relative;
  overflow: hidden;
  padding: 0.5em 0;
}

figure.effect-sarah h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

figure.effect-sarah:hover h2::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-sarah p {
  padding: 1em 0;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

figure.effect-sarah:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*--- Chico ---*/
figure.effect-chico img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
      transform: scale(1.12);
}

figure.effect-chico:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

figure.effect-chico figcaption {
  padding: 3em;
}

figure.effect-chico figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-chico h2 {
  padding: 20% 0 20px 0;
}

figure.effect-chico p {
  margin: 0 auto;
  max-width: 200px;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
      transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

/*--- Milo ---*/
figure.effect-milo {
  background: #2e5d5a;
}

figure.effect-milo img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-30px, 0, 0) scale(1.12);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-milo:hover img {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

figure.effect-milo h2 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em 1.2em;
}

figure.effect-milo p {
  padding: 0 10px 0 0;
  width: 50%;
  border-right: 1px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

figure.effect-milo:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*--- Apollo ---*/
figure.effect-apollo {
  background: #3498db;
}

figure.effect-apollo img {
  opacity: 0.95;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

figure.effect-apollo figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

figure.effect-apollo p {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 3em;
  padding: 0 1em;
  max-width: 150px;
  border-right: 4px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-apollo h2 {
  text-align: left;
}

figure.effect-apollo:hover img {
  opacity: 0.6;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

figure.effect-apollo:hover figcaption::before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

figure.effect-apollo:hover p {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
     transition-delay: 0.1s;
}

/*--- Jazz ---*/
figure.effect-jazz {
  background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
  background: -webkit-linear-gradient(135deg, #f3cf3f 0%, #f33f58 100%);
  background: -o-linear-gradient(135deg, #f3cf3f 0%, #f33f58 100%);
  background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
}

figure.effect-jazz img {
  opacity: 0.9;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-jazz figcaption::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
  opacity: 1;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}

figure.effect-jazz h2 {
  padding-top: 26%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-jazz p {
  padding: 0.5em 2em;
  text-transform: none;
  font-size: 0.85em;
  opacity: 0;
}

figure.effect-jazz:hover img {
  opacity: 0.7;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

figure.effect-jazz:hover figcaption::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/*--- Ming ---*/
figure.effect-ming {
  background: #030c17;
}

figure.effect-ming img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale3d(1.4, 1.4, 1);
  transform: scale3d(1.4, 1.4, 1);
}

figure.effect-ming h2 {
  margin: 20% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

figure.effect-ming p {
  padding: 1em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
      transform: scale(1.5);
}

figure.effect-ming:hover h2 {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
      transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

figure.effect-ming:hover figcaption {
  background-color: rgba(58, 52, 42, 0);
}

figure.effect-ming:hover img {
  opacity: 0.4;
}

/*---------------------------------------------------*/
/* 07. Responsive Styles for Interactive Promo
/*---------------------------------------------------*/
@media only screen and (max-width: 480px) {
  .eael-interactive-promo figure figcaption h2 {
    font-size: .8em;
  }

  .eael-interactive-promo figure p {
    font-size: 50%;
  }

  .eael-interactive-promo figure figcaption {
    padding: 10px 40px !important;
  }

  .eael-interactive-promo figure.effect-bubba figcaption {
    padding: 0 10px !important;
  }

  .eael-interactive-promo figure.effect-bubba h2 {
    padding-top: 50px;
  }

  .eael-interactive-promo figure.effect-romeo p {
    top: 50px;
  }

  .eael-interactive-promo figure.effect-romeo:hover p {
    top: 65px;
  }

  .eael-interactive-promo figure.effect-lily figcaption > div {
    height: 80%;
  }
}
/*--------------------------------*/
/* 08. Creative Button styles
/*--------------------------------*/
.eael-creative-button-align-center {
  text-align: center;
}

.eael-creative-button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.eael-creative-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 150px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding: 20px 30px;
  font-size: 16px;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.eael-creative-button-align-center .eael-creative-button {
  float: none;
  display: inline-block;
}

.eael-creative-button:focus {
  outline: none;
}

.eael-creative-button > span {
  vertical-align: middle;
}

/*--------------------------------------------*/
/* 09. Individual eael-creative-button styles
/*--------------------------------------------*/
/*--- Winona ---*/
.eael-creative-button--winona {
  overflow: hidden;
  padding: 0 !important;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  -o-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.eael-creative-button--winona::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
}

.eael-creative-button--winona > span {
  display: block;
}

.eael-creative-button--winona::after,
.eael-creative-button--winona > span {
  padding: 1em 2em;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.eael-creative-button--winona:hover::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.eael-creative-button--winona:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

/*--- Ujarak ---*/
.eael-creative-button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  -o-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}

.eael-creative-button--ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.eael-creative-button--ujarak,
.eael-creative-button--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.eael-creative-button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*--- Wayra ---*/
.eael-creative-button--wayra {
  overflow: hidden;
  -webkit-transition: border-color 0.3s, color 0.3s;
  -o-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.eael-creative-button--wayra::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
      transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
  -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}

.eael-creative-button--wayra:hover::before {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/*--- Tamaya ---*/
.eael-creative-button--tamaya {
  overflow: hidden;
}

.eael-creative-button--tamaya::before,
.eael-creative-button--tamaya::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.eael-creative-button--tamaya::before {
  top: 0;
  padding: 20px 30px;
}

.eael-creative-button--tamaya::after {
  bottom: 0;
  line-height: 0;
}

.eael-creative-button--tamaya:hover::after {
  bottom: -1px;
}

.eael-creative-button--tamaya > span {
  display: block;
  -webkit-transform: scale3d(0.2, 0.2, 1);
  transform: scale3d(0.2, 0.2, 1);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.eael-creative-button--tamaya:hover::before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.eael-creative-button--tamaya:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.eael-creative-button--tamaya:hover > span {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/*--- Rayen ---*/
.eael-creative-button--rayen {
  overflow: hidden;
  padding: 0 !important;
}

.eael-creative-button--rayen::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.eael-creative-button--rayen > span {
  display: block;
}

.eael-creative-button--rayen::before,
.eael-creative-button--rayen > span {
  padding: 1em 2em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.eael-creative-button--rayen:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.eael-creative-button--rayen:hover > span {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

/*--- Pipaluk ---*/
.eael-creative-button--pipaluk::before {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.eael-creative-button--pipaluk::before,
.eael-creative-button--pipaluk::after {
  content: '';
  -webkit-border-radius: inherit;
          border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
     transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}

.eael-creative-button--pipaluk:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.eael-creative-button--pipaluk::before,
.eael-creative-button--pipaluk:hover::after {
  -webkit-transform: scale3d(0.7, 0.7, 1);
  transform: scale3d(0.7, 0.7, 1);
}

/*--- Moema ---*/
.eael-creative-button--moema {
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.eael-creative-button--moema::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  bottom: -20px;
  right: -20px;
  background: inherit;
  z-index: -1;
  opacity: 0.4;
  -webkit-transform: scale3d(0.8, 0.5, 1);
  transform: scale3d(0.8, 0.5, 1);
}

.eael-creative-button--moema:hover {
  -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  -o-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  -webkit-animation: anim-moema-1 0.3s forwards;
  animation: anim-moema-1 0.3s forwards;
}

.eael-creative-button--moema:hover::before {
  -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
  animation: anim-moema-2 0.3s 0.3s forwards;
}

@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*--- Isi ---*/
.eael-creative-button--wave {
  overflow: hidden;
}

.eael-creative-button--wave::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  -o-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
     transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.eael-creative-button--wave .eael-creative-button__icon {
  vertical-align: middle;
}

.eael-creative-button--wave > span {
  vertical-align: middle;
  padding-left: 0.75em;
}

.eael-creative-button--wave:hover::before {
  -webkit-transform: scale3d(40, 40, 1);
  transform: scale3d(40, 40, 1);
}

/*--- Aylen ---*/
.eael-creative-button--aylen {
  overflow: hidden;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.eael-creative-button--aylen::before,
.eael-creative-button--aylen::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.eael-creative-button--aylen::before {
  opacity: 0.75;
}

.eael-creative-button--aylen:hover::before,
.eael-creative-button--aylen:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.eael-creative-button--aylen:hover::after {
  -webkit-transition-delay: 0.175s;
  -o-transition-delay: 0.175s;
     transition-delay: 0.175s;
}

/*--- Saqui ---*/
.eael-creative-button--saqui {
  overflow: hidden;
  -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  transition: background-color 0.3s ease-in, color 0.3s ease-in;
}

.eael-creative-button--saqui::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: -25% 50%;
  -ms-transform-origin: -25% 50%;
      transform-origin: -25% 50%;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: -webkit-transform 0.3s ease-in;
  -o-transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

.eael-creative-button--saqui:hover::after,
.eael-creative-button--saqui:hover {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}

.eael-creative-button--saqui:hover::after {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
}

/*--- Wapasha ---*/
.eael-creative-button--wapasha {
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.eael-creative-button--wapasha::before {
  border: 1px solid rgba(0, 0, 0, 0.5);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-border-radius: inherit;
          border-radius: inherit;
  opacity: 0;
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.eael-creative-button--wapasha:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/*--- Nuka ---*/
.eael-creative-button--nuka {
  border: none !important;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.eael-creative-button--nuka::before,
.eael-creative-button--nuka::after {
  content: '';
  position: absolute;
  -webkit-border-radius: inherit;
          border-radius: inherit;
  z-index: -1;
}

.eael-creative-button--nuka::before {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  opacity: 0.2;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.eael-creative-button--nuka::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(1.1, 1, 1);
  transform: scale3d(1.1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}

.eael-creative-button--nuka::before,
.eael-creative-button--nuka::after {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.eael-creative-button--nuka:hover::before {
  opacity: 1;
}

.eael-creative-button--nuka:hover::after,
.eael-creative-button--nuka:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/*--- Antiman ---*/
.eael-creative-button--antiman > span {
  padding-left: 0.35em;
}

.eael-creative-button--antiman::before,
.eael-creative-button--antiman::after {
  content: '';
  z-index: -1;
  -webkit-border-radius: inherit;
          border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.eael-creative-button--antiman::before {
  border: 1px solid rgba(0, 0, 0, 0.35);
  opacity: 0;
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}

.eael-creative-button--antiman:hover::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.eael-creative-button--antiman:hover::after {
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}

/*--- Quidel ---*/
.eael-creative-button--quidel {
  overflow: hidden;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.eael-creative-button--quidel::before,
.eael-creative-button--quidel::after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-border-radius: inherit;
          border-radius: inherit;
}

.eael-creative-button--quidel::after {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}

.eael-creative-button--quidel::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.eael-creative-button--quidel > span {
  padding-left: 0.35em;
}

.eael-creative-button--quidel:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*--- Shikoba ---*/
.eael-creative-button.eael-creative-button--shikoba {
  overflow: hidden;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.eael-creative-button--shikoba > span {
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.eael-creative-button--shikoba i {
  position: absolute;
  top: 0;
  left: -25px;
  -webkit-transform: translate3d(-40px, 5em, 0);
  transform: translate3d(-40px, 5em, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.eael-creative-button--shikoba:hover i,
.eael-creative-button--shikoba:hover > span {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

/*------------------------------*/
/* 09. CountDown Styles
/*------------------------------*/
.eael-countdown-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.eael-countdown-items > li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table-cell;
  position: relative;
}

.eael-countdown-item > div {
  text-align: center;
  padding: 20px;
}

.eael-countdown-label-block .eael-countdown-digits, .eael-countdown-label-block .eael-countdown-label {
  display: block;
  text-align: center;
}

.eael-countdown-digits {
  font-size: 54px;
  line-height: 1;
}

.eael-countdown-label {
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
}

.eael-countdown-show-separator .eael-countdown-digits::after {
  content: ":";
  position: absolute;
  left: 98%;
  z-index: 9999;
}

.eael-countdown-finish-message .expiry-title {
  margin: 0 0 15px;
}

.eael-countdown-item:last-child .eael-countdown-digits::after {
  display: none;
}

/*--- Style-1 ---*/
.eael-countdown-items.style-1 .eael-countdown-item > div {
  background: #262625;
}

/*--- Style-2 ---*/
.eael-countdown-items.style-2 .eael-countdown-item > div {
  margin-left: 0px;
  margin-right: 0px;
  background: #262625;
}

.eael-countdown-items.style-2 .eael-countdown-digits {
  color: #eaf3f5;
  font-family: "Orbitron", Sans-serif;
}

/*--- Style-3 ---*/
.eael-countdown-items.style-3 .eael-countdown-item > div {
  border: 1px solid #fec503;
  background: none;
}

.eael-countdown-items.style-3 .eael-countdown-label {
  color: #fec503;
}

.eael-countdown-items.style-3 .eael-countdown-label {
  color: #262625;
}

/*------------------------------*/
/* 10. Instagram Feed Styles
/*------------------------------*/
.eael-insta-grid {
  width: 100%;
  margin: auto;
}

.eael-insta-grid .eael-insta-box {
  display: inline-block;
}

.eael-col-1 .eael-insta-feed {
  float: none;
  width: 100%;
}

.eael-col-2 .eael-insta-feed {
  float: left;
  width: 50%;
}

.eael-col-3 .eael-insta-feed {
  float: left;
  width: 33.3333%;
}

.eael-col-4 .eael-insta-feed {
  float: left;
  width: 25%;
}

.eael-col-5 .eael-insta-feed {
  float: left;
  width: 20%;
}

.eael-col-6 .eael-insta-feed {
  float: left;
  width: 16.6666%;
}

.eael-instagram-feed .eael-insta-feed {
  cursor: pointer;
  position: relative;
}

.eael-insta-feed-wrap {
  display: block;
  position: relative;
  overflow: hidden;
}

.eael-insta-img-wrap {
  -webkit-transform: scaleX(1) scaleY(1) translateZ(0px);
  transform: scaleX(1) scaleY(1) translateZ(0px);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.eael-insta-feed:hover .eael-insta-img-wrap {
  -webkit-transform: scaleX(1.1) scaleY(1.1) translateZ(0px);
  transform: scaleX(1.1) scaleY(1.1) translateZ(0px);
}

.eael-insta-feed .eael-insta-info-wrap {
  bottom: 0;
  font-size: 14px;
  left: 0;
  line-height: 1.5;
  opacity: 0;
  overflow: hidden;
  padding: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
      transform: translateY(25%);
  -webkit-transition: all 0.4s ease 0.2s;
  -o-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
  z-index: 2;
}

.eael-insta-info-wrap .eael-insta-info-wrap-inner {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.eael-insta-feed .eael-insta-feed-wrap::after {
  background-color: rgba(0, 0, 0, 0.75);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.4s ease 0.2s;
  -o-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
}

.eael-insta-feed:hover .eael-insta-feed-wrap::after {
  opacity: 1;
}

.eael-insta-feed:hover .eael-insta-info-wrap {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.eael-insta-likes-comments > p {
  color: #fbd800;
}

.eael-insta-feed-wrap > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.eael-insta-img-wrap > img {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}

.eael-insta-likes-comments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.eael-insta-likes-comments > p {
  padding: 10px;
  margin: 0;
}

.eael-insta-likes-comments .x-icon {
  padding-right: 5px;
  font-size: 16px;
}

.eael-load-more-button-wrap.no-pagination {
  display: none;
}

/*--- Responsive Styles for Instagram Feeds ---*/
@media only screen and (max-width: 979px) {
  .eael-col-1 .eael-insta-feed, .eael-col-2 .eael-insta-feed,
  .eael-col-3 .eael-insta-feed, .eael-col-4 .eael-insta-feed,
  .eael-col-5 .eael-insta-feed, .eael-col-6 .eael-insta-feed {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 480px) {
  .eael-col-1 .eael-insta-feed, .eael-col-2 .eael-insta-feed,
  .eael-col-3 .eael-insta-feed, .eael-col-4 .eael-insta-feed,
  .eael-col-5 .eael-insta-feed, .eael-col-6 .eael-insta-feed {
    float: none;
    width: 50%;
  }

  .eael-insta-feed .eael-insta-info-wrap {
    padding: 10px;
  }

  .eael-instagram-feed .eael-insta-likes-comments > p {
    font-size: 11px;
  }

  .eael-insta-likes-comments .x-icon {
    font-size: 12px;
  }
}
/*-------------------------------*/
/* 11. Post Timeline Styles
/*-------------------------------*/
.eael-post-timeline {
  margin-bottom: 0;
  min-height: 100%;
  overflow: hidden;
  position: relative;
}

.eael-timeline-column {
  width: 50%;
  margin-left: 0;
  float: left;
  margin-top: 0 !important;
}

.eael-timeline-post {
  position: relative;
}

.eael-timeline-post:after {
  background-color: rgba(83, 85, 86, 0.2);
  content: "";
  width: 2px;
  height: 245px;
  position: absolute;
  right: 0;
  top: 70px;
}

.eael-timeline-post:nth-child(2n):after {
  display: none;
}

.eael-timeline-bullet {
  background-color: #9fa9af;
  border: 5px solid #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 20px;
  position: absolute;
  right: -9px;
  top: 60px;
  width: 20px;
  z-index: 3;
  cursor: pointer;
}

.eael-timeline-post:nth-child(2n) .eael-timeline-bullet {
  background-color: #9fa9af;
  border: 5px solid #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  bottom: 36px;
  content: "";
  height: 20px;
  left: -11px;
  position: absolute;
  top: 300px;
  width: 20px;
  z-index: 3;
}

.eael-timeline-post-inner {
  background: -webkit-linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 transparent;
  background: -o-linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 transparent;
  background: linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 transparent;
  border: 8px solid #e5eaed;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  float: right;
  margin: 30px 40px 30px auto;
  position: relative;
  height: 320px;
  width: calc(100% - 40px);
}

.eael-timeline-post:nth-child(even) .eael-timeline-post-inner {
  float: left;
  margin-left: 40px;
}

.eael-timeline-post-inner:after {
  border-color: transparent transparent transparent #e5eaed;
  border-style: solid;
  border-width: 15px;
  content: "";
  height: 0;
  position: absolute;
  right: -36px;
  top: 17px;
  width: 0;
}

.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner:after {
  border-color: transparent #e5eaed transparent transparent;
  border-style: solid;
  border-width: 15px;
  content: "";
  height: 0;
  left: -36px;
  position: absolute;
  top: 257px;
  width: 0;
}

.eael-timeline-post:nth-child(2n) .eael-timeline-post-inner::after {
  border-left-color: transparent !important;
}

.eael-timeline-post p {
  margin: 1.6rem 0 0 0;
  font-size: 0.9em;
  line-height: 1.6em;
}

.eael-timeline-post-image {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  opacity: .6;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.eael-timeline-post-title {
  bottom: 40px;
  position: absolute;
  width: 100%;
}

.eael-timeline-post-title h2 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 24px;
  padding: 0 25px;
  text-align: left;
  text-transform: uppercase;
}

.eael-timeline-post-excerpt {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.eael-timeline-post-excerpt p {
  color: #fff;
  font-size: 14px;
  padding: 25px;
}

.eael-timeline-post-inner:hover .eael-timeline-post-excerpt {
  opacity: 1;
  top: 10px;
}

.eael-timeline-post-inner:hover .eael-timeline-post-image {
  opacity: .3;
}

.eael-timeline-post time {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 10px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  position: absolute;
  right: -97px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  top: 50px;
  z-index: 99;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.eael-timeline-post:nth-child(2n) time {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 20px;
          border-radius: 20px;
  color: #fff;
  font-size: 10px;
  height: 30px;
  left: -99px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 290px;
  width: 100px;
  z-index: 99;
}

.eael-timeline-post time:before {
  border-bottom: 5px solid rgba(0, 0, 0, 0.7);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  height: 0;
  left: 45px;
  position: absolute;
  top: -5px;
  width: 0;
}

.eael-timeline-post:hover time {
  opacity: 1;
}

.eael-timeline-post::after {
  height: 100%;
}

.eael-post-timeline .eael-timeline-post:nth-last-child(2)::after {
  height: 245px;
}

.eael-post-timeline .eael-timeline-post:last-child::after {
  display: none;
}

/*--- Responsive Style for Post Timeline ---*/
@media only screen and (max-width: 1366px) {
  .eael-timeline-post-title h2 {
    font-size: 0.8em;
  }

  .eael-timeline-post-excerpt p {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1169px) {
  .eael-timeline-post-inner {
    height: 320px;
  }
}
@media only screen and (max-width: 992px) {
  .eael-post-timeline {
    margin-left: 0;
  }

  .eael-timeline-bullet,
  .eael-timeline-post:after,
  .eael-timeline-post:before,
  .eael-timeline-post-inner:after {
    display: none;
  }

  .eael-timeline-post {
    display: inline-block;
    float: left !important;
    width: 50% !important;
    margin: 15px auto;
  }

  .eael-timeline-post-inner {
    height: 320px;
    padding-bottom: 30px;
  }

  .eael-timeline-post-title {
    bottom: 50px;
  }

  .eael-timeline-post-title h2 {
    font-size: 0.8em;
    line-height: 1.2em;
  }

  .eael-timeline-post .eael-timeline-post-inner {
    margin: 0 10px auto 0;
    width: 90%;
  }

  .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner {
    margin: 0 auto 0 10px;
    width: 90%;
  }

  .eael-timeline-post-excerpt {
    opacity: 0 !important;
  }

  .eael-timeline-post-image {
    opacity: .3;
  }

  .eael-timeline-post time,
  .eael-timeline-post:nth-child(2n) time {
    background-color: #fff;
    -webkit-border-radius: 0;
            border-radius: 0;
    color: #444;
    font-size: 12px;
    text-transform: uppercase;
    left: 0;
    opacity: 1;
    padding-top: 3px;
    top: 275px;
    width: 100%;
  }

  time:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .eael-timeline-post {
    display: block;
    float: none !important;
    margin: 20px auto;
    width: 100% !important;
  }

  .eael-timeline-post .eael-timeline-post-inner,
  .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner {
    display: block;
    float: none;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 479px) {
  .eael-timeline-post .eael-timeline-post-inner,
  .eael-timeline-post:nth-child(2n) .eael-timeline-post-inner {
    height: 250px;
    margin: 0 auto;
    width: 95%;
  }

  .eael-timeline-post time,
  .eael-timeline-post:nth-child(2n) time {
    top: 205px;
  }
}
/*-----------------------------------------*/
/* 12. Team Members Styles
/*-----------------------------------------*/
.eael-team-item {
  overflow: hidden;
  position: relative;
}

.team-avatar-rounded figure img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  height: auto;
}

.eael-team-image > figure {
  margin: 0;
  padding: 0;
}

.eael-team-image > figure img {
  display: block;
  margin: 0 auto;
}

.eael-team-item .eael-team-content {
  padding: 10px;
}

.eael-team-item .eael-team-member-name {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 5px 0;
  text-transform: uppercase;
}

.eael-team-item .eael-team-member-position {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin: 5px 0 10px;
  text-transform: uppercase;
}

.eael-team-item .eael-team-content,
.eael-team-item .eael-team-content .eael-team-text {
  font-size: 14px;
  line-height: 1.5;
}

.eael-team-content > ul {
  margin: 0;
  padding: 0;
}

.eael-team-content li {
  display: inline-block;
  list-style: outside none none;
  margin-right: 10px;
  text-align: center;
}

.eael-team-content li a {
  font-size: 2.5rem;
}

.eael-team-align-left .eael-team-item .eael-team-member-name,
.eael-team-align-left .eael-team-item .eael-team-member-position,
.eael-team-align-left .eael-team-item .eael-team-text,
.eael-team-align-left .eael-team-item .eael-team-content p,
.eael-team-align-left .eael-team-item .eael-team-content ul,
.eael-team-align-left .eael-team-item .eael-team-content li {
  text-align: left;
}

.eael-team-align-right .eael-team-item .eael-team-member-name,
.eael-team-align-right .eael-team-item .eael-team-member-position,
.eael-team-align-right .eael-team-item .eael-team-text,
.eael-team-align-right .eael-team-item .eael-team-content p,
.eael-team-align-right .eael-team-item .eael-team-content ul,
.eael-team-align-right .eael-team-item .eael-team-content li {
  text-align: right;
}

.eael-team-align-centered .eael-team-item .eael-team-member-name,
.eael-team-align-centered .eael-team-item .eael-team-member-position,
.eael-team-align-centered .eael-team-item .eael-team-text,
.eael-team-align-centered .eael-team-item .eael-team-content p,
.eael-team-align-centered .eael-team-item .eael-team-content ul,
.eael-team-align-centered .eael-team-item .eael-team-content li {
  text-align: center;
}

.eael-team-align-right .eael-team-image > figure img.attachment-thumbnail {
  margin: 0 0 0 auto;
}

.eael-team-align-left .eael-team-image > figure img.attachment-thumbnail {
  margin: 0;
}

.eael-team-item.eael-team-members-overlay .eael-team-content {
  bottom: 10px;
  left: 10px;
  margin-bottom: 0;
  opacity: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.eael-team-item.eael-team-members-overlay:hover .eael-team-content {
  opacity: 1;
}

.eael-team-member-social-link > a {
  display: inline-block;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.eael-team-member-social-link > a:focus {
  outline: none;
}

/* Centered Style */
.eael-team-item.eael-team-members-centered .eael-team-content {
  text-align: center;
}

/* Circle Style */
.eael-team-item.eael-team-members-circle .eael-team-image {
  text-align: center;
}

.eael-team-item.eael-team-members-circle figure img {
  width: 150px;
  height: 150px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.eael-team-item.eael-team-members-circle .eael-team-content {
  text-align: center;
}

/*--------------------------*/
/* 13. Testimonials Slider
/*--------------------------*/
.eael-testimonial-slider {
  position: relative;
}

.testimonial-star-rating {
  padding: 0;
  margin: 0;
}

.testimonial-star-rating li {
  list-style: none;
  display: inline-block;
}

.testimonial-star-rating li i {
  color: #d8d8d8;
}

.rating-five .testimonial-star-rating li i {
  color: #f2b01e;
}

.rating-one .testimonial-star-rating li:first-child i {
  color: #f2b01e;
}

.rating-two .testimonial-star-rating li:nth-child(1) i,
.rating-two .testimonial-star-rating li:nth-child(2) i {
  color: #f2b01e;
}

.rating-three .testimonial-star-rating li:nth-child(1) i,
.rating-three .testimonial-star-rating li:nth-child(2) i,
.rating-three .testimonial-star-rating li:nth-child(3) i {
  color: #f2b01e;
}

.rating-four .testimonial-star-rating li:nth-child(1) i,
.rating-four .testimonial-star-rating li:nth-child(2) i,
.rating-four .testimonial-star-rating li:nth-child(3) i,
.rating-four .testimonial-star-rating li:nth-child(4) i {
  color: #f2b01e;
}

/*--- Default styles ---*/
.eael-testimonial-image img {
  max-width: 100%;
}

.eael-testimonial-image {
  padding: 10px 0px 0px 0px;
}

.eael-testimonial-image > figure {
  display: block;
  margin: 0;
}

.testimonial-avatar-rounded figure img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  height: auto;
}

.eael-testimonial-content {
  margin: 0;
  padding: 10px;
}

.eael-testimonial-item > figure {
  margin: 0 auto;
  padding: 0 20px;
}

.eael-testimonial-item .center-text {
  text-align: center;
}

.eael-testimonial-item .right-text {
  text-align: right;
}

.eael-testimonial-item .left-text {
  text-align: left;
}

.eael-testimonial-item .justify-text {
  text-align: justify;
}

/*--- Default Style ---*/
.eael-testimonial-content .eael-testimonial-text {
  font-size: 100%;
  font-style: italic;
  line-height: 1.5;
  margin-top: 0px;
  margin-bottom: 10px;
  word-wrap: break-word;
}

.eael-testimonial-content .eael-testimonial-user {
  display: inline-block;
  font-family: inherit;
  font-size: 105%;
  font-style: italic;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
}

.eael-testimonial-content .eael-testimonial-user-company {
  display: inline-block;
  font-family: inherit;
  font-size: 90%;
  font-style: italic;
  font-weight: lighter;
  line-height: 1.75;
  margin-bottom: 0;
  margin-top: 1px;
}

.eael-testimonial-image {
  position: relative;
}

.eael-testimonial-item .eael-testimonial-quote::after {
  color: inherit !important;
  content: "\f10e";
  font-family: "FontAwesome";
  font-size: 200%;
}

.eael-testimonial-slider.default-style .eael-testimonial-align-centered .eael-testimonial-image figure img {
  margin: 0 auto;
}

.eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure img,
.eael-testimonial-slider.default-style .eael-testimonial-align-right .eael-testimonial-image figure img,
.eael-testimonial-slider.classic-style .eael-testimonial-align-left .eael-testimonial-image figure img,
.eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure img,
.eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure img,
.eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure img {
  margin: 0;
}

.eael-testimonial-slider.default-style .eael-testimonial-align-right .eael-testimonial-image figure,
.eael-testimonial-slider.classic-style .eael-testimonial-align-right .eael-testimonial-image figure,
.eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-image figure {
  text-align: right;
}

.eael-testimonial-slider.default-style .eael-testimonial-align-left .eael-testimonial-image figure,
.eael-testimonial-slider.classic-style .eael-testimonial-align-left .eael-testimonial-image figure,
.eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-image figure {
  text-align: left;
}

.eael-testimonial-slider.default-style .eael-testimonial-align-right .default-style-testimonial-content,
.eael-testimonial-slider.classic-style .eael-testimonial-align-right .testimonial-classic-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-right .middle-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-right .eael-testimonial-text {
  text-align: right;
}

.eael-testimonial-slider.default-style .eael-testimonial-align-center .default-style-testimonial-content,
.eael-testimonial-slider.classic-style .eael-testimonial-align-center .testimonial-classic-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-center .middle-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-center .eael-testimonial-text {
  text-align: center;
}

.eael-testimonial-slider.default-style .eael-testimonial-align-left .default-style-testimonial-content,
.eael-testimonial-slider.classic-style .eael-testimonial-align-left .testimonial-classic-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-left .middle-style-content,
.eael-testimonial-slider.middle-style .eael-testimonial-align-left .eael-testimonial-text {
  text-align: left;
}

.eael-testimonial-slider.icon-img-left-content .eael-testimonial-text > p,
.eael-testimonial-slider.icon-img-right-content .eael-testimonial-text > p {
  margin: 0px;
}

/*--- Left align ---*/
.icon-img-left-content .eael-testimonial-image {
  float: left;
  width: 30%;
}

.icon-img-left-content .eael-testimonial-content {
  float: left;
  width: 70%;
  text-align: left;
}

.icon-img-left-content.eael-testimonial-item {
  overflow: hidden;
  position: relative;
}

.icon-img-left-content .eael-testimonial-quote {
  position: absolute;
  right: 0;
}

.icon-img-left-content .eael-testimonial-text {
  margin-top: 0;
}

/*--- Center align ---*/
.eael-testimonial-align-centered .eael-testimonial-user,
.eael-testimonial-align-centered .eael-testimonial-user-company {
  float: none;
  text-align: center;
}

.eael-testimonial-align-centered .eael-testimonial-image > figure img {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* .eael-testimonial-align-centered .testimonial-star-rating{
	text-align: center;
} */
/*--- Right align ---*/
.icon-img-right-content .eael-testimonial-image {
  float: right;
  width: 30%;
}

.icon-img-right-content .eael-testimonial-content {
  float: right;
  width: 70%;
  text-align: right;
}

.icon-img-right-content.eael-testimonial-item {
  overflow: hidden;
  position: relative;
}

.icon-img-right-content .eael-testimonial-quote {
  position: absolute;
}

.icon-img-right-content .eael-testimonial-text {
  margin-top: 0;
}

.eael-testimonial-item {
  position: relative;
}

.classic-style.testimonial-alignment-center .eael-testimonial-image,
.default-style.testimonial-alignment-center .eael-testimonial-image {
  text-align: center;
}

.classic-style.testimonial-alignment-right .eael-testimonial-image,
.default-style.testimonial-alignment-right .eael-testimonial-image {
  text-align: right;
}

.classic-style.testimonial-alignment-center .eael-testimonial-image > figure,
.default-style.testimonial-alignment-center .eael-testimonial-image > figure {
  text-align: center;
}

.eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-centered .eael-testimonial-content {
  text-align: center;
}

.eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-left .eael-testimonial-content {
  text-align: left;
}

.eael-testimonial-slider.icon-img-left-content .eael-testimonial-align-right .eael-testimonial-content {
  text-align: right;
}

.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-centered .eael-testimonial-content {
  text-align: center;
}

.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-left .eael-testimonial-content {
  text-align: left;
}

.eael-testimonial-slider.icon-img-right-content .eael-testimonial-align-right .eael-testimonial-content {
  text-align: right;
}

span.eael-testimonial-quote {
  position: absolute;
  right: 10px;
  top: 10px;
}

/*--- Image aligned ---*/
.eael-testimonial-item.left .eael-testimonial-image {
  text-align: left;
}

.eael-testimonial-item.center .eael-testimonial-image {
  text-align: center;
}

.eael-testimonial-item.right .eael-testimonial-image {
  text-align: right;
}

/*--- Float title image style ---*/
.eael-testimonial-inline-bio .eael-testimonial-image {
  float: left;
}

.eael-testimonial-inline-bio .bio-text {
  padding-top: 10px;
}

.eael-testimonial-content.eael-testimonial-inline-bio {
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 0;
}

.eael-testimonial-inline-bio .testimonial-star-rating,
.eael-testimonial-inline-bio .bio-text {
  float: left;
  width: 65%;
}

.eael-testimonial-content.eael-testimonial-inline-bio {
  text-align: left !important;
}

/*--- Float inline style ---*/
.testimonial-inline-style .eael-testimonial-image {
  float: left;
  max-width: 100%;
  padding: 0;
  margin-right: 15px;
}

.testimonial-inline-style {
  overflow: hidden;
  text-align: left;
}

.content-top-icon-title-inline .eael-testimonial-text,
.content-top-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text {
  text-align: left;
}

.content-top-icon-title-inline .eael-testimonial-align-centered .eael-testimonial-text {
  text-align: center;
}

.content-top-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text {
  text-align: right;
}

.content-bottom-icon-title-inline .eael-testimonial-text,
.content-bottom-icon-title-inline .eael-testimonial-align-left .eael-testimonial-text {
  text-align: left;
}

.content-bottom-icon-title-inline .eael-testimonial-align-centered .eael-testimonial-text {
  text-align: center;
}

.content-bottom-icon-title-inline .eael-testimonial-align-right .eael-testimonial-text {
  text-align: right;
}

/*--------------------------*/
/* 14. Product Styles
/*--------------------------*/
.eael-product-grid .woocommerce ul.products,
.eael-post-grid .woocommerce ul.products {
  display: grid;
  grid-gap: 25px;
  margin: 0 !important;
  padding: 0 !important;
}
.eael-product-grid .woocommerce ul.products:before, .eael-product-grid .woocommerce ul.products:after,
.eael-post-grid .woocommerce ul.products:before,
.eael-post-grid .woocommerce ul.products:after {
  display: none;
}
.eael-product-grid .woocommerce ul.products .product,
.eael-post-grid .woocommerce ul.products .product {
  width: 100%;
  margin: 0;
  padding: 0;
}
.eael-product-grid .woocommerce ul.products.eael-product-columns-1,
.eael-post-grid .woocommerce ul.products.eael-product-columns-1 {
  grid-template-columns: 100%;
}
.eael-product-grid .woocommerce ul.products.eael-product-columns-2,
.eael-post-grid .woocommerce ul.products.eael-product-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 480px) {
  .eael-product-grid .woocommerce ul.products.eael-product-columns-2,
  .eael-post-grid .woocommerce ul.products.eael-product-columns-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.eael-product-grid .woocommerce ul.products.eael-product-columns-3,
.eael-post-grid .woocommerce ul.products.eael-product-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .eael-product-grid .woocommerce ul.products.eael-product-columns-3,
  .eael-post-grid .woocommerce ul.products.eael-product-columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .eael-product-grid .woocommerce ul.products.eael-product-columns-3,
  .eael-post-grid .woocommerce ul.products.eael-product-columns-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.eael-product-grid .woocommerce ul.products.eael-product-columns-4,
.eael-post-grid .woocommerce ul.products.eael-product-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  .eael-product-grid .woocommerce ul.products.eael-product-columns-4,
  .eael-post-grid .woocommerce ul.products.eael-product-columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .eael-product-grid .woocommerce ul.products.eael-product-columns-4,
  .eael-post-grid .woocommerce ul.products.eael-product-columns-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.eael-product-grid .woocommerce ul.products.eael-product-columns-5,
.eael-post-grid .woocommerce ul.products.eael-product-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 767px) {
  .eael-product-grid .woocommerce ul.products.eael-product-columns-5,
  .eael-post-grid .woocommerce ul.products.eael-product-columns-5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .eael-product-grid .woocommerce ul.products.eael-product-columns-5,
  .eael-post-grid .woocommerce ul.products.eael-product-columns-5 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.eael-product-grid .woocommerce ul.products.eael-product-columns-6,
.eael-post-grid .woocommerce ul.products.eael-product-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 767px) {
  .eael-product-grid .woocommerce ul.products.eael-product-columns-6,
  .eael-post-grid .woocommerce ul.products.eael-product-columns-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .eael-product-grid .woocommerce ul.products.eael-product-columns-6,
  .eael-post-grid .woocommerce ul.products.eael-product-columns-6 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product {
  position: relative;
  float: left;
  overflow: hidden;
  text-align: center;
  padding: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product a, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product a,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product a,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product a {
  text-decoration: none;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product a:hover, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product a:hover,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product a:hover,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product a:hover {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product img, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product img,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product img,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product img {
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product .woocommerce-loop-product__title, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product .woocommerce-loop-product__title,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product .woocommerce-loop-product__title,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #333;
  margin: 25px 0 12px;
  padding: 0;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product .onsale, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product .onsale,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product .onsale,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product .onsale {
  display: block;
  line-height: 170px;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  color: #fff;
  background-color: #ff2a13;
  -webkit-border-radius: 0;
          border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  height: 100px;
  width: 200px;
  z-index: 1;
  left: -100px;
  top: -50px;
  right: auto;
  margin: 0;
  padding: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product .price, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product .price,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product .price,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product .price {
  font-size: 14px;
  margin-bottom: 0;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product .price del, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product .price del,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product .price del,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product .price del {
  opacity: 0.5;
  display: inline-block;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product .price ins, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product .price ins,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product .price ins,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product .price ins {
  font-weight: 400;
  background-color: transparent;
  color: #ff2a13;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product .star-rating, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product .star-rating,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product .star-rating,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product .star-rating {
  display: block;
  float: none;
  font-size: 14px;
  margin: 10px auto;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product .button.add_to_cart_button, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product .button.add_to_cart_button,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product .button.add_to_cart_button,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product .button.add_to_cart_button {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #333;
  padding: 0;
  margin: 15px;
  -webkit-border-radius: 0;
          border-radius: 0;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product .button.add_to_cart_button:focus, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product .button.add_to_cart_button:focus,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product .button.add_to_cart_button:focus,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product .button.add_to_cart_button:focus {
  outline: none;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product a.added_to_cart, .eael-product-grid.eael-product-reveal .woocommerce ul.products li.product a.added_to_cart,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product a.added_to_cart,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product a.added_to_cart {
  display: block;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  color: #333;
  background-color: transparent;
}
.eael-product-grid.eael-product-simple .woocommerce ul.products li.product,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product {
  border: 1px solid #eee;
}
.eael-product-grid.eael-product-reveal .woocommerce ul.products li.product,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product {
  border: 1px solid transparent;
}
.eael-product-grid.eael-product-reveal .woocommerce ul.products li.product .button.add_to_cart_button,
.eael-product-grid.eael-product-reveal .woocommerce ul.products li.product a.added_to_cart,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product .button.add_to_cart_button,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product a.added_to_cart {
  visibility: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.eael-product-grid.eael-product-reveal .woocommerce ul.products li.product:hover,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product:hover {
  border: 1px solid #eee;
}
.eael-product-grid.eael-product-reveal .woocommerce ul.products li.product:hover .button.add_to_cart_button,
.eael-product-grid.eael-product-reveal .woocommerce ul.products li.product:hover a.added_to_cart,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product:hover .button.add_to_cart_button,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product:hover a.added_to_cart {
  visibility: visible;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product {
  position: relative;
  float: left;
  overflow: hidden;
  text-align: center;
  padding: 0 0 15px 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product a,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product a {
  text-decoration: none;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product a:hover,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product a:hover {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product img,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product img {
  width: 100%;
  height: auto;
  margin: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .button-wrap,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .button-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .product-link,
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button,
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .added_to_cart,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .product-link,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .added_to_cart {
  display: inline-block;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background-color: #333;
  width: 38px;
  height: 38px;
  border-style: none;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  vertical-align: middle;
  padding: 0;
  margin: 0 5px;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  -webkit-transition: opacity 300ms, -webkit-transform 200ms;
  transition: opacity 300ms, -webkit-transform 200ms;
  -o-transition: transform 200ms, opacity 300ms;
  transition: transform 200ms, opacity 300ms;
  transition: transform 200ms, opacity 300ms, -webkit-transform 200ms;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .product-link:focus,
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button:focus,
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .added_to_cart:focus,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .product-link:focus,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button:focus,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .added_to_cart:focus {
  outline: none;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button {
  font-size: 0;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button:before,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button:before {
  display: none;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button:after,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button:after {
  content: "\f217";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  line-height: 38px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button.loading:before,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button.loading:before {
  display: none;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button.loading:after,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .add_to_cart_button.loading:after {
  content: "\f110";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  height: auto;
  width: auto;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .added_to_cart,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .added_to_cart {
  font-size: 0;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .added_to_cart:after,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .overlay .added_to_cart:after {
  content: "\f06e";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .woocommerce-loop-product__title,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #333;
  margin: 25px 0 12px;
  padding: 0;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .onsale,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .onsale {
  display: block;
  line-height: 170px;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  color: #fff;
  background-color: #ff2a13;
  -webkit-border-radius: 0;
          border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  height: 100px;
  width: 200px;
  z-index: 1;
  left: -100px;
  top: -50px;
  right: auto;
  margin: 0;
  padding: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .price,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .price {
  font-size: 14px;
  margin-bottom: 0;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .price del,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .price del {
  opacity: 0.5;
  display: inline-block;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .price ins,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .price ins {
  font-weight: 400;
  background-color: transparent;
  color: #ff2a13;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product .star-rating,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product .star-rating {
  display: block;
  float: none;
  font-size: 14px;
  margin: 10px auto;
}
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product:hover .overlay a,
.eael-product-grid.eael-product-overlay .woocommerce ul.products li.product:hover .overlay .add_to_cart_button,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product:hover .overlay a,
.eael-post-grid.eael-product-overlay .woocommerce ul.products li.product:hover .overlay .add_to_cart_button {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

/*--------------------------*/
/* 15. Contact forms common
/*--------------------------*/
.eael-contact-form input[type=text],
.eael-contact-form input[type=email],
.eael-contact-form input[type=url],
.eael-contact-form input[type=tel],
.eael-contact-form input[type=date],
.eael-contact-form input[type=number],
.eael-contact-form textarea {
  background: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  float: none;
  height: auto;
  margin: 0;
  outline: 0;
  width: auto;
}

.eael-contact-form input[type=submit] {
  border: 0;
  float: none;
  height: auto;
  margin: 0;
  padding: 10px 20px;
  width: auto;
  -webkit-transition: all 0.25s linear 0s;
  -o-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}

.eael-contact-form.placeholder-hide input::-webkit-input-placeholder,
.eael-contact-form.placeholder-hide textarea::-webkit-input-placeholder {
  opacity: 0;
  visibility: hidden;
}

.eael-contact-form.placeholder-hide input::-moz-placeholder,
.eael-contact-form.placeholder-hide textarea::-moz-placeholder {
  opacity: 0;
  visibility: hidden;
}

.eael-contact-form.placeholder-hide input:-ms-input-placeholder,
.eael-contact-form.placeholder-hide textarea:-ms-input-placeholder {
  opacity: 0;
  visibility: hidden;
}

.eael-contact-form.placeholder-hide input:-moz-placeholder,
.eael-contact-form.placeholder-hide textarea:-moz-placeholder {
  opacity: 0;
  visibility: hidden;
}

.eael-custom-radio-checkbox input[type=checkbox],
.eael-custom-radio-checkbox input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-style: solid;
  border-width: 0;
  outline: none;
  min-width: 1px;
  width: 15px;
  height: 15px;
  background: #ddd;
  padding: 3px;
}

.eael-custom-radio-checkbox input[type=checkbox]:before,
.eael-custom-radio-checkbox input[type=radio]:before {
  content: "";
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: block;
}

.eael-custom-radio-checkbox input[type=checkbox]:checked:before,
.eael-custom-radio-checkbox input[type=radio]:checked:before {
  background: #999;
  -webkit-transition: all 0.25s linear 0s;
  -o-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}

.eael-custom-radio-checkbox input[type=radio] {
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-custom-radio-checkbox input[type=radio]:before {
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

/*-----------------------------*/
/* 16. Contact Form 7 Styles
/*-----------------------------*/
.eael-contact-form.eael-contact-form-align-center,
.eael-contact-form-7.eael-contact-form-btn-align-center input.wpcf7-submit {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
  float: none;
}

.eael-contact-form.eael-contact-form-align-left,
.eael-contact-form-7.eael-contact-form-btn-align-left input.wpcf7-submit {
  float: left;
  width: auto;
}

.eael-contact-form.eael-contact-form-align-right,
.eael-contact-form-7.eael-contact-form-btn-align-right input.wpcf7-submit {
  float: right;
  width: auto;
}

.eael-contact-form-7-wrapper {
  overflow: hidden;
}

form.wpcf7-form {
  display: inline-block;
  margin: 0 auto;
  float: none;
  width: 500px;
}

.eael-contact-form-7 textarea, .eael-contact-form-7 input[type="text"],
.eael-contact-form-7 input[type="password"],
.eael-contact-form-7 input[type="datetime"],
.eael-contact-form-7 input[type="datetime-local"],
.eael-contact-form-7 input[type="date"],
.eael-contact-form-7 input[type="month"],
.eael-contact-form-7 input[type="time"],
.eael-contact-form-7 input[type="week"],
.eael-contact-form-7 input[type="number"],
.eael-contact-form-7 input[type="email"],
.eael-contact-form-7 input[type="url"],
.eael-contact-form-7 input[type="search"],
.eael-contact-form-7 input[type="tel"],
.eael-contact-form-7 input[type="color"],
.eael-contact-form-7 .uneditable-input {
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
  -webkit-transition: border linear 0.2s,-webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s,-webkit-box-shadow linear 0.2s;
  -o-transition: border linear 0.2s,box-shadow linear 0.2s;
  transition: border linear 0.2s,box-shadow linear 0.2s;
  transition: border linear 0.2s,box-shadow linear 0.2s,-webkit-box-shadow linear 0.2s;
}

.eael-contact-form-7 .wpcf7-form::before,
.eael-contact-form-7 .wpcf7-form::after {
  content: " ";
  clear: both;
  display: table;
}

.eael-contact-form-7 .wpcf7-form:after {
  clear: both;
  content: "";
  font-size: 0;
  height: 0;
  display: block;
  visibility: hidden;
}

.eael-contact-form-7 .wpcf7-form label,
.eael-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap {
  display: block;
}

.eael-contact-form-7 .wpcf7-form p {
  margin-bottom: 0;
}

.eael-contact-form-7.labels-hide .wpcf7-form label {
  display: none;
}

.eael-contact-form-7-title {
  margin-bottom: 10px;
}

.eael-contact-form-7-description {
  margin-bottom: 20px;
}

.eael-contact-form-7-button-full-width .wpcf7-form-control.wpcf7-submit {
  width: 100%;
}

/*----------------------*/
/* 17. weForm Styles
/*----------------------*/
.eael-weform-container input,
.eael-weform-container textarea {
  height: auto;
  padding: 10px;
}

.eael-contact-form-align-center .eael-weform-container,
.eael-contact-form-btn-align-center .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
  float: none;
}

.eael-contact-form-align-left .eael-weform-container,
.eael-contact-form-btn-align-left .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
  float: left;
  width: auto;
}

.eael-contact-form-align-right .eael-weform-container,
.eael-contact-form-btn-align-right .eael-weform-container ul.wpuf-form .wpuf-submit input[type="submit"] {
  float: right;
  width: auto;
}

.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="text"],
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="password"],
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="email"],
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="url"],
.eael-weform-container ul.wpuf-form li .wpuf-fields input[type="number"],
.eael-weform-container ul.wpuf-form li .wpuf-fields textarea {
  max-width: 100%;
}

/*-----------------------------*/
/* 18. Ninja Form Styles
/*-----------------------------*/
.eael-ninja-container input,
.eael-ninja-container textarea {
  height: auto;
  padding: 10px;
}

.eael-contact-form-align-center .eael-ninja-container,
.eael-contact-form-btn-align-center .eael-ninja-container .nf-field .nf-field-element input[type="button"] {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
  float: none;
}

.eael-contact-form-align-left .eael-ninja-container,
.eael-contact-form-btn-align-left .eael-ninja-container .nf-field .nf-field-element input[type="button"] {
  float: left;
  width: auto;
}

.eael-contact-form-align-right .eael-ninja-container,
.eael-contact-form-btn-align-right .eael-ninja-container .nf-field .nf-field-element input[type="button"] {
  float: right;
  width: auto;
}

.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="text"],
.eael-ninja-container .nf-field .nf-field-element input[type="password"],
.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="email"],
.eael-ninja-container .nf-field .nf-field-element input[type="url"],
.eael-ninja-container ul.wpuf-form li .wpuf-fields input[type="number"],
.eael-ninja-container .nf-field .nf-field-element textarea {
  max-width: 100%;
}

.eael-ninja-form .nf-form-title {
  display: none;
}

.eael-ninja-form-title-yes .nf-form-title {
  display: block;
}

.eael-ninja-form .title-description-hide .nf-form-title {
  display: none;
}

.eael-ninja-form.title-description-hide .nf-form-title {
  display: none;
}

.eael-ninja-form .nf-field-label {
  display: none;
}

.eael-ninja-form-labels-yes .nf-field-label {
  display: block;
}

.eael-ninja-form .submit-container input[type=button] {
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.eael-ninja-form-button-full-width .submit-container input[type=button] {
  width: 100%;
}

/*-----------------------------*/
/* 19. Gravity Form
/*-----------------------------*/
.eael-gravity-form-align-default,
.eael-gravity-form-align-left,
.eael-gravity-form-btn-align-left {
  text-align: left;
}

.eael-gravity-form-align-right,
.eael-gravity-form-btn-align-right {
  text-align: right;
}

.eael-gravity-form-align-center,
.eael-gravity-form-btn-align-center {
  text-align: center;
}

.eael-gravity-form .gform_wrapper .gform_footer {
  margin: 0;
  padding: 0;
}

.gform_wrapper form li, .gform_wrapper li {
  list-style: none;
}

.eael-gravity-form .gform_wrapper ul.gform_fields li.gfield {
  padding: 0;
}

.eael-gravity-form .gform_wrapper textarea {
  padding: 0;
}

.eael-gravity-form .gform_wrapper .gform_footer input.button,
.eael-gravity-form .gform_wrapper .gform_footer input[type=submit],
.eael-gravity-form .gform_wrapper .gform_page_footer input.button,
.eael-gravity-form .gform_wrapper .gform_page_footer input[type=submit] {
  margin: 0;
}

.eael-gravity-form.title-description-hide .gform_heading {
  display: none;
}

.eael-gravity-form.labels-hide .gform_wrapper .top_label .gfield_label,
.eael-gravity-form.labels-hide .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
  display: none;
}

.eael-gravity-form-button-full-width .gform_wrapper .gform_footer input[type="submit"] {
  width: 100%;
}

/*-----------------------------*/
/* 20. Post Grid Style
/*-----------------------------*/
.eael-grid-post {
  float: left;
  padding: 10px;
}

.eael-post-carousel .eael-grid-post {
  float: none;
  padding: 0;
}

.eael-grid-post-holder {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.eael-grid-post-holder-inner {
  height: 100%;
}

.eael-entry-media {
  position: relative;
}

.eael-entry-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

.eael-entry-overlay > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.eael-entry-title {
  margin: 10px 0 5px;
  font-size: 1.2em;
}

.eael-entry-thumbnail img {
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.eael-entry-thumbnail > img {
  height: 100%;
}

.eael-entry-footer .eael-author-avatar {
  width: 50px;
}

.eael-entry-footer .eael-author-avatar .avatar {
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-post-grid .eael-entry-footer .eael-entry-meta {
  padding-left: 8px;
  text-align: left;
}

.eael-grid-post .eael-entry-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.eael-grid-post .eael-entry-footer .eael-entry-meta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.eael-entry-meta > div {
  font-size: 12px;
  line-height: 1.2;
  padding-bottom: 5px;
}

.eael-grid-post-excerpt p {
  margin: 0;
  font-size: 14px;
}
.eael-grid-post-excerpt .eael-entry-content-btn {
  margin: 15px 0;
}
.eael-grid-post-excerpt .eael-entry-content-btn .add_to_cart_button {
  display: inline-block;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #333;
  padding: 0 30px;
  margin: 15px 0;
  -webkit-border-radius: 0;
          border-radius: 0;
}
.eael-grid-post-excerpt .eael-entry-content-btn .add_to_cart_button:focus {
  outline: none;
}
.eael-grid-post-excerpt .eael-entry-content-btn a.added_to_cart {
  display: block;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  color: #333;
  background-color: transparent;
}

.eael-entry-meta .eael-entry-footer .eael-posted-by {
  display: block;
}

.eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer {
  padding: 15px;
}

.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on {
  padding-left: 5px;
}

.eael-post-grid .eael-entry-header .eael-entry-meta span.eael-posted-on::before {
  content: '\f111';
  font-family: FontAwesome;
  color: inherit;
  opacity: .4;
  font-size: .8em;
  padding-right: 7px;
}

/*-------------- Post Grid Thumbnail Hover Effects ------------ */
.eael-entry-medianone {
  position: relative;
}

.eael-entry-overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eael-entry-overlay > i {
  color: #fff;
}

/* fade in */
.eael-entry-overlay.fade-in {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.eael-entry-medianone:hover .eael-entry-overlay.fade-in {
  visibility: visible;
  opacity: 1;
}

.eael-entry-medianone:hover .eael-entry-overlay.fade-in > i {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}

/* zoom in */
.eael-entry-overlay.zoom-in {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.eael-entry-medianone:hover .eael-entry-overlay.zoom-in {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

/* slide up */
.eael-entry-overlay.slide-up {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.eael-entry-medianone:hover .eael-entry-overlay.slide-up {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.eael-entry-medianone {
  overflow: hidden;
}

/*---------------- Post Grid & Carousel Hover Styles ----------------*/
.eael-entry-media.grid-hover-style-fade-in .eael-entry-overlay {
  opacity: 0;
}

.eael-entry-media.grid-hover-style-fade-in:hover .eael-entry-overlay {
  opacity: 1;
}

.eael-entry-media.grid-hover-style-none .eael-entry-overlay {
  display: none;
}

.eael-entry-media.grid-hover-style-zoom-in .eael-entry-overlay {
  -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
          transform: scale(0.4);
  opacity: 0;
}

.eael-entry-media.grid-hover-style-zoom-in:hover .eael-entry-overlay {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.eael-entry-media.grid-hover-style-animate-down .eael-entry-overlay {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.eael-entry-media.grid-hover-style-animate-down .eael-entry-overlay > i {
  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px);
  -webkit-transition-delay: 100ms;
       -o-transition-delay: 100ms;
          transition-delay: 100ms;
  -webkit-transition-duration: 300ms;
       -o-transition-duration: 300ms;
          transition-duration: 300ms;
}

.eael-entry-media.grid-hover-style-animate-down:hover .eael-entry-overlay {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

.eael-entry-media.grid-hover-style-animate-down:hover .eael-entry-overlay > i {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  visibility: hidden;
  opacity: 0;
}

.eael-entry-media.grid-hover-style-animate-up .eael-entry-overlay > i {
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition-delay: 100ms;
       -o-transition-delay: 100ms;
          transition-delay: 100ms;
  -webkit-transition-duration: 300ms;
       -o-transition-duration: 300ms;
          transition-duration: 300ms;
}

.eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  visibility: visible;
  opacity: 1;
}

.eael-entry-media.grid-hover-style-animate-up:hover .eael-entry-overlay > i {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

/*-----------------------------*/
/* 21. Post Grid Column
/*-----------------------------*/
.eael-col-1 .eael-post-grid-column {
  float: none;
  width: 100%;
}

.eael-col-2 .eael-post-grid-column {
  float: left;
  width: 50%;
}

.eael-col-3 .eael-post-grid-column {
  float: left;
  width: 33.3333%;
}

.eael-col-4 .eael-post-grid-column {
  float: left;
  width: 25%;
}

.eael-col-5 .eael-post-grid-column {
  float: left;
  width: 20%;
}

.eael-col-6 .eael-post-grid-column {
  float: left;
  width: 16.6666%;
}

/*--- Post Grid Column Styles ---*/
@media only screen and (max-width: 979px) {
  .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
  .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
  .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 767px) {
  .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
  .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
  .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .eael-col-1 .eael-post-grid-column, .eael-col-2 .eael-post-grid-column,
  .eael-col-3 .eael-post-grid-column, .eael-col-4 .eael-post-grid-column,
  .eael-col-5 .eael-post-grid-column, .eael-col-6 .eael-post-grid-column {
    float: none;
    width: 100%;
  }
}
/*----------------------*/
/* 22. Post Block
/*----------------------*/
.eael-post-block-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 1170px;
  margin: 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}

.eael-post-block-item {
  overflow: hidden;
  margin: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3);
          box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3);
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 30%;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
}

.eael-post-block-item-holder {
  height: 100%;
  width: 100%;
}

.eael-post-block-item-holder-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  height: 100%;
}

.eael-post-block-item .eael-entry-thumbnail {
  background-color: #f0f0f0;
  position: relative;
  height: 160px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.eael-post-block-item .eael-entry-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.eael-post-block .eael-entry-wrapper {
  padding: 15px;
}

.eael-post-block .eael-entry-title {
  font-size: 1em;
  margin: 5px 0 0;
}

.eael-post-block .eael-entry-header .eael-entry-meta .eael-posted-by {
  display: inline-block;
}

.eael-post-block .eael-entry-meta {
  line-height: 1;
}

.eael-entry-meta > span {
  font-size: 12px;
  line-height: 1.2;
  padding-bottom: 5px;
}

.eael-post-block .eael-entry-header .eael-entry-meta span.eael-posted-on {
  padding-left: 5px;
}

.eael-post-block .eael-entry-header .eael-entry-meta span.eael-posted-on::before {
  content: '\f111';
  font-family: FontAwesome;
  color: inherit;
  opacity: .4;
  font-size: .8em;
  padding-right: 7px;
}

.eael-post-block .eael-entry-footer .eael-entry-meta {
  padding-left: 8px;
}

.eael-post-block .eael-entry-footer {
  padding: 0 15px 15px;
}

.post-block-style-overlay.eael-post-block .eael-entry-footer {
  padding: 10px 15px 15px 0;
}

@media only screen and (min-width: 768px) {
  .eael-post-block-grid .eael-post-block-item:nth-child(1),
  .eael-post-block-grid .eael-post-block-item:nth-child(2) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
  }

  .eael-post-block-grid .eael-post-block-item:nth-child(6),
  .eael-post-block-grid .eael-post-block-item:nth-child(7),
  .eael-post-block-grid .eael-post-block-item:nth-child(14),
  .eael-post-block-grid .eael-post-block-item:nth-child(15),
  .eael-post-block-grid .eael-post-block-item:nth-child(22),
  .eael-post-block-grid .eael-post-block-item:nth-child(23) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
  }
}
@media only screen and (max-width: 480px) {
  .eael-post-block-item {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }
}
.eael-entry-media:hover .eael-entry-overlay.zoom-in {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.eael-entry-media:hover .eael-entry-overlay.fade-in {
  visibility: visible;
  opacity: 1;
}

.eael-entry-media:hover .eael-entry-overlay.slide-up {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.eael-post-block-item-holder .eael-entry-media {
  overflow: hidden;
}

.eael-entry-overlay.none {
  background: none !important;
}

.eael-entry-overlay.none > i {
  display: none;
}

/*---------------------------------*/
/* 24. Post block overlay preset
/*---------------------------------*/
.eael-post-block.post-block-style-overlay .eael-entry-thumbnail {
  height: 300px;
}

.eael-post-block.post-block-style-overlay .eael-post-block-item-holder-inner {
  position: relative;
}

.eael-post-block.post-block-style-overlay .eael-entry-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.eael-post-block .eael-entry-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*--- Style for static product ---*/
.eael-static-product {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

.eael-static-product-media {
  position: relative;
}

.eael-static-product-thumb img {
  width: 100%;
  display: block;
}

.eael-static-product-thumb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.2s ease-in-out, transform 0.25s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

.eael-static-product-thumb-overlay:hover {
  opacity: 1;
}

.eael-static-product-thumb-overlay > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.eael-static-product-thumb-overlay > a > span {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

.eael-static-product-details {
  padding: 10px 20px 30px;
  margin: 0;
}

.eael-static-product-details > h2 {
  font-size: 1.2em;
  margin: 0;
  padding: .5em;
}

.eael-static-product-details > p {
  margin: 0 0 1.5em;
  font-size: 14px;
}

a.eael-static-product-btn {
  padding: 10px 20px;
  font-size: 14px;
  -o-transition: color .5s ease;
  transition: color .5s ease;
  -webkit-transition: color .5s ease;
  -moz-transition: color .5s ease;
}

/* ----------------------------- */
/* Post Block Overlay Style
/* ----------------------------- */
.post-block-style-overlay .eael-entry-wrapper {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

/* SlideUp */
.post-block-style-overlay .eael-entry-wrapper.slide-up {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.post-block-style-overlay .eael-entry-media {
  overflow: hidden;
}

.post-block-style-overlay .eael-post-block-item:hover .eael-entry-wrapper.slide-up {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

/* Fade In */
.post-block-style-overlay .eael-entry-wrapper.fade-in {
  visibility: hidden;
  opacity: 0;
}

.post-block-style-overlay .eael-post-block-item:hover .eael-entry-wrapper.fade-in {
  visibility: visible;
  opacity: 1;
}

/* Zoom In */
.post-block-style-overlay .eael-entry-wrapper.zoom-in {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}

.post-block-style-overlay .eael-post-block-item:hover .eael-entry-wrapper.zoom-in {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.post-block-style-overlay .eael-entry-wrapper.none {
  display: none;
}

/*------------------------*/
/* 23. Load More Button
/*------------------------*/
.eael-load-more-button-wrap {
  width: 100%;
  display: block;
  margin: 20px auto;
  clear: both;
}

.eael-load-more-button {
  position: relative;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  border: 0;
  padding: 15px 30px;
  z-index: 2;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: .25em;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  overflow: hidden;
}

.eael-load-more-button:hover {
  background: #27bdbd;
}

.button--hide {
  opacity: 0;
}

.eael-load-more-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eael-load-more-button .button__loader {
  left: -100%;
  top: auto;
  margin-right: 5px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.eael-load-more-button > span {
  margin-left: -20px;
}

.eael-load-more-button.button--loading > span {
  margin-left: 0;
}

.eael-load-more-button.button--loading .button__loader {
  left: 0;
}

.eael-btn-loader, .eael-btn-loader:after {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 20px;
  height: 20px;
}

.eael-btn-loader {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid rgba(255, 255, 255, 0.2);
  border-right: 4px solid rgba(255, 255, 255, 0.2);
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  border-left: 4px solid #ffffff;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: loaderSpin 1.1s infinite linear;
          animation: loaderSpin 1.1s infinite linear;
}

@-webkit-keyframes loaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*---------------------------*/
/* 25. Infobox Style
/*---------------------------*/
/*--- Image/Icon On Top ---*/
.eael-infobox .infobox-icon {
  height: auto;
}

.eael-infobox .infobox-icon .infobox-icon-wrap {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.eael-infobox .infobox-icon .infobox-icon-wrap i {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

/*--- For Content Alignment ---*/
.eael-infobox-content-align-left .eael-infobox .infobox-icon,
.eael-infobox-content-align-left .eael-infobox .infobox-content,
.eael-infobox-content-align-left .eael-infobox .infobox-button {
  text-align: left;
}

.eael-infobox-content-align-right .eael-infobox .infobox-icon,
.eael-infobox-content-align-right .eael-infobox .infobox-content,
.eael-infobox-content-align-right .eael-infobox .infobox-button {
  text-align: right;
}

.eael-infobox-content-align-center .eael-infobox .infobox-icon,
.eael-infobox-content-align-center .eael-infobox .infobox-content,
.eael-infobox-content-align-center .eael-infobox .infobox-button {
  text-align: center;
}

/*--- For icon background shape ---*/
.eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap,
.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap,
.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap {
  width: 90px;
  height: 90px;
  text-align: center;
}

.eael-infobox-icon-hover-bg-shape-square:hover .infobox-icon .infobox-icon-wrap {
  -webkit-border-radius: 0;
          border-radius: 0;
}

.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap,
.eael-infobox-icon-hover-bg-shape-radius:hover .infobox-icon .infobox-icon-wrap {
  -webkit-border-radius: 15px;
          border-radius: 15px;
}

.eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap,
.eael-infobox-icon-hover-bg-shape-circle:hover .infobox-icon .infobox-icon-wrap {
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-infobox-icon-bg-shape-square .infobox-icon .infobox-icon-wrap i,
.eael-infobox-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap i {
  margin-top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*--- Infobox Button ---*/
.eael-infobox .infobox-button a.eael-infobox-button {
  display: inline-block;
  padding: 5px 10px;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}

/*--- For icon bg shape alignment ---*/
.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-square .infobox-icon,
.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-radius .infobox-icon,
.eael-infobox-content-align-left.eael-infobox-icon-bg-shape-circle .infobox-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-square .infobox-icon,
.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-radius .infobox-icon,
.eael-infobox-content-align-center.eael-infobox-icon-bg-shape-circle .infobox-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-square .infobox-icon,
.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-radius .infobox-icon,
.eael-infobox-content-align-right.eael-infobox-icon-bg-shape-circle .infobox-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*--- Image/Icon On Left ---*/
.eael-infobox.icon-on-left {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.eael-infobox.icon-on-right .infobox-icon-wrap,
.eael-infobox.icon-on-left .infobox-icon-wrap {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap {
  background: none;
  border: 0px;
  text-align: left;
  height: auto;
  display: block;
}

.eael-infobox .infobox-content p {
  margin: 0 0 15px;
}

.eael-infobox.icon-on-left .infobox-icon .infobox-icon-wrap i {
  margin-top: 0px;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.eael-infobox.icon-on-left .infobox-content {
  padding-left: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.eael-infobox.icon-on-left .infobox-content .title {
  line-height: 1;
  margin: 0 0 10px 0;
}

/*--- Image/Icon On Right ---*/
.eael-infobox.icon-on-right {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap {
  background: none;
  border: 0px;
  text-align: right;
  width: auto;
  height: auto;
  display: block;
}

.eael-infobox.icon-on-right .infobox-icon .infobox-icon-wrap i {
  margin-top: 0px;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.eael-infobox.icon-on-right .infobox-content {
  padding-right: 15px;
  text-align: right;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.eael-infobox.icon-on-right .infobox-content .title {
  line-height: 1;
  margin: 0 0 10px 0;
}

/*--- Imgae Circle On Top ---*/
.eael-infobox .infobox-icon img {
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}

.eael-infobox-hover-img-shape-square:hover .eael-infobox .infobox-icon img {
  -webkit-border-radius: 0;
          border-radius: 0;
}

.eael-infobox-shape-circle .eael-infobox .infobox-icon img,
.eael-infobox-hover-img-shape-circle:hover .eael-infobox .infobox-icon img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-infobox-shape-radius .eael-infobox .infobox-icon img,
.eael-infobox-hover-img-shape-radius:hover .eael-infobox .infobox-icon img {
  -webkit-border-radius: 15px;
          border-radius: 15px;
}

/*---------------------------*/
/* 26. Flipbox Style
/*---------------------------*/
.eael-elements-flip-box-container {
  position: relative;
  height: 300px;
  width: 100%;
}

.eael-elements-flip-box-container .flipbox-button {
  display: inline-block;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

.eael-elements-flip-box-container a {
  display: block;
}

.eael-elements-flip-box-vertical-align {
  width: 100%;
}

.eael-elements-flip-box-padding {
  padding: 0px 30px 5px 30px;
}

.eael-elements-flip-box-icon-image {
  display: inline-block;
  margin: 0 auto 0px auto;
  line-height: 1;
}

.eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background {
  background: #cccccc;
}

.eael_eleements_flip_front_icon_style_bordered {
  border: 2px solid #ffffff;
}

.eael_flip_box_icon_border_round {
  -webkit-border-radius: 100px;
          border-radius: 100px;
}

.eael_eleements_flip_front_icon_style_background,
.eael_eleements_flip_front_icon_style_bordered {
  padding: 15px;
}

.eael-elements-flip-box-icon-image i {
  font-size: 40px;
  line-height: 40px;
  width: 40px;
}

.eael-elements-slider-display-table {
  width: 100%;
}

.eael-elements-flip-box-front-container {
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #0e9dd2;
  color: #ffffff;
  border-color: #000000;
  -webkit-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.eael-elements-flip-box-content,
.eael-elements-flip-box-heading {
  color: #ffffff;
}

.eael-elements-flip-box-heading.flipbox-linked-title {
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}

.eael-elements-flip-box-rear-container {
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #444444;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-color: #000000;
}

/*--- Floating Button Styles ---*/
.eael-elements-button-floating-container {
  position: fixed;
  z-index: 100;
}

.eael-elements-button-floating-container .eael-elements-button {
  margin-top: 0px;
  font-size: 14px;
  position: relative;
  padding: 14px 20px;
}

.eael-elements-button {
  cursor: pointer;
  display: inline-block;
  background: #077bbe;
  color: #ffffff;
  line-height: 1;
  padding: 16px 25px;
  margin-top: 15px;
}

.eael-elements-button:hover {
  background: #077bbe;
  color: #ffffff;
}

/*--- CSS3 Transitions ---*/
.eael-elements-flip-box-container {
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.eael-elements-flip-box-front-container,
.eael-elements-flip-box-rear-container {
  -webkit-transition-duration: 500ms;
       -o-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

.eael-elements-flip-box-flip-card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.eael-elements-flip-box-rear-container,
.eael-elements-flip-box-front-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

/*--- Flip ---*/
.eael-animate-flip.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card,
.eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.eael-animate-flip.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card,
.eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.eael-animate-flip.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card,
.eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.eael-animate-flip.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-flip-card,
.eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

/*--- Slide ---*/
.eael-animate-push.eael-elements-flip-box-container,
.eael-animate-slide.eael-elements-flip-box-container {
  overflow: hidden;
}

.eael-animate-push .eael-elements-flip-box-rear-container,
.eael-animate-slide .eael-elements-flip-box-rear-container {
  z-index: 3;
}

.eael-animate-push.eael-animate-up .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container {
  top: 100%;
}

.eael-animate-push.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
  top: 0;
}

.eael-animate-push.eael-animate-down .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container {
  top: auto;
  bottom: 100%;
}

.eael-animate-push.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
  top: auto;
  bottom: 0;
}

.eael-animate-push.eael-animate-left .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container {
  left: 100%;
}

.eael-animate-push.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
  left: 0;
}

.eael-animate-push.eael-animate-right .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container {
  left: auto;
  right: 100%;
}

.eael-animate-push.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container,
.eael-animate-slide.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
  left: auto;
  right: 0;
}

/*--- Push + Slide Above ---*/
.eael-animate-push.eael-animate-up.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
  top: -100%;
}

.eael-animate-push.eael-animate-down.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
  top: 100%;
}

.eael-animate-push.eael-animate-left.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
  left: -100%;
}

.eael-animate-push.eael-animate-right.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
  left: 100%;
}

/*--- Zoom In ---*/
.eael-animate-zoom-in .eael-elements-flip-box-rear-container {
  opacity: 0;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  z-index: 3;
}

.eael-animate-zoom-in.eael-elements-flip-box-container:hover .eael-elements-flip-box-rear-container {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

/*--- Zoom Out ---*/
.eael-animate-zoom-out.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
  opacity: 0;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
}

.eael-animate-fade.eael-elements-flip-box-container:hover .eael-elements-flip-box-front-container {
  opacity: 0;
}

/*--- Builder Related Style ---*/
.eael-flipbox-content-align-right .eael-elements-flip-box-padding {
  text-align: right;
}

.eael-flipbox-content-align-left .eael-elements-flip-box-padding {
  text-align: left;
}

.eael-flipbox-content-align-center .eael-elements-flip-box-padding {
  text-align: center;
}

.eael-flipbox-img-circle .eael-elements-flip-box-icon-image img,
.eael-flipbox-img-circle .flipbox-back-image-icon img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
}

/*---------------------------*/
/* 27. Call to action
/*---------------------------*/
.eael-call-to-action {
  width: 100%;
  height: auto;
  display: block;
  padding: 30px;
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 400;
  line-height: 27px;
  margin: 0 auto;
}

.eael-call-to-action p {
  margin-bottom: 10px;
}

.eael-call-to-action .title {
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 10px;
  text-transform: capitalize;
  font-style: normal;
}

.eael-call-to-action.cta-center {
  text-align: center;
}

.eael-call-to-action.cta-right {
  text-align: right;
}

.eael-call-to-action.cta-left {
  text-align: left;
}

.eael-call-to-action.bg-lite {
  background: #f4f4f4;
}

.eael-call-to-action.bg-img {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  position: relative;
  z-index: 0;
  color: rgba(255, 255, 255, 0.7);
}

.eael-call-to-action.bg-img .icon {
  color: #fff;
}

.eael-call-to-action.bg-img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
}

.eael-call-to-action.bg-img.bg-fixed {
  background-attachment: fixed;
  background-position: center center;
}

.eael-call-to-action.bg-img .title {
  color: rgba(255, 255, 255, 0.9);
}

/*--- Cta Flex ---*/
.eael-call-to-action.cta-flex,
.eael-call-to-action.cta-icon-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/*--- Cta Icon Flex ---*/
.eael-call-to-action.cta-icon-flex .icon {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 80px;
  text-align: left;
  line-height: 130px;
}

.eael-call-to-action.cta-icon-flex .action {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
  padding-top: 22px;
  -webkit-flex-basis: 22%;
      -ms-flex-preferred-size: 22%;
          flex-basis: 22%;
}

.eael-call-to-action.cta-icon-flex .content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0px 30px;
}

/*--- Cta Flex ---*/
.eael-call-to-action.cta-flex .content {
  padding: 0px 15px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.eael-call-to-action.cta-flex .action {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
  padding-top: 25px;
  -webkit-flex-basis: 23%;
      -ms-flex-preferred-size: 23%;
          flex-basis: 23%;
}

/*--- Cta Button ---*/
.eael-call-to-action .cta-button {
  position: relative;
  display: inline-block;
  padding: 12px 30px;
  background: #f9f9f9;
  font-size: 16px;
  text-decoration: none;
  color: #4d4d4d;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);
  margin-right: 10px;
  margin-top: 10px;
  z-index: 0;
  overflow: hidden;
}

.eael-call-to-action .cta-button:last-child {
  margin-right: 0px;
}

.eael-call-to-action .cta-button:focus {
  outline: none;
}

/*--- Hover ---*/
.eael-call-to-action .cta-button:hover {
  color: #fff;
  background: #3F51B5;
  -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);
}

/*--- Cta Button effect 1 ---*/
.eael-call-to-action .cta-button.effect-1:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #3F51B5;
  top: 0px;
  left: 0px;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  z-index: -1;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  color: #fff;
}

.eael-call-to-action .cta-button.effect-1:hover::after {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/*--- Cta Button effect 2 ---*/
.eael-call-to-action .cta-button.effect-2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #3F51B5;
  top: 0px;
  left: 0px;
  z-index: -1;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  color: #fff;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
}

.eael-call-to-action .cta-button.effect-2:hover::after {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
      transform: translateX(0);
}

/*--- Media Queries ---*/
@media only screen and (max-width: 768px) {
  .eael-call-to-action.cta-flex,
  .eael-call-to-action.cta-icon-flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .eael-call-to-action .title {
    font-size: 28px;
    line-height: 36px;
    margin-top: 0px;
  }

  .eael-call-to-action.cta-icon-flex .icon {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 48px;
    line-height: 90px;
    text-align: center;
  }

  .eael-call-to-action.cta-flex .content,
  .eael-call-to-action.cta-icon-flex .content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
    padding: 0px;
  }

  .eael-call-to-action.cta-flex .action,
  .eael-call-to-action.cta-icon-flex .action {
    text-align: center;
    padding-top: 0px;
  }

  .eael-call-to-action .cta-button {
    padding: 12px 25px;
  }
}
@media only screen and (max-width: 360px) {
  .eael-call-to-action {
    font-size: 14px;
    line-height: 26px;
  }

  .eael-call-to-action .cta-button {
    padding: 4px 20px;
    font-size: 12px;
  }

  .eael-call-to-action .title {
    font-size: 20px;
    line-height: 30px;
  }
}
/*---------------------------*/
/* 28. Dual Color Heading
/*---------------------------*/
.eael-dual-header {
  display: block;
  margin-bottom: 50px;
}

.eael-dual-header .title,
.eael-dual-header .title span {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 48px;
  margin: 10px 0px;
}

.eael-dual-header .subtext {
  font-size: 16px;
  display: block;
}

.eael-dual-header i {
  display: block;
  padding: 0px;
  margin: 20px 0px 10px 0px;
  font-size: 36px;
}

.eael-dual-header .title span.lead {
  color: #1abc9c;
}

/*--- Dual Header Builder Related Css ---*/
.eael-dual-header-content-align-center {
  text-align: center;
}

.eael-dual-header-content-align-left {
  text-align: left;
}

.eael-dual-header-content-align-right {
  text-align: right;
}

/*---------------------------*/
/* 29. Pricing table
/*---------------------------*/
.eael-pricing {
  -webkit-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.eael-pricing .eael-pricing-item {
  width: 100%;
  height: auto;
  margin: 0;
}

.eael-pricing .eael-pricing-button {
  display: inline-block;
  padding: 12px 25px;
  background: #00C853;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.eael-pricing .eael-pricing-button:hover {
  background: #03b048;
}

.eael-pricing .eael-pricing-item ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.eael-pricing .eael-pricing-item ul li.disable-item {
  text-decoration: line-through;
  opacity: 0.5;
}

.eael-pricing .eael-pricing-item ul li span.li-icon {
  color: #00C853;
  margin-right: 6px;
}

.eael-pricing .eael-pricing-item ul li.disable-item span.li-icon {
  color: #EF5350;
}

/*--- Pricing Table: Style 1 ---*/
.eael-pricing.style-1 {
  position: relative;
  z-index: 0;
  text-align: center;
}

.eael-pricing.style-1 .eael-pricing-item {
  border: 1px solid rgba(9, 9, 9, 0.1);
  padding: 30px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.eael-pricing.style-1 .eael-pricing-item:hover {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.eael-pricing.style-1 .eael-pricing-item.featured {
  position: relative;
}

.eael-pricing.style-1 .eael-pricing-item.ribbon-1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #00C853;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}

.eael-pricing.style-1 .eael-pricing-item.ribbon-2:before {
  content: "Featured";
  position: absolute;
  width: auto;
  background: #00C853;
  color: #fff;
  top: 35px;
  right: -15px;
  z-index: 10;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 10px;
}

.eael-pricing.style-1 .eael-pricing-item.ribbon-2:after {
  content: "";
  position: absolute;
  top: 20px;
  right: -15px;
  width: 0;
  height: 0;
  border-bottom: 15px solid #00C853;
  border-right: 15px solid transparent;
  z-index: 9;
  opacity: 0.9;
}

.eael-pricing.style-1 .eael-pricing-item.ribbon-3:before {
  content: "Featured";
  position: absolute;
  width: auto;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  top: 15px;
  right: 15px;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 15px;
}

.eael-pricing.style-1 .eael-pricing-item .header {
  display: block;
  position: relative;
  z-index: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.eael-pricing.style-1 .eael-pricing-item .header:after {
  content: "";
  position: absolute;
  width: 140px;
  height: 1px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 1;
  background: rgba(9, 9, 9, 0.1);
}

.eael-pricing.style-1 .eael-pricing-item .header .title {
  font-weight: 700;
  line-height: 30px;
  margin: 0px;
}

.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag {
  position: relative;
  z-index: 0;
  padding: 15px 0px;
  margin-bottom: 15px;
}

.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after {
  content: "";
  position: absolute;
  width: 140px;
  height: 1px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 1;
  background: rgba(9, 9, 9, 0.04);
}

.eael-pricing.style-1 .eael-pricing-item .price-tag {
  position: relative;
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
  line-height: 0px;
  margin: 0px auto;
}

.eael-pricing.style-1 .eael-pricing-item .price-tag .price-currency {
  font-size: 24px;
  font-weight: 700;
}

.eael-pricing.style-1 .eael-pricing-item .price-period {
  color: #999;
}

.eael-pricing.style-1 .eael-pricing-item .body ul {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.eael-pricing.style-1 .eael-pricing-item .body ul li {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 0px;
  font-size: 14px;
  color: #6d6d6d;
  border-bottom: 1px solid rgba(9, 9, 9, 0.04);
}

.eael-pricing.style-1 .eael-pricing-item .body ul li:last-child {
  border: none;
}

.eael-pricing.style-1 .eael-pricing-item.featured-large {
  padding: 60px 0px;
}

/*--- Pricing Table : Style 2 ---*/
.eael-pricing.style-2 {
  position: relative;
  z-index: 0;
  text-align: center;
}

.eael-pricing.style-2 .eael-pricing-item {
  padding: 30px 0px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  margin: 0px;
  border: 1px solid rgba(9, 9, 9, 0.1);
}

.eael-pricing.style-2 .eael-pricing-item.featured {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.eael-pricing.style-2 .eael-pricing-item.ribbon-1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #00C853;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}

.eael-pricing.style-2 .eael-pricing-item.ribbon-2:before {
  content: "Featured";
  position: absolute;
  width: auto;
  background: #00C853;
  color: #fff;
  top: 35px;
  right: -15px;
  z-index: 10;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 10px;
}

.eael-pricing.style-2 .eael-pricing-item.ribbon-2:after {
  content: "";
  position: absolute;
  top: 20px;
  right: -15px;
  width: 0;
  height: 0;
  border-bottom: 15px solid #00C853;
  border-right: 15px solid transparent;
  z-index: 9;
  opacity: 0.9;
}

.eael-pricing.style-2 .eael-pricing-item.ribbon-3:before {
  content: "Featured";
  position: absolute;
  width: auto;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  top: 15px;
  right: 15px;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 15px;
}

.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  background: #00c853;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-bottom: 30px;
  text-align: center;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  overflow: hidden;
}

.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i {
  font-size: 30px;
  color: #fff;
  line-height: 80px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon {
  background: #43A047;
}

.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i {
  color: #fff;
}

.eael-pricing.style-2 .eael-pricing-item .header {
  background: #C8E6C9;
  padding: 25px 30px;
  margin-bottom: 15px;
  position: relative;
  z-index: 0;
}

.eael-pricing.style-2 .eael-pricing-item.featured .header:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  background: rgba(255, 255, 255, 0.4);
}

.eael-pricing.style-2 .eael-pricing-item .header .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  margin: 0px;
}

.eael-pricing.style-2 .eael-pricing-item .header .subititle {
  font-size: 14px;
  font-weight: 600;
  color: #6d6d6d;
}

.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
  position: relative;
  z-index: 0;
  padding: 15px 0px;
  margin-bottom: 15px;
}

.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
  content: "";
  position: absolute;
  width: 140px;
  height: 1px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 1;
  background: rgba(9, 9, 9, 0.04);
}

.eael-pricing.style-2 .eael-pricing-item .price-tag {
  position: relative;
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
  line-height: 0px;
  margin: 0px auto;
}

.eael-pricing.style-2 .eael-pricing-item .price-tag .price-currency {
  font-size: 24px;
  font-weight: 700;
}

.eael-pricing.style-2 .eael-pricing-item .price-period {
  color: #999;
}

.eael-pricing.style-2 .eael-pricing-item .body ul {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.eael-pricing.style-2 .eael-pricing-item .body ul li {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 15px;
  font-size: 14px;
  color: #6d6d6d;
  border-bottom: 1px solid rgba(9, 9, 9, 0.04);
}

.eael-pricing.style-2 .eael-pricing-item .body ul li:last-child {
  border: none;
}

/*--- Pricing Table: Style 3 ---*/
.eael-pricing.style-3 .eael-pricing-item {
  background: #262c37;
  padding: 30px;
  color: #fff;
}

.eael-pricing.style-3 .eael-pricing-item.featured {
  position: relative;
  z-index: 0;
}

.eael-pricing.style-3 .eael-pricing-item.ribbon-1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #E25A77;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}

.eael-pricing.style-3 .eael-pricing-item.ribbon-2:before {
  content: "Featured";
  position: absolute;
  width: auto;
  background: #E25A77;
  color: #fff;
  top: 35px;
  right: -15px;
  z-index: 10;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 10px;
}

.eael-pricing.style-3 .eael-pricing-item.ribbon-2:after {
  content: "";
  position: absolute;
  top: 20px;
  right: -15px;
  width: 0;
  height: 0;
  border-bottom: 15px solid #bf4a63;
  border-right: 15px solid transparent;
  z-index: 9;
  opacity: 0.9;
}

.eael-pricing.style-3 .eael-pricing-item.ribbon-3:before {
  content: "Featured";
  position: absolute;
  width: auto;
  background: #E25A77;
  color: #fff;
  top: 15px;
  right: 15px;
  z-index: 10;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 15px;
}

.eael-pricing.style-3 .eael-pricing-item .header {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  z-index: 0;
  overflow: hidden;
}

.eael-pricing.style-3 .eael-pricing-item .header:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 1;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: scaleX(0.4);
  -ms-transform: scaleX(0.4);
      transform: scaleX(0.4);
  background: #E25A77;
}

.eael-pricing.style-3 .eael-pricing-item:hover .header:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
}

.eael-pricing.style-3 .eael-pricing-item .header .title {
  font-family: 'Raleway', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  margin: 0px;
}

.eael-pricing.style-3 .eael-pricing-item .header .subtitle {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag {
  margin-bottom: 30px;
}

.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag .price-tag {
  position: relative;
  display: inline-block;
  font-size: 36px;
  font-weight: 700;
  line-height: 0px;
  padding-left: 12px;
  z-index: 0;
}

.eael-pricing.style-3 .eael-pricing-item .price-tag .price-currency {
  font-size: 24px;
  font-weight: 700;
}

.eael-pricing.style-3 .eael-pricing-item .body ul {
  margin-bottom: 30px;
}

.eael-pricing.style-3 .eael-pricing-item .body ul li {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 0px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(9, 9, 9, 0.04);
}

.eael-pricing.style-3 .eael-pricing-item .body ul li:last-child {
  border: none;
}

.eael-pricing.style-3 .eael-pricing-item .eael-pricing-tag.on-top {
  margin-top: 15px;
  margin-bottom: 15px;
}

/*--- Pricing Table : Style 4 ---*/
.eael-pricing.style-4 {
  position: relative;
  z-index: 0;
  text-align: center;
  padding: 0px;
}

.eael-pricing.style-4 .eael-pricing-item {
  padding: 0px 0px 30px 0px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  margin: 0px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.eael-pricing.style-4 .eael-pricing-item.ribbon-1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #00C853;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}

.eael-pricing.style-4 .eael-pricing-item.ribbon-2:before {
  content: "Featured";
  position: absolute;
  width: auto;
  background: #00C853;
  color: #fff;
  top: 35px;
  right: -15px;
  z-index: 10;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 10px;
}

.eael-pricing.style-4 .eael-pricing-item.ribbon-2:after {
  content: "";
  position: absolute;
  top: 20px;
  right: -15px;
  width: 0;
  height: 0;
  border-bottom: 15px solid #00C853;
  border-right: 15px solid transparent;
  z-index: 9;
  opacity: 0.9;
}

.eael-pricing.style-4 .eael-pricing-item.ribbon-3:before {
  content: "Featured";
  position: absolute;
  width: auto;
  background: #00C853;
  color: #fff;
  top: 15px;
  right: 15px;
  z-index: 10;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 15px;
}

.eael-pricing.style-4 .eael-pricing-item:hover {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.eael-pricing.style-4 .eael-pricing-item .header {
  background: #C8E6C9;
  padding: 25px 0px;
  margin-bottom: 15px;
  position: relative;
  z-index: 0;
}

.eael-pricing.style-4 .eael-pricing-item .header .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  margin: 0px;
}

.eael-pricing.style-4 .eael-pricing-item .header .subititle {
  font-size: 14px;
  font-weight: 600;
  color: #6d6d6d;
}

.eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag {
  position: relative;
  z-index: 0;
  padding: 15px 0px;
  margin-bottom: 15px;
}

.eael-pricing.style-4 .eael-pricing-item .eael-pricing-tag:after {
  content: "";
  position: absolute;
  width: 140px;
  height: 1px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 1;
  background: rgba(9, 9, 9, 0.04);
}

.eael-pricing.style-4 .eael-pricing-item .price-tag {
  position: relative;
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
  line-height: 0px;
  margin: 0px auto;
}

.eael-pricing.style-4 .eael-pricing-item .price-tag .price-currency {
  font-size: 24px;
  font-weight: 700;
}

.eael-pricing.style-4 .eael-pricing-item .price-period {
  color: #999;
}

.eael-pricing.style-4 .eael-pricing-item .body ul {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.eael-pricing.style-4 .eael-pricing-item .body ul li {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 0px;
  font-size: 14px;
  color: #6d6d6d;
  border-bottom: 1px solid rgba(9, 9, 9, 0.04);
}

.eael-pricing.style-4 .eael-pricing-item .body ul li:last-child {
  border: none;
}

.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image {
  position: relative;
  -webkit-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 0;
  width: 100%;
  height: 120px;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 15px;
}

.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag {
  padding: 0px;
  margin: 0px;
}

.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  line-height: 0px;
  margin-bottom: 0px;
}

.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-tag:before {
  font-size: 24px;
  top: -20px;
  left: -18px;
}

.eael-pricing.style-4 .eael-pricing-item .eael-pricing-image .eael-pricing-tag .price-period {
  font-size: 13px;
  font-weight: 600;
}

/*--- Media Query ---*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .eael-pricing {
    display: block;
  }

  .eael-pricing .eael-pricing-item,
  .eael-pricing.style-2 .eael-pricing-item,
  .eael-pricing.style-4 .eael-pricing-item {
    width: 100%;
    margin: 0 auto 30px auto;
  }
}
@media only screen and (max-width: 480px) {
  .eael-pricing {
    display: block;
  }

  .eael-pricing .eael-pricing-item {
    width: 100%;
  }

  .eael-pricing .eael-pricing-item,
  .eael-pricing.style-2 .eael-pricing-item,
  .eael-pricing.style-4 .eael-pricing-item {
    margin: 0 auto 30px auto;
  }
}
/* ---- Pricing Table Tooltip ----*/
div.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow {
  position: absolute;
  top: 50%;
}

div.tooltipster-sidetip.tooltipster-top div.tooltipster-box {
  margin-bottom: 0px !important;
}

div.tooltipster-sidetip.tooltipster-bottom div.tooltipster-box {
  margin-top: 0px !important;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  top: auto;
  bottom: -8px;
}

div.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  top: -8px;
  bottom: auto;
}

/*----------------------------------*/
/* 30. Page Builder Related Style
/*----------------------------------*/
.eael-pricing-content-align-center .eael-pricing {
  text-align: center;
}

.eael-pricing-content-align-left .eael-pricing {
  text-align: left;
}

.eael-pricing-content-align-right .eael-pricing {
  text-align: right;
}

.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag {
  margin-left: 45px;
}

.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before {
  left: 30px;
}

.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
  padding-right: 30px;
}

.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header,
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer,
.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header,
.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer {
  padding-left: 30px;
  padding-right: 30px;
}

.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header,
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer,
.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header,
.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer {
  padding-right: 30px;
  padding-left: 30px;
}

.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li,
.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li {
  padding-left: 30px;
}

.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li,
.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li {
  padding-right: 30px;
}

.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after {
  -webkit-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
      transform: translateX(-80%);
}

.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after {
  -webkit-transform: translateX(80%);
  -ms-transform: translateX(80%);
      transform: translateX(80%);
}

.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after,
.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
      transform: translateX(0%);
}

.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after,
.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .header:after,
.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after,
.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
  margin: 0;
  width: 100%;
}

/*--- Button Alignment ---*/
.eael-pricing-button-align-right .eael-pricing.style-1 .footer,
.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
.eael-pricing-button-align-right .eael-pricing.style-3 .footer,
.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
  text-align: right;
}

.eael-pricing-button-align-center .eael-pricing.style-1 .footer,
.eael-pricing-button-align-center .eael-pricing.style-2 .footer,
.eael-pricing-button-align-center .eael-pricing.style-3 .footer,
.eael-pricing-button-align-center .eael-pricing.style-4 .footer {
  text-align: center;
}

.eael-pricing-button-align-left .eael-pricing.style-1 .footer,
.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
.eael-pricing-button-align-left .eael-pricing.style-3 .footer,
.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
  text-align: left;
}

.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
  padding-right: 30px;
}

.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
  padding-left: 30px;
}

/*--- Button Alignment ---*/
.eael-flip-carousel .flip-carousel-text {
  font-size: 16px;
  font-weight: 600;
  display: block;
  padding: 0px 10px;
  line-height: 27px;
  text-align: center;
}

.eael-flip-carousel.flipster {
  overflow-y: hidden;
}

.eael-flip-carousel .flip-custom-nav {
  font-size: 30px;
  color: #4d4d4d;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-flip-carousel .flipster__button {
  outline: none;
}

/*------------------------------*/
/* 31. Content Timeline Style
/*------------------------------*/
.eael-content-timeline-container {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}

.eael-content-timeline-container::after {
  content: '';
  display: table;
  clear: both;
}

.eael-content-timeline-container {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
  z-index: 0;
}

.eael-content-timeline-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
  z-index: -1;
  display: none;
}

.eael-content-timeline-block {
  position: relative;
  padding: 0 0 2em 0;
  z-index: 0;
}

.eael-content-timeline-line {
  position: absolute;
  top: 5px;
  left: 18px;
  height: 100%;
  width: 4px;
  z-index: -2;
  overflow: hidden;
}

.eael-content-timeline-line .eael-content-timeline-inner {
  position: static;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

.eael-content-timeline-line {
  background: #d7e4ed;
}

.eael-content-timeline-line .eael-content-timeline-inner {
  z-index: -1;
  height: 0px;
}

.eael-content-timeline-block:last-child .eael-content-timeline-line,
.eael-content-timeline-block:last-child .eael-content-timeline-line .eael-content-timeline-inner {
  display: none;
}

.eael-content-timeline-line .eael-content-timeline-inner {
  opacity: 0;
}

.eael-content-timeline-block.highlight .eael-content-timeline-line .eael-content-timeline-inner {
  opacity: 1;
}

.eael-content-timeline-inner.eael-prev-highlighted {
  opacity: 1 !important;
}

.eael-content-timeline-inner.eael-highlighted {
  background: #3CCD94;
  opacity: 1;
}

.eael-content-timeline-inner.eael-muted {
  opacity: 0;
}

@media only screen and (min-width: 992px) {
  .eael-content-timeline-container {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .eael-content-timeline-line,
  .eael-content-timeline-line .eael-content-timeline-inner {
    left: 50%;
  }
}
.eael-content-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.eael-content-timeline-block:first-child {
  margin-top: 0;
}

.eael-content-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .eael-content-timeline-block {
    padding: 0 0 4em 0;
  }

  .eael-content-timeline-block:first-child {
    margin-top: 0;
  }

  .eael-content-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.eael-content-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
  line-height: 1;
  border: 6px solid #f9f9f9;
  -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
}

.eael-content-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.eael-content-timeline-img i {
  line-height: 1;
  margin-top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.eael-content-timeline-img.eael-content-timeline-bullet {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background-color: #3CCD94;
}

.eael-content-timeline-bullet {
  background-color: #3CCD94;
}

.eael-content-timeline-img.eael-picture {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  background: #f1f2f3;
}

.eael-content-timeline-block.highlight .eael-content-timeline-img.eael-picture {
  background: #3CCD94;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

@media only screen and (min-width: 992px) {
  .eael-content-timeline-img {
    left: 50%;
    margin-left: -20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .cssanimations .eael-content-timeline-img.is-hidden {
    visibility: hidden;
  }

  .cssanimations .eael-content-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: eael-bounce-1 0.6s;
    animation: eael-bounce-1 0.6s;
  }
}
@media only screen and (max-width: 991px) {
  .eael-content-timeline-block .eael-content-timeline-content::before {
    border-left: none;
  }

  .eael-content-timeline-img {
    margin-left: 0;
  }
}
@-webkit-keyframes eael-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes eael-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.eael-content-timeline-content {
  position: relative;
  margin-left: 60px;
  -webkit-border-radius: 0.25em;
          border-radius: 0.25em;
  padding: 1em;
}

.eael-content-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.eael-content-timeline-content h2, .eael-content-timeline-content h2 a {
  color: #303e49;
  margin: 0;
  font-size: 100%;
  line-height: 1.5;
}

.eael-content-timeline-content .eael-read-more, .eael-content-timeline-content .eael-date {
  display: inline-block;
}

.eael-content-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.eael-content-timeline-content .eael-read-more {
  float: right;
  display: inline-block;
  padding: 10px 25px;
  font-size: .85em;
  line-height: 1.5;
  color: #fff;
  background-color: #3CCD94;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.eael-content-timeline-content .eael-read-more:hover {
  background-color: #bac4cb;
}

.no-touch .eael-content-timeline-content .eael-read-more:hover {
  background-color: #bac4cb;
}

.eael-content-timeline-content .eael-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}

.eael-content-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

@media only screen and (min-width: 992px) {
  .eael-content-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }

  .eael-content-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #f1f2f3;
  }

  .eael-content-timeline-block:nth-child(odd) .eael-content-timeline-content::before {
    border-right: none;
  }

  .eael-content-timeline-content .eael-date {
    position: absolute;
    width: 100%;
    left: calc(100% + 85px);
    top: 0;
    font-size: 1em;
    padding-left: 5px;
    text-align: left;
  }

  .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content {
    float: right;
  }

  .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #f1f2f3;
    border-left: none !important;
  }

  .eael-content-timeline-block:nth-child(2n) .eael-content-timeline-content::before {
    border-left: none !important;
  }

  .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content .eael-read-more {
    float: left;
  }

  .eael-content-timeline-block:nth-child(2n) .eael-content-timeline-content .eael-date {
    left: auto;
    right: calc(100% + 85px);
    text-align: right;
    font-size: 1em;
    padding-right: 5px;
  }

  .cssanimations .eael-content-timeline-content.is-hidden {
    visibility: hidden;
  }

  .cssanimations .eael-content-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: eael-bounce-2 0.6s;
    animation: eael-bounce-2 0.6s;
  }
}
@media only screen and (min-width: 992px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .eael-content-timeline-block:nth-child(even) .eael-content-timeline-content.bounce-in {
    -webkit-animation: eael-bounce-2-inverse 0.6s;
    animation: eael-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes eael-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes eael-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes eael-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes eael-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
table.eael-data-table thead .sorting, table.eael-data-table thead .sorting_desc, table.eael-data-table thead .sorting_asc {
  position: relative;
  z-index: 0;
  outline: 0;
  cursor: pointer;
}

table.eael-data-table thead .sorting:after, table.eael-data-table thead .sorting_desc:after, table.eael-data-table thead .sorting_asc:after {
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: "FontAwesome";
  color: #fff;
  z-index: 1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.eael-data-table-wrap .eael-data-tables_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.eael-data-table-wrap .eael-data-tables_filter {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  text-align: right;
}
.eael-data-table-wrap .eael-data-tables_filter label {
  font-weight: 700;
}
.eael-data-table-wrap .eael-data-tables_filter label input[type="search"] {
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  outline: 0;
  padding: 10px;
  margin-left: 10px;
}
.eael-data-table-wrap .eael-data-tables_length {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}
.eael-data-table-wrap .eael-data-tables_length select {
  width: auto;
  max-width: 120px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  outline: 0;
  margin-left: 10px;
  margin-right: 10px;
}
.eael-data-table-wrap .eael-data-tables_length label {
  font-weight: 700;
}
.eael-data-table-wrap .eael-data-tables_info {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  font-weight: 700;
}
.eael-data-table-wrap .eael-data-tables_paginate {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  text-align: right;
}
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button {
  padding: 10px 15px;
  background: #f2f2f2;
  margin-right: 2px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button:hover {
  color: #fff;
  background: #4a4893;
}
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.current {
  color: #fff;
  background: #4a4893;
}
.eael-data-table-wrap .eael-data-tables_paginate .paginate_button.disabled {
  cursor: no-drop;
  background: #f2f2f2;
  opacity: .5;
  color: #888;
}

.data-header-icon {
  margin-right: 10px;
}

.eael-data-table {
  width: 100%;
  height: auto;
  margin: 0;
  border-collapse: collapse;
  border: none;
}
.eael-data-table tr {
  border-style: none;
}
.eael-data-table thead tr {
  text-align: left;
}
.eael-data-table thead tr th {
  padding: 20px 15px;
  background: #4a4893;
  font-size: 16px;
  font-weight: 600;
  font-family: "Montserrat", "sans-serif";
  line-height: 1;
  color: #fff;
  border-color: #000;
  border-width: 2px;
  border-style: none;
  background-clip: padding-box;
}
.eael-data-table thead tr th:hover {
  border-color: #000;
}
.eael-data-table tbody tr.even {
  -webkit-transition: background 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
}
.eael-data-table tbody tr.even:hover {
  background: rgba(242, 242, 242, 0.7);
}
.eael-data-table tbody tr.even:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.eael-data-table tbody tr.odd {
  background: rgba(242, 242, 242, 0.5);
  -webkit-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.eael-data-table tbody tr.odd:hover {
  background: rgba(242, 242, 242, 0.7);
}
.eael-data-table tbody tr.odd:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.eael-data-table tbody tr td {
  padding: 20px 15px;
  font-size: 14px;
  font-family: "Montserrat", "sans-serif";
  line-height: 1;
  border-width: 2px;
  border-style: none;
  background-clip: padding-box;
}

.eael-data-table-th-img {
  display: inline-block;
  margin: 0 15px 0 0;
  line-height: 1;
}

.th-mobile-screen {
  display: none;
}

@media (max-width: 39.9375em) {
  .eael-data-table-wrap {
    overflow-x: scroll !important;
    padding-bottom: 5px;
  }

  .th-mobile-screen {
    display: inline-block;
    padding: 0 .6em;
    margin-right: 10px;
    text-align: center;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
            flex-basis: 100px;
  }
  .th-mobile-screen .eael-data-table-th-img {
    margin: 0 auto 15px auto;
    display: block;
  }
  .th-mobile-screen .data-header-icon {
    margin: 0 auto 15px auto;
    display: block;
  }

  .td-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .td-content {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .td-content > p {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .custom-responsive-option-enable .eael-data-table thead {
    display: none;
  }
  .custom-responsive-option-enable .eael-data-table tbody tr td {
    float: none;
    clear: left;
    width: 100%;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .eael-data-table .td-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
table.eael-data-table thead .sorting:after {
  content: "\f0dc";
}
table.eael-data-table thead .headerSortDown:after {
  content: "\f0dd";
}
table.eael-data-table thead .headerSortUp:after {
  content: "\f0de";
}
table.eael-data-table thead .sorting_disabled.sorting:after {
  display: none;
}
table.eael-data-table .sorting.sorting-none:after {
  display: none;
}
table.eael-data-table .sorting_desc.sorting-none:after {
  display: none;
}
table.eael-data-table .sorting_asc.sorting-none:after {
  display: none;
}

.eael-table-align-left table.eael-data-table {
  float: left;
}

.eael-table-align-center table.eael-data-table {
  margin: 0 auto;
}

.eael-table-align-right table.eael-data-table {
  float: right;
}

.eael-hide-elements .eael-data-tables_info {
  display: none;
}

.eael-dt-th-align-left .eael-data-table thead tr th {
  text-align: left;
}

.eael-dt-td-align-left .eael-data-table tbody tr td {
  text-align: left;
}

.eael-dt-th-align-right .eael-data-table thead tr th {
  text-align: right;
  padding-right: 30px;
}

.eael-dt-td-align-right .eael-data-table tbody tr td {
  text-align: right;
  padding-right: 30px;
}

.eael-dt-th-align-center .eael-data-table thead tr th {
  text-align: center;
}

.eael-dt-td-align-center .eael-data-table tbody tr td {
  text-align: center;
}

/*--------------------------------------*/
/* 33. Caldera Contact Form Styler
/*--------------------------------------*/
.eael-caldera-form-align-left,
.eael-caldera-form-btn-align-left {
  text-align: left;
}

.eael-caldera-form-align-right,
.eael-caldera-form-btn-align-right {
  text-align: right;
}

.eael-caldera-form-align-center,
.eael-caldera-form-btn-align-center {
  text-align: center;
}

.eael-caldera-form .control-label {
  display: none;
}

.eael-caldera-form-labels-yes .control-label {
  display: block;
}

.eael-caldera-form-button-center .form-group input[type=button],
.eael-caldera-form-button-center .form-group input[type=submit] {
  display: block;
  margin: 0 auto;
}

.eael-caldera-form-button-right .form-group input[type=button],
.eael-caldera-form-button-right .form-group input[type=submit] {
  float: right;
}

.eael-caldera-form .intl-tel-input {
  display: inherit;
}

.eael-custom-radio-checkbox .caldera-grid input[type=checkbox],
.eael-custom-radio-checkbox .caldera-grid input[type=radio] {
  border-style: solid;
  border-width: 0;
  padding: 3px;
  -webkit-appearance: none;
}

.eael-caldera-form-button-full-width .form-group input[type=submit],
.eael-caldera-form-button-full-width .form-group input[type=button] {
  width: 100%;
}

/*-------------------*/
/* 34. WPForms
/*-------------------*/
.eael-wpforms .wpforms-container .wpforms-form input[type=submit],
.eael-wpforms .wpforms-container .wpforms-form button[type=submit],
.eael-wpforms .wpforms-container .wpforms-form .wpforms-page-button {
  border: 0;
}

.eael-wpforms .wpforms-container .wpforms-form input[type=submit]:hover,
.eael-wpforms .wpforms-container .wpforms-form button[type=submit]:hover,
.eael-wpforms .wpforms-container .wpforms-form .wpforms-page-button:hover {
  border: 0;
}

.eael-wpforms .wpforms-container .wpforms-form input[type=checkbox],
.eael-wpforms .wpforms-container .wpforms-form input[type=radio] {
  padding: 3px;
}

.eael-wpforms .wpforms-container .wpforms-form .wpforms-field-label {
  display: none;
}

.eael-wpforms .wpforms-container .wpforms-form .wpforms-field-name .wpforms-field-row {
  max-width: 100%;
}

.eael-wpforms .wpforms-container .wpforms-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.eael-wpforms .wpforms-container .wpforms-field textarea,
.eael-wpforms .wpforms-container .wpforms-field select {
  max-width: 100% !important;
}

.eael-wpforms-labels-yes .wpforms-container .wpforms-form .wpforms-field-label {
  display: block;
}

.eael-wpforms-form-button-full-width .wpforms-submit-container .wpforms-submit {
  width: 100%;
}

/*------------------------------*/
/* 35. Social Feeds
/*------------------------------*/
.swiper-container-wrap .swiper-slide .eael-social-feed-element img {
  width: 100%;
}

/*--- Twitter Feed Styles ---*/
.eael-social-feed-element.hidden {
  background-color: red !important;
}

.eael-facebook-feed-wrapper::before, .eael-facebook-feed-wrapper::after,
.eael-facebook-feed-container::before, .eael-facebook-feed-container::after,
.eael-twitter-feed-wrapper::before, .eael-twitter-feed-wrapper::after,
.eael-twitter-feed-container::before, .eael-twitter-feed-container::after {
  content: "";
  clear: both;
}

.eael-social-feed-element .pull-left {
  float: left;
  margin-right: 10px;
}

.eael-social-feed-element .pull-right {
  margin-left: 10px;
}

.eael-social-feed-element img {
  width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

.eael-social-feed-element .attachment {
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

/*--- Link styles ---*/
.eael-social-feed-element a {
  color: #0088cc;
  text-decoration: none;
}

.eael-social-feed-element a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.eael-social-feed-element a:hover,
.eael-social-feed-element a:active {
  outline: 0;
  color: #005580;
  text-decoration: underline;
}

/*--- Text styles ---*/
.eael-social-feed-element small {
  font-size: 85%;
}

.eael-social-feed-element strong {
  font-weight: bold;
}

.eael-social-feed-element em {
  font-style: italic;
}

.eael-social-feed-element p {
  margin: 0 0 10px;
}

.eael-social-feed-element .media-body > p {
  margin-bottom: 4px;
  min-height: 20px;
}

.eael-social-feed-element p.social-feed-text {
  margin: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

/*--- Message styles ---*/
.eael-social-feed-element,
.eael-social-feed-element .media-body {
  overflow: hidden;
  zoom: 1;
  overflow: visible;
}

.eael-social-feed-element {
  padding: 0;
  background: none;
}

.eael-social-feed-element .media-body .social-network-icon {
  margin-top: -3px;
  margin-right: 5px;
  width: 16px;
}

.eael-social-feed-element .media-body div {
  color: #666;
  line-height: 20px;
  clear: both;
}

.eael-social-feed-element:first-child {
  margin-top: 0;
}

.eael-social-feed-element .media-object {
  display: block;
  width: 48px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-social-feed-element .media-heading {
  margin: 0 0 5px;
}

.eael-social-feed-element .media-list {
  margin-left: 0;
  list-style: none;
}

.eael-social-feed-element .muted {
  color: #999;
}

.eael-social-feed-element a.muted:hover,
.eael-social-feed-element a.muted:focus {
  color: #808080;
}

.eael-social-feed-element {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: -1px;
  margin-top: 25px;
  color: #333;
  text-align: left;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 16px;
}

.eael-social-feed-element .eael-content {
  padding: 20px 15px 15px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  background: #fff;
}

.eael-social-feed-element .social-network-icon {
  opacity: 0.7;
}

.eael-social-feed-element .author-title {
  color: #444;
  line-height: 1.5em;
  font-weight: 500;
}

/*--- Icon Color ---*/
.media-body .fa-twitter {
  color: #1da1f2;
  margin-right: 8px;
}

.media-body .fa-facebook {
  color: #3b5998;
  margin-right: 8px;
}

/*--- Read More Link ---*/
.text-wrapper p .read-more-link {
  margin-top: 9px;
  display: block;
}

/*--- Navigation Links ---*/
.eael-social-feed-wrapper .slick-prev, .eael-social-feed-element .slick-next {
  background: #1da1f2;
}

/*--- Loading Loader ---*/
.eael-social-feed-wrapper {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}

.eael-loading-feed {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

.eael-loading-feed.show-loading {
  display: block;
  text-align: center;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.eael-loading-feed .loader {
  border: 3px solid #f3f3f3;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border-top: 3px solid #3498db;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  margin: 0 auto;
}

/*--- Safari ---*/
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*--- List View ---*/
.eael-social-feed-container.list-view .eael-social-feed-element {
  margin: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: none;
}

/*--- Carousel View ---*/
.eael-social-feed-container.carousel-view {
  width: 100%;
  height: auto;
}

.eael-social-feed-element {
  margin: 0px;
}

/*--- Masonry View ---*/
.eael-twitter-feed-container.masonry-view .eael-social-feed-element,
.eael-facebook-feed-container.masonry-view .eael-social-feed-element {
  width: 33.33%;
  margin-top: 0px;
  float: left;
}

.eael-social-feed-element .eael-content {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/*--- Editor Related Style ---*/
.eael-social-feed-avatar-circle .eael-social-feed-element .media-object {
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-social-feed-avatar-square .eael-social-feed-element .media-object {
  -webkit-border-radius: 0%;
          border-radius: 0%;
}

.eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date
.eael-social-feed-masonry-col-4 .eael-social-feed-element .social-feed-date {
  text-align: left !important;
}

/*--- Media Query ---*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .eael-twitter-feed-container.masonry-view .eael-social-feed-element,
  .eael-facebook-feed-container.masonry-view .eael-social-feed-element {
    width: 50% !important;
  }
}
@media only screen and (max-width: 480px) {
  .eael-twitter-feed-container.masonry-view .eael-social-feed-element,
  .eael-facebook-feed-container.masonry-view .eael-social-feed-element {
    width: 100% !important;
  }
}
/*------------------------------*/
/* 36. Magnific Popup
/*------------------------------*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/*--- Main image in popup ---*/
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/*--- The shadow behind the image ---*/
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /*--- Remove all paddings around the image on small screen ---*/
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/*------------------------------*/
/* 37. Filterable Gallery
/*------------------------------*/
.eael-filter-gallery-control {
  width: 100%;
}

.eael-filter-gallery-control ul, .eael-filter-gallery-control ul li {
  text-align: center;
}

.eael-filter-gallery-control ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  text-align: center;
}

.eael-filter-gallery-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: 1 1 auto;
      -ms-flex-flow: 1 1 auto;
          flex-flow: 1 1 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 0px;
  margin: 0px;
}

.eael-filter-gallery-control ul li {
  list-style: none;
  font-size: 24px;
  display: inline-block;
  text-align: center;
}

.eael-filter-gallery-control ul li a.control {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 25px;
  margin: 10px 6px;
}

.eael-filter-gallery-container {
  text-align: justify;
  font-size: 0.1px;
}

.eael-filter-gallery-container:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.eael-filter-gallery-container:not(.eael-cards) .item:before {
  content: '';
  display: inline-block;
  padding-top: 56.25%;
}

.eael-filter-gallery-container .item .caption {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: 1 1 100%;
      -ms-flex-flow: 1 1 100%;
          flex-flow: 1 1 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.eael-filter-gallery-container.eael-cards .item .caption {
  display: none;
}

.eael-filter-gallery-container.eael-cards .item .item-img .caption {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: 1 1 100%;
      -ms-flex-flow: 1 1 100%;
          flex-flow: 1 1 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.gallery-item-caption-over {
  width: 100%;
  height: auto;
}

button.mfp-close,
button.mfp-close:hover {
  display: inline-block;
  background: transparent;
}

.mfp-arrow,
.mfp-arrow:hover {
  background: transparent;
}

/*--- Caption Animation ---*/
.eael-filter-gallery-container .item .caption.eael-zoom-in,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-zoom-in {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.eael-filter-gallery-container .item:hover .caption.eael-zoom-in,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-zoom-in {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.eael-filter-gallery-container .item .caption.eael-slide-left,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-left {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.eael-filter-gallery-container .item:hover .caption.eael-slide-left,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-left {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.eael-filter-gallery-container .item .caption.eael-slide-right,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-right {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.eael-filter-gallery-container .item:hover .caption.eael-slide-right,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-right {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.eael-filter-gallery-container .item .caption.eael-slide-top,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-top {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.eael-filter-gallery-container .item:hover .caption.eael-slide-top,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-top {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.eael-filter-gallery-container .item .caption.eael-slide-bottom,
.eael-filter-gallery-container.eael-cards .item .item-img .caption.eael-slide-bottom {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.eael-filter-gallery-container .item:hover .caption.eael-slide-bottom,
.eael-filter-gallery-container.eael-cards .item:hover .item-img .caption.eael-slide-bottom {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.eael-filter-gallery-container .item .caption a {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin: 0 5px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.eael-filter-gallery-container .item .caption a:nth-child(1),
.eael-container .item .caption a:nth-child(2) {
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  opacity: 0;
}

.eael-filter-gallery-container .item .caption a:nth-child(1) {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.eael-filter-gallery-container .item .caption a:nth-child(2) {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.eael-filter-gallery-container .item .caption:hover a:nth-child(1),
.eael-filter-gallery-container .item .caption:hover a:nth-child(2) {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
}

.eael-filter-gallery-container .item .caption .eael-popup-link {
  outline: 0;
}

/*--- Filter Gallery Card Style ---*/
.eael-filter-gallery-container.eael-cards .item:before {
  padding-top: 0px;
}

.eael-filter-gallery-container.eael-cards .item-img {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  height: 220px;
  z-index: 0;
  overflow: hidden;
}

.eael-filter-gallery-container.eael-cards .item-content {
  padding: 15px;
}

.eael-filter-gallery-container.eael-cards .item-content .title,
.eael-filter-gallery-container.eael-cards .item-content .title a {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.eael-filter-gallery-container.eael-cards .item-content p {
  font-size: 14px;
  line-height: 26px;
}

.eael-fg-card-content-align-center .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over {
  text-align: center;
}

.eael-fg-card-content-align-right .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over {
  text-align: right;
}

.eael-fg-hoverer-content-align-center .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over {
  text-align: center;
}

.eael-fg-hoverer-content-align-right .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap .gallery-item-caption-over {
  text-align: right;
}

/*--- Editor Specific Style ---*/
.eael-fg-content-align-left .eael-cards .item .item-content {
  text-align: left;
}

.eael-fg-content-align-center .eael-cards .item .item-content {
  text-align: center;
}

.eael-fg-content-align-right .eael-cards .item .item-content {
  text-align: right;
}

/*--- Magnific Gallery Fix ---*/
.mfp-wrap ~ div.dialog-widget {
  display: none !important;
}

/* -------------- New Gallery CSS -------------- */
.eael-filterable-gallery-item-wrap {
  float: left;
  width: 33.33%;
}

.eael-filter-gallery-container.eael-col-1 .eael-filterable-gallery-item-wrap {
  width: 100%;
}

.eael-filter-gallery-control > ul li {
  font-size: 13px;
  line-height: 1.8;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 6px 15px;
  cursor: pointer;
  margin: 0 5px;
  font-weight: normal;
}

.eael-filter-gallery-container.eael-col-2 .eael-filterable-gallery-item-wrap {
  width: 50%;
}

.eael-filter-gallery-container.eael-col-4 .eael-filterable-gallery-item-wrap {
  width: 25%;
}

.eael-filter-gallery-container.eael-col-5 .eael-filterable-gallery-item-wrap {
  width: 20%;
}

.gallery-grid-item {
  margin-left: calc(20px/2);
  margin-right: calc(20px/2);
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.gallery-item-caption-wrap,
.media-content-wrap {
  font-size: 14px;
  text-align: left;
}

.gallery-item-thumbnail-wrap.caption-style-card img {
  max-height: 100%;
  width: 100%;
}

.gallery-item-caption-wrap.caption-style-hoverer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 15px;
  z-index: 10;
}

.eael-filterable-gallery-item-wrap .gallery-grid-item .gallery-item-thumbnail-wrap > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Gallery content css */
.fg-item-title, .fg-item-content {
  color: #ffffff;
  font-family: inherit;
}

/* --------------------- Gallery Card Style CSS ------------------------------ */
.gallery-item-caption-wrap.caption-style-card .fg-item-title {
  font-size: 18px;
  margin: 15px 0 15px;
  line-height: 1;
}

.gallery-item-caption-wrap.caption-style-card {
  background: #f7f7f7;
}

.gallery-item-caption-wrap.caption-style-card .fg-item-title {
  margin: 10px 0 15px;
  color: #000000;
}

.gallery-item-caption-wrap.caption-style-card .fg-item-content {
  color: #212529;
  line-height: 1.5;
  font-weight: normal;
}

.gallery-item-buttons > a {
  display: inline-block;
  font-size: 16px;
  color: #000;
  margin-right: 15px;
}

.gallery-item-buttons > a:visited {
  color: #000;
}

.gallery-item-caption-wrap.caption-style-card {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: inherit;
}

/* ------------------------- Gallery item hover style ------------------------ */
.gallery-item-caption-wrap .gallery-item-hoverer-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: '';
  background: #000000;
  z-index: -1;
  opacity: .7;
}

.gallery-item-caption-wrap.caption-style-hoverer {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  transition: 0.6s all ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer {
  opacity: 1;
  visibility: visible;
}

.gallery-item-caption-wrap.caption-style-hoverer h5 {
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 1;
}

.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up h5 {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.gallery-item-caption-wrap.caption-style-hoverer p {
  margin-bottom: 5px;
}

.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up p {
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up .gallery-item-buttons {
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.gallery-item-caption-wrap .gallery-item-buttons > a {
  padding: 5px 15px;
  display: inline-block;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
}

.gallery-item-caption-wrap.caption-style-hoverer.eael-zoom-in {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up h5,
.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up .gallery-item-buttons,
.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-slide-up p {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

.gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer.eael-zoom-in {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.gallery-item-caption-wrap.caption-style-hoverer.eael-none {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.gallery-item-thumbnail-wrap > .gallery-item-caption-wrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery-item-caption-wrap.card-hover-bg {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 800ms;
  -o-transition: 800ms;
  transition: 800ms;
}

.gallery-item-thumbnail-wrap:hover .gallery-item-caption-wrap.card-hover-bg {
  visibility: visible;
  opacity: 1;
}

.gallery-item-caption-wrap .gallery-item-buttons > a > i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

/* ---------- Video Gallery -------------- */
.gallery-item-thumbnail-wrap {
  position: relative;
}

.video-popup, .video-popup-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.video-popup > img {
  width: 62px;
  position: relative;
  z-index: 1;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.video-popup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.video-popup:hover > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.video-popup-bg {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}

.gallery-grid-item:hover .video-popup-bg {
  visibility: visible;
  opacity: 1;
}

/* ---------------------- Gallery Column CSS ----------------------- */
@media only screen and (min-width: 1025px) {
  /* For Desktop: */
  .elementor-element.elementor-grid-1 {
    position: relative;
  }

  .elementor-element.elementor-grid-1 .eael-filterable-gallery-item-wrap {
    width: 100%;
    float: left;
  }

  .elementor-element.elementor-grid-2 {
    position: relative;
  }

  .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap {
    width: 50%;
    float: left;
  }

  .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-3 {
    position: relative;
  }

  .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap {
    width: 33.3333%;
    float: left;
  }

  .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-4 {
    position: relative;
  }

  .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap {
    width: 25%;
    float: left;
  }

  .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-5 {
    position: relative;
  }

  .elementor-element.elementor-grid-5 .pp-logo-grid {
    margin-right: -5px;
  }

  .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap {
    width: 20%;
    float: left;
  }

  .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-6 {
    position: relative;
  }

  .elementor-element.elementor-grid-6 .pp-logo-grid {
    margin-right: -6px;
  }

  .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap {
    width: 16.6667%;
    float: left;
  }

  .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) {
    clear: left;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 766px) {
  /* For tablets: */
  .elementor-element.elementor-grid-tablet-1 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-1 .eael-filterable-gallery-item-wrap {
    width: 100%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-2 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap {
    width: 50%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-tablet-3 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap {
    width: 33.3333%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-tablet-4 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap {
    width: 25%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-tablet-5 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap {
    width: 20%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-tablet-6 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-6 .pp-logo-grid {
    margin-right: -6px;
  }

  .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap {
    width: 16.6667%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) {
    clear: left;
  }
}
@media only screen and (max-width: 767px) {
  .elementor-element.elementor-grid-mobile-1 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-1 .eael-filterable-gallery-item-wrap {
    width: 100%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-2 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap {
    width: 50%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-2 .eael-filterable-gallery-item-wrap:nth-of-type(2n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-mobile-3 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap {
    width: 33.3333%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-3 .eael-filterable-gallery-item-wrap:nth-of-type(3n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-mobile-4 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap {
    width: 25%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-4 .eael-filterable-gallery-item-wrap:nth-of-type(4n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-mobile-5 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap {
    width: 20%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-5 .eael-filterable-gallery-item-wrap:nth-of-type(5n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-mobile-6 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-6 .pp-logo-grid {
    margin-right: -6px;
  }

  .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap {
    width: 16.6667%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-6 .eael-filterable-gallery-item-wrap:nth-of-type(6n+1) {
    clear: left;
  }
}
/*---------------------------*/
/* Dynamic Gallery CSS
/*---------------------------*/
.dynamic-gallery-item {
  float: left;
  width: 33.33%;
}

.dynamic-gallery-item-inner {
  margin-left: calc(20px/2);
  margin-right: calc(20px/2);
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.dynamic-gallery-item .item-content > h2 {
  margin: 0;
}

.eael-load-more-button-wrap.dynamic-filter-gallery-loadmore {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dynamic-filter-gallery-loadmore .eael-load-more-button {
  margin: 0px;
}

.eael-filter-gallery-control ul li.control.active {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.dynamic-gallery-thumbnail {
  width: 100%;
  height: 100%;
}

.eael-filter-gallery-container .dynamic-gallery-item .caption.media-only-caption {
  background-color: transparent !important;
}

/* ----- Card Style ------ */
.eael-filter-gallery-wrapper .eael-cards .dynamic-gallery-thumbnail,
.eael-filter-gallery-container.grid.eael-hoverer .dynamic-gallery-item-inner {
  height: 300px;
}

.eael-filter-gallery-wrapper .eael-cards .dynamic-gallery-thumbnail > img,
.eael-filter-gallery-container.grid.eael-hoverer .dynamic-gallery-thumbnail > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*-------- Hoverer Style ---------- */
.eael-filter-gallery-container .dynamic-gallery-thumbnail {
  position: relative;
  overflow: hidden;
}

.eael-filter-gallery-container .caption {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.eael-filter-gallery-container .caption > a {
  position: absolute;
  height: 100%;
  width: 100%;
}

.eael-filter-gallery-container .dynamic-gallery-thumbnail .caption i {
  font-size: 18px;
}

/*-------- Hoverer buttons style ---------- */
.eael-filter-gallery-container .caption > a.popup-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.eael-filter-gallery-container .caption > a.popup-media > i {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: #000;
}

.caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.eael-filter-gallery-container .caption .buttons a,
.card-buttons > a {
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  margin: 0 5px;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
}

.eael-filter-gallery-container .caption > a.popup-media > i,
.eael-filter-gallery-container .caption .buttons a {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

/* Card button styles */
.eael-filter-gallery-container.grid.eael-cards .card-buttons > a:first-child {
  margin-left: 0px;
}

.eael-filter-gallery-container.grid.eael-cards .card-buttons > a:last-child {
  margin-right: 0px;
}

a.popup-only-media.eael-magnific-link {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 999999;
  left: 0;
  top: 0;
}

/* -------------------------------- */
/* Dynamic gallery hover styles
/* -------------------------------- */
.eael-filter-gallery-container .dynamic-gallery-item-inner .caption {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

/*fade in */
.eael-filter-gallery-container .dynamic-gallery-item-inner .caption.eael-fade-in {
  visibility: hidden;
  opacity: 0;
}

.eael-filter-gallery-container .dynamic-gallery-item-inner:hover .caption.eael-fade-in {
  visibility: visible;
  opacity: 1;
}

/*zoom in */
.eael-filter-gallery-container .caption.eael-zoom-in {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}

.eael-filter-gallery-container .dynamic-gallery-item-inner:hover .caption.eael-zoom-in {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  visibility: visible;
  opacity: 1;
}

/*-------- slide in up ----------- */
.eael-filter-gallery-container .dynamic-gallery-item-inner .caption.eael-slide-up {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.eael-filter-gallery-container .dynamic-gallery-item-inner:hover .caption.eael-slide-up {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

/* ---------- Dynamic gallery column ------------ */
/* Incomplete work to do a lot */
@media only screen and (min-width: 1025px) {
  /* For Desktop: */
  .elementor-element.elementor-grid-1 {
    position: relative;
  }

  .elementor-element.elementor-grid-1 .dynamic-gallery-item {
    width: 100%;
    float: left;
  }

  .elementor-element.elementor-grid-2 {
    position: relative;
  }

  .elementor-element.elementor-grid-2 .dynamic-gallery-item {
    width: 50%;
    float: left;
  }

  .elementor-element.elementor-grid-2 .dynamic-gallery-item:nth-of-type(2n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-2 .dynamic-gallery-item:nth-of-type(2n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-3 {
    position: relative;
  }

  .elementor-element.elementor-grid-3 .dynamic-gallery-item {
    width: 33.3333%;
    float: left;
  }

  .elementor-element.elementor-grid-3 .dynamic-gallery-item:nth-of-type(3n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-3 .dynamic-gallery-item:nth-of-type(3n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-4 {
    position: relative;
  }

  .elementor-element.elementor-grid-4 .dynamic-gallery-item {
    width: 25%;
    float: left;
  }

  .elementor-element.elementor-grid-4 .dynamic-gallery-item:nth-of-type(4n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-4 .dynamic-gallery-item:nth-of-type(4n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-5 {
    position: relative;
  }

  .elementor-element.elementor-grid-5 .pp-logo-grid {
    margin-right: -5px;
  }

  .elementor-element.elementor-grid-5 .dynamic-gallery-item {
    width: 20%;
    float: left;
  }

  .elementor-element.elementor-grid-5 .dynamic-gallery-item:nth-of-type(5n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-5 .dynamic-gallery-item:nth-of-type(5n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-6 {
    position: relative;
  }

  .elementor-element.elementor-grid-6 .pp-logo-grid {
    margin-right: -6px;
  }

  .elementor-element.elementor-grid-6 .dynamic-gallery-item {
    width: 16.6667%;
    float: left;
  }

  .elementor-element.elementor-grid-6 .dynamic-gallery-item:nth-of-type(6n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-6 .dynamic-gallery-item:nth-of-type(6n+1) {
    clear: left;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 766px) {
  /* For tablets: */
  .elementor-element.elementor-grid-tablet-1 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-1 .dynamic-gallery-item {
    width: 100%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-2 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-2 .dynamic-gallery-item {
    width: 50%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-2 .dynamic-gallery-item:nth-of-type(2n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-2 .dynamic-gallery-item:nth-of-type(2n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-tablet-3 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-3 .dynamic-gallery-item {
    width: 33.3333%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-3 .dynamic-gallery-item:nth-of-type(3n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-3 .dynamic-gallery-item:nth-of-type(3n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-tablet-4 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-4 .dynamic-gallery-item {
    width: 25%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-4 .dynamic-gallery-item:nth-of-type(4n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-4 .dynamic-gallery-item:nth-of-type(4n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-tablet-5 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-5 .dynamic-gallery-item {
    width: 20%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-5 .dynamic-gallery-item:nth-of-type(5n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-5 .dynamic-gallery-item:nth-of-type(5n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-tablet-6 {
    position: relative;
  }

  .elementor-element.elementor-grid-tablet-6 .pp-logo-grid {
    margin-right: -6px;
  }

  .elementor-element.elementor-grid-tablet-6 .dynamic-gallery-item {
    width: 16.6667%;
    float: left;
  }

  .elementor-element.elementor-grid-tablet-6 .dynamic-gallery-item:nth-of-type(6n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-tablet-6 .dynamic-gallery-item:nth-of-type(6n+1) {
    clear: left;
  }
}
@media only screen and (max-width: 767px) {
  .elementor-element.elementor-grid-mobile-1 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-1 .dynamic-gallery-item {
    width: 100%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-2 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-2 .dynamic-gallery-item {
    width: 50%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-2 .dynamic-gallery-item:nth-of-type(2n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-2 .dynamic-gallery-item:nth-of-type(2n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-mobile-3 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-3 .dynamic-gallery-item {
    width: 33.3333%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-3 .dynamic-gallery-item:nth-of-type(3n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-3 .dynamic-gallery-item:nth-of-type(3n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-mobile-4 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-4 .dynamic-gallery-item {
    width: 25%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-4 .dynamic-gallery-item:nth-of-type(4n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-4 .dynamic-gallery-item:nth-of-type(4n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-mobile-5 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-5 .dynamic-gallery-item {
    width: 20%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-5 .dynamic-gallery-item:nth-of-type(5n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-5 .dynamic-gallery-item:nth-of-type(5n+1) {
    clear: left;
  }

  .elementor-element.elementor-grid-mobile-6 {
    position: relative;
  }

  .elementor-element.elementor-grid-mobile-6 .pp-logo-grid {
    margin-right: -6px;
  }

  .elementor-element.elementor-grid-mobile-6 .dynamic-gallery-item {
    width: 16.6667%;
    float: left;
  }

  .elementor-element.elementor-grid-mobile-6 .dynamic-gallery-item:nth-of-type(6n) {
    margin-right: 0 !important;
  }

  .elementor-element.elementor-grid-mobile-6 .dynamic-gallery-item:nth-of-type(6n+1) {
    clear: left;
  }
}
/*------------------------------*/
/* 38. Content Ticker
/*------------------------------*/
.eael-ticker-wrap {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.eael-ticker-wrap .ticker-badge {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 8px 12px;
}

.eael-ticker-wrap .eael-ticker {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.eael-ticker-wrap .eael-ticker .ticker-content {
  padding: 8px 12px;
  line-height: 1.8;
}

.eael-ticker-wrap .eael-ticker .ticker-content p {
  margin: 0;
}

.eael-ticker-wrap .swiper-button-prev {
  left: auto !important;
  right: 25px;
}

.eael-ticker-wrap div.swiper-slide,
.eael-ticker-wrap div.swiper-slide.swiper-slide-prev,
.eael-ticker-wrap div.swiper-slide.swiper-slide-next {
  opacity: 0 !important;
}

.eael-ticker-wrap div.swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.eael-ticker-wrap .eael-content-ticker.swiper-container .swiper-slide {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .eael-ticker-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .content-ticker-pagination {
    display: none;
  }
}
/*------------------------------*/
/* 39. Image accordion
/*------------------------------*/
.eael-img-accordion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50vh;
}

.eael-img-accordion a {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-box-flex .4s, -webkit-flex .4s;
  transition: -webkit-box-flex .4s, -webkit-flex .4s;
  -o-transition: flex .4s;
  transition: flex .4s;
  transition: flex .4s, -webkit-box-flex .4s, -webkit-flex .4s, -ms-flex .4s;
}

.eael-grow-accordion {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.eael-img-accordion .overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
}

.eael-img-accordion .overlay .overlay-inner {
  z-index: 1;
}

.eael-img-accordion a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.eael-img-accordion .overlay-inner * {
  visibility: hidden;
  opacity: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.eael-img-accordion .overlay h2 {
  color: #fff;
  -webkit-transform: translate3d(0, -60px, 0);
          transform: translate3d(0, -60px, 0);
}

.eael-img-accordion .overlay p {
  color: #fff;
  -webkit-transform: translate3d(0, 60px, 0);
          transform: translate3d(0, 60px, 0);
}

.eael-img-accordion .overlay-inner-show * {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  -webkit-transition: all .3s .3s;
  -o-transition: all .3s .3s;
  transition: all .3s .3s;
}

@media screen and (max-width: 800px) {
  .eael-img-accordion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .eael-img-accordion a:hover {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .eael-img-accordion a:hover .overlay {
    background-color: transparent;
  }

  .eael-img-accordion .overlay h2,
  .eael-img-accordion .overlay p {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
/*------------------------------*/
/* 40. Post List
/*------------------------------*/
.eael-post-list-container {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.eael-post-list-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  border-bottom: 2px solid #e23a47;
}

.eael-post-list-header .header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.eael-post-list-header .header-title .title {
  margin: 0px;
  font-size: 15px;
  font-weight: 500;
  color: #424242;
  display: inline-block;
  background-color: #e23a47;
  color: #fff;
  padding: 0px 25px;
  text-transform: uppercase;
}

.eael-post-list-header .post-categories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.eael-post-list-header .post-categories a {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  padding: 6px 10px;
  margin: 0 3px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.eael-post-list-header .post-categories a:focus {
  outline: 0;
}

.eael-post-list-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  z-index: 0;
  padding: 0px 0px 10px 0px;
}

.eael-post-list-featured-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 15px;
  margin: 10px 0;
}

.eael-post-list-featured-inner {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #9ba4bc;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  position: relative;
  z-index: 0;
  -webkit-animation: eael-fade-in 0.5s linear;
          animation: eael-fade-in 0.5s linear;
}

.eael-post-list-featured-inner:after {
  content: "";
  position: absolute;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.9)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9));
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9));
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: .7;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.eael-post-list-featured-inner:hover::after {
  opacity: 1;
}

.eael-post-list-featured-inner .featured-content {
  width: 100%;
  padding: 15px;
  line-height: 1.5;
}

.eael-post-list-featured-inner .featured-content .meta {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}

.eael-post-list-featured-inner .featured-content .meta span {
  display: inline-block;
  margin-right: 10px;
}

.eael-post-list-featured-inner .featured-content .meta span i {
  margin-right: 4px;
  font-size: 12px;
}

.eael-post-list-featured-inner .featured-content .meta span a {
  color: #fff;
}

.eael-post-list-featured-inner .featured-content .meta span a:hover {
  color: #9ba4bc;
}

.eael-post-list-featured-inner .featured-content .eael-post-list-title,
.eael-post-list-featured-inner .featured-content .eael-post-list-title a {
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
  margin: 8px 0px 0px 0px;
}

.eael-post-list-featured-inner .featured-content .eael-post-list-title a:hover {
  color: #9ba4bc;
}

.eael-post-list-posts-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  margin: 10px 0;
}

.eael-post-list-thumbnail {
  max-width: 30%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  overflow: hidden;
  margin-right: 15px;
}

.eael-empty-thumbnail {
  background-color: #f9f9f9;
}

.eael-post-list-content .meta {
  font-size: 12px;
  line-height: 1;
  margin: 5px 0;
}

.eael-post-list-content .eael-post-list-title,
.eael-post-list-content .eael-post-list-title a {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.eael-post-list-content p {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
}

.post-list-pagination .btn-prev-post,
.post-list-pagination .btn-next-post {
  background: transparent;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}

.post-list-pagination .btn-prev-post:focus,
.post-list-pagination .btn-next-post:focus {
  outline: 0;
  background: transparent;
}

.post-list-pagination .btn-prev-post:disabled,
.post-list-pagination .btn-next-post:disabled,
.post-list-pagination .btn-prev-post:disabled:hover,
.post-list-pagination .btn-next-post:disabled:hover {
  cursor: no-drop;
  opacity: 0.5;
}

.eael-post-list-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px 8px 0;
  -webkit-animation: eael-slide-in-up 0.5s linear;
          animation: eael-slide-in-up 0.5s linear;
}

.eael-post-list-col-1 .eael-post-list-post {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.eael-post-list-col-2 .eael-post-list-post {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.eael-post-list-col-3 .eael-post-list-post {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32%;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
}

/*--- Animations ---*/
@-webkit-keyframes eael-fade-in {
  0% {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  100% {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
@keyframes eael-fade-in {
  0% {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  100% {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
@-webkit-keyframes eael-slide-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes eael-slide-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes eael-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes eael-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@media only screen and (max-width: 767px) {
  .eael-post-list-featured-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
            flex: 1 100%;
    padding: 0;
  }

  .eael-post-list-col-1 .eael-post-list-post,
  .eael-post-list-col-2 .eael-post-list-post,
  .eael-post-list-col-3 .eael-post-list-post {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }
}
/*------------------------------*/
/* 41. Advance Tabs
/*------------------------------*/
.eael-advance-tabs {
  display: block;
}

.eael-advance-tabs .eael-tabs-nav > ul {
  position: relative;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

.eael-advance-tabs .eael-tabs-nav > ul li {
  position: relative;
  padding: 1em 1.5em;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.eael-advance-tabs .eael-tabs-nav > ul li:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 1;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #444;
  border-bottom: 0px;
  display: none;
}

.eael-advance-tabs .eael-tabs-nav > ul li.active:after,
.eael-advance-tabs .eael-tabs-nav > ul li.active-default:after {
  display: block;
}

.eael-tabs-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.eael-advance-tabs .eael-tabs-content > div {
  display: none;
  opacity: 0;
}

.eael-advance-tabs .eael-tabs-content > div.active,
.eael-advance-tabs .eael-tabs-content > div.active-default {
  display: block;
  width: 100%;
  padding: 1em;
  opacity: 1;
  -webkit-animation: fadeIn linear 0.3s;
          animation: fadeIn linear 0.3s;
}

.eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.active:after,
.eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.active-default:after {
  display: none;
}

/*--- Inline Icon ---*/
.eael-tab-inline-icon li a .fa {
  margin-right: 10px;
  line-height: 1;
}

.eael-tab-top-icon li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
}

.eael-tab-top-icon li .fa,
.eael-tab-top-icon li .eael-tab-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  line-height: 1;
}

.eael-tab-top-icon li .eael-tab-title {
  margin-bottom: 7px;
}

/*--- Vertical Tabs ---*/
.eael-advance-tabs.eael-tabs-vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}

.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul > li {
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul li::after {
  bottom: auto !important;
  right: -10px;
  top: calc(50% - 10px) !important;
  left: auto !important;
  border-left: 10px solid #444;
  border-right: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@media only screen and (max-width: 767px) {
  .eael-advance-tabs .eael-tabs-nav > ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .eael-advance-tabs .eael-tabs-nav > ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
            flex: 1 100%;
  }
}
/*------------------------------*/
/* 42. Advance Accordion
/*------------------------------*/
.eael-adv-accordion {
  width: auto;
  height: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header {
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.02);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.fa-accordion-icon {
  display: inline-block;
  margin-right: 10px;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-content {
  display: none;
  border: 1px solid #eee;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.7;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-content p {
  margin: 0;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-content.active {
  display: block;
}

@-webkit-keyframes rotate-90 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}

@keyframes rotate-90 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  100% {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
/*------------------------------*/
/* 43. Tooltips
/*------------------------------*/
.eael-tooltip {
  position: relative;
  display: inline-block;
  min-width: 150px;
  text-align: center;
  padding: 12px 24px;
  font-size: .93rem;
  color: #333;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.eael-tooltip .eael-tooltip-text {
  display: block;
  width: 100%;
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  font-size: .93rem;
  line-height: 1.3;
}

.eael-tooltip .eael-tooltip-text::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
}

.eael-tooltip:hover .eael-tooltip-text {
  visibility: visible;
}

/*--- Left ---*/
.eael-tooltip .eael-tooltip-text.eael-tooltip-left {
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-right: 10px;
}

.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left {
  -webkit-animation: tooltipLeftIn 300ms ease-in-out;
          animation: tooltipLeftIn 300ms ease-in-out;
}

.eael-tooltip .eael-tooltip-text.eael-tooltip-left::after {
  top: calc(50% - 5px);
  left: 100%;
  border-color: transparent transparent transparent black;
}

/*--- Right ---*/
.eael-tooltip .eael-tooltip-text.eael-tooltip-right {
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-left: 10px;
}

.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right {
  -webkit-animation: tooltipRightIn 300ms linear;
          animation: tooltipRightIn 300ms linear;
}

.eael-tooltip .eael-tooltip-text.eael-tooltip-right::after {
  top: calc(50% - 5px);
  right: 100%;
  border-color: transparent black transparent transparent;
}

/*--- Top ---*/
.eael-tooltip .eael-tooltip-text.eael-tooltip-top {
  bottom: calc(100%);
  left: 0;
  right: 0;
  margin: 0 auto 10px auto;
}

.eael-tooltip .eael-tooltip-text.eael-tooltip-top::after {
  margin-top: 0px;
  top: 100%;
  left: calc( 50% - 5px );
  border-color: black transparent transparent transparent;
}

.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-top {
  -webkit-animation: tooltipTopIn 300ms linear;
          animation: tooltipTopIn 300ms linear;
}

/*--- Bottom ---*/
.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom {
  top: 100%;
  left: 0;
  right: 0;
  margin: 10px auto 0px auto;
}

.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom::after {
  margin-top: 0px;
  bottom: 100%;
  left: calc( 50% - 5px );
  border-color: transparent transparent black transparent;
}

.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-bottom {
  -webkit-animation: tooltipBottomIn 300ms linear;
          animation: tooltipBottomIn 300ms linear;
}

/*--- Alignments ---*/
.eael-tooltip-align-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.eael-tooltip-align-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.eael-tooltip-align-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eael-tooltip-align-justify .eael-tooltip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*--- tooltip Keyframes ---*/
@-webkit-keyframes tooltipRightIn {
  0% {
    opacity: 0;
    left: 105%;
  }
  100% {
    opacity: 1;
    left: 100%;
  }
}
@keyframes tooltipRightIn {
  0% {
    opacity: 0;
    left: 105%;
  }
  100% {
    opacity: 1;
    left: 100%;
  }
}
@-webkit-keyframes tooltipLeftIn {
  0% {
    opacity: 0;
    right: 105%;
  }
  100% {
    opacity: 1;
    right: 100%;
  }
}
@keyframes tooltipLeftIn {
  0% {
    opacity: 0;
    right: 105%;
  }
  100% {
    opacity: 1;
    right: 100%;
  }
}
@-webkit-keyframes tooltipTopIn {
  0% {
    opacity: 0;
    bottom: 110%;
  }
  100% {
    opacity: 1;
    bottom: 100%;
  }
}
@keyframes tooltipTopIn {
  0% {
    opacity: 0;
    bottom: 110%;
  }
  100% {
    opacity: 1;
    bottom: 100%;
  }
}
@-webkit-keyframes tooltipBottomIn {
  0% {
    opacity: 0;
    top: 110%;
  }
  100% {
    opacity: 1;
    top: 100%;
  }
}
@keyframes tooltipBottomIn {
  0% {
    opacity: 0;
    top: 110%;
  }
  100% {
    opacity: 1;
    top: 100%;
  }
}
/*------------------------------*/
/* 44. Advance Google Map
/*------------------------------*/
.eael-google-map {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

.eael-google-map img {
  z-index: 1;
  margin: 0 auto;
  display: block;
  width: 100%;
}

.eael-gmap-overlay {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  min-width: 200px;
}

/*------------------------------*/
/* 45. Mailchimp
/*------------------------------*/
.eael-form-fields-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.eael-field-group {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.eael-field-group .eael-mailchimp-input {
  max-width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.eael-mailchimp-fields-wrapper.eael-mailchimp-btn-block .eael-mailchimp-submit-btn {
  display: block;
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/*--- Inline style ---*/
@media only screen and (min-width: 768px) {
  .eael-mailchimp-inline .eael-form-fields-wrapper {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .eael-mailchimp-inline .eael-field-group.eael-mailchimp-submit-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
            flex: 1 100%;
    margin-top: 10px;
  }
}
.eael-mailchimp-inline .eael-field-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.eael-mailchimp-inline .eael-mailchimp-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
      -ms-flex: 1 100%;
          flex: 1 100%;
  margin-right: 5px;
}

.eael-mailchimp-wrap.eael-mailchimp-inline .eael-mailchimp-subscribe {
  margin: 0;
  width: 100%;
}

.eael-form-fields-wrapper.eael-mailchimp-fields-wrapper.eael-mailchimp-btn-block {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.eael-mailchimp-inline .eael-mailchimp-fields-wrapper.eael-mailchimp-btn-block .eael-mailchimp-submit-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

/*--- Stacked style ---*/
.eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group {
  width: 100%;
  margin-bottom: 10px;
}

.eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group label {
  display: block;
  width: 100%;
}

.eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group .eael-mailchimp-input {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.eael-mailchimp-stacked .eael-mailchimp-fields-wrapper .eael-field-group.eael-mailchimp-submit-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1 100%;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

.eael-mailchimp-wrap .eael-mailchimp-subscribe {
  margin: 10px 0;
  width: 100%;
}

.eael-field-group label {
  display: block;
}

.eael-mailchimp-message p {
  margin: 0;
}

.eael-mailchimp-message-text-center .eael-mailchimp-message {
  text-align: center;
}

.eael-mailchimp-message-text-left .eael-mailchimp-message {
  text-align: left;
}

.eael-mailchimp-message-text-right .eael-mailchimp-message {
  text-align: right;
}

.eael-mailchimp-message-text-justify .eael-mailchimp-message {
  text-align: justify;
}

/*------------------------------*/
/* 46. Toggle
/*------------------------------*/
.eael-toggle-switch-inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.eael-toggle-center .eael-toggle-switch-inner {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eael-toggle-right .eael-toggle-switch-inner {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.eael-toggle-switch-container {
  display: inline-block;
  font-size: 26px;
  line-height: 1;
  margin: 0 15px;
  overflow: hidden;
}

.eael-toggle-switch-round {
  -webkit-border-radius: 1.31em;
          border-radius: 1.31em;
}

.eael-toggle-switch-round .eael-toggle-slider:before {
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-toggle-switch {
  position: relative;
  display: inline-block;
  width: 2.31em;
  height: 1.29em;
  margin: 0;
  vertical-align: middle;
}

.eael-toggle-switch input {
  display: none;
}

.eael-toggle-content-wrap.primary .eael-toggle-secondary-wrap {
  display: none;
}

.eael-toggle-content-wrap.secondary .eael-toggle-primary-wrap {
  display: none;
}

.eael-toggle-content-wrap .elementor-section-stretched {
  left: 0 !important;
  width: 100% !important;
}

.eael-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.eael-toggle-slider:before {
  position: absolute;
  content: "";
  height: 1em;
  width: 1em;
  left: 0.16em;
  bottom: 0.15em;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.eael-toggle-switch-on .eael-toggle-slider {
  background-color: #2196F3;
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.eael-toggle-switch-on .eael-toggle-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/*------------------------------*/
/* 47. Counter
/*------------------------------*/
.eael-counter {
  display: inline-block;
}

.eael-counter-icon-wrap, .eael-counter-icon, .eael-counter-icon-divider, .eael-counter-num-divider {
  display: inline-block;
}

.eael-counter-icon {
  line-height: 1;
}

.eael-counter-layout-3-number-wrap,
.eael-counter-layout-3 .eael-icon-title-wrap,
.eael-counter-layout-4-number-wrap,
.eael-counter-layout-4 .eael-icon-title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eael-counter-layout-5, .eael-counter-layout-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eael-counter-layout-6 .eael-counter-icon-wrap {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.eael-counter .eael-icon-title-wrap .eael-counter-title {
  display: inline-block;
}

/*------------------------------*/
/* 48. One page navigation
/*------------------------------*/
.eael-one-page-nav-container {
  position: fixed;
  margin-right: 20px;
  right: 0;
  z-index: 999;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.nav-align-top .eael-one-page-nav-container, .nav-align-bottom .eael-one-page-nav-container {
  left: 50%;
  right: auto;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.nav-align-top .eael-one-page-nav-container {
  top: 0;
  margin-top: 20px;
}

.nav-align-bottom .eael-one-page-nav-container {
  bottom: 0;
  margin-bottom: 20px;
  top: auto;
}

.nav-align-left .eael-one-page-nav-container {
  left: 0;
  margin-left: 20px;
  right: auto;
}

.eael-one-page-nav-container .eael-one-page-nav {
  font-size: 0;
  line-height: 0;
}

.eael-one-page-nav-container .eael-one-page-nav,
.eael-one-page-nav-container .eael-one-page-nav-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-align-top .eael-one-page-nav-item,
.nav-align-bottom .eael-one-page-nav-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.nav-align-top .eael-one-page-nav-item:last-child,
.nav-align-bottom .eael-one-page-nav-item:last-child {
  margin-right: 0 !important;
}

.eael-one-page-nav-item {
  margin-bottom: 10px;
  position: relative;
  line-height: 1;
  text-align: center;
}

.eael-one-page-nav-item:last-child {
  margin-bottom: 0 !important;
}

.eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
  visibility: visible;
  opacity: 1;
}

.eael-one-page-nav-item a:focus {
  outline: none;
}

.eael-one-page-nav-item .eael-nav-dot {
  display: block;
}

.eael-nav-dot-tooltip {
  color: #000;
  font-size: 14px;
  line-height: 1.3;
  opacity: 0;
  position: absolute;
  width: 200px;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
}

.eael-nav-dot-tooltip.eael-tooltip-arrow:after {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  position: absolute;
  right: -5px;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}

.nav-align-top .eael-nav-dot-tooltip,
.nav-align-bottom .eael-nav-dot-tooltip {
  text-align: center;
  left: -95px;
}

.nav-align-top .eael-nav-dot-tooltip.eael-tooltip-arrow:after,
.nav-align-bottom .eael-nav-dot-tooltip.eael-tooltip-arrow:after {
  border-bottom: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: 50%;
  content: "";
  top: -10px;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  right: auto;
}

.nav-align-top .eael-nav-dot-tooltip {
  top: 30px;
  -ms-transform: translateY(15px) translateX(0);
      transform: translateY(15px) translateX(0);
  -webkit-transform: translateY(15px) translateX(0);
}

.nav-align-top .eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
  -ms-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
  -webkit-transform: translateY(0) translateX(0);
}

.nav-align-bottom .eael-nav-dot-tooltip {
  bottom: 30px;
  -ms-transform: translateY(-15px) translateX(0);
      transform: translateY(-15px) translateX(0);
  -webkit-transform: translateY(-15px) translateX(0);
}

.nav-align-bottom .eael-nav-dot-tooltip.eael-tooltip-arrow:after {
  border-top: 5px solid;
  border-bottom: 5px solid transparent;
  bottom: -10px;
  top: auto;
}

.nav-align-bottom .eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
  -ms-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
  -webkit-transform: translateY(0) translateX(0);
}

.nav-align-right .eael-nav-dot-tooltip {
  right: 40px;
  text-align: right;
  top: 50%;
  -ms-transform: translateY(-50%) translateX(-15px);
      transform: translateY(-50%) translateX(-15px);
  -webkit-transform: translateY(-50%) translateX(-15px);
}

.nav-align-right .eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
  opacity: 1;
  -ms-transform: translateY(-50%) translateX(0);
      transform: translateY(-50%) translateX(0);
  -webkit-transform: translateY(-50%) translateX(0);
}

.nav-align-left .eael-nav-dot-tooltip {
  left: 40px;
  top: 50%;
  text-align: left;
  -ms-transform: translateY(-50%) translateX(15px);
      transform: translateY(-50%) translateX(15px);
  -webkit-transform: translateY(-50%) translateX(15px);
}

.nav-align-left .eael-nav-dot-tooltip.eael-tooltip-arrow:after {
  border-right: 5px solid;
  border-left: 5px solid transparent;
  left: -10px;
  right: auto;
}

.nav-align-left .eael-one-page-nav-item:hover .eael-nav-dot-tooltip {
  opacity: 1;
  -ms-transform: translateY(-50%) translateX(0);
      transform: translateY(-50%) translateX(0);
  -webkit-transform: translateY(-50%) translateX(0);
}

.eael-nav-dot-tooltip-content {
  background: #000;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.eael-nav-dot {
  color: #000;
  display: block;
  font-size: 10px;
  line-height: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-transition: color 0.3s ease, border 0.3s ease;
  -o-transition: color 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease;
}

.eael-nav-dot-wrap {
  display: block;
  -webkit-transition: all 0.3s ease, border 0.3s ease;
  -o-transition: all 0.3s ease, border 0.3s ease;
  transition: all 0.3s ease, border 0.3s ease;
}

.admin-bar .nav-align-top .eael-one-page-nav-container {
  top: 32px;
}

/*------------------------------*/
/* 49. Divider
/*------------------------------*/
.eael-divider-wrap {
  font-size: 0;
  line-height: 0;
}

.eael-divider {
  text-align: center;
}

.eael-divider-left .divider-border-left {
  display: none;
}

.eael-divider-right .divider-border-right {
  display: none;
}

/*--- Horizontal ---*/
.horizontal {
  border: 0;
  border-color: #000;
  border-bottom-width: 4px;
  border-top-width: 0px;
  display: inline-block;
  width: 80px;
  height: 0;
  border-style: dashed;
}

/*--- Vertical ---*/
.vertical {
  border: 0;
  display: inline-block;
  border-left: 2px solid #000;
  height: 50px;
}

/*--- divider with Text ---*/
.divider-text-container {
  display: inline-block;
  max-width: 100%;
}

.divider-text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}

.eael-divider-text {
  font-size: 16px;
  line-height: 1.4;
}

.divider-border-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.divider-border {
  border: 0;
  height: 1px;
  border-top: 1px solid #000;
  display: block;
  width: 100%;
}

.eael-divider-content {
  display: inherit;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 20px;
}

/*------------------------------*/
/* 50. Price menu
/*------------------------------*/
.eael-restaurant-menu .eael-restaurant-menu-item-wrap {
  margin-bottom: 10px;
  position: relative;
}

.eael-restaurant-menu .eael-restaurant-menu-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.eael-restaurant-menu .eael-restaurant-menu-image {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 10px;
}

.eael-restaurant-menu .eael-restaurant-menu-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.eael-restaurant-menu .eael-restaurant-menu-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}

.eael-restaurant-menu .eael-restaurant-menu-title {
  display: inline-block;
  margin: 0;
}

.eael-restaurant-menu .eael-restaurant-menu-title a {
  color: inherit;
}

.eael-restaurant-menu-style-1 .eael-restaurant-menu-price {
  float: right;
}

.eael-restaurant-menu-style-3 .eael-restaurant-menu-image {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.eael-restaurant-menu-style-4 .eael-restaurant-menu-item,
.eael-restaurant-menu-style-4 .eael-restaurant-menu-header {
  display: block;
}

.eael-restaurant-menu-style-4 .eael-restaurant-menu-image {
  display: inline-block;
}

.eael-restaurant-menu-style-1 .eael-price-title-connector {
  border-bottom: 1px dashed #000;
  height: 1px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin: 0 20px;
}

.eael-restaurant-menu-style-eael .eael-restaurant-menu-item {
  min-height: 150px;
  position: relative;
}

.eael-restaurant-menu-style-eael .eael-restaurant-menu-price {
  bottom: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  z-index: 1;
}

.eael-restaurant-menu-style-eael .eael-restaurant-menu-price:after {
  border-color: transparent #B83D11;
  border-style: solid;
  border-width: 110px 130px 0 0;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  z-index: -1;
}

.eael-restaurant-menu-divider-wrap {
  font-size: 0;
  line-height: 0;
}

.eael-restaurant-menu-divider {
  display: inline-block;
}

/*------------------------------*/
/* 51. Team carousel
/*------------------------------*/
.eael-tm-wrapper {
  position: relative;
}

.eael-tm-wrapper .eael-tm-social-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.eael-tm-wrapper .eael-tm-social-links li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.eael-tm-wrapper .eael-tm-title-divider-wrap {
  font-size: 0;
  line-height: 1;
}

.eael-tm-wrapper li,
.eael-tm-wrapper .eael-tm-social-icon,
.eael-tm-wrapper .eael-tm-divider {
  display: inline-block;
}

.eael-tm-wrapper .eael-tm:hover .eael-tm-overlay-content-wrap {
  opacity: 1;
  visibility: visible;
}

.eael-tm-wrapper .eael-tm-image {
  display: inline-block;
  position: relative;
}

.eael-tm-content-normal {
  position: relative;
  z-index: 1;
}

.eael-tm-overlay-content-wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s linear 0s;
  -o-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}

.eael-tm-overlay-content-wrap:before {
  background-color: #000;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  z-index: -1;
}

.eael-tm-overlay-content-wrap .eael-tm-content {
  padding: 20px;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.eael-tm-social-icon-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.25s linear 0s;
  -o-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}

.eael-tm-carousel {
  position: relative;
}

.eael-tm-carousel-dots-outside .swiper-pagination {
  position: static;
}

.swiper-container-wrap .swiper-slide,
.swiper-container .swiper-slide {
  text-align: center;
}

.swiper-container-wrap .swiper-slide img,
.swiper-container .swiper-slide img {
  width: auto;
}

.swiper-container-wrap-dots-outside .swiper-pagination,
.swiper-container-dots-outside .swiper-pagination {
  position: static;
}

.swiper-container-wrap .swiper-button-next,
.swiper-container-wrap .swiper-button-prev,
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  background: transparent;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: auto;
}

.swiper-container-wrap .swiper-button-next .fa,
.swiper-container-wrap .swiper-button-prev .fa,
.swiper-container .swiper-button-next .fa,
.swiper-container .swiper-button-prev .fa {
  vertical-align: top;
}

.swiper-container-wrap .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container-wrap-dots-outside .swiper-pagination {
  position: static;
}

.swiper-container-wrap .swiper-pagination-bullet {
  background: #ccc;
  margin: 0 4px;
  opacity: 1;
  height: 8px;
  width: 8px;
}

.swiper-container-wrap .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-3d .swiper-slide {
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-property: all;
}

/*------------------------------*/
/* 52. Image hotspot
/*------------------------------*/
.eael-image-hotspots {
  position: relative;
}

.eael-hot-spot-wrap {
  cursor: pointer;
  position: absolute;
  width: 14px;
  height: 14px;
  background: #000;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eael-hot-spot-image {
  position: relative;
}

.eael-hotspot-text {
  z-index: 5;
}

.eael-hot-spot-inner {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.eael-hot-spot-inner.hotspot-animation:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  left: 0;
  top: 0;
}

.eael-hot-spot-inner.hotspot-animation:hover:before {
  -webkit-animation: none;
          animation: none;
}

.eael-hot-spot-inner,
.eael-hot-spot-inner:before {
  background-color: #000;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  color: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
}

.eael-hotspot-icon {
  position: relative;
}

.eael-hotspot-icon-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-single-tooltip p {
  margin: 0;
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8);
            box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8);
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    -webkit-box-shadow: inset 0 0 1px 1px transparent;
            box-shadow: inset 0 0 1px 1px transparent;
  }
}
.tipso_content p:last-child {
  margin-bottom: 0;
}

/*--- Tipso Bubble Styles ---*/
.tipso_bubble, .tipso_bubble > .tipso_arrow {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tipso_bubble {
  position: absolute;
  text-align: center;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  z-index: 9999;
}

.tipso_style {
  cursor: help;
  border-bottom: 1px dotted;
}

.tipso_title {
  -webkit-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.tipso_content {
  word-wrap: break-word;
  padding: 0.5em;
}

/*--- Tipso Bubble size classes - Similar to Foundation's syntax ---*/
.tipso_bubble.tiny {
  font-size: 0.6rem;
}

.tipso_bubble.small {
  font-size: 0.8rem;
}

.tipso_bubble.default {
  font-size: 1rem;
}

.tipso_bubble.large {
  font-size: 1.2rem;
  width: 100%;
}

/*--- Tipso Bubble Div ---*/
.tipso_bubble > .tipso_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid;
  pointer-events: none;
}

.tipso_bubble.top > .tipso_arrow {
  border-top-color: #000;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  top: 100%;
  left: 50%;
  margin-left: -8px;
}

.tipso_bubble.bottom > .tipso_arrow {
  border-bottom-color: #000;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
}

.tipso_bubble.left > .tipso_arrow {
  border-left-color: #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  top: 50%;
  left: 100%;
  margin-top: -8px;
}

.tipso_bubble.right > .tipso_arrow {
  border-right-color: #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  top: 50%;
  right: 100%;
  margin-top: -8px;
}

.tipso_bubble .top_right_corner,
.tipso_bubble.top_right_corner {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
}

.tipso_bubble .bottom_right_corner,
.tipso_bubble.bottom_right_corner {
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
}

.tipso_bubble .top_left_corner,
.tipso_bubble.top_left_corner {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
}

.tipso_bubble .bottom_left_corner,
.tipso_bubble.bottom_left_corner {
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
}

/*------------------------------*/
/* 53. Logo carousel
/*------------------------------*/
.eael-logo-carousel.grayscale-normal img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.eael-logo-carousel.grayscale-normal .swiper-slide:hover img {
  -webkit-filter: none;
  filter: none;
}

.eael-logo-carousel.grayscale-hover .swiper-slide:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.eael-logo-carousel.swiper-container .swiper-slide {
  text-align: center;
}

.eael-logo-carousel.swiper-container .swiper-slide img {
  width: auto;
}

.eael-logo-carousel .eael-logo-carousel-title a {
  color: inherit;
}

/*------------------------------*/
/* 54. Post carousel
/*------------------------------*/
.eael-post-carousel.grayscale-normal img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.eael-post-carousel.grayscale-normal .swiper-slide:hover img {
  -webkit-filter: none;
  filter: none;
}

.eael-post-carousel.grayscale-hover .swiper-slide:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.eael-post-carousel.swiper-container .swiper-slide {
  text-align: center;
}

.eael-post-carousel .eael-entry-thumbnail > img,
.swiper-container-wrap .eael-post-carousel .swiper-slide img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.eael-post-carousel .eael-post-carousel-title a {
  color: inherit;
}

.eael-author-avatar > a {
  display: block;
}

.eael-entry-footer {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.eael-entry-footer > div {
  display: inline-block;
  float: left;
}

.post_carousel_meta_alignment-right .eael-entry-meta {
  text-align: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.post_carousel_meta_alignment-center .eael-entry-meta {
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.post_carousel_meta_alignment-right .eael-entry-footer > div {
  float: right;
}

.post_carousel_meta_alignment-right .eael-entry-footer .eael-entry-meta {
  text-align: right;
  padding-left: 0;
  padding-right: 15px;
}

.post_carousel_meta_alignment-center .eael-entry-footer > div {
  float: none;
  display: block;
}

.post_carousel_meta_alignment-center .eael-author-avatar {
  margin: 0 auto 15px;
}

/**
 * Protected content
 */
.eael-password-protected-content-fields > form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.eael-password-protected-content-fields .eael-password {
  padding: 10px 20px;
  -webkit-border-radius: 0;
          border-radius: 0;
  font-size: 1em;
  line-height: 1em;
}

.eael-password-protected-content-fields .eael-submit {
  text-transform: uppercase;
  padding: 10px 20px;
  border: 1px solid #333;
  -webkit-border-radius: 0;
          border-radius: 0;
  font-size: 1em;
  line-height: 1em;
}

.eael-protected-content-message {
  padding: 10px;
}

.protected-content-error-msg {
  color: #f00;
}

/*------------------------------*/
/* 56. Progress Bar
/*------------------------------*/
@-webkit-keyframes animateStripe {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(35px, 0);
            transform: translate(35px, 0);
  }
}
@keyframes animateStripe {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(35px, 0);
            transform: translate(35px, 0);
  }
}
@-webkit-keyframes animateStripeRTL {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-35px, 0);
            transform: translate(-35px, 0);
  }
}
@keyframes animateStripeRTL {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-35px, 0);
            transform: translate(-35px, 0);
  }
}
@-webkit-keyframes animateRainbow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes animateRainbow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.eael-progressbar {
  position: relative;
}

.eael-progressbar-title {
  font-size: 20px;
  font-weight: 400;
}

.eael-progressbar-line {
  position: relative;
  display: block;
  width: 100%;
  height: 12px;
  background-color: #eeeeee;
}
.eael-progressbar-line .eael-progressbar-count-wrap {
  position: absolute;
  right: 0;
  bottom: calc(100% + 5px);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.eael-progressbar-line-fill {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 12px;
  background-color: #000000;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: width 1500ms linear;
  -o-transition: width 1500ms linear;
  transition: width 1500ms linear;
  overflow: hidden;
}

.eael-progressbar-line-rainbow .eael-progressbar-line-fill {
  background: -webkit-gradient(linear, right top, left top, from(#9400d3), color-stop(#4b0082), color-stop(#0000ff), color-stop(#00ff00), color-stop(#ffff00), color-stop(#ff7f00), to(#ff0000));
  background: -webkit-linear-gradient(right, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000);
  background: -o-linear-gradient(right, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000);
  background: linear-gradient(270deg, #9400d3, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000);
  -webkit-background-size: 500% 500%;
          background-size: 500% 500%;
  -webkit-animation: animateRainbow 5s ease infinite;
          animation: animateRainbow 5s ease infinite;
}

.eael-progressbar-circle {
  position: relative;
  width: 200px;
  height: 200px;
}
.eael-progressbar-circle .eael-progressbar-title {
  font-size: 16px;
  font-weight: 400;
}
.eael-progressbar-circle .eael-progressbar-count-wrap {
  font-size: 28px;
  font-weight: 700;
}

.eael-progressbar-circle-shadow {
  width: 220px;
  height: 220px;
  padding: 10px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-progressbar-circle-pie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0 0 0 50%);
          clip-path: inset(0 0 0 50%);
}

.eael-progressbar-circle-inner {
  height: 100%;
  width: 100%;
  border-width: 12px;
  border-style: solid;
  border-color: #eeeeee;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.eael-progressbar-circle-half {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-width: 12px;
  border-style: solid;
  border-color: #000000;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-clip-path: inset(0 50% 0 0);
          clip-path: inset(0 50% 0 0);
}

.eael-progressbar-circle-half-left {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.eael-progressbar-circle-half-right {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  visibility: hidden;
}

.eael-progressbar-circle-inner-content {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

.eael-progressbar-circle-fill .eael-progressbar-circle-half {
  background-color: #000000;
}

.eael-progressbar-half-circle {
  position: relative;
  width: 200px;
  height: 100px;
  overflow: hidden;
}
.eael-progressbar-half-circle .eael-progressbar-circle-pie {
  -webkit-clip-path: inset(0 0 50% 0);
          clip-path: inset(0 0 50% 0);
}
.eael-progressbar-half-circle .eael-progressbar-circle-half {
  -webkit-clip-path: inset(50% 0 0 0);
          clip-path: inset(50% 0 0 0);
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 1500ms linear;
  transition: -webkit-transform 1500ms linear;
  -o-transition: transform 1500ms linear;
  transition: transform 1500ms linear;
  transition: transform 1500ms linear, -webkit-transform 1500ms linear;
}
.eael-progressbar-half-circle .eael-progressbar-circle-inner-content {
  top: initial;
  bottom: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.eael-progressbar-half-circle .eael-progressbar-title {
  font-size: 16px;
  font-weight: 400;
}
.eael-progressbar-half-circle .eael-progressbar-count-wrap {
  font-size: 28px;
  font-weight: 700;
}

.eael-progressbar-half-circle-fill .eael-progressbar-circle-half {
  background-color: #000000;
}

.eael-progressbar-half-circle-after {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  clear: both;
}

.eael-progressbar-postfix-label {
  float: right;
}

.eael-progressbar-box {
  width: 100%;
  height: 200px;
  border: 1px solid #eeeeee;
  margin: 0 auto;
}
.eael-progressbar-box .eael-progressbar-box-inner-content {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  z-index: 9;
}
.eael-progressbar-box .eael-progressbar-count-wrap {
  font-size: 28px;
  font-weight: 700;
}
.eael-progressbar-box .eael-progressbar-title {
  font-size: 16px;
  font-weight: 400;
}

.eael-progressbar-box-fill {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  background-color: #000000;
  -webkit-transition: height 1500ms linear;
  -o-transition: height 1500ms linear;
  transition: height 1500ms linear;
}

.eael-progressbar-line-stripe .eael-progressbar-line-fill:after {
  content: '';
  position: absolute;
  top: 0;
  left: -35px;
  width: calc(100% + 70px);
  height: 100%;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 35px 35px;
          background-size: 35px 35px;
}

.eael-progressbar-line-animate .eael-progressbar-line-fill:after {
  -webkit-animation: animateStripe 2s linear infinite;
          animation: animateStripe 2s linear infinite;
}

.eael-progressbar-line-animate-rtl .eael-progressbar-line-fill:after {
  -webkit-animation: animateStripeRTL 2s linear infinite;
          animation: animateStripeRTL 2s linear infinite;
}

/*alignment*/
.eael-progressbar-line-container.left,
.eael-progressbar-circle-container.left > div,
.eael-progressbar-box-container.left > div {
  margin: 0 auto 0 0;
}

.eael-progressbar-line-container.center,
.eael-progressbar-circle-container.center > div,
.eael-progressbar-box-container.center > div {
  margin: 0 auto;
}

.eael-progressbar-line-container.right,
.eael-progressbar-circle-container.right > div,
.eael-progressbar-box-container.right > div {
  margin: 0 0 0 auto;
}

/*------------------------------*/
/* 57. Offcanvas
/*------------------------------*/
.eael-offcanvas-content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
  width: 300px;
  height: 100%;
  overflow-y: auto;
  background: #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.eael-offcanvas-content.eael-offcanvas-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.eael-offcanvas-content-slide.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.eael-offcanvas-content .eael-offcanvas-close {
  position: relative;
  cursor: pointer;
  float: right;
  top: 20px;
  right: 20px;
  line-height: 1;
  z-index: 1;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 24px;
}

html.eael-offcanvas-content-widget, html.eael-offcanvas-content-widget body {
  height: 100%;
}

.eael-offcanvas-content-reset {
  margin-top: 0 !important;
}

.eael-offcanvas-toggle {
  cursor: pointer;
}

.eael-offcanvas-container {
  position: relative;
  left: 0;
  z-index: 99;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.eael-offcanvas-container:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.eael-offcanvas-content-open {
  overflow: hidden;
}

.eael-offcanvas-content-open .eael-offcanvas-container:after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index: 100001;
}

.eael-offcanvas-content.eael-offcanvas-content-right {
  left: auto;
  right: 0;
}

.eael-offcanvas-content .eael-offcanvas-header {
  float: left;
  width: 100%;
  height: 60px;
}

.eael-offcanvas-content .eael-offcanvas-close {
  position: relative;
  cursor: pointer;
  float: right;
  top: 20px;
  right: 20px;
  line-height: 1;
  z-index: 1;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 24px;
}

.eael-offcanvas-content .eael-offcanvas-body {
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

.eael-offcanvas-toggle-wrap .eael-offcanvas-toggle {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.eael-offcanvas-icon-before .eael-offcanvas-toggle-icon {
  margin-right: 5px;
}

.eael-offcanvas-icon-after .eael-offcanvas-toggle-icon {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 5px;
}

.eael-offcanvas-content.eael-offcanvas-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.eael-offcanvas-content.eael-offcanvas-slide.eael-offcanvas-content-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.eael-offcanvas-content.eael-offcanvas-reveal {
  z-index: 1;
}

.eael-offcanvas-content-slide.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.eael-offcanvas-content-left.eael-offcanvas-push {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.eael-offcanvas-content-right.eael-offcanvas-push {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.eael-offcanvas-content-push.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.eael-offcanvas-content-push.eael-offcanvas-content-open.eael-offcanvas-content-left .eael-offcanvas-container {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.eael-offcanvas-content-push.eael-offcanvas-content-open.eael-offcanvas-content-right .eael-offcanvas-container {
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
      transform: translateX(-300px);
}

.eael-offcanvas-content-reveal .eael-offcanvas-container {
  background: #fff;
  overflow: hidden;
}

.eael-offcanvas-content-reveal.eael-offcanvas-content-open {
  position: relative;
  overflow: hidden;
}

.eael-offcanvas-content-reveal.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.eael-offcanvas-content-reveal.eael-offcanvas-content-open.eael-offcanvas-content-left .eael-offcanvas-container {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.eael-offcanvas-content-reveal.eael-offcanvas-content-open.eael-offcanvas-content-right .eael-offcanvas-container {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.eael-offcanvas-content-left.eael-offcanvas-slide-along {
  z-index: 1;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.eael-offcanvas-content-right.eael-offcanvas-slide-along {
  z-index: 1;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}

.eael-offcanvas-content-slide-along .eael-offcanvas-container {
  background: #fff;
  overflow: hidden;
}

.eael-offcanvas-content-slide-along.eael-offcanvas-content-open .eael-offcanvas-content.eael-offcanvas-content-visible {
  visibility: visible;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.eael-offcanvas-content-slide-along.eael-offcanvas-content-open.eael-offcanvas-content-left .eael-offcanvas-container {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.eael-offcanvas-content-slide-along.eael-offcanvas-content-open.eael-offcanvas-content-right .eael-offcanvas-container {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.eael-offcanvas-custom-widget ul {
  padding: 0 0 0 30px;
}

/*------------------------------*/
/* 58. Woo Collections
/*------------------------------*/
.eael-woo-collections {
  position: relative;
  overflow: hidden;
}
.eael-woo-collections .eael-woo-collections-bg {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.eael-woo-collections .eael-woo-collections-bg-hover-zoom-in {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.eael-woo-collections .eael-woo-collections-bg-hover-zoom-out {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.eael-woo-collections .eael-woo-collections-bg-hover-blur {
  -webkit-transition: -webkit-filter 300ms;
  transition: -webkit-filter 300ms;
  -o-transition: filter 300ms;
  transition: filter 300ms;
  transition: filter 300ms, -webkit-filter 300ms;
}
.eael-woo-collections:hover .eael-woo-collections-bg-hover-zoom-in {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.eael-woo-collections:hover .eael-woo-collections-bg-hover-zoom-out {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.eael-woo-collections:hover .eael-woo-collections-bg-hover-blur {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.eael-woo-collections .eael-woo-collections-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}
.eael-woo-collections .eael-woo-collections-overlay.eael-woo-collections-overlay-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.eael-woo-collections .eael-woo-collections-overlay.eael-woo-collections-overlay-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
.eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner.eael-woo-collections-overlay-inner-middle {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner.eael-woo-collections-overlay-inner-top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
.eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.eael-woo-collections .eael-woo-collections-overlay .eael-woo-collections-overlay-inner h2 {
  font-size: 34px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  margin: 0;
  padding: 0;
}

/*-------------------*/
/* 58. Parallax
/*-------------------*/
.elementor-element.eael-prallax-multi {
  overflow: hidden;
}
.elementor-element .eael-parallax-layer {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  pointer-events: none;
}

.elementor-section.eael-particles-section .elementor-container {
  z-index: 99;
}

/*------------------------------*/
/* 60. Advance Menu
/*------------------------------*/
.eael-advanced-menu-container {
  background-color: #54595f;
}
@media screen and (max-width: 991px) {
  .eael-advanced-menu-container {
    min-height: 50px;
    overflow: auto;
  }
}
.eael-advanced-menu-container .eael-advanced-menu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #000000;
  color: #ffffff;
  border: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  outline: none;
  display: block;
}
@media screen and (min-width: 992px) {
  .eael-advanced-menu-container .eael-advanced-menu-toggle {
    display: none;
  }
}
.eael-advanced-menu-container .eael-advanced-menu-toggle-text {
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 14px;
  line-height: 50px !important;
  letter-spacing: 0 !important;
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .eael-advanced-menu-container .eael-advanced-menu-toggle-text {
    display: none;
  }
}
.eael-advanced-menu-container .eael-advanced-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.eael-advanced-menu-container .eael-advanced-menu:after {
  content: "";
  display: table;
  clear: both;
}
.eael-advanced-menu-container .eael-advanced-menu a {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.eael-advanced-menu-container .eael-advanced-menu li a {
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}
.eael-advanced-menu-container .eael-advanced-menu li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.eael-advanced-menu-container .eael-advanced-menu li ul li a {
  font-size: 13px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  color: #000;
  padding-left: 20px;
  padding-right: 20px;
}
.eael-advanced-menu-container .eael-advanced-menu li ul li:hover > a, .eael-advanced-menu-container .eael-advanced-menu li ul li.current-menu-item > a {
  color: #ee355f;
  background-color: #ffffff;
}
.eael-advanced-menu-container .eael-advanced-menu li:hover > a, .eael-advanced-menu-container .eael-advanced-menu li.current-menu-item > a {
  color: #ffffff;
  background-color: #ee355f;
}
.eael-advanced-menu-container .eael-advanced-menu .eael-advanced-menu-indicator {
  position: absolute;
  top: 0;
  right: 10px;
  width: 28px;
  height: 28px;
  display: block;
  border: 1px solid #ffffff80;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.eael-advanced-menu-container .eael-advanced-menu .eael-advanced-menu-indicator:before {
  display: block;
  font-weight: 400;
  line-height: 26px;
  color: #ffffff;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.eael-advanced-menu-container .eael-advanced-menu .eael-advanced-menu-indicator.eael-advanced-menu-indicator-open:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li {
  position: relative;
  float: left;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a {
  display: inline-block;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a span {
  position: relative;
  margin-left: 5px;
}
@media screen and (max-width: 991px) {
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a span {
    display: none;
  }
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul {
  position: absolute;
  top: 100%;
  left: auto;
  width: 220px;
  visibility: hidden;
  opacity: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 5px #0000001a;
          box-shadow: 1px 1px 5px #0000001a;
  z-index: 1;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li {
  position: relative;
  float: none;
  display: block;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li a {
  display: block;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li a span {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li:last-child > a {
  border-bottom-width: 0;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li ul {
  top: 0;
  left: 100%;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li:hover > ul {
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width: 992px) {
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-fade li ul {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-to-top li ul {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-to-top li:hover > ul {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-zoom-in li ul {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-zoom-in li:hover > ul {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-zoom-out li ul {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal.eael-advanced-menu-dropdown-animate-zoom-out li:hover > ul {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal .eael-advanced-menu-indicator {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal {
    position: absolute;
    top: 50px;
    background-color: #54595f;
    width: 100%;
    z-index: 9;
    display: none;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li {
    float: none;
    display: block;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li a {
    display: block;
    text-align: inherit;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    visibility: visible;
    opacity: 1;
    display: none;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li {
    position: relative;
    display: block;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li .eael-advanced-menu-indicator {
    border: 1px solid #00000080;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li .eael-advanced-menu-indicator:before {
    color: #000000;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li ul {
    position: relative;
    width: 100%;
    top: unset;
    left: unset;
  }
  .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal li ul li ul li:last-child > a {
    border-bottom-width: 1px;
  }
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li {
  position: relative;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li a {
  display: block;
  text-align: left;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul {
  display: none;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li {
  position: relative;
  display: block;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li a {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: transparent;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li:last-child > a {
  border-bottom-width: 0;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li .eael-advanced-menu-indicator {
  border: 1px solid #00000080;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li .eael-advanced-menu-indicator:before {
  color: #000000;
}
.eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li ul li ul li:last-child > a {
  border-bottom-width: 1px;
}
@media screen and (min-width: 992px) {
  .eael-advanced-menu-container.eael-advanced-menu-align-center {
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .eael-advanced-menu-container.eael-advanced-menu-align-center .eael-advanced-menu.eael-advanced-menu-horizontal {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media screen and (max-width: 991px) {
  .eael-advanced-menu-container.eael-advanced-menu-align-center .eael-advanced-menu > li > a {
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .eael-advanced-menu-container.eael-advanced-menu-align-right {
    text-align: right;
  }
}
@media screen and (min-width: 992px) {
  .eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-horizontal {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media screen and (max-width: 991px) {
  .eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-horizontal > li > a {
    text-align: right;
  }
}
.eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-horizontal > li > .eael-advanced-menu-indicator {
  right: initial;
  left: 10px;
}
.eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-horizontal > li:last-child a {
  border-right: none;
}
.eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-vertical > li > a {
  text-align: right;
}
.eael-advanced-menu-container.eael-advanced-menu-align-right .eael-advanced-menu.eael-advanced-menu-vertical > li > .eael-advanced-menu-indicator {
  right: initial;
  left: 10px;
}
.eael-advanced-menu-container.eael-advanced-menu-dropdown-align-center .eael-advanced-menu li ul li a {
  text-align: center;
}
.eael-advanced-menu-container.eael-advanced-menu-dropdown-align-right .eael-advanced-menu li ul li a {
  text-align: right;
}
.eael-advanced-menu-container.eael-advanced-menu-dropdown-align-right .eael-advanced-menu li ul li > .eael-advanced-menu-indicator {
  right: initial;
  left: 10px;
}

/*------------------------------*/
/* 61. Image Scroller
/*------------------------------*/
.eael-image-scroller {
  position: relative;
  overflow: auto;
  line-height: 0;
}
.eael-image-scroller img {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
}
.eael-image-scroller.eael-image-scroller-horizontal img {
  width: inherit;
  max-width: unset;
  max-height: 100%;
}
.eael-image-scroller.eael-image-scroller-vertical img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.eael-image-scroller.eael-image-scroller-hover {
  overflow: hidden;
}
.eael-image-scroller.eael-image-scroller-hover img {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}