#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8{
	display: none;
}

.slide1 #slide1, .slide2 #slide2, .slide3 #slide3, .slide4 #slide4, .slide5 #slide5, .slide6 #slide6, .slide7 #slide7, .slide8 #slide8{
	display: block;
}

#animation-container{
	position: absolute;
	width: 100%;
	margin-top: 35px;
	padding-top: 180px;
	top: 0;
	overflow: hidden;
	z-index: 0;
}

/* @group Slide1 */

@-webkit-keyframes ribbon-container {
	0% {-webkit-transform: translateY(-1200px);}
}

@-webkit-keyframes header {
	100% {background-position-y: bottom;
	}
}

@-webkit-keyframes header2 {
	0% {background-position-x: 1910px;}
}

@-webkit-keyframes fadein {
	0% {top: -2em; opacity: 0;
	}
}

header.home{
	background: #B1E0F7
}

header.home nav{
	z-index: 5!important;
	position: relative;
}

.fadein{
	display: none;
	position: absolute;
	font-size: 2.1em;
	line-height: 1.2em;
	color: #fff;
	text-shadow: 0 2px 0 rgba(0,0,0,0.1);
}

.fadein span{
	position: relative;
	top: 0;
	
	-webkit-animation: fadein .5s ease-in-out 0s;
}

header.home.slide1{
	background: #B1E0F7 url('../images/sprites-houses.png') repeat-x 0 850px;
	-webkit-animation: header 2s ease-in-out 2s forwards, header2 40s linear infinite;
}

.cloud-container{
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	height:100%
}

#ribbon-container{
	top: 100px;
	position: relative;
	-webkit-animation: ribbon-container 1.2s ease-in-out;
}

.container .hero{
	padding-top: 140px;
	overflow: visible;
	position: relative;
	z-index: 1;
}

.container .hero .row .col-md-12{
	height: 425px;	
	position: relative;
}

.ribbon{
	background: url('../images/sprites-ribbon.png') no-repeat left top;
	position: absolute;
	top: 0;
}

.ribbon.ribbon-one{
	background-position: -224px -1225px;
	width: 187px;
	height: 117px;
	-webkit-transform-origin: left 69px;
	
	top: 87px;
	left: 19px;
}

.ribbon.ribbon-two{
	background-position: -34px -894px;
	width: 462px;
	height: 112px;
	-webkit-transform-origin: 2px 0;
	
	top: 104px;
	left: 1px;
}

.ribbon.ribbon-three{
	background-position: -207px -1036px;
	width: 290px;
	height: 159px;
	-webkit-transform-origin: left top;
}

.ribbon.ribbon-four{
	background-position: -17px -450px;
	width: 653px;
	height: 188px;
	-webkit-transform-origin: center center;
	
	top: 136px;
	left: -63px;
}

.ribbon.ribbon-five{
	background-position: -33px -667px;
	width: 637px;
	height: 197px;
	-webkit-transform-origin: 2px 196px;
	
	z-index: 3;
	
	top: 197px;
	left: -47px;
}

.ribbon.ribbon-six{
	width: 685px;
	height: 197px;
	-webkit-transform-origin: 645px 88px;
	
	top: 0;
	left: -80px;
}

.ribbon.ribbon-seven{
	background-position: -17px -228px;
	width: 669px;
	height: 193px;
	-webkit-transform-origin: 18px 191px;
	
	z-index: 3;
	
	top: 89px;
	left: -63px;
}

.coil-one{
	position: absolute;
	width: 290px;
	
	top: 124px;
	left: 175px;
	
	-webkit-transform-origin: 265px 0;
}

.coil-two{
	position: absolute;
	width: 637px;
	
	top: 197px;
	left: -47px;
	
	-webkit-transform-origin: 1px 92px;
}

.coil-three{
	position: absolute;
	width: 685px;
	
	top: 0;
	left: 0;
	
	-webkit-transform-origin: 34px 281px;
}

@-webkit-keyframes ribbon-one {
	0% {-webkit-transform: skewY(10deg);}
}

@-webkit-keyframes ribbon-two {
	0% {-webkit-transform: skewY(8deg) translateY(-28px);}
}

@-webkit-keyframes coil-one {
	0% {-webkit-transform: skewY(-10deg) translateY(38px);}
}

@-webkit-keyframes ribbon-four {
	0% {-webkit-transform: skewY(14deg) translateY(-1544px);}
}

@-webkit-keyframes ribbon-five {
	0% {-webkit-transform: skewY(-10deg) translateY(-1359px);}
}

@-webkit-keyframes coil-two {
	0% {-webkit-transform: skewY(10deg) translateY(-1333px);}
}

@-webkit-keyframes ribbon-six {
	0% {-webkit-transform: skewY(10deg) translateY(-1730px);}
}

@-webkit-keyframes ribbon-seven {
	0% {-webkit-transform: skewY(-10deg) translateY(-1622px);}
}

.ribbon.ribbon-one{
	-webkit-animation: ribbon-one 2s ease-out;
	
}

.ribbon.ribbon-two{
	-webkit-animation: ribbon-two 2s ease-out;
}

.coil-one{
	-webkit-animation: coil-one 2s ease-out;
}

.ribbon.ribbon-four{
	-webkit-animation: ribbon-four 2s ease-out;
}

.ribbon.ribbon-five{
	-webkit-animation: ribbon-five 2s ease-out;
}

.coil-two{
	-webkit-animation: coil-two 2s ease-out;
}

.ribbon.ribbon-six{
	-webkit-animation: ribbon-six 2s ease-out;
}

.ribbon.ribbon-seven{
	-webkit-animation: ribbon-seven 2s ease-out;
}

#tryitnow, .divider-1{
	position: relative;
	z-index: 2;
}

@-webkit-keyframes presents {
	0% {-webkit-transform: translateY(800px);}
}

@-webkit-keyframes cyclists-ribbon-one {
	0% {width: 262px;}
}

@-webkit-keyframes cyclists-ribbon-two {
	100% {-webkit-transform: scaleX(1);
	}
}

@-webkit-keyframes cyclists-before {
	0% {left: -30%;}
}

@-webkit-keyframes create {
	100% {-webkit-transform: translateY(0);}
}

@-webkit-keyframes tag {
	25% {-webkit-transform: rotateX(60deg);}
}

@-webkit-keyframes cloud {
	0% {left: 120%;}
}

@-webkit-keyframes rays {
	100% {-webkit-transform: rotate(60deg);}
}

.presents-bottom{
	width: 606px;
	height: 310px;
	background: url('../images/sprites-presents.png') no-repeat -30px -30px;
	position: absolute;
	
	left: -40px;
	bottom: 0;
	
	-webkit-animation: presents 1.5s cubic-bezier(.5,.2,.5,1);
	
	z-index: 2;
}

