div.chess {
	height: 36vw;
	position: relative;
}
div.chess i.laptop {
    display: block;
    position: absolute;
    width: 40.7vw;
    height: 33.5vw;
    background: center center url(../img/addiction-laptop.gif) no-repeat;
    background-size: cover;
    left: 3vw;
    top: 4vw;
    z-index: 2;
}
div.chess i.egg-blue {
    display: block;
    position: absolute;
    width: 40.7vw;
    height: 33.5vw;
    background: center center url(../img/addiction-egg-blue.png) no-repeat;
    background-size: cover;
    left: 7vw;
    top: 0vw;
    z-index: 1;
    animation-name: animation_3; 
    animation-duration: 4s; 
    animation-iteration-count: infinite; 
    animation-direction: alternate; 
    animation-fill-mode: both;
}
@keyframes animation_3 {
	0% {transform: translate3d(0px,0px,0) rotate(0deg) scale(1); opacity: 1; animation-timing-function: linear}
	100% {transform: translate3d(-2px,6px,0) rotate(-25deg) scale(1); opacity: 1; }
}
div.chess i.egg-rose {
    display: block;
    position: absolute;
    width: 34.6vw;
    height: 30.8vw;
    background: center center url(../img/addiction-egg-rose.png) no-repeat;
    background-size: cover;
    left: 0vw;
    top: 2vw;
    z-index: 1;
    animation-name: animation_2; 
    animation-duration: 4s; 
    animation-iteration-count: infinite; 
    animation-direction: alternate; 
    animation-fill-mode: both;
}
@keyframes animation_2 {
	0% {transform: translate3d(0px,0px,0) rotate(-15deg) scale(1); opacity: 1; animation-timing-function: linear}
	100% {transform: translate3d(4px,-9px,0) rotate(12deg) scale(1); opacity: 1; }
}
div.suitcase {
	height: 40vw;
	position: relative;
}
div.suitcase i.line {
    display: block;
    position: absolute;
    width: 102vw;
    height: 17.8vw;
    background: center center url(../img/addiction-line.png) no-repeat;
    background-size: cover;
    left: -27vw;
    top: 21vw;
    z-index: 1;
}
div.suitcase i.suitcase {
    display: block;
    position: absolute;
    width: 15.4vw;
    height: 19.8vw;
    background: center center url(../img/addiction-suitcase.png) no-repeat;
    background-size: cover;
    left: 0vw;
    top: 12vw;
    z-index: 3;
    animation-name: animation_7; 
    animation-duration: 12s; 
    animation-iteration-count: infinite; 
    animation-direction: normal; 
    animation-fill-mode: both;
}
@keyframes animation_7 {
	0% { left: -40vw; animation-timing-function: linear}
	100% { left: 80vw; }
}
div.suitcase i.number {
    display: block;
    position: absolute;
    width: 6.8vw;
    height: 14.2vw;
    background: center center url(../img/addiction-number.gif) no-repeat;
    background-size: cover;
    left: -8vw;
    top: 0vw;
    z-index: 2;
}
div.suitcase i.watches {
    display: block;
    position: absolute;
    width: 6.6vw;
    height: 6.6vw;
    background: center center url(../img/addiction-watches.gif) no-repeat;
    background-size: cover;
    right: -9vw;
    top: 0vw;
    z-index: 2;
}
div.tablet {
	height: 32vw;
	position: relative;
}
div.tablet i.tablet {
    display: block;
    position: absolute;
    width: 39.3vw;
    height: 27.9vw;
    background: center center url(../img/addiction-tablet.png) no-repeat;
    background-size: cover;
    left: 0vw;
    top: 2vw;
    z-index: 3;
}
div.tablet i.headphones {
    display: block;
    position: absolute;
    width: 7.8vw;
    height: 6.8vw;
    background: center center url(../img/addiction-headphones.png) no-repeat;
    background-size: cover;
    left: 44vw;
    top: 18vw;
    z-index: 3;
}
div.tablet i.ship {
    display: block;
    position: absolute;
    width: 10.8vw;
    height: 11.0vw;
    background: center center url(../img/addiction-ship.png) no-repeat;
    background-size: cover;
    left: 22vw;
    top: 12vw;
    z-index: 4;
    animation-name: animation_4; 
    animation-duration: 3.6s; 
    animation-iteration-count: infinite; 
    animation-direction: alternate; 
    animation-fill-mode: both;
}
@keyframes animation_4 {
	0% {transform: translate3d(0px,0px,0) rotate(0deg) scale(1); opacity: 1; animation-timing-function: linear}
	33.333333333333336% {transform: translate3d(-0.6vw,-0.2vw,0) rotate(5deg) scale(1); opacity: 1; animation-timing-function: linear}
	66.66666666666667% {transform: translate3d(-1.9vw,0.1vw,0) rotate(-8deg) scale(1); opacity: 1; animation-timing-function: linear}
	100% {transform: translate3d(-2.1vw,-0.2vw,0) rotate(5deg) scale(1); opacity: 1; }
}
div.tablet i.sky {
    display: block;
    position: absolute;
    width: 38vw;
    height: 20vw;
    background: rgb(131, 144, 226);
    left: 1vw;
    top: 3vw;
    z-index: 1;
    animation-name: animation_6; 
    animation-duration: 6.5s; 
    animation-iteration-count: infinite; 
    animation-direction: alternate; 
    animation-fill-mode: both;
}
@keyframes animation_6 {
	0%, 15.384615384615385% { background-color: rgb(249, 223, 221); animation-timing-function: ease-in-out}
	100% { background: rgb(131, 144, 226); }
}
div.tablet i.sun {
    display: block;
    position: absolute;
    width: 4vw;
    height: 4vw;
    background: rgb(250,192,188);
    left: 9vw;
    top: 8vw;
    z-index: 2;
    border-radius: 50%;
    animation-name: animation_5; 
    animation-duration: 6.5s; 
    animation-iteration-count: infinite; 
    animation-direction: alternate; 
    animation-fill-mode: both;
}
@keyframes animation_5 {
	0%, 15.384615384615385% { transform: translateY(0); animation-timing-function: ease-in-out}
	100% {transform: translateY(8.9vw); opacity: 1; }
}

