/* MENU */
/* Responsive Menu Here
----------------------------------------*/
ul {
  margin: 0px;
  padding: 0px;
}
.react-menus {
  list-style: none;
  margin: 0;
  padding: 0;
}
.react-menus li{
  list-style: none;
}
.react-menus li ul {
  display:none;
}
.react-menus > li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0px;
  float: left;
}
.react-menus li > a {
  color:#c0c0c0;
}
.react-menus > li > a {
  display: block;
  position: relative;
  margin: 0;
  padding: 25px 20px 25px 20px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}
body.react-one-page .react-menus > li > a {
  padding: 26px 16px 26px 16px;
}

.react-menus li.menu-active > a {
  color:#0d1e50;
}


.react-menus li ul.sub-menu li.menu-active > a {
  color:#0d1e50;
}


.react-menus li div.menu-active {
  position: relative;
}


.react-menus > li > ul.sub-menu {
  list-style: none;
  clear: both;
  margin: 0;
  position: absolute;
  z-index: 999;
  border-radius: 0 0 4px 4px;
}
.react-menus li ul.sub-menu {
  background: #fff;
  padding: 18px 0 18px;
  box-shadow: 30px 0 30px rgba(8,10,41,.10);
}
.react-menus li ul.sub-menu > li {
  width: 200px;
}
.react-menus li{
  position: relative;
}
.react-menus li ul.sub-menu li a {
  display: block;
  margin: 0px 0px;
  padding: 5px 35px 5px 35px;
  text-decoration: none;
  font-weight: normal;
  background: none;
  color: #0a0a0a;
}

.react-menus > li > ul.sub-menu > li {
  position: relative;
}
.react-menus > li > ul.sub-menu > li ul.sub-menu {
  position: absolute;
  left: 100%;
  top: 0px;
  display: none;
  list-style: none;
}
.react-menus > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
  position: absolute;
  left: 100%;
  top: 0px;
  display: none;
  list-style: none;
}

.react-menus > li.edge > ul.sub-menu{
  right: 0;
}

.react-menus li ul.sub-menu li.edge ul.sub-menu,
.react-menus > li > ul.sub-menu > li.edge ul.sub-menu > li.edge ul.sub-menu {
  left: -100% !important;
}

/* Menu Toggle Btn
----------------------------------------*/



.menu-toggle .icon-bar {
  display: block !important;
  width: 25px;
  height: 2px;
  background-color: #fff !important;
  margin: 6px 0;
  transition: all 500ms ease;
}

.menu-toggle .icon-bar:nth-child(1){
  width: 16px;
  margin-left: auto;
}

.menu-toggle .icon-bar:nth-child(2){
  width: 20px;
  margin-left: auto;
}

.menu-toggle .icon-bar:hover {
  background-color: #fff !important;
}
.menu-toggle:hover span.icon-bar{
  width: 25px !important;
}
.menu-toggle #menu-btn {
  float: right;
  background: #202020;
  border: 1px solid #0C0C0C;
  padding: 8px;
  border-radius: 5px;
  cursor: pointer;
  margin: 10px;
  clear: right;
  display: none;
}
.hide-menu {
  display: none;
}



/* Responsive Menu Styles
----------------------------------------*/
/*Note: change the max-width asper your requirment and change the same in aceResponsiveMenu({resizeWidth: "991" }) function*/