.presents-top{
	width: 616px;
	height:290px;
	background: url('../images/sprites-presents.png') no-repeat -666px -30px;
	position: absolute;
	
	left: -31px;
	bottom: 167px;
	
	-webkit-animation: presents 2.5s cubic-bezier(.5,.2,.5,1.2);
	
	z-index: 1;
}

.cyclists{
	float: right;
	width: 204px;
	height: 211px;
	background: url('../images/frames-bicycle.png') no-repeat center top;
	margin-right: -83px;
}

#cyclists-before.cyclists{
	position: absolute;
	left: 10%;
	bottom: 0;
	
	display: none;
}

#cyclists-before.cyclists.trigger{
	-webkit-animation: cyclists-before 1s ease-in;
}

.ribbon-cyclist-one{
	width: 262px;
	height: 109px;
	position: relative;
	left: 10%;
	bottom: -215px;
	display: none;
}

.ribbon-cyclist-one.trigger{
	width: 90%;
	background: url('../images/sprite-cyclist-ribbon-small.png') no-repeat right top;
	-webkit-animation: cyclists-ribbon-one 2.5s ease-out forwards;
}

.ribbon-cyclist-two{
	width: 100%;
	height: 137px;
	background: url('../images/sprite-cyclist-ribbon.png') no-repeat right top;
	background-size: 100% 100%;
	-webkit-transform-origin: right top;
	position: relative;
	right: 14px;
	top: 70px;
}

.ribbon-cyclist-two h2{
	position: absolute;
	right: 20%;
	top: 50px;
	cursor: pointer;
	-webkit-transition: all .1s ease-in-out 0s;
}

.ribbon-cyclist-two h2:hover{
	-webkit-transform: translateY(-2px);
	text-shadow: 0 5px 0 rgba(0,0,0,.1);
}

.ribbon-cyclist-two h2:active{
	-webkit-transform: translateY(1px);
	text-shadow: none;
}

.ribbon-cyclist-two h2, .banner-navigate-replay, .banner-navigate-begin{
	font-family: 'sofiaregular';
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	text-shadow: 0 3px 0 rgba(0,0,0,.2);
	font-weight: normal;
}

.banner-navigate-begin{
	position: absolute;
	bottom: 10px;
	z-index: 99;
	width: 360px;
	text-align: center;
	left: 50%;
	margin-left: -170px;
	padding: 10px 18px 10px ;
	background: #5F819A;
	border-radius: 25px; 
	box-shadow: 3px 3px 0 rgba(0,0,0,0.15);
	cursor: pointer;
	display: none;
}

.create{
	width: 102px;
	height: 100px;
	background: url('../images/sprite-create.png') no-repeat left top;
	position: absolute;
	top: -97px;
	left: 21px;
	-webkit-transform: translateY(-100em);
	-webkit-animation: create 1.6s cubic-bezier(1,1.48,.63,.84) 2.2s forwards;
	
	z-index: 0;
}

.create#cr-r{
	top: -88px;
	left: 117px;
	
	width: 72px;
	height: 69px;
	background-position: -117px top;
	
	-webkit-animation-delay: 2.1s;
}

.create#cr-e{
	top: -106px;
	left: 169px;
	
	width: 72px;
	height: 76px;
	background-position: -204px top;
	
	-webkit-animation-delay: 2.15s;
}

.create#cr-a{
	top: -122px;
	left: 238px;
	
	width: 109px;
	height: 115px;
	background-position: -291px top;
	
	-webkit-animation-delay: 2.3s;
}

.create#cr-t{
	top: -80px;
	left: 349px;
	
	width: 58px;
	height: 58px;
	background-position: -415px top;
	
	-webkit-animation-delay: 2.25s;
}

.create#cr-e2{
	top: -119px;
	left: 397px;
	
	width: 71px;
	height: 98px;
	background-position: -489px top;
	
	-webkit-animation-delay: 2.28s;
}

.create-a{
	width: 48px;
	height: 80px;
	display: block;
	position: absolute;
	background: url('../images/sprites-presents.png') no-repeat -29px -370px;
	
	left: 244px;
	z-index: 2;
	-webkit-transform-origin: 33px 0;
	-webkit-user-select: none;
	padding-top: 80px;
	
	-webkit-animation: tag 1s ease-out 2.3s forwards;
}

.create-beautiful, .create-online{
	display: none;
	position: absolute;
	z-index: 2;
}

.create-beautiful{
	width: 249px;
	height: 43px;
	top: 55px;
	left: 12px;
	background: url('../images/sprites-presents.png') no-repeat -220px -371px;
}

.create-online{
	width: 153px;
	height: 38px;
	top: 81px;
	left: 292px;
	background: url('../images/sprites-presents.png') no-repeat -498px -370px;
}

.cloud{
	position: absolute;
	width: 290px;
	height: 175px;
	
	top: 195px;
	left: -10%;
	background: url('../images/sprites-clouds.png') no-repeat left top;
	
	-webkit-animation: cloud 60s linear infinite;
	opacity: .9;
}

.cloud.cloud-one{
	width: 144px;
	height: 109px;
	
	top: 385px;
	left: -40%;
	background-position: -305px -33px;
	-webkit-animation-delay: 52.5s;
}

.cloud.cloud-two{
	width: 244px;
	height: 131px;
	
	top: 285px;
	left: -80%;
	background-position: -464px -23px;
	
	-webkit-animation-delay: 36.5s;
}

.cloud.cloud-three{
	width: 114px;
	height: 74px;
	
	top: 460px;
	left: -60%;
	background-position: -723px -51px;
	
	-webkit-animation-delay: 20.5s;
}

.sun, .sun .rays{
	width: 192px;
	height: 192px;
	
	background: url('../images/sprites-sun.png') no-repeat center top;
	
	display: none!important;
}

.slide1 .sun, .slide1 .sun .rays, .slide1 .cloud-container{
	display: block;
}

.sun{
	position: absolute;
	top: 22%;
	left: 70%;
	z-index: 5;
}

.sun:hover{
	background-position: center bottom;
}

.sun .rays{
	background-position: left top;
	-webkit-animation: rays 4s ease-in-out 0s infinite alternate;
}

.thought, .thought-mobile{
	position: absolute;
	top: -280px;
	left: 450px;
	background: url('../images/sprites-thought-bubble.png') no-repeat left top;
	padding: 54px 67px 59px 39px;
	width: 587px;
	height: 283px;
	font-family: 'sofiaregular';
	font-size: 36px;
	line-height: 40px;
	color: #3B5366;
	text-shadow: 0 3px 0 rgba(0,0,0,.05);
	text-align: center;
	z-index: 12;
	display: none;
}
	
.thought-mobile{
	background: url('../images/sprites-thought-bubble-mobile.png');
	top: -300px;
	left: 50%;
	margin-left: -277px;
	width: 554px;
	height: 231px;
	font-size: 30px;
	line-height: 40px;
	padding: 50px 40px;
}

/* @end */

/* @group Slide2 */

@-webkit-keyframes floor {
	0% {-webkit-transform: translateY(1000px);
	}
}

