#intro{width:100%;border:0;position:relative;top:-20px;margin-bottom:30px;}
#intro .section_header{width:80%;border-top:2px solid rgba(255, 255, 255, 0.2);margin:0 auto;padding-top:30px;}
#intro .section_header p{font-size:26px;margin-top:10px;}

#walkthrough{top:0;padding-top:60px;border:0;}

/****** SLIDER ******/

/* LAYOUT */

#slider{box-shadow:0 0 65px rgba(0,0,0,0.5);}
.sl-slider-wrapper {width:100%;height:650px;overflow: hidden;position: relative;}


/* NAVIGATION */

/* Custom navigation arrows */
.nav-arrows span {position: absolute;z-index: 2000;top: 50%;width: 30px;height: 30px;border: 8px solid #ddd;border: 8px solid rgba(255,255,255,0.4);text-indent: -90000px;margin-top: -40px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.nav-arrows span:hover {border-color: rgba(255,255,255,0.9);}
.nav-arrows span.nav-arrow-prev {left: 3%;border-right: none;border-top: none;}
.nav-arrows span.nav-arrow-next {right: 3%;border-left: none;border-bottom: none;}

/* Custom navigation dots */
.nav-dots {text-align: center;position: absolute;top: 25%;height: 30px;left: 15%;z-index: 1000;margin-top:-15px;}
.nav-dots span {display: inline-block;position: relative;width: 16px;height: 16px;border-radius: 50%;margin: 3px;background: #ddd;background: rgba(150,150,150,0.4);cursor: pointer;box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1);}
.nav-dots span {background: rgba(150,150,150,0.1);margin: 6px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1),0 0 0 2px rgba(255,255,255,0.5);}

.nav-dots span.nav-dot-current,
.nav-dots span:hover {box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(0,77,99,0.3);}
.nav-dots span.nav-dot-current:after {content: "";position: absolute;width: 10px;height: 10px;top: 3px;left: 3px;border-radius: 50%;background: rgba(0,77,99,0.5);}


/* BACKGROUNDS */

.bg-img {position: absolute;}
.bg-img img{width:100%;}

/* DECOS */

.deco{position:absolute;}
.deco img{width:100%;}

.deco-main{}
.deco-pop{}

/* COPY */
.slide-copy{width:300px;position:absolute;top:30%;left:15%;}
.slide-copy h2{font-size:40px!Important;}
.sl-slider h2,
.sl-slider blockquote {padding:10px 0;color: #fff;margin: 0 auto;position: relative;z-index: 100;}
.sl-slider h2 {font-size: 40px;line-height:40px;text-shadow: 0 -1px 0 rgba(0,0,0,0.2);white-space:nowrap;padding-bottom:0;}
.sl-slider blockquote {font-size: 18px;line-height:22px;padding-top:0;font-weight: 300;text-shadow: 0 -1px 0 rgba(0,0,0,0.2);}

/* SLIDES */

/* ###### SLIDE 1: Romantic Date ###### */

/* Main character */
.deco-main-1{width:30%;right:30%;top:10%;z-index:3;}

.sl-slide-1 .deco-2{width:15%;right:20%;top:30%;z-index:1;}
.sl-slide-1 .deco-pop{width:15%;right:18%;top:5%;z-index:2;}


/* ###### SLIDE 2: Business Meeting ###### */
.bg-img-2{width:40%;right:15%;bottom:10%;}

/* Main character */
.deco-main-2{;width:30%;right:45%;bottom:-20px;z-index:2}

.sl-slide-2 .deco-2{width:28%;right:25%;bottom:-20px;z-index:1;}

/* wave hand pop */
.sl-slide-2 .deco-pop-1{width:15%;right:15%;bottom:15%;}
.sl-slide-2 .deco-pop-2{width:11%;right:33%;top:5%;}


/* ###### SLIDE 3: Outdoor Sports ###### */
.bg-img-3{width:45%;right:0;bottom:0;}

/* Main character */
.deco-main-3{width:34%;right:36%;bottom:-20px;}

/* wave hand pop */
.sl-slide-3 .deco-pop-1{width:15%;right:2%;bottom:60px;}
.sl-slide-3 .deco-pop-2{width:12%;right:22%;bottom:60%;}
.sl-slide-3 .deco-pop-3{width:8%;right:37%;bottom:45%}


/* ###### SLIDE 4: Parents ###### */
.bg-img-4{width:9%;right:15%;top:10%;}

/* Main character */
.deco-main-4{width:27%;right:20%;bottom:7%;z-index:2;}

.sl-slide-4 .deco-2{width:20%;right:39%;bottom:0;z-index:1;}
.sl-slide-4 .deco-3{width:12%;right:36%;bottom:-7%;z-index:3;}

/* wave hand pop */
.sl-slide-4 .deco-pop{right:44%;top:5%;width:15%;}

.sl-slide-4 h2{white-space: normal}


/* ANIMATIONS */

/* Animations for slide forward */

/*.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}*/
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}

.sl-trans-elems .deco-main, 
.sl-trans-elems .deco-2, 
.sl-trans-elems .deco-3{
	-webkit-animation: fadeIn 1s, moveUp 2s ease-in-out both;
	-moz-animation: fadeIn 1s, moveUp 2s ease-in-out both;
	-o-animation: fadeIn 1s, moveUp 2s ease-in-out both;
	-ms-animation: fadeIn 1s, moveUp 2s ease-in-out both;
	animation: fadeIn 1s, moveUp 2s ease-in-out both;
}

.sl-trans-elems blockquote,
.sl-trans-elems .bg-img{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}


.sl-trans-elems .deco-pop{
	-webkit-animation: fadeIn 1s, scaleUp 0.5s ease-out both;
	-moz-animation: fadeIn 1s, scaleUp 0.5s ease-out both;
	-o-animation: fadeIn 1s, scaleUp 0.5s ease-out both;
	-ms-animation: fadeIn 1s, scaleUp 0.5s ease-out both;
	animation: fadeIn 1s, scaleUp 0.5s ease-out both;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	-ms-animation-delay:1s;
	animation-delay: 1s;
}

.sl-trans-elems .deco-pop-2{
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	-o-animation-delay: 1.3s;
	-ms-animation-delay:1.3s;
	animation-delay: 1.3s;
}

.sl-trans-elems .deco-pop-3{
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
	-o-animation-delay: 1.7s;
	-ms-animation-delay:1.7s;
	animation-delay: 1.7s;
}


/* Animations going slide back */
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}

@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}

@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}

/* Fade in */
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/* Fade out */
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}

/* Scale up */
@-webkit-keyframes scaleUp{
	0% {-webkit-transform: scale(0);}
	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes scaleUp{
	0% {-moz-transform: scale(0);}
	100% {-moz-transform: scale(1);}
}
@-o-keyframes scaleUp{
	0% {-o-transform: scale(0);}
	100% {-o-transform: scale(1);}
}
@-ms-keyframes scaleUp{
	0% {-ms-transform: scale(0);}
	100% {-ms-transform: scale(1);}
}
@keyframes scaleUp{
	0% {transform: scale(0);}
	100% {transform: scale(1);}
}

/* Scale down */
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}


/* Media Queries for custom slider */

@media screen and (max-width: 660px) {
	

}