.pt-page-rotatePullTop {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatePullTop .5s both ease;
	animation: rotatePullTop .5s both ease;
}
.pg-animate {
    animation: fadein .5s;
    -moz-animation: fadein .5s; /* Firefox */
    -webkit-animation: fadein .5s; /* Safari and Chrome */
    -o-animation: fadein .5s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.bod-animate {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatePullTop .5s both ease;
	animation: rotatePullTop .5s both ease;
        overflow: hidden;
}
@-webkit-keyframes rotatePullTop {
	from { opacity: 0; -webkit-transform: rotateX(-90deg); }
}
@keyframes rotatePullTop {
	from { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
}
.hurwrapper:hover .wi-hurricane {
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.gearwrapper:hover .fa-gear {
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.hurwrapper{
    width: 100%;
    display: inline-block;
}
@keyframes spin {
    from {
        transform:rotate(360deg);
    }
    to {
        transform:rotate(0deg);
    }
}
.growrapper:hover .fa-search {
  transform: scale(1.3)
}
.growrapper{
  transition: all .3s ease-in-out; 
}
.sitewrapper:hover .fa-caret-right {
  position: relative;
  animation: mymove .5s infinite;
}
.sitewrapper{
   width: 100%;
}
@keyframes mymove {
  from {left: 0px;}
  to {left: 10px;}
}
.nonsitewrapperdn:hover .caret {
  position: relative;
  animation: theirmove .5s infinite;
}
.nonsitewrapperdn {
   width: 100%;
}
@keyframes theirmove {
  from {top: 0px;}
  to {top: 10px;}
}
.nonsitewrapperup:hover .caret {
  position: relative;
  animation: thismove .5s infinite;
}
.nonsitewrapperup {
   width: 100%;
}
@keyframes thismove {
  from {bottom: 0px;}
  to {bottom: 10px;}
}
.infowrapper:hover .fa-info-circle {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);}
.infowrapper {
   width: 100%;
}


.marquee {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee div {
  display: inline-block;
  width: max-content;
  padding-left: 100%;
  /* show the marquee just outside the paragraph */
  will-change: transform;
  animation: marquee 16s linear infinite;
}

.marquee div:hover {
  animation-play-state: paused
}


@keyframes marquee {
  0% { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}


/* Respect user preferences about animations */

@media (prefers-reduced-motion: reduce) {
  .marquee span {
    animation-iteration-count: 1;
    animation-duration: 0.01; 
    /* instead of animation: none, so an animationend event is 
     * still available, if previously attached.
     */
    width: auto;
    padding-left: 0;
  }
}

.text-styling {
    margin: 0 auto;
}
.fa-play {
  color: #bbbbbb;
}
.fa-pause {
  color: #bbbbbb;
}

.fa-play:hover {
  color: #FF0000;
}
.fa-pause:hover {
  color: #FF0000;
}
.i {
    font-size: 40px;
}

.icn-spinner {
    animation: spin-animation 2s infinite;
    animation-timing-function: linear;
    display: inline-block;
}

@keyframes spin-animation {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.blinky {
  animation: blinker 1s linear 6;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}