@-webkit-keyframes floor-forwards {
	100% {-webkit-transform: translateY(0);
	}
}

@-webkit-keyframes tag {
	100% {-webkit-transform: translateY(0) translateY(0) rotateX(0) rotateZ(0); opacity: 1;}
}

@-webkit-keyframes window-clouds {
	100% {background-position: -1089px -990px;
	}
}

@-webkit-keyframes window {
	100% {-webkit-transform: rotateZ(0);
	}
}

@-webkit-keyframes skyline {
	100% {background-position: -21px -1150px;
	}
}

@-webkit-keyframes can {
	50% {-webkit-transform: translateY(-20px) rotate(-1deg);
	}
}

@-webkit-keyframes waggle {
	50% {-webkit-transform: rotate(-40deg);
	}
}

@-webkit-keyframes kick {
	0% {-webkit-transform: translateX(0);
	}
	50% {-webkit-transform: translateX(10px);
	}
}

@-webkit-keyframes bounce {
	0% {-webkit-transform: translateX(0) rotateZ(0deg);
	}
	100% {-webkit-transform: translateX(100px) rotateZ(430deg);
	}
}

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

@-webkit-keyframes customise {
	0%, 100% {background-color: #E08E21;
	}
	25% {background-color: #E05768;
	}
	50% {
		background-color: #4E9AE2;
	}
	
	75%{
		background-color: #A03CDD;
	}
}


header.home.slide2{
	background: url('../images/sprites-wallpaper.png') repeat 0 850px;
	-webkit-animation: none;
}

#slide2-elements{
}

header.home #slide2 .sprite{
	background: url('../images/sprites-step1.png') no-repeat center;
}

header.home #slide2 .fadein{
	width: auto;

	width: 50%;
	text-align: left;
}

header.home #slide2 .wall{
	z-index: 0;
	position: relative;
}

header.home #slide2 .floor{
	background-color: #FFEDBC;
	background-repeat: repeat-x;
	background-position: center -756px;
	height: 120px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-animation: floor 1.8s  cubic-bezier(.81,.8,.71,1.03) 0s;
}

header.home #slide2 .floor .row .col-md-12{
	height: 120px;
}

header.home #slide2 .floor .sprite.desk-couple{
	background-repeat: no-repeat;
	background-position: -20px -250px;
	height: 354px;
	width: 371px;
	position: absolute;
	bottom: 15px;
	right: 20%;
}

header.home #slide2 .floor .wow{
	position: relative;
	bottom: 54px;
	left: 35%;
	height: 121px;
	width: 104px;
	
	-webkit-animation: kick .3s ease-out 5s forwards;
}

header.home #slide2 .floor .sprite.doge{
	background-position: -20px -623px;
	width: 98px;
	height: 113px;
	position: absolute;
	bottom: -10px;
	right: 10px;
}

header.home #slide2 .floor .sprite.many-waggle{
	background-position: -137px -623px;
	height: 41px;
	width: 26px;
	position: absolute;
	bottom: 42px;
	left: -17px;
	
	-webkit-transform: rotate(40deg);
	
	-webkit-transform-origin: 22px 36px;
	transform-origin: 22px 36px;
	
	-webkit-animation: waggle .5s ease 0s infinite;
}

header.home #slide2 .floor .sprite.such-ball{
	background-position: -183px -623px;
	height: 32px;
	width: 32px;
	position: absolute;
	bottom: -13px;
	left: 35px;
	
	-webkit-transform: translateX(0);
	
	-webkit-animation: bounce .5s ease-out 5s forwards;
}

header.home #slide2 .floor .sprite.so-shadow{
	background-position: -185px -673px;
	height: 6px;
	width: 30px;
	position: absolute;
	bottom: -17px;
	left: 35px;
	
	-webkit-animation: slide .5s ease-out 5s forwards;
}

header.home .sprite.tag{
	background-repeat: repeat-x;
	background-position: -480px -250px;
	height: 394px;
	width: 335px;
	position: absolute;
	left: 0;
	z-index: 2;
	-webkit-perspective: 1000px;
	-webkit-transform: translateX(20px) translateY(-80px) rotateX(50deg) rotateZ(-10deg) translate3d(0px, 0px, 0px); opacity: 0;
	
	-webkit-animation: tag .8s ease-out 1s forwards;
	-webkit-transform-origin: 99px top;
}

header.home #slide2 .sprite.tag{
	background-position: -480px -250px;
}

header.home #slide3 .sprite.tag, header.home #slide4 .sprite.tag, header.home #slide5 .sprite.tag{
	background: url('../images/sprites-tag-step2.png') no-repeat left top;
}

header.home #slide6 .sprite.tag{
	background: url('../images/sprites-tag-step3.png') no-repeat left top;
}

header.home #slide7 .sprite.tag{
	background: url('../images/sprites-tag-step4.png') no-repeat left top;
}

header.home #slide8 .sprite.tag{
	background: url('../images/sprites-tag-step5.png') no-repeat left top;
}

.fadein{
	width: 61%;
	right: 0;
	top: -70px;
}

header.home #slide2 .sprite.skyline{
	background-position: -21px -1000px;
	height: 96px;
	width: 100%;
	left: 0;
	z-index: 1;
	border: 5px solid #fff;
	
	-webkit-animation: skyline .6s ease-in-out 1.8s forwards;
}

header.home #slide2 .window{
	position: absolute;
	right: 16%;
	top: 155px;
	width: 406px;
	height: 108px;
	overflow: hidden;
	border: 5px solid #fff;
	background-color: #8DCEBF;
	
	-webkit-transform: translateY(-1400px) rotate(-20deg);
	-webkit-animation: window 2s  cubic-bezier(.81,.8,.71,1.03) .4s forwards;
	z-index: -1;
}

header.home #slide2 .sprite.frames{
	background-position: -21px -55px;
	position: absolute;
	left: 24%;
	top: 155px;
	width: 248px;
	height: 175px;
	
	-webkit-transform: translateY(-1400px) rotate(20deg);
	-webkit-animation: window 2s  cubic-bezier(.81,.8,.71,1.03) .5s forwards;
	z-index: -1;
}

header.home #slide2 .sprite.cupboard{
	background-position: -289px -20px;
	position: absolute;
	left: 90%;
	top: 125px;
	width: 165px;
	height: 210px;
	
	-webkit-transform: translateY(-1400px) rotate(-20deg);
	-webkit-animation: window 2s ease-in .8s forwards;
	z-index: -1;
}

header.home #slide2 .sprite.vase{
	background-position: -302px -622px;
	position: absolute;
	left: 98%;
	top: 25px;
	width: 57px;
	height: 108px;
	
	-webkit-transform: translateY(-1400px) rotate(20deg);
	-webkit-animation: window 1.8s ease-in 1.4s forwards;
	z-index: -1;
}

