.jodeTimelineWrap {
	width: 100%;
	position: relative;
	z-index: 1000;
	margin: 0 auto 100px auto;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodeTimelineLine {
	width: 100%;
	position: relative;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePinWrap {
	position: absolute;
	top: 0px;
	cursor: pointer;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

p.jodePinTitle {
	position: absolute;
	left: 0;
	text-align: center;
	white-space:nowrap;
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePin {
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	position: absolute;
	z-index: 3;
	opacity: 1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePinHover {
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;	
	position: absolute;
	z-index: 2;
        -moz-box-sizing: content-box;
        box-sizing: content-box;        
}

.jodePinHoverBorderEffect{
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	padding: 5px;
	margin-left: -5px;
	margin-top: -5px;
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform: scale(0);
	z-index: 1;
	transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
        -moz-box-sizing: content-box;
        box-sizing: content-box;        
}

.jodePin-active {
	opacity: 0;
        -moz-box-sizing: content-box;
        box-sizing: content-box;        
}

.jodePinHoverBorderEffect-active {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
        -moz-box-sizing: content-box;
        box-sizing: content-box;        
}


.jodePinWrapclick:hover .jodePin {
	opacity: 0;
        -moz-box-sizing: content-box;
        box-sizing: content-box;        
}

.jodePinWrapclick:hover .jodePinHoverBorderEffect {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
        -moz-box-sizing: content-box;
        box-sizing: content-box;        
}

.jodePopWrap {
	position: absolute;
	opacity: 0;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePopup {overflow: hidden; position: relative; z-index: 999; text-align: center;         -moz-box-sizing: content-box;
        box-sizing: content-box;}

.jodePopWrapLeftOrigin {
	transform-origin:0% 100%;
	-webkit-transform-origin:0% 100%;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}
.jodePopWrapRightOrigin {
	transform-origin:100% 100%;
	-webkit-transform-origin:100% 100%;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePopWrapDisabled {
	transform: scaleX(0);
	-webkit-transform: scaleX(0);	
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePopupDecoration {
	border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    margin-left: -25px;
    position: absolute;
    top: 100%;
    width: 0px;
	z-index: 2;
    margin-top: -3px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jodePopupDecorationLeft {
    border-right: 25px solid transparent;
    margin-left: -25px;
    position: absolute;
    top: 100%;
    width: 0px;
z-index: 2;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.jodePopupDecorationRight {
	border-left: 25px solid transparent;
    margin-left: -25px;
    position: absolute;
    top: 100%;
    width: 0px;
z-index: 2;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.jodePopupLine {
	height: 95px;
	position: absolute;
	z-index: 1;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePopupRsquare {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-sizing: content-box; box-sizing: content-box;}

.jodePopupCircle {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%  100%  100%  100%; -moz-box-sizing: content-box; box-sizing: content-box;}

.jodePopupRsquareFirst {-webkit-border-radius: 15px 15px 15px 0; -moz-border-radius:15px 15px 15px 0; border-radius: 15px 15px 15px 0; -moz-box-sizing: content-box; box-sizing: content-box;}

.jodePopupCircleFirst {-webkit-border-radius: 100%  100%  100%  0%; -moz-border-radius: 100%  100%  100%  0%; border-radius: 100%  100%  100%  0%; -moz-box-sizing: content-box; box-sizing: content-box;}

.jodePopupRsquareLast {-webkit-border-radius: 15px 15px 0 15px; -moz-border-radius: 15px 15px 0 15px; border-radius: 15px 15px 0 15px; -moz-box-sizing: content-box; box-sizing: content-box;}

.jodePopupCircleLast {-webkit-border-radius: 100%  100%  0%  100%;; -moz-border-radius: 100%  100%  0%  100%;; border-radius: 100%  100%  0%  100%;-moz-box-sizing: content-box; box-sizing: content-box;}


.jodePopupContWrap, .jodePopupContHeight {
	position: relative;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}


.jodePopupContCircle {
	position: absolute;
	top: 0%;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePopupContHov {
	position: absolute;
	top: 0%;
	display: block;
	width: 100%;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePopupCont 
{
	transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

.jodePopupContHide {
	transform: scale(2);
	-webkit-transform: scale(2);
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}


@media (max-width: 480px) {
	.jodePinWrap, .jodePopupDecoration, .jodePopupLine, .jodePopupDecorationLeft, .jodePopupDecorationRight   {
		display: none;}
	.jodeTimelineLine {
		width: 5px;
		height: 100% !important;
		position: absolute;
		left: 0;
	}

	.jodePopWrap {
		position: static !important;
		max-width: 90% !important;
		margin-left: 20px !important;
		opacity: 1 !important;
		display: block !important;
		left: 0px !important;
		margin-bottom: 50px;
		transform: scaleX(1) !important;
		-webkit-transform: scaleX(1) !important;
	}

	.jodePopup {
			max-width: 90% !important;	
	}

	.jodePopupCircle {

	}

	.jodePopupRsquare {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

	.jodePopupCircle {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%  100%  100%  100%;}

	.jodePopupRsquareFirst {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

	.jodePopupCircleFirst {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%  100%  100%  100%; }

	.jodePopupRsquareLast {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

	.jodePopupCircleLast {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%  100%  100%  100%;}

}


/*
.jodePopup:hover .jodePopupCont{
	display: none;
}

.jodePopup:hover .jodePopupContHov{
	display: block;
}*/