#condom-slideshow{
    width:665px;
    margin:0 0 45px;
    padding:0;
    list-style:none;
}
    #condom-slideshow li{
        display:none;
        margin:0;
        padding:0;
    }
        #condom-slideshow #instructions{
            display: block;
        }
        #instructions-mobile{
            display:none;
        }
#slideshow-complete{
    position: relative;
}
#slideshow-complete .readmore{
    background-position:-350px -79px;
    color:#139ec6;
    width:138px;
    height:24px;
    float:left;
    padding:8px 0 0;
    position:absolute;
    cursor:pointer;
}
#slideshow-complete #play-again{
    left:317px;
    top:116px;
}
#slideshow-complete #re-watch-demo{
    left:387px;
    top:253px;
}



#condom-steps{
    margin:0;
    padding:0;
    list-style: none;
}
    #condom-steps li{
	    font-family:'VAG Rounded W01 Bold',sans-serif;
	    width:207px;
	    height:264px;
	    color:#fff;
	    font-size:18px;    
	    line-height:21px;
	    background:url(../images/condom-game/sprite-condom-wrappers.png) no-repeat;
	    margin:0 7px 10px;
	    position: relative;
        float:left;
    }
    #condom-steps .move-up-arrow,
    #condom-steps .move-down-arrow{
        float:right;
        height:53px;
        width:50px;
        background:#8c416f;
        position: absolute;
        right:0;
    }
    #condom-steps .move-up-arrow{
        top:0;
        border-bottom:1px solid #8c416f;
    }
    #condom-steps .move-down-arrow{
        top:53px;
        border-top:1px solid #c173a3;
    }
    #condom-steps .move-up-arrow:before,
    #condom-steps .move-down-arrow:before{
        content: '';
        border-style: solid;        
        height: 0;
        width: 0;
        cursor:pointer;
        position: absolute;        
        left:9px;
    }
    #condom-steps .move-up-arrow:before{
        top:10px;
    }
    #condom-steps .move-down-arrow:before{
        top:30px;
    }
    #condom-steps .move-up-arrow:before{
        content:'';        
        border-width: 0 16px 16px;        
        border-color: transparent transparent #fff transparent;
    }
    #condom-steps .move-down-arrow:before{
        border-width: 16px 16px 0;
        border-color: #fff transparent transparent transparent;
    }
    #condom-steps .move-up-arrow:after,
    #condom-steps .move-down-arrow:after{
        content:'';
        position: absolute;
        width:22px;
        height: 15px;  
        background:#fff;        
        left:14px;
    }
    #condom-steps .move-up-arrow:after{
        top:26px;
    }
    #condom-steps .move-down-arrow:after{
        top:15px;
    }


        #condom-steps li span{
	        display:block;
	        font-size:32px;
	        color:#666565;
	        padding:0 0 60px;
        }
        #condom-steps li .step{
            padding:0 15px 0 24px;
        }

    #condom-steps .correct{
    	background-position: 0 bottom;
    }
    #condom-steps .incorrect{
    	background-position:-207px bottom;
    }
    #condom-steps .empty{
    	background-position:-414px bottom;
    }




/* ************************************************************************ */
/* LARGE MOBILE media selector */
/* ************************************************************************ */


@media (max-width: 680px) {
#slideshow-complete .readmore{
    background-position:-350px 0;
    width: 112px;
	height: 20px;
    padding:5px 0 0;
    font-size:12px;
    background-size: auto auto;
}
#slideshow-complete #play-again{
    left:50%;
    top:25%;
}
#slideshow-complete #re-watch-demo{
    left:61%;
    top:57%;
}


	#condom-slideshow, #condom-slideshow img{
		width:100%;
	}
	#condom-steps li{
	    width:94%;
	    min-height:107px;
        height:auto;
	    color:#666565;
	    border:1px solid #c9cbcb;
	    font-size:13px;    
	    line-height:17px;
	    background:none;
	    margin:0 7px 5px;
	    padding:0 0 0 5px;
	    float:none;	    

    }
    	#condom-steps li span{
    		font-size:36px;
	        color:#fff;
	        float:left;
	        background:url(../images/condom-game/sprite-condom-wrappers-mobile.png) no-repeat;
            width:71px;
            padding:0;
            height:78px;
            margin:13px 7px 0 0;
            line-height:75px;
            text-align: center;
    	}
    	#condom-steps li .step{
            padding:15px 0 10px 0;
        }
        #condom-steps li .step div{/*touch only*/
            width:55px;
            height:108px;
            float:right;
        }


    #condom-steps .correct span{
    	background-position: 0 bottom;
    }
    #condom-steps .incorrect span{
    	background-position:-71px bottom;
    }
    #condom-steps .empty{
    	float:none;
        background:url(../images/condom-game/sprite-condom-wrappers-mobile.png) no-repeat;
        width:92%;
    	background-position:-142px center;
        margin-left:11px;
    }
    


}


/* ************************************************************************ */
/* SMALL MOBILE media selector */
/* ************************************************************************ */


@media (max-width: 360px) {

#slideshow-complete #play-again{
    left:41%;
    top:24%;
}
#slideshow-complete #re-watch-demo{
    left:48%;
    top:55%;
}


}