header.home #slide2 .sprite.frame{
	background-position: -235px -623px;
	position: absolute;
	left: 92%;
	top: 85px;
	width: 47px;
	height: 49px;
	
	-webkit-transform: translateY(-1400px) rotate(20deg);
	-webkit-animation: window 1.8s ease-in 1.5s forwards;
	z-index: -1;
}

header.home #slide2 .sprite.trashcan{
	background-position: -378px -622px;
	position: absolute;
	right: 14%;
	top: -60px;
	width: 95px;
	height: 114px;
	
	-webkit-animation: can .5s ease-in-out 1.52s forwards;
	z-index: 2;
}

header.home #slide2 .window-clouds{
	background-position: left -990px;
	background-repeat: repeat-x;
	-webkit-animation: window-clouds 30s linear 0s infinite;
	border: 1px solid #000;
	width: 100%;
}

/* @end */

/* @group Slide3 */

@-webkit-keyframes roof {
	0% {-webkit-transform: translateY(-1000px);
	}
}

@-webkit-keyframes roof-forwards {
	100% {-webkit-transform: translateY(0);
	}
}

@-webkit-keyframes boat {
	0% {-webkit-transform: rotate(-30deg) translateX(2000px) rotate(30deg);
	}
}

@-webkit-keyframes rock {
	33% {-webkit-transform: rotateZ(2deg);}
	66% {-webkit-transform: rotateZ(-2deg);}
}

@-webkit-keyframes rock-reverse {
	33% {-webkit-transform: rotateZ(-2deg);}
	66% {-webkit-transform: rotateZ(2deg);}
}

@-webkit-keyframes ripple {
	50%{opacity: 1;}
	100% {opacity: 0; -webkit-transform: scale(1);}
}

header.home.slide3{
	background: #5F819A;
}

header.home #slide3 .fadein{
	width: auto;
	top: 70px;
	width: 30%;
	text-align: left;
	left: 30%;
}

header.home #slide3 .dock{
	background: url('../images/bg-dock.png') no-repeat center top;
	width: 100%;
	height: 538px;
	position: absolute;
	top: -100px;
	z-index: 0;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-animation: roof 1s cubic-bezier(.81,1,.71,1.02) 0s;
}

header.home #slide3 .dock-posts{
	background: url('../images/sprites-posts.png') no-repeat center top;
	width: 294px;
	height: 255px;
	position: absolute;
	top: 54px;
	left: -9.8%;
	-webkit-transform: translateY(-1000px);
	z-index: 0;
	-webkit-animation: roof-forwards 1s ease .4s forwards;
}

header.home #slide3 .dock-posts-reflection{
	background: url('../images/sprites-posts-reflection.png') no-repeat center top;
	width: 300px;
	height: 293px;
	position: absolute;
	top: 269px;
	left: -10.1%;
	-webkit-transform: translateY(1000px);
	z-index: 0;
	-webkit-animation: roof-forwards 1s ease .4s forwards;
}


header.home #slide3 .dock-reflection{
	background: url('../images/bg-dock-reflection.jpg') no-repeat center top;
	width: 100%;
	height: 928px;
	position: absolute;
	top: 126px;
	z-index: 0;
	-webkit-transform: translate3d(0px, -136px, 0px);
	-webkit-animation: floor 1s cubic-bezier(.81,1,.71,1.02) 0s;
}

header.home #slide3 .ripple1{
	background: url('../images/sprites-ripples.png') no-repeat -253px -40px;
	width: 437px;
	height: 114px;
	top: 290px;
	right: 13.5%;
	position: absolute;
	opacity: 0;
	-webkit-transform: scale(0);
	
	-webkit-animation: ripple 6s ease-in-out 5s infinite;
}

header.home #slide3 .ripple2{
	background: url('../images/sprites-ripples.png') no-repeat -710px -20px;
	width: 554px;
	height: 155px;
	top: 270px;
	right: 9%;
	position: absolute;
	opacity: 0;
	-webkit-transform: scale(0);
	
	-webkit-animation: ripple 3.5s ease-in-out 7s infinite;
}

header.home #slide3 .ripple2{
	background: url('../images/sprites-ripples.png') no-repeat -105px -71px;
	width: 128px;
	height: 53px;
	top: 360px;
	right: 9.6%;
	position: absolute;
	opacity: 0;
	-webkit-transform: scale(0);
	
	-webkit-animation: ripple 3.5s ease-in-out 5s infinite;
}

header.home #slide3 .sprite.couple-boat{
	background: url('../images/sprites-boat.png') no-repeat center;
	width: 398px;
	height: 418px;
	top: -35px;
	right: 14.5%;
	position: absolute;
	-webkit-animation: boat 5s ease-out;
}

header.home #slide3 .couple-boat-reflection{
	background: url('../images/sprites-boat-reflection.png') no-repeat center top;
	width: 400px;
	height: 305px;
	position: absolute;
	top: 314px;
	right: 14.5%;
	z-index: 0;
	-webkit-animation: boat 5s ease-out;
}

/* @end */

/* @group Slide4 */

@-webkit-keyframes sparkle {
	0%{opacity: 0;  -webkit-transform: scale(.4) rotateZ(0);}
	50%{opacity: 1;}
	100% {opacity: 0; -webkit-transform: scale(1) rotateZ(-120deg);}
}

header.home #slide4 .sprite{
	background: url('../images/sprites-step2.png') no-repeat center;
}

header.home #slide4 .fadein{
	width: auto;
	top: -61px;
	width: 46%;
	text-align: left;
}

header.home #slide4 .sparkle{
	background-position: -499px -198px;
	width: 37px;
	height: 34px;
	bottom: 165px;
	position: absolute;
	
	top: 40px;
	left: 320px;
	
	opacity: 0;
	-webkit-animation: sparkle 2s ease 0s infinite forwards;
}

header.home #slide4 .sparkle.sparkle1{
	top: 170px;
	left: 215px;
	
	opacity: 0;
	-webkit-animation: sparkle 2s ease 1s infinite forwards;
}

header.home #slide4 .sparkle.sparkle2{
	top: 237px;
	left: -17px;
	
	opacity: 0;
	-webkit-animation: sparkle 2s ease 1.5s infinite forwards;
}

header.home #slide4 .house{
	background: url('../images/bg-house.png') no-repeat center top;
	width: 100%;
	bottom: 165px;
	position: absolute;
	
	-webkit-transform: translateY(1600px);
	-webkit-animation: floor-forwards 1.2s ease-out .2s forwards;
}

header.home #slide4 .house .col-md-12{
	height: 456px;
}

header.home #slide4 .yard{
	background-color: #8DCEBF;
	background-position: 0 -847px;
	background-repeat: repeat-x;
	width: 100%;
	height: 165px;
	
	position: absolute;
	bottom: 0px;
	-webkit-transform: translate3d(0,0,0)!important;
	
	z-index: 1;
	-webkit-animation: floor 1s cubic-bezier(.81,1,.71,1.02) 0s;
}

