
.slide.introduction-1 .animation-images-group {
    position:relative;
    margin-left:14%;
}

.slide.introduction-1 .content {
    height:425px;
}


.slide.introduction-1 .intro-images {
    position:absolute;
    width:100%;
    background-size: 100%;
}

.intro-slideshow.family1, .intro-slideshow.family2, .intro-slideshow.expert1, .intro-slideshow.expert2 {
    position:absolute;
    top:70px;
    width:20%;
}

#watch { opacity: 0; }

.intro-slideshow.exercises, .intro-slideshow.fun-fact {
    top: 200px;
}

.intro-gaze-ahead-text{
    top:120px;
    left:380px;
    color:#6D3890;
    font-size: 24px;
    position:absolute;
}

.to-fade-in{
    opacity:0;
}

.business-pillar-pic img,
.family-pillar-pic img,
.individual-pillar-pic img {
    width:100%;
    height:auto;
    position:absolute;
}

.slide.reflection-4 .bold-weight {
    opacity:0;
}

.business-pillar-pic,
.family-pillar-pic,
.individual-pillar-pic {
    position:relative;
}

.char-list-icon {
    width:auto;
    height:40px;
    margin-top:2em;
}

.slide.reflection-4 .content{
    min-height:425px;
}

.delete-characteristic {
    cursor: pointer;
}


.slide.reflection-3 .infograph-box-1 {
}

.slide.reflection-3 .man-woman-bubbles {
}

.slide.reflection-3 .bubble-thoughts {
    position: absolute;
    text-align: center;
    color:#612388;
    width:115px;
    font-size: 16px;
}

.slide.reflection-3 .man-bubble-thoughts {
    left:20px;
    top:30px;
}

.slide.reflection-3 .woman-bubble-thoughts {
    left:400px;
    top:35px;
}

.slide.projection-3 .mentorship-infograph {
    position:absolute;
    left:20%;
    width:60%;
}

.slide.projection-3 .infograph-box-2 {
    height:500px;

}

.slide.projection-3 .mentorship-infograph {
    opacity:0;
}

.slide.action-3 .infograph-box-3 {
    height:350px;
}

.slide.action-3 .infograph-3-text {
    color:#A6A6A6;
    opacity:0;
}

.cat-n-mirror {
    position:absolute;
    width:90%;
}

.cat-n-mirror-2 {
    opacity:0;
}

.slide.reflection-6 .individual-slider-face, .slide.reflection-6 .family-slider-face, .slide.reflection-6 .business-slider-face, .slide.reflection-7 .individual-slider-face, .slide.reflection-7 .family-slider-face, .slide.reflection-7 .business-slider-face {
    height:65px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/gaze-ahead/smiley-3.png');
}

.char-input-button {
    background-color: #612887;
    color:#fff;
    padding:3px;
    border:none;
    margin-left:-3px;
    top:1px;
}

.slide.projection-6 p.rm, .slide.projection-7 p.rm, .slide.action-4 p.rm, .slide.action-6 p.rm, .slide.action-7 p.rm { margin-top: 20px; }
.slide.action-6 span.mail { background-image: url('../img/sharing.png'); background-repeat: no-repeat; width: 100px; height: 50px; background-position: right top; display: block;
margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 10px; }
.slide.action-6 a span.mail  {
    color: #613887;
}

.slide.projection-5 input {
    border: solid 1px #612887;
    width: 100%;
    box-shadow: 2px 2px 10px #612887;
    margin: 5px 0px;
}

.slide.reflection-5 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#B2B2B2;
}

.slide.reflection-5 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#B2B2B2;
}

.slide.reflection-5 input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#B2B2B2;
}

.slide.reflection-5 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#B2B2B2;
}

.slide.projection-6 input, .slide.action-4 input, .slide.action-6 input {
    border: solid 1px #612887;
    width: 100%;
    box-shadow: 2px 2px 10px #612887;
    margin: 5px 0px;
}

.slide.action-6 select {
    padding:3px;
    margin: 5px 0px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    cursor:pointer;
}

.characteristics-group > div > div > p {
        color:#612887;
        font-size: 16px;
        padding-top:5px;
        margin-top:2em;
}

.delete-characteristic {
    color:#Bababa;
}

.slide.reflection-7 .characteristic-list > div:first-child,
.slide.reflection-6 .characteristic-list > div:first-child,
.slide.reflection-5 .characteristic-list > div:first-child {
    border-top:solid thin #Bababa;
    margin-top:5px;
}

.slide.action-7 .characteristic-list > div:first-child,
.slide.action-6 .characteristic-list > div:first-child,
.slide.action-4 .characteristic-list > div:first-child,
.slide.projection-7 .characteristic-list > div:first-child,
.slide.projection-6 .characteristic-list > div:first-child,
.slide.projection-5 .characteristic-list > div:first-child,
.slide.projection-4 .characteristic-list > div:first-child {
    border-top:solid #AB8BBE;
    margin-top:5px;
}

