#container .slide.introduction .header { background-color: #17375E; color: #fff; }
#container .slide.introduction .header .container:before { background-image: url('../img/sprite.png'); background-repeat: no-repeat; background-size: 500%; background-position: 0px -58px; }
#container .slide.introduction .content { background-color: #a1aebf; background-color: rgba(23, 55, 94, 0.4); }
#container .slide.introduction h2 { color: #17375E; }



.introduction-2 .welcome { position: relative; height: 320px; }
.introduction-2 .welcome h2 { position: absolute; width: 60%; left: 20%; text-align: center; opacity: 0; }
.introduction-2 .welcome img { position: absolute; }
.introduction-2 .welcome .actor { width: 12%; bottom: 0; opacity: 0; }
.introduction-2 .welcome .actor-rising { right: 25%; }
.introduction-2 .welcome .actor-senior { left: 25%; }
.introduction-2 .welcome .cloud { width: 70%; left: 15%; opacity: 0; }
.introduction-2 .welcome .bubbles { width: 10%; left: 45%; top: 40%; opacity: 0; }
.introduction-2 .welcome .bubbles-senior { left: 29%; }
.introduction-2 .welcome .bubbles-rising { left: 63%; }
.introduction-2 .welcome .lightbulb { width: 7%; left: 53%; top: 15%; opacity: 0; }
.introduction-2 .welcome .building { width: 7%; left: 45%; top: 15%; opacity: 0; }
.introduction-2 .welcome .building-on { left: 48%; }

@media (min-width: 540px){
    .introduction-2 .welcome { height: 400px; }
}
@media (min-width: 768px){
    .introduction-2 .welcome { height: 440px; }
}
@media (min-width: 992px){
    .introduction-2 .welcome { height: 600px; }
}
@media (min-width: 1200px){
    .introduction-2 .welcome .cloud { width: 60%; left: 20%; }
    .introduction-2 .welcome .bubbles { top: 37%; opacity: 0; }
}



.introduction-3 .intrapreneurship-overview .setting-stage,
.introduction-3 .intrapreneurship-overview .developing-opportunities,
.introduction-3 .intrapreneurship-overview .preparing-future,
.introduction-3 .high-points ul li { opacity: 0; }



.introduction-4 .intrapreneurship-matters { position: relative; height: 300px; }
.introduction-4 .intrapreneurship-matters > img { position: absolute; opacity: 0; }
.introduction-4 .intrapreneurship-matters .globe-mask { position: absolute; height: auto; width: 80%; left: 10%; overflow: hidden; }
.introduction-4 .intrapreneurship-matters .globe { width: 100%; height: auto; opacity: 0; }
.introduction-4 .intrapreneurship-matters .actor-senior { width: 10%; height: auto; bottom: 0; }
.introduction-4 .intrapreneurship-matters .building { width: 18%; height: auto; bottom: 20%; }
.introduction-4 .intrapreneurship-matters .building-off { left: 36%; width: 1%; }
.introduction-4 .intrapreneurship-matters .building-on { right: 16%; }
.introduction-4 .intrapreneurship-matters .arrow-road { bottom: 35%; left: 36%; width: 28%; }
.introduction-4 .strategies .strategy { margin-bottom: 20px; padding-left: 10px; /*background: url(../img/introduction/intrapreneurship-matters/checkbox.png) no-repeat; background-position: 8px 14px; background-size: 12px 12px;*/ opacity: 0; }
.introduction-4 .strategies .strategy span { padding-right: 10px; color: #f00; font-size: 35px; font-weight: 700; opacity: 0; }
.introduction-4 .strategies { padding-top: 40px; }


@media (min-width: 540px){
    .introduction-4 .intrapreneurship-matters { height: 400px; }
    .introduction-4 .intrapreneurship-matters .globe-mask { width: 76%; left: 12%; }
}
@media (min-width: 768px){
    .introduction-4 .intrapreneurship-matters { height: 500px; }
    .introduction-4 .intrapreneurship-matters .globe-mask { width: 72%; left: 14%; }
}
@media (min-width: 992px){
    .introduction-4 .intrapreneurship-matters { height: 600px; }
    .introduction-4 .intrapreneurship-matters .globe-mask { width: 64%; left: 18%; }
}
@media (min-width: 1200px){
    .introduction-4 .intrapreneurship-matters .globe-mask { width: 50%; left: 25%; }
}



.introduction-6 p.download-guide { padding-top: 50px; }
.introduction-6 p.download-guide img { width: 50px; height: auto; }
.introduction-6 .content .row { background-color: #17375E; border-radius: 10px; color: #fff; margin-top: 50px; padding-top: 30px; padding-bottom: 30px; }
.introduction-6 .content .learning-guide { display: block; width: 250px; height: 250px; margin: 30px auto 0; text-indent: -9999em; overflow: hidden; background: url('../img/learning-guide.png') no-repeat; opacity: 0.1; }
.introduction-6 .content .informations h2,
.introduction-6 .content .informations li,
.introduction-6 .content .informations p { opacity: 0; }