header.home #slide4 .yard .col-md-12{
	height: 165px;
}

header.home #slide4 .front-door{
	width: 126px;
	height: 273px;
	background-position: -21px -355px;
	position: absolute;
	bottom: 165px;
	left: 155px;
	
	-webkit-transform: translateY(-1600px);
	-webkit-animation: window 1.4s cubic-bezier(.81,1,.71,1.02) .4s forwards;
}

header.home #slide4 .window1, header.home #slide4 .window2{
	width: 181px;
	height: 178px;
	background-position: -21px -648px;
	position: absolute;
	bottom: 260px;
	left: -68px;
	
	-webkit-transform: translateY(-1600px);
	-webkit-animation: window 1.5s cubic-bezier(.81,1,.71,1.02) .2s forwards;
}

header.home #slide4 .window2{
	left: 325px;
	
	-webkit-animation: window 1.5s cubic-bezier(.81,1,.71,1.02) .4s forwards;
}

header.home #slide4 .garden-path{
	width: 350px;
	height: 165px;
	background-position: -668px -1023px;
	position: absolute;
	bottom: 0;
	left: -68px;
	
	-webkit-animation: window 1.5s cubic-bezier(.81,1,.71,1.02) .4s forwards;
}

header.home #slide4 .driveway{
	width: 627px;
	height: 165px;
	background-position: -21px -1023px;
	position: absolute;
	bottom: 0;
	left: 452px;
	
	-webkit-animation: window 1.5s cubic-bezier(.81,1,.71,1.02) .4s forwards;
}

header.home #slide4 .car{
	position: absolute;
	width: 478px;
	height: 307px;
	background-position: -1px 0;
	bottom: 25px;
	left: 48%;
}

header.home #slide4 .many-waggle{
	background-position: -222px -347px;
	width: 32px;
	height: 51px;
	bottom: 165px;
	position: absolute;
	
	top: 35px;
	left: 29.5%;
	
	-webkit-transform: rotate(40deg);
	
	-webkit-transform-origin: 27px 46px;
	transform-origin: 27px 46px;
	
	-webkit-animation: waggle .5s ease 0s infinite;
}

header.home #slide4 .couple{
	position: absolute;
	width: 222px;
	height: 408px;
	background-position: -223px -418px;
	bottom: 25px;
	left: 31%;
}

header.home #slide4 .lawn{
	height: 83px;
	width: 689px;
	position: absolute;
	top: -50px;
	left: -135px;
	overflow: hidden;
}

header.home #slide4 .roses{
	position: absolute;
	background: #5F4B41;
	bottom: 0;
	width: 100%;
	height: 33px;
	left: 0;
}

header.home #slide4 .roses .rosebed{
	width: 100%;
	height: 40px;
	background-position: -21px -1205px;
	position: absolute;
	top: -7px;
}

header.home #slide4 .roses .rose{
	width: 26px;
	height: 55px;
	background-position: -465px -668px;
	position: absolute;
	left: 140px;
	top: -47px;
	
	-webkit-transform: translateY(100px);
	-webkit-animation: floor-forwards .8s cubic-bezier(.81,1,.71,1.02) .4s forwards;
}

header.home #slide4 .roses .rose.rose1{
	background-position: -511px -668px;
	left: 169px;
	top: -29px;
	
	-webkit-animation-delay: 1.5s;
}

header.home #slide4 .roses .rose.rose2{
	background-position: -553px -668px;
	left: 195px;
	top: -39px;
	
	-webkit-animation-delay: 1.2s;
}

header.home #slide4 .roses .rose.rose3{
	background-position: -465px -668px;
	left: 232px;
	top: -38px;
	
	-webkit-animation-delay: 1.4s;
}

header.home #slide4 .roses .rose.rose4{
	background-position: -511px -668px;
	left: 427px;
	top: -46px;
	
	-webkit-animation-delay: 1.9s;
}

header.home #slide4 .roses .rose.rose5{
	background-position: -553px -668px;
	left: 469px;
	top: -39px;
	
	-webkit-animation-delay: 1.2s;
}

header.home #slide4 .roses .rose.rose6{
	background-position: -465px -668px;
	left: 508px;
	top: -41px;
	
	-webkit-animation-delay: 1.4s;
}

header.home #slide4 .roses .rose.rose7{
	background-position: -511px -668px;
	left: 534px;
	top: -45px;
	
	-webkit-animation-delay: 1.2s;
}

header.home #slide4 .roses .rose.rose8{
	background-position: -553px -668px;
	left: 145px;
	top: -45px;
	
	-webkit-animation-delay: 1.9s;
}

/* @end */

/* @group Slide5 */
@-webkit-keyframes window-sun {
	100% {background-position: -942px -40px;}
}

@-webkit-keyframes paint {
	50% {-webkit-transform: rotate(10deg);}
}

@-webkit-keyframes paint-fade {
	100% {opacity: 1;}
}

header.home.slide5{
	background: #004059;
}

header.home #slide5 .sprite{
	background: url('../images/sprites-step5.png') no-repeat center;
}

header.home #slide5 .fadein{
	width: auto;
	top: -60px;
	width: 30%;
	left: 63%;
	text-align: left;
}

header.home #slide5 .floor{
	background-color: #FFEDBC;
	width: 100%;
	height: 58px;
	
	position: absolute;
	bottom: 0px;
	
	z-index: 1;
	-webkit-animation: floor 1.4s cubic-bezier(.81,1,.71,1.02) 0s;
}

header.home #slide5 .couch{
	position: absolute;
	width: 249px;
	height: 338px;
	background-position: -347px -275px;
	bottom: 40px;
	left: 16px;
	
	z-index: 1;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: roof-forwards 1s cubic-bezier(.81,1,.71,1.02) 2s forwards;
}

header.home #slide5 .side-table{
	position: absolute;
	width: 115px;
	height: 155px;
	background-position: -617px -458px;
	bottom: 40px;
	left: 282px;
	
	z-index: 1;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: roof-forwards 1s cubic-bezier(.81,1,.71,1.02) 2.4s forwards;
}

header.home #slide5 .hallstand{
	position: absolute;
	width: 112px;
	height: 83px;
	background-position: -753px -530px;
	bottom: 00px;
	left: 814px;
	
	z-index: 1;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: roof-forwards 1s cubic-bezier(.81,1,.71,1.02) 2.8s forwards;
}

header.home #slide5 .paintcan-foreground{
	position: absolute;
	width: 64px;
	height: 67px;
	background-position: -884px -546px;
	bottom: 37px;
	left: 722px;
	
	z-index: 1;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: roof-forwards 1s ease-in 2.4s forwards;
}

header.home #slide5 .paintcan-background{
	position: absolute;
	width: 40px;
	height: 41px;
	background-position: -966px -572px;
	bottom: -3px;
	left: 1056px;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: roof-forwards 1s ease-in 2.6s forwards;
}