@media screen and (min-width: 992px) {
  .react-main-menu nav{
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
}


@media screen and (max-width: 991px) {
  .react-menus li ul.sub-menu li a {
      padding: 12px 40px 12px 50px;
  }
  .menu-toggle #menu-btn{
      display: block;
  }
  .react-menus .has-sub .arrow{
      width: 55px;
      height: 54px;
      display: block;
      background: #fff;
      position: absolute;
      right: 0;
      z-index: 99;     
      cursor: pointer;  
      border-left: 1px solid #f5f3f3;                   
  }

  .react-menus .has-sub .arrow:after{
      content: "";
      position: absolute;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 10px solid #0d1e50;
      display: block;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);        
  }

  .react-menus .has-sub.menu-active > .arrow:after{
      content: "";
      position: absolute;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 10px solid #0d1e50;
      border-top: 0px solid #0d1e50;
      display: block;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  ul[data-menu-style="vertical"] , ul[data-menu-style="accordion"],
  ul[data-menu-style="vertical"] li ul.sub-menu {
      width: 100% !important;
  } 
  .react-menus {
      position: absolute;
      width:100%;
      box-shadow: none;
      margin-bottom: 12px;
  }
  .react-menus > li {
      border-bottom: 1px solid #f5f3f3;
     float: none;       
  }
  .react-menus > li ul.sub-menu > li{
      border-top: 1px solid #f5f3f3;
     float: none;       
  }    

  .react-menus > li ul.sub-menu > li:last-child{
      border-bottom: none;
  }

  .react-menus  li {
      position: relative;
      background: #fff;
  }
  .react-header-dark .react-menus  li {
    background: #00A24B;
  }
  .react-menus li a:hover {
      background: #f5f3f3 !important;
      color: #0d1e50 !important;
  }
  .react-menus li > .react-current-page{
      color: #3270FC !important;
  }
  .react-menus > li:first-child {
      border-top: none;
  }

  .react-menus li ul.sub-menu > li {
      width: 100%;
  }
  .react-menus li ul.sub-menu li ul.sub-menu li a{
      padding-left: 60px;
  }  
  .react-menus li ul.sub-menu li ul.sub-menu li ul.sub-menu li a{
      padding-left: 80px;
  }  
  .react-menus > li > ul.sub-menu {
      position: static;
  }
  .react-menus > li > ul.sub-menu > li ul.sub-menu {
      position: static;
  }
  .react-menus > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
      position: static;
  }
} 
.react-sticky .topbar-area.style1{
  display: none;
}
/* MENU */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

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

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */
  position: relative;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/* OWL CAROUSEL */