@media only screen and (max-width: 480px) {
	section.content div.kpi>span {
	    width: 52vw;
	}
	div.chess {
		height: 72vw;
	}
	div.chess i.laptop {
	    width: 81.4vw;
	    height: 67vw;
	    left: 6vw;
	    top: 8vw;
	}
	div.chess i.egg-blue {
	    width: 81.4vw;
	    height: 67vw;
	    left: 14vw;
	    top: 0vw;
	}
	div.chess i.egg-rose {
	    width: 69.2vw;
	    height: 61.6vw;
	    left: 0vw;
	    top: 4vw;
	}
	div.suitcase {
		height: 80vw;
	}
	div.suitcase i.line {
	    width: 204vw;
	    height: 35.6vw;
	    left: -54vw;
	    top: 42vw;
	}
	div.suitcase i.suitcase {
	    width: 30.8vw;
	    height: 39.6vw;
	    left: 0vw;
	    top: 24vw;
	}
	@keyframes animation_7 {
		0% { left: -40vw; animation-timing-function: linear}
		100% { left: 120vw; }
	}
	div.suitcase i.number {
	    width: 13.6vw;
	    height: 28.4vw;
	    left: -2.2vw;
	    top: 0vw;
	}
	div.suitcase i.watches {
	    width: 13.2vw;
	    height: 13.2vw;
	    right: 0vw;
	    top: 1vw;
	}
	div.tablet {
		height: 64vw;
	}
	div.tablet i.tablet {
	    width: 78.6vw;
	    height: 55.8vw;
	    left: 0vw;
	    top: 4vw;
	}
	div.tablet i.headphones {
	    width: 15.6vw;
	    height: 13.6vw;
	    left: 82vw;
	    top: 36vw;
	}
	div.tablet i.ship {
	    width: 21.6vw;
	    height: 22.0vw;
	    left: 44vw;
	    top: 24vw;
	}
	div.tablet i.sky {
	    width: 76vw;
	    height: 40vw;
	    left: 2vw;
	    top: 6vw;
	}
	div.tablet i.sun {
	    width: 8vw;
	    height: 8vw;
	    left: 18vw;
	    top: 16vw;
	}
	@keyframes animation_5 {
		0%, 15.384615384615385% { transform: translateY(0); animation-timing-function: ease-in-out}
		100% {transform: translateY(17.8vw); opacity: 1; }
	}
	@keyframes animation_4 {
		0% {transform: translate3d(0,0,0) rotate(0deg) scale(1); opacity: 1; animation-timing-function: linear}
		33.333333333333336% {transform: translate3d(-1.2vw,-0.4vw,0) rotate(5deg) scale(1); opacity: 1; animation-timing-function: linear}
		66.66666666666667% {transform: translate3d(-3.8vw,0.2vw,0) rotate(-8deg) scale(1); opacity: 1; animation-timing-function: linear}
		100% {transform: translate3d(-4.2vw,-0.4vw,0) rotate(5deg) scale(1); opacity: 1; }
	}
}