.slide.introduction-1 .animation-images-group {
    position:relative;
    float:left;
}

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


.slide.introduction-1 .intro-images {
    position:absolute;
}

.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-womans-world-text{
    top:90px;
    left:170px;
    color:#6D3890;
    font-size: 34px;
    position:absolute;
}

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

.slide.reflection-4 span.ui-slider-handle {
    border:solid thin #6D3890;
    padding:5px 10px;
    border-radius:5px;
    width:54%;
    font-size: 12px;
    text-align: center;
    height:auto;
    color:#6D3890;
}
.slide.reflection-4 .problem-symptom-slider-group { cursor: pointer; }

.slide.reflection-4 .problem-symptom-slider-group div.ui-widget-content:nth-child(even) { background-color: #FFF; }
.slide.reflection-4 .problem-symptom-slider-group div.ui-widget-content:nth-child(odd) { background-color: #EEE; }

.slide.reflection-4 .problem-symptom-4 { min-height: 30px; }
.slide.reflection-4 .problem-symptom-5 { min-height: 30px; }
.slide.reflection-4 .problem-symptom-6 { min-height: 30px; }
.slide.reflection-4 .problem-symptom-7 { min-height: 30px; }
.slide.reflection-4 .problem-symptom-9 { min-height: 30px; }
.slide.reflection-4 .problem-symptom-10 { min-height: 30px; }

.slide.reflection-4 .review-button {
    margin-top:15px;
}
.problem-symptom-slider-group {
        /*background: url("../img/womans-world/dottedbg.png");
        background-size: 100%;*/
}
.slide.reflection-4 .ui-widget-content {
    /*background: transparent !important;*/
}

.slide.reflection-4 .ui-state-default, .slide.reflection-4 .ui-widget-content .ui-state-default, .slide.reflection-4 .ui-widget-header .ui-state-default {
    background: #fff !important;
}

.slide.reflection-4 .slider{ width:66%; margin-bottom:20px; }
.slide.reflection-4 .ui-widget-content { border:none; }

.slide.reflection-4 .symptom-right:after {
    content: "\2713";
    position:absolute;
    right:-60%;
    color:#8AE3C2;
    font-weight: bold;
    font-size: 24px;
}

.slide.reflection-4 .symptom-wrong:after {
    content: '\274c';
    position:absolute;
    right:-60%;
    color:#FD8E53;
}

.slide.reflection-4 .review-show { display: none; font-size: 10px; border-bottom: solid 1px #DDD; margin-bottom: 15px; }
.slide.reflection-4 .review-show.wrong { display: block; }

.slide.reflection-5 .stressor-suggestions {
    position:relative;
}

.slide.reflection-5 .content {
    height:475px;
}

.slide.reflection-5 .stressor-suggestions img{
    position:absolute;
    left:-80px;
    top:160px;
    width:120%;
    height:auto;
}

.stressor-suggestions-bubble {
    opacity:0;
    z-index: 100;
}

.stressor-suggestions-figure {
    z-index: 999;
    cursor: pointer;
}

.stressor-suggestions-text {
    position:absolute;
    left:160px;
    top:260px;
    width:300px;
    color:#612887;
        opacity:0;
}
.delete-selector {
    cursor: pointer;
}
.slide.action-4 .can-influence,
.modded-stressors-list,
.draganddrop-dest {
    width: 300px;
    height: 300px;
    border:thin solid #9166AE;
    border-radius:100%;
    padding-top: 20px;
    margin:auto;
}

.slide.action-4 h3,
.slide.projection-7 h3,
.slide.projection-6 h3,
.slide.projection-5 h3,
.slide.projection-4 h3,
.slide.reflection-4 h3,
.slide.reflection-6 h3,
.slide.reflection-7 h3  {
    display:inline-block;
    min-height:2em;
    text-align: center;
    width:100%;
    color:#6D3890;
    font-size:18px;
    font-weight: bold;
}

.slide.action-4 .draganddrop-source,
.slide.projection-4 .draganddrop-source,
.draganddrop-dest span{
    font-size: 12px;
    width:50%;
    text-align: center;
    margin:auto;
    margin-bottom: 3px;
}

.slide.projection-4 .draganddrop-source.original-can { opacity: 0.3; }

.draganddrop-source {
    display:block !important;
    margin:10px 0;
    padding:5px;
    background: #fff;
    border:solid thin #9166AE;
    cursor: pointer;
    border-radius:5px;
    color:#9166AE;
    width:200px;
}

.draganddrop-source-bg {
    margin:10px;
    background: #ddd;
    min-height:2em;
    border-radius:5px;
    width:200px;
}

.slide.reflection-6 .droppable-group {
    margin-top:30px;
}

.slide.reflection-6 .circle-footer {
    font-size:12px;
    margin-top:5%;
}

.slide.reflection-3 .icon-groups {
    height: 400px;
    margin-top:50px;
}

.slide.reflection-3 .challenges-text-group, .slide.reflection-3 .figure-icon, .slide.reflection-3 .challenges-text-group p {
        position: absolute;
}

.slide.reflection-3 .figure-icon {
    width:300px;
    height:350px;
    bottom:0;
    left:90px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('../img/womans-world/wwinfograph-figure.png');
    background-size:100%;
    background-position: bottom center;
}

.slide.reflection-3 .no-time-text {
    left:100px;
    width:150px;
    color:#B49AC7;
    font-size: 0;
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}

.slide.reflection-3 .stress-text {
    left:230px;
    width:150px;
    color:#835E9F;
    font-size: 0;
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
}

.slide.reflection-3 .savings-text {
    left:70px;
    top:60px;
    width:150px;
    color:#835E9F;
    font-size: 0;
    -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
}

.slide.reflection-3 .job-text {
    left:135px;
    top:85px;
    width:150px;
    color:#662E86;
    font-size: 0;
}

.slide.reflection-3 .fear-text {
    left:175px;
    top:45px;
    width:150px;
    color:#835E9F;
    font-size: 0;
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
    transform: rotate(8deg);
}


.slide.reflection-3 .payments-text {
    left:250px;
    top:90px;
    width:150px;
    color:#B49AC7;
    font-size: 0;
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
}


.slide.reflection-3 .sick-text {
    left:70px;
    top:140px;
    width:150px;
    color:#835E9F;
    font-size: 0;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}

.slide.reflection-3 .kids-text {
    left:260px;
    top:140px;
    width:150px;
    color:#835E9F;
    font-size: 0;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
    transform: rotate(20deg);
}


.slide.reflection-3 .debt-text {
    left:160px;
    top:140px;
    width:150px;
    color:#662E86;
    font-size: 0;
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}


.slide.reflection-5 .stressors-list div:hover {
    background-color: #eee
}

.slide.projection-3 .phone-icon {
    width:200px;
    height:220px;
    bottom:150px;
    left:-40px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('../img/womans-world/wwinfograph-phone.png');
    background-position: center bottom;
    background-size: 0;
}

.slide.projection-3 .figure-icon {
    bottom:0;
    left: 110px;
    width:200px;
    height:200px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('../img/womans-world/wwinfograph-figure.png');
}


.slide.projection-3 .child-icon {
    width:200px;
    height:230px;
    bottom:150px;
    left:180px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('../img/womans-world/wwinfograph-child.png');
    background-position: center bottom;
    background-size: 0;
}



.slide.action-3 .infograph-box-3 {
    margin-top:50px;
    width:100%;
    height:300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('../img/womans-world/wwinfograph3-base.png');
}
.slide.action-3 .hand-icon {
    position:absolute;
    opacity:0;
}

.slide.projection-3 .icon-groups div {
    position:absolute;
}

.slide.projection-3 .icon-groups {
    height: 300px;
    margin-top:50px;
}
.add-modded-stressors,
.add-to-stressors {
    background-color: #612887;
    color:#fff;
    padding:3px;
    border-radius: 0 5px 5px 0;
    border:none;
    margin-left:-3px;
    height: 30px;
    width: 120px;
}

.add-modded-stressors {
    top:1px;
}

.slide.reflection-5 input.stressor-input { height: 30px; }

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

.slide.action-4 .stressor-action-input, .slide.action-6 .stressor-person-input, .slide.action-6 .stressor-benefit-input { font-size: 12px; color: #444;}

.slide.action-4 .content >div >div:nth-child(2) >div:nth-child(2) .slide-instructions,
.slide.action-6 .content >div >div >div>div:first-child h4,
.slide.action-7 .content >div >div >div>div:first-child h4,
.slide.projection-4 .content >div >div >div:nth-child(2) .slide-instructions {
    font-size: 12px;
    font-weight: bold;
}

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


.slide.action-7 .stressors-list > div span:nth-child(2),
.slide.action-6 .stressors-list > div span:nth-child(2){
    color:#444;
}

.slide.action-7 .stressors-list > div,
.slide.action-6 .stressors-list > div,
.slide.action-4 .stressors-list > div {
    font-size: 18px;
}

.slide.action-7 .stressors-list > div:first-child,
.slide.action-6 .stressors-list > div:first-child,
.slide.action-4 .stressors-list > div:first-child,
.slide.projection-4 .stressors-list > div:first-child,
.slide.reflection-5 .stressors-list div:first-child {
    border-top:solid thin #Bababa;
}

.slide.reflection-5 input.stressor-input,
.slide.projection-4 input {
    color:#B2B2B2;
    text-align:left;
    margin-top:15px;
}

.slide.projection-4 input { margin-top: 1px; height: 30px; }

.slide.action-6 h4,
.slide.action-7 h4 {
    display:inline-block;
    font-size: 16px;
}
.slide.action-7 input,
.slide.action-6 input {
    color:#444;
}

.slide.action-6 input::-webkit-input-placeholder{
    color:#B2B2B2;
    text-align:left;
}
.slide.action-4 input::-webkit-input-placeholder,
.slide.reflection-5 input.stressor-input::-webkit-input-placeholder,
.slide.projection-4 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#B2B2B2;
    text-align:left;
}
.slide.action-6 input:-moz-placeholder{
    color:#B2B2B2;
    text-align:left;
}
.slide.action-4 input:-moz-placeholder,
.slide.reflection-5 input.stressor-input:-moz-placeholder,
.slide.projection-4 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#B2B2B2;
    text-align:left;
}
.slide.action-6 input::-moz-placeholder {
    color:#B2B2B2;
    text-align:left;
}
.slide.action-4 input::-moz-placeholder,
.slide.reflection-5 input.stressor-input::-moz-placeholder,
.slide.projection-4 input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#B2B2B2;
    text-align:left;
}
.slide.action-6 input:-ms-input-placeholder {
    color:#B2B2B2;
    text-align:left;
}
.slide.action-4 input:-ms-input-placeholder,
.slide.reflection-5 input.stressor-input:-ms-input-placeholder,
.slide.projection-4 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#B2B2B2;
    text-align:left;
}


.slide.action-5 .slide-instructions span:nth-child(2) {
    margin-bottom:1em;
}

.slide.action-5 .slide-instructions span:last-child {
    margin-top:1em;
}

.slide.action-6 .stressors-list span.col-sm-1 {
    color: #6D3890;
    font-size: 13px;
    background-image: url('../img/sharing.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    min-height: 30px;
    background-size: 25px;
}
.slide.action-6 .stressors-list span.col-sm-1 a { color: #6D3890; display: block; width: 70px; text-indent: 30px; }

.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){

    .stressor-suggestions-text {
        left:100px;
        top:280px;
    }

    .slide.reflection-5 .stressor-suggestions img{
        left:-80px;
        top:200px;
    }
}

@media (max-width: 990px){

    .slide.reflection-6 .droppable-group {
        margin-top:30%;
    }
    .slide.reflection-5 .stressor-suggestions img{
        left:-80px;
        top:200px;
    }
    .stressor-suggestions-text {
        left:50px;
        top:260px;
        width:240px;
        font-size:12px;
    }
}