
/*** Floating Logos ***/
.floating-logos .floating-logo {
    z-index: -1;
    animation-name: pulse_9xVv2;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.floating-logos {
    animation-name: pulse_9xVv2 !important; 
}

.floating-logos .floating-logo1 {
    top: -6%;
    right: -7%;
    position: absolute;
    animation-direction: normal;
}

.floating-logos .floating-logo2 {
    top: -4%;
    left: -3%;
    position: absolute;
    animation-direction: alternate;
}
.floating-logos .floating-logo3 {
    bottom: 70%;
    right: -29%;
    position: absolute;
    animation-direction: reverse;
}
.floating-logos .floating-logo4 {
    bottom: 6%;
    left: 23%;
    position: absolute;
    animation-direction: alternate-reverse;
}
.floating-logos .floating-logo5 {
    top: 80%;
    left: -180px;
    position: absolute;
    animation-direction: normal;
}
.floating-logos .floating-logo6 {
    bottom: 30%;
    left: 14%;
    position: absolute;
    animation-direction: alternate;
}
.floating-logos .floating-logo7 {
    top: 77%;
    right: -22%;
    position: absolute;
    animation-direction: reverse;
}

.floating-logos .floating-logo8 {
    right: 20%;
    bottom: 7%;
    position: absolute;
    animation-direction: alternate-reverse;
}
.floating-logos .floating-logo9 {
    top: 44%;
    left: -31px;
    position: absolute;
    animation-direction: normal;
}
.floating-logos .floating-logo10 {
    top: 48%;
    right: 5%;
    position: absolute;
    animation-direction: alternate;
}
.floating-logos .floating-logo11 {
    top: 44%;
    right: -8%;
    position: absolute;
    animation-direction: reverse;
}
.floating-logos .floating-logo12 {
    top: 43%;
    left: -23%; 
    position: absolute;
    animation-direction: alternate-reverse;
}

@keyframes rot {
	from { transform: rotate(0deg) translate(-50px) rotate(0deg); }
	to { transform: rotate(360deg) translate(-50px) rotate(-360deg); }
}
@-moz-keyframes pulse_9xVv2 {
	0% { transform: translate3d(20px, 0, 0); }
	8% { transform: translate3d(13.33px, -6.66px, 0); }
	17% { transform: translate3d(6.66px, -13.33px, 0); }
	25% { transform: translate3d(0, -20px, 0); }
	33% { transform: translate3d(-6.66px, -13.33px, 0); }
	42% { transform: translate3d(-13.33px, -6.66px, 0); }
	50% { transform: translate3d(-20px, 0, 0); }
	58% { transform: translate3d(-13.33px, 6.66px, 0); }
	67% { transform: translate3d(-6.66px, 13.33px, 0); }
	75% { transform: translate3d(0, 20px, 0); }
	83% { transform: translate3d(6.66px, 13.33px, 0); }
	92% { transform: translate3d(13.33px, 6.66px, 0); }
	100% { transform: translate3d(20px, 0, 0); }
}
@-webkit-keyframes pulse_9xVv2 {
	0% { transform: translate3d(20px, 0, 0); }
	8% { transform: translate3d(13.33px, -6.66px, 0); }
	17% { transform: translate3d(6.66px, -13.33px, 0); }
	25% { transform: translate3d(0, -20px, 0); }
	33% { transform: translate3d(-6.66px, -13.33px, 0); }
	42% { transform: translate3d(-13.33px, -6.66px, 0); }
	50% { transform: translate3d(-20px, 0, 0); }
	58% { transform: translate3d(-13.33px, 6.66px, 0); }
	67% { transform: translate3d(-6.66px, 13.33px, 0); }
	75% { transform: translate3d(0, 20px, 0); }
	83% { transform: translate3d(6.66px, 13.33px, 0); }
	92% { transform: translate3d(13.33px, 6.66px, 0); }
	100% { transform: translate3d(20px, 0, 0); }
}
@-o-keyframes pulse_9xVv2 {
	0% { transform: translate3d(20px, 0, 0); }
	8% { transform: translate3d(13.33px, -6.66px, 0); }
	17% { transform: translate3d(6.66px, -13.33px, 0); }
	25% { transform: translate3d(0, -20px, 0); }
	33% { transform: translate3d(-6.66px, -13.33px, 0); }
	42% { transform: translate3d(-13.33px, -6.66px, 0); }
	50% { transform: translate3d(-20px, 0, 0); }
	58% { transform: translate3d(-13.33px, 6.66px, 0); }
	67% { transform: translate3d(-6.66px, 13.33px, 0); }
	75% { transform: translate3d(0, 20px, 0); }
	83% { transform: translate3d(6.66px, 13.33px, 0); }
	92% { transform: translate3d(13.33px, 6.66px, 0); }
	100% { transform: translate3d(20px, 0, 0); }
}
@keyframes pulse_9xVv2 {
	0% { transform: translate3d(20px, 0, 0); }
	8% { transform: translate3d(13.33px, -6.66px, 0); }
	17% { transform: translate3d(6.66px, -13.33px, 0); }
	25% { transform: translate3d(0, -20px, 0); }
	33% { transform: translate3d(-6.66px, -13.33px, 0); }
	42% { transform: translate3d(-13.33px, -6.66px, 0); }
	50% { transform: translate3d(-20px, 0, 0); }
	58% { transform: translate3d(-13.33px, 6.66px, 0); }
	67% { transform: translate3d(-6.66px, 13.33px, 0); }
	75% { transform: translate3d(0, 20px, 0); }
	83% { transform: translate3d(6.66px, 13.33px, 0); }
	92% { transform: translate3d(13.33px, 6.66px, 0); }
	100% { transform: translate3d(20px, 0, 0); }
}
