@import url(http://fonts.googleapis.com/css?family=Domine:400,700);


.progress-indicator {
	position: fixed;
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	z-index: 4;
}
.progress-count {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 100px;
	color: #0082FF;
}

.progress-indicator-og {
	position: fixed;
    width: 20%;
    background: url("/img/nav/ogalalla-approach-path.png");
	    background-size: cover;
    right: 45px;
    z-index: 4;
    /*right: 130px;
    background-color: #502E1D;
    z-index: 5;
    width: 10px;*/
}
.progress-indicator-al {
    position: fixed;
    background: url("/img/nav/alice-rabbithole-over.png");
    background-size: cover;
    z-index: 4;
    right: 0;
    width: 340px;
    top: 0;
}

.progress-indicator-cope {
    position: fixed;
    width: 24%;
    background: url("/img/nav/copeland-update.png");
    right: 0px;
    z-index: 4;
    background-size: cover;
    /* background-size: contain; */
    background-repeat: no-repeat;
}

.progress-indicator-iso {
    position: fixed;
    width: 17%;
    background: url("/img/nav/iso-nav-over.png");
    right: 0px;
    z-index: 4;
    background-size: cover;
    /* background-size: contain; */
    background-repeat: no-repeat;
}
.progress-indicator-long {
    position: fixed;
    width: 17%;
    background: url("/img/nav/slope-angle-key-overlay.png"); 
    right: 0px;
    z-index: 4;
    background-size: cover;
    /* background-size: contain; */
    background-repeat: no-repeat;
}