header.home #slide5 .hugh{
	position: absolute;
	width: 134px;
	height: 417px;
	background-position: 0 -76px;
	bottom: -25px;
	left: 405px;

}

header.home #slide5 .julia{
	position: absolute;
	width: 174px;
	height: 295px;
	background-position: -155px -198px;
	bottom: -18px;
	left: 518px;
}

header.home #slide5 .paint1{
	position: absolute;
	width: 45px;
	height: 59px;
	background-position: -673px -379px;
	bottom: 230px;
	left: 684px;
	
	opacity: 0;
	-webkit-animation: paint-fade 3s ease 4s forwards;
}

header.home #slide5 .paint2{
	position: absolute;
	width: 36px;
	height: 58px;
	background-position: -617px -379px;
	bottom: 348px;
	left: 638px;
	
	opacity: 0;
	-webkit-animation: paint-fade 3s ease 4.5s forwards;
}

header.home #slide5 .julia-arm{
	position: absolute;
	width: 119px;
	height: 132px;
	background-position: -340px -45px;
	bottom: 150px;
	left: 604px;
	
	-webkit-transform-origin: 9px 119px;
	-webkit-animation: paint 4s ease 0s infinite;
}

header.home #slide5 .hugh-arm{
	position: absolute;
	width: 166px;
	height: 178px;
	background-position: -154px -0;
	bottom: 230px;
	left: 490px;
	
	-webkit-transform-origin: 15px 160px;
	-webkit-animation: paint 4s ease .5s infinite;
}

header.home #slide5 .wall{
	position: absolute;
	width: 100%;
	bottom: 58px;
}

header.home #slide5 .big-wall{
	background-position: 0 -1104px;
	width: 1107px;
	height: 650px;
	
	position: absolute;
	bottom: 0px;
	left: -600px;
	
	z-index: 1;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: roof-forwards 1s cubic-bezier(.81,1,.71,1.02) 1s forwards;
}

header.home #slide5 .feature-wall{
	background-position: 0 -512px;
	width: 327px;
	height: 571px;
	
	position: absolute;
	bottom: 0px;
	left: 507px;
	
	z-index: 1;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: roof-forwards 1s cubic-bezier(.81,1,.71,1.02) 1.2s forwards;
}

header.home #slide5 .window{
	position: absolute;
	bottom: 0px;
	left: 750px;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: roof-forwards 1s cubic-bezier(.81,1,.71,1.02) 1.4s forwards;
}

header.home #slide5 .door{
	background-position: -347px -633px;
	width: 732px;
	height: 450px;
	
	position: absolute;
	bottom: 0px;
	left: 0;
}

header.home #slide5 .feature-wall-right{
	background-position: -1099px -319px;
	width: 383px;
	height: 765px;
	
	position: absolute;
	bottom: 0px;
	left: 94%;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: roof-forwards 1s cubic-bezier(.81,1,.71,1.02) 1.2s forwards;
}

header.home #slide5 .window-sun{
	background-color: #B1E0F7;
	background-position: -942px -200px;
	width: 130px;
	height: 225px;
	
	position: absolute;
	bottom: 110px;
	left: 50px;
	
	-webkit-animation: window-sun 1s cubic-bezier(.81,1,.71,1.02) 2s forwards;
}

header.home #slide5 .trees{
	background-position: -966px -473px;
	width: 80px;
	height: 80px;
	
	position: absolute;
	bottom: 110px;
	left: 66px;
	
	-webkit-transform: translateY(100px);
	-webkit-animation: floor-forwards .8s cubic-bezier(.81,1,.71,1.02) 2s forwards;
}

header.home #slide5 .floor .wow{
	position: relative;
	bottom: 67px;
	left: 77%;
}

header.home #slide5 .floor .sprite.doge{
	background-position: -745px -399px;
	width: 167px;
	height: 111px;
	position: absolute;
	
}

header.home #slide5 .floor .many-waggle{
	background-position: -797px -328px;
	width: 31px;
	height: 51px;
	position: absolute;
	top: 4px;
	left: 90px;
	
	-webkit-transform: rotate(40deg);
	
	-webkit-transform-origin: 5px 45px;
	transform-origin: 5px 45px;
	
	-webkit-animation: waggle .5s ease 0s infinite;
}

/* @end */

/* @group Slide6 */

header.home.slide6{
	background: #ACDFF8 url('../images/sprites-wallpaper-blue.png') repeat left top;
}

header.home.slide6 .fadein{
	width: 65%;
	top: -78px;
}

header.home #slide6 .desk{
	background: #205f78;
	width: 100%;
	height: 223px;
	position: absolute;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-animation: floor 1.8s cubic-bezier(.81,.8,.71,1) 0s;
}

header.home #slide6 .customise{
	background: #f00 url('../images/bg-customise-overlay.png') no-repeat center bottom;
	width: 718px;
	height: 410px;
	margin-top: -187px;
	float: right;
	z-index: 1;
	
	-webkit-animation: customise 8s linear 0s infinite;
}

header.home #slide6 .haze{
	background: url('../images/bg-desk-haze.png') no-repeat center bottom;
	width: 1269px;
	height: 546px;
	position: absolute;
	right: -220px;
	z-index: -1;
	bottom: 1px;
}

/* @end */

/* @group Slide7 */

@-webkit-keyframes flip {
	100% {-webkit-transform: rotateX(-360deg);}
}

header.home #slide7 .fadein{
	top: -72px;
	width: 65%;
	left: 35%;
	text-align: left;
	text-shadow: 0 1px 2px rgba(100,0,0,.5);
}

header.home.slide7{
	background: #ACDFF8 url('../images/bg-step7.png') repeat center -116px;
}

header.home #slide7 .box-container{
	position: absolute;
	top: 348px;
	left: 50%;
	margin-left: -195px;
	width: 780px;
	z-index: 1;
	
	-webkit-perspective: 1000;
	-webkit-transform-style: preserve-3d;
}

header.home #slide7 .box-container .box{
	width: 195px;
	height: 116px;
	float: left;
}

header.home #slide7 .box-container .box .image{
	background: #FFEADD url('../images/sprites-step7.png') no-repeat left top;
	-webkit-backface-visibility: hidden;
	-webkit-transform: rotateX(-180deg);
	width: 195px;
	height: 116px;
	-webkit-animation: flip 1s cubic-bezier(.81,1,.71,1.3) .4s forwards;
}

header.home #slide7 .box-container .box .image.image1{
	background-color: #88A9B1;
	-webkit-animation-delay: 1s;
	background-position: -195px top;
}

header.home #slide7 .box-container .box .image.image2{
	background-color: #F8A89E;
	-webkit-animation-delay: .2s;
	background-position: -390px top;
}

header.home #slide7 .box-container .box .image.image3{
	background-color: #F8DAA7;
	-webkit-animation-delay: .4s;
	background-position: -585px
}

header.home #slide7 .box-container .box .image.image4{
	background-color: #FACFC5;
	-webkit-animation-delay: .8s;
	background-position: -780px
}