/* ANIMATIONS */
.home-sliders .owl-item.active .slider-pretitle {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.home-sliders .owl-item.active .slider-title {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.home-sliders .owl-item.active .slider-btn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

@-webkit-keyframes slide-tops {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-tops {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes sticky-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes sticky-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*Pulse Border Animation*/
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/*Spine Animation*/
.spine {
  animation: spine 50s infinite linear;
  -webkit-animation: spine 50s infinite linear;
  -moz-animation: spine 50s infinite linear;
  -o-animation: spine 50s infinite linear;
}
@keyframes spine {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
@-webkit-keyframes spine {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

/*Spine Animation*/
.spine-reverse {
  animation: spine-reverse 10s infinite linear;
  -webkit-animation: spine-reverse 10s infinite linear;
  -moz-animation: spine-reverse 10s infinite linear;
  -o-animation: spine-reverse 10s infinite linear;
}
@keyframes spine-reverse {
  from {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
  to {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
}
@-webkit-keyframes spine-reverse {
  from {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
  to {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
}

/*Spine Animation 2*/
.spine2 {
  animation: spine2 50s infinite linear;
  -webkit-animation: spine2 50s infinite linear;
  -moz-animation: spine2 50s infinite linear;
  -o-animation: spine2 50s infinite linear;
}
@keyframes spine2 {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
@-webkit-keyframes spine2 {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

/*Spine Animation 3*/
.spine3 {
  animation: spine3 90s infinite linear;
  -webkit-animation: spine3 90s infinite linear;
  -moz-animation: spine3 90s infinite linear;
  -o-animation: spine3 90s infinite linear;
}
@keyframes spine3 {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
@-webkit-keyframes spine3 {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

/*Spine Animation 3*/
.spine4 {
  animation: spine4 10s infinite linear;
  -webkit-animation: spine4 10s infinite linear;
  -moz-animation: spine4 10s infinite linear;
  -o-animation: spine4 10s infinite linear;
}
@keyframes spine4 {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
@-webkit-keyframes spine4 {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

/*Move X Animation*/
.move-x {
  animation: move-x 5s infinite linear;
  -webkit-animation: move-x 5s infinite alternate;
  -moz-animation: move-x 5s infinite alternate;
  -o-animation: move-x 5s infinite alternate;
}
.move-x2 {
  animation: move-x 10s infinite alternate;
  -webkit-animation: move-x 10s infinite alternate;
  -moz-animation: move-x 10s infinite alternate;
  -o-animation: move-x 10s infinite alternate;
}
@keyframes move-x {
  0% {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  100% {
    transform: translateX(10%);
    -webkit-transform: translateX(10%);
  }
}
@-webkit-keyframes move-x {
  0% {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  100% {
    transform: translateX(10%);
    -webkit-transform: translateX(10%);
  }
}
/*Move Long X Animation*/
.move-x-long {
  animation: move-x 5s infinite linear;
  -webkit-animation: move-x 5s infinite alternate;
  -moz-animation: move-x 5s infinite alternate;
  -o-animation: move-x 5s infinite alternate;
}
@keyframes move-x-long {
  0% {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}
@-webkit-keyframes move-x-long {
  0% {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}

.move-x-reverse {
  animation: move-x-reverse 5s infinite alternate;
  -webkit-animation: move-x-reverse 5s infinite alternate;
  -moz-animation: move-x-reverse 5s infinite alternate;
  -o-animation: move-x-reverse 5s infinite alternate;
}
@keyframes move-x-reverse {
  0% {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  100% {
    transform: translateX(-10%);
    -webkit-transform: translateX(-10%);
  }
}
@-webkit-keyframes move-x-reverse {
  0% {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  100% {
    transform: translateX(-10%);
    -webkit-transform: translateX(-10%);
  }
}

@keyframes move-y {
  0% {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }
  100% {
    transform: translateY(10%);
    -webkit-transform: translateY(10%);
  }
}
@-webkit-keyframes move-y {
  0% {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }
  100% {
    transform: translateY(10%);
    -webkit-transform: translateY(10%);
  }
}

/*Running Right to Left Animation*/
.run-left {
  animation: run-left 25s infinite alternate;
  -webkit-animation: run-left 25s infinite alternate;
  -moz-animation: run-left 25s infinite alternate;
  -o-animation: run-left 25s infinite alternate;
}
@keyframes run-left {
  0% {
    left: 1000px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes run-left {
  0% {
    right: 0;
  }
  100% {
    right: 100%;
  }
}

/*Marquee Animation 3*/
.marquee {
  animation: marquee 20s infinite linear;
  -webkit-animation: marquee 20s infinite linear;
  -moz-animation: marquee 20s infinite linear;
  -o-animation: marquee 20s infinite linear;
}
/*Marquee Effect*/
@keyframes marquee {
  0% {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }
}
@-webkit-keyframes marquee {
  0% {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }
}

/*Floating Effect*/

@keyframes floating {
  0% {
    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
    transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
    transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }
}

/*Pulse Effect*/
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    opacity: 0;
  }
}

.bounce {
  animation: bounce 1.5s infinite alternate;
  -webkit-animation: bounce 1.5s infinite alternate;
  -moz-animation: bounce 1.5s infinite alternate;
  -o-animation: bounce 1.5s infinite alternate;
}

@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}

.bounce2 {
  animation: bounce2 1.75s infinite alternate;
  -webkit-animation: bounce2 1.75s infinite alternate;
  -moz-animation: bounce2 1.75s infinite alternate;
  -o-animation: bounce2 1.75s infinite alternate;
}

@keyframes bounce2 {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}

@-webkit-keyframes bounce2 {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}

.zoom {
  animation: zoom 1.75s infinite alternate;
  -webkit-animation: zoom 1.75s infinite alternate;
  -moz-animation: zoom 1.75s infinite alternate;
  -o-animation: zoom 1.75s infinite alternate;
}

@keyframes zoom {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}

@-webkit-keyframes zoom {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}

.fade-in {
  animation: fade-in 1.75s infinite alternate;
  -webkit-animation: fade-in 1.75s infinite alternate;
  -moz-animation: fade-in 1.75s infinite alternate;
  -o-animation: fade-in 1.75s infinite alternate;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fade-out {
  animation: fade-out 1.75s infinite alternate;
  -webkit-animation: fade-out 1.75s infinite alternate;
  -moz-animation: fade-out 1.75s infinite alternate;
  -o-animation: fade-out 1.75s infinite alternate;
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* ANIMATIONS */