.slide.action-7 .characteristic-list > div,
.slide.action-6 .characteristic-list > div,
.slide.action-4 .characteristic-list > div,
.slide.projection-7 .characteristic-list > div,
.slide.projection-6 .characteristic-list > div,
.slide.projection-5 .characteristic-list > div,
.slide.projection-4 .characteristic-list > div,
.slide.reflection-7 .characteristic-list > div,
.slide.reflection-6 .characteristic-list > div,
.slide.reflection-5 .characteristic-list > div  {
    border-bottom:solid thin #Bababa;
}

.characteristic-list {
    padding:0 10px;
}

.slide.projection-4 #skipToDialog a { padding-top: 40px; }
.slide.action-4 #skipToDialog a { padding-top: 40px; }

.minus-sign,
.plus-sign {
    color:#999;
    top:0.7em;
    position:absolute;
}

.char-list-family-icon {
    margin-left:-6px;
}

.char-list-business-icon {
    margin-left:8px;
}

.slide.reflection-7 .ui-widget-content,
.slide.reflection-6 .ui-widget-content {
    background:#DADADA;
}

.slide.reflection-7 .ui-widget,
.slide.reflection-6 .ui-widget {
    font-size:0.1em;
}

.slide.reflection-7 .ui-slider .ui-slider-handle,
.slide.reflection-6 .ui-slider .ui-slider-handle {
    height:20px;
    width:20px;
    border-radius:20px;
    top:-10px;
    background: #FFCE53;
}

.slide.reflection-7 .slider,
.slide.reflection-6 .slider {
    top:19px;
}

.slide.action-7 .characteristic-list > div:nth-child(9),
.slide.action-7 .characteristic-list > div:nth-child(8),
.slide.action-7 .characteristic-list > div:nth-child(7),
.slide.action-7 .characteristic-list > div:nth-child(5),
.slide.action-7 .characteristic-list > div:nth-child(3),
.slide.action-6 .characteristic-list > div:nth-child(9),
.slide.action-6 .characteristic-list > div:nth-child(8),
.slide.action-6 .characteristic-list > div:nth-child(7),
.slide.action-6 .characteristic-list > div:nth-child(5),
.slide.action-6 .characteristic-list > div:nth-child(3),
.slide.action-4 .characteristic-list > div:nth-child(5),
.slide.action-4 .characteristic-list > div:nth-child(3),
.slide.projection-7 .characteristic-list > div:nth-child(3),
.slide.projection-6 .characteristic-list > div:nth-child(3),
.slide.action-7 .characteristic-list > div:first-child,
.slide.action-6 .characteristic-list > div:first-child,
.slide.action-4 .characteristic-list > div:first-child,
.slide.projection-7 .characteristic-list > div:first-child,
.slide.projection-6 .characteristic-list > div:first-child {
        color:#612887;
        font-size: 16px;
        padding-top:5px;
}

.slide.action-7 .characteristic-list > div:nth-child(8) span { color: #333; font-size: 14px; }

.slide.conclusion-2 .postcard { width: 400px; height: auto; margin-left: auto; margin-right: auto; display: block; }
.slide.conclusion-2 .share-icons ul { width: 430px; margin-left: auto; margin-right: auto; }
.slide.conclusion-2 .share-icons ul li { list-style-type: none; width: 74px; height: 74px; float: left; display: block; margin: 0px; padding: 0px; background-repeat: no-repeat; background-image: url('../img/share-sprite.png'); overflow: hidden; }
.slide.conclusion-2 .share-icons ul li a { display: block; width: 74px; height: 74px; }
.slide.conclusion-2 .share-icons ul li.twitter { background-position: -75px 0px; }
.slide.conclusion-2 .share-icons ul li.google { background-position: -150px 0px; }
.slide.conclusion-2 .share-icons ul li.linkedin { background-position: -225px 0px; }
.slide.conclusion-2 .share-icons ul li.email { background-position: -300px 0px; }

@media (max-width: 1199px){
    .slide.introduction-1 .intro-pedestal,
    .slide.introduction-1 .intro-figure {
        width:50%;
        margin:auto;
        position:absolute;
        top:0;
        left:24%;
    }
}

@media (max-width: 991px){
    .slide.introduction-1 .intro-pedestal,
    .slide.introduction-1 .intro-figure {
        width:60%;
        margin:auto;
        position:absolute;
        top:0;
        left:19%;
    }


    .intro-gaze-ahead-text{
        top:80px;
        left:300px;
        font-size: 24px;
    }

}

@media (max-width: 899px){

    .slide.reflection-3 .bubble-thoughts {
        width:80px;

        font-size: 14px;
    }

    .slide.reflection-3 .man-bubble-thoughts {
        left:15px;
        top:22px;
    }

    .slide.reflection-3 .woman-bubble-thoughts {
        left:300px;
        top:22px;
    }

    .slide.reflection-3 .man-woman-bubbles {
        width:400px;
    }


}

@media (max-width: 768px){

    .slide.introduction-1 .intro-images {
        width:500px;
    }

    .cat-n-mirror {
        width:30%;
        margin-left:50%;
    }

    .slide.projection-3 .infograph-box-2 {
        height:100px;
    }

}


@media (max-width: 468px){

        .slide.introduction-1 .intro-images {
            width:350px;
        }
}