header.home #slide7 .box-container .box .image.image5{
	background-color: #FFEADD;
	-webkit-animation-delay: .6s;
	background-position: -975px
}

header.home #slide7 .box-container .box .image.image6{
	background-color: #FACFC5;
	-webkit-animation-delay: .8s;
	background-position: -1170px
}

header.home #slide7 .box-container .box .image.image7{
	background-color: #DC95A3;
	-webkit-animation-delay: .7s;
	background-position: -1365px
}

header.home #slide7 .box-container .box .image.image8{
	background-color: #F8A89E;
	-webkit-animation-delay: .1s;
	background-position: -1560px
}

header.home #slide7 .box-container .box .image.image9{
	background-color: #DC95A3;
	-webkit-animation-delay: .9s;
	background-position: -1755px
}

header.home #slide7 .box-container .box .image.image10{
	background-color: #F8DAA7;
	-webkit-animation-delay: .3s;
	background-position: -1950px
}

header.home #slide7 .box-container .box .image.image11{
	background-color: #88A9B1;
	-webkit-animation-delay: 1.1s;
	background-position: -2145px
}

/* @end */

/* @group Slide8 */

@-webkit-keyframes clouds {
	100% {background-position: -1801px 200px;
	}
}

header.home.slide8{
	background: #F9D2AB url('../images/sprites-step5-clouds.png') repeat-x 0 200px;
	
	-webkit-animation: clouds 30s linear 0 infinite;
}

header.home #slide8 .sprite{
	background: url('../images/sprites-step8.png') no-repeat center;
}

header.home #slide8 .fadein{
	width: auto;
	top: auto;
	bottom: 20px;
	width: 55%;
	left: 30%;
	text-align: left;
	z-index:4;
}

header.home #slide8 .hills{
	width: 100%;
	height: 447px;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

header.home #slide8 .hills .hill4{
	width: 100%;
	height: 117px;
	
	position: absolute;
	
	bottom: 350px;
	background-position: center -691px;
	
	-webkit-transform: translateY(1000px);
	-webkit-animation: floor-forwards 4s ease 2s forwards;
}


header.home #slide8 .hills .hill3{
	width: 100%;
	height: 150px;
	
	position: absolute;
	
	bottom: 200px;
	background: #EAEFDA;
	
	-webkit-transform: translateY(1000px);
	-webkit-animation: floor-forwards 3s ease 1.4s forwards;
}

header.home #slide8 .hills .hill2{
	width: 100%;
	height: 113px;
	
	position: absolute;
	
	bottom: 230px;
	background-position: 100% -419px;
	
	-webkit-transform: translateY(1000px);
	-webkit-animation: floor-forwards 3s ease .8s forwards;
}

header.home #slide8 .hills .hill1{
	width: 100%;
	height: 119px;
	
	position: absolute;
	
	bottom: 230px;
	background-position: 0% -552px;
	
	-webkit-transform: translateY(1000px);
	-webkit-animation: floor-forwards 2.5s ease .6s forwards;
}

header.home #slide8 .hills .grass{
	width: 100%;
	height: 244px;
	
	position: absolute;
	
	bottom: 0;
	background-color: #B9CEA0;
	background-position: center -2020px;
	background-repeat: repeat-x;
	
	-webkit-transform: translateY(1000px);
	-webkit-animation: floor-forwards 2s cubic-bezier(.81,.8,.71,1.04) .2s forwards;
}

header.home #slide8 .hills .cloud{
	width: 100%;
	height: 244px;
	
	position: absolute;
	
	bottom: 0;
	background-color: #B9CEA0;
	background-position: center -2020px;
	background-repeat: repeat-x;
	
	-webkit-transform: translateY(1000px);
	-webkit-animation: floor-forwards 2s cubic-bezier(.81,.8,.71,1.04) .2s forwards;
}

header.home #slide8 .gift-container .gift{
	width: 165px;
	height: 263px;
	
	position: absolute;
	
	bottom: 220px;
	left: 22%;
	background-position: 0 -828px;
	
	-webkit-transform: translateY(-1000px);
	-webkit-animation: floor-forwards 1s ease-in 2s forwards;
}

header.home #slide8 .gift-container .gift.gift1{
	width: 195px;
	height: 282px;
	
	z-index: 0;
	
	bottom: 210px;
	left: 36%;
	background-position: -185px -828px;
	
	-webkit-animation-delay: 2.2s;
}

header.home #slide8 .gift-container .gift.gift2{
	width: 144px;
	height: 228px;
	
	z-index: 1;
	
	bottom: 210px;
	left: 56%;
	background-position: -420px -828px;
	
	-webkit-animation-delay: 2.4s;
}

header.home #slide8 .gift-container .gift.gift3{
	width: 184px;
	height: 267px;
	
	z-index: 0;
	
	bottom: 220px;
	left: 65%;
	background-position: -583px -828px;
	
	-webkit-animation-delay: 2.6s;
}

header.home #slide8 .gift-container .gift.gift5{
	width: 152px;
	height: 139px;
	
	z-index: 2;
	
	bottom: 180px;
	left: 20%;
	background-position: -7px -1112px;
	
	-webkit-animation-delay: 2.8s;
}

header.home #slide8 .gift-container .gift.gift6{
	width: 126px;
	height: 261px;
	
	z-index: 2;
	
	bottom: 150px;
	left: 38%;
	background-position: -20px -1271px;
	
	-webkit-animation-delay: 3s;
}

header.home #slide8 .gift-container .gift.gift7{
	width: 126px;
	height: 257px;
	
	z-index: 2;
	
	bottom: 140px;
	left: 28%;
	background-position: -20px -1552px;
	
	-webkit-animation-delay: 3.2s;
}

header.home #slide8 .gift-container .gift.gift8{
	width: 110px;
	height: 234px;
	
	z-index: 2;
	
	bottom: 130px;
	left: 64%;
	background-position: -227px -1130px;
	
	-webkit-animation-delay: 3.4s;
}

header.home #slide8 .gift-container .gift.gift9{
	width: 138px;
	height: 242px;
	
	z-index: 2;
	
	bottom: 120px;
	left: 48%;
	background-position: -423px -1076px;
	
	-webkit-animation-delay: 3.6s;
}

header.home #slide8 .gift-container .gift.gift10{
	width: 101px;
	height: 207px;
	
	z-index: 1;
	
	bottom: 160px;
	left: 55%;
	background-position: -442px -1338px;
	
	-webkit-animation-delay: 3.8s;
}

header.home #slide8 .gift-container .gift.gift11{
	width: 142px;
	height: 113px;
	
	z-index: 1;
	
	bottom: 190px;
	left: 69%;
	background-position: -604px -1115px;
	
	-webkit-animation-delay: 4s;
}

header.home #slide8 .gift-container .gift.gift12{
	width: 92px;
	height: 168px;
	
	z-index: 2;
	
	bottom: 130px;
	left: 72%;
	background-position: -641px -1457px;
	
	-webkit-animation-delay: 4.2s;
}

header.home #slide8 .gift-container .gift.gift13{
	width: 83px;
	height: 167px;
	
	z-index: 1;
	
	bottom: 180px;
	left: 78%;
	background-position: -645px -1646px;
	
	-webkit-animation-delay: 4.4s;
}

header.home #slide8 .couple-container{
	z-index: 3;
	position: absolute;
	
	bottom: 80px;
	left: 42%;
	-webkit-transform: translateY(1000px);
	-webkit-animation: floor-forwards 2s cubic-bezier(.81,.8,.71,1.04) .2s forwards;
}	

header.home #slide8 .couple{
	width: 209px;
	height: 398px;
	
	position: relative;
	background-position: -759px 0;
}

header.home #slide8 .many-waggle{
	width: 27px;
	height: 44px;
	
	z-index: 0;
	position: absolute;
	
	bottom: 45px;
	right: -5px;
	background-position: -672px -283px;
	
	-webkit-transform: rotate(20deg);
	-webkit-transform-origin: 5px 40px;
	-webkit-animation: waggle .6s ease 0 infinite;
}

.fadein-mobile{
	display: none;
	margin: 0 auto;
	max-width: 80%;
	padding: 5px 10px 7px;
	top: -80px;
	background: #5F819A;
	position: relative;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #fff;
	text-shadow: 0 2px 0 rgba(0,0,0,0.1);
	text-align: center;
	box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	z-index: 5;
}

.banner-navigate-replay{
	position: absolute;
	padding: 10px 38px 10px 18px;
	right: 5%;
	top: 400px;
	margin-top: -25px;
	background: #5F819A url('../images/sprites-arrows.png') no-repeat right center;
	border-radius: 25px; 
	box-shadow: 3px 3px 0 rgba(0,0,0,0.15);
	display: none;
	cursor: pointer;
}

.slide8 .banner-navigate-replay{
	display: block;
}


/* @end */

@media (max-width: 1200px){
	.ribbon-cyclist-one{
		left: 5%;
	}
	
	header.home #slide2 .sprite.frames{
		left: 15%;
	}
	
	header.home #slide2 .floor .wow, header.home #slide5 .paintcan-foreground, header.home #slide5 .feature-wall-right{
		visibility: hidden;
	}
	
	.fadein{
		font-size: 1.6em;
	}
	
	header.home #slide5 .fadein{
		top: -140px;
	}
	
	header.home #slide4 .garden-path, header.home #slide4 .front-door, header.home #slide4 .window1, header.home #slide4 .window2, header.home #slide4 .lawn, header.home #slide4 .driveway{
		margin-left: -10%;
	}
	
	.ribbon-cyclist-two h2{
		font-size: 22px;
		top: 55px;
		right: 10%;
	}
	
	.thought{
		background-size: 100% auto;
		-webkit-transform: scale(.7);
		left: auto;
		right:  -10%;
		top: -240px;
	}
	
}

@media (max-width: 991px){
	header.home {
		height: 765px;
	}
	
	header.home #slide1{
		-webkit-transform: scale(.8);
		-webkit-transform-origin: center bottom;
	}
	
	header.home #slide1 .container .hero{
		padding-top: 140px;
	}
	
	.ribbon-cyclist-one{
		left: 15%;
	}
	
	#slide2{
		position: relative;
	}
	
	.presents-container{
		bottom: 0;
		position: absolute;
		height: 424px;
		margin-left: -5%;
	}
	
	.fadein{
		visibility: hidden!important;
	}
	
	.fadein-mobile{
		display: block;
	}
	
	.slide1 #slide1 .tag, .slide2 #slide2 .tag, .slide3 #slide3 .tag, .slide4 #slide4 .tag, .slide5 #slide5 .tag, .slide6 #slide6 .tag, .slide7 #slide7 .tag, .slide8 #slide8 .tag{
		margin-left: -5em;
	}
	
	#animation-container {
		padding-top: 200px;
	}
	
	header.home #slide7 .box-container{
		top: 464px;
		margin-left: -390px;
	}
	
	header.home #slide4 .yard{
		width: 100%;
		left: 50%;
		position: absolute;
		margin-left: -50%;
	}
	
	.wow, header.home #slide2 .frames, header.home #slide3 .dock-posts, header.home #slide3 .dock-posts-reflection, header.home #slide2 .sprite.trashcan{
		display: none;
	}
	
	header.home #slide6 .desk{
		left: 50%;
		bottom: -40px;
		margin-left: -50%;
		right: auto;
	}
	
	header.home #slide6 .customise{
		position: absolute;
		left: 50%;
		margin-left: -359px!important;
	}
	
	header.home #slide8 .couple-container{
		bottom: 20px;
		left: 50%;
		margin-left: -90px;
	}
	
	header.home #slide5 .wall .col-md-12, header.home #slide5 .floor .col-md-12, header.home #slide5 .couch, header.home #slide5 .side-table{
		margin-left: -40%;
	}
	
	header.home #slide4 .garden-path, header.home #slide4 .front-door, header.home #slide4 .window1, header.home #slide4 .window2, header.home #slide4 .lawn, header.home #slide4 .driveway{
		margin-left: -30%;
	}
	
	.ribbon-cyclist-two h2{
		display: none;
	}
	
	.banner-navigate-begin{
		display: block;
	}
	
	.thought{
		display: none!important;
	}
	
	.thought-mobile{
		display: block!important;
	}
	
	.banner-navigate-replay{
		top: 780px;
	}
										
}

@media (max-width: 767px){
	header.home {
		height: 875px;
	}
	
	header.home .hero{
		position: relative;
	}
	
	.ribbon-cyclist-one{
		left: 10%;
	}
	
	.presents-container{
		bottom: 0;
	}
	
	header.home #slide1 .container .hero{
		padding-top: 172px;
	}
	
	header.home #slide4 .garden-path, header.home #slide4 .front-door, header.home #slide4 .window1, header.home #slide4 .window2, header.home #slide4 .lawn, header.home #slide4 .driveway{
		margin-left: 0;
	}
	
	header.home #slide4 .house{
		background-position: -100px top;
	}
	
	header.home #slide4 .couple{
		left: 10%;
	}
	
	header.home #slide4 .many-waggle{
		left: 8.5%;
	}
}


@media (max-width: 480px){
	header.home {
		height: 500px;
	}
	
	header.home #slide7 .box-container{
		display: none;
	}
	
	.slide1 #slide1, .slide2 #slide2, .slide3 #slide3, .slide4 #slide4, .slide5 #slide5, .slide6 #slide6, .slide7 #slide7, .slide8 #slide8{
		visibility: hidden;
	}
	
	header.home .hero, .cloud, .sun{
		visibility: hidden;
	}
	
	.banner-navigate-back, .banner-navigate-forward{
		visibility: hidden;
	}
}