/* CSS Inspired by @csswizardry http://csswizardry.com/2011/03/coding-up-a-semantic-lean-timeline/ */
.b1njTimeline {
    box-sizing: content-box;
	background:url(../about/img/f43059.gif) top center repeat-y;
    width : 1000px;
    padding : 50px 0;
    margin :0 auto 50px auto;
    position: relative;
}
    .b1njTimelineEvents,
    .b1njTimelineDates {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .b1njTimeline * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .b1njTimelineEvents:before, /* The dot */
    .b1njTimelineEvents:after { /* The arrow */
        content: " ";
        width: 10px;
        height: 10px;
        display: block;
        background: #f43059;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -5px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
    .b1njTimelineEvents:after {
        margin-left: -7px;
        background: none;
        border: 7px solid transparent;
        border-top-color: #f43059;
        width: 0;
        height: 0;
        top: auto;
        bottom: -7px;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
    }
    .b1njTimelineEvent {
        position: absolute;
        width: 410px;
        margin: 0 0 10px 0;
        top: 0;
        text-align:right;
		font-size:85.7%;/*14px*/
    }
        .b1njTimelineEventContents {
            position: absolute;
            width: 410px;
            padding: 5px 10px;
            background: #fef8c4;
            border: 1px solid #d8d566;
            top: center;
            margin: -1.5em 0 0 0;
            border-radius: 5px;
            cursor: pointer;
        }
        .right_item .b1njTimelineEventContents {
			background:#c2d0eb;
		}
        .b1njTimelineEventContents:hover,
        .b1njTimelineEventContents.open {
            z-index: 100;
            background: #fcf085;
            border: 1px solid #d8d566;
        }
        .b1njTimelineEvent time {
            font-weight: bold;
        }
        .b1njTimelineEvent p {
            margin: 0;
        }
        .b1njTimelineEvent:before,
        .b1njTimelineEvent:after {
            content: " ";
            width: 90px;
            height: 1px;
            background: #f43059;
            position: absolute;
            top: 0;
            display: none;
        }
        .b1njTimelineEvent.right_item {
            text-align: left;
            right: 0;
        }
        .b1njTimelineEvent.left_item:before { /* Move branches */
            display: block;
            background: #d8d566;
            background: -moz-linear-gradient(left, #d8d566 0%, #f43059 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d8d566), color-stop(100%,#f43059));
            background: -webkit-linear-gradient(left, #d8d566 0%,#f43059 100%);
            background: -o-linear-gradient(left, #d8d566 0%,#f43059 100%);
            background: -ms-linear-gradient(left, #d8d566 0%,#f43059 100%);
            background: linear-gradient(to right, #d8d566 0%,#f43059 100%);
            left: 100%;
        }
        .b1njTimelineEvent.right_item:after { /* Move branches */
            display: block;
            background: #f43059;
            background: -moz-linear-gradient(left,  #f43059 0%, #d8d566 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f43059), color-stop(100%,#d8d566));
            background: -webkit-linear-gradient(left,  #f43059 0%,#d8d566 100%);
            background: -o-linear-gradient(left,  #f43059 0%,#d8d566 100%);
            background: -ms-linear-gradient(left,  #f43059 0%,#d8d566 100%);
            background: linear-gradient(to right,  #f43059 0%,#d8d566 100%);
            right: 100%;
        }
        .b1njTimelineEvent .description {
            height: 0;
            overflow: hidden;
            text-align: left;
        }
        .b1njTimelineEvent .description:before {
            content: '+';
            display: block;
            width: 1em;
            height: 1em;
            position: absolute;
            top: 0em;
        }
       /* .b1njTimelineEvent:nth-of-type(even) .description:before {
            right: 0;
        }*/
            .b1njTimelineEventContents.open .description {
                margin-top: 10px;
                height: auto;
                -moz-transition: 1s ease;
            }
            .b1njTimelineEventContents.open .description:before {
                content: '-';
            }
    .b1njTimelineDates li {
        display: block;
        position: absolute;
        left: 50%;
        width: 100px;
        top: 0px;
        margin-left: 10px;
    }
        .b1njTimelineDates li div {
            position: absolute;
            margin-top: -.6em;
        }
        .b1njTimelineDates li:before {
            content: " ";
            width: 5px;
            height: 1px;
            background: #f43059;
            position: absolute;
            top: 0;
            margin-left: -10px;
        }
.timeline_box {
	display:flex;
	padding:0;
	text-align:left !important;
}
.timeline_box time {
	padding:0 15px 0 0;
}
.right_item {
	right:0;
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
.b1njTimeline {
	width:100%;
	background:url(../about/img/f43059.gif) top left 45px repeat-y;
}
.b1njTimelineEvents::before, .b1njTimelineEvents::after {
	left:45px;
}
.b1njTimelineEvent.left_item::before {
	left:-15px;
}
.b1njTimelineEvent.right_item::after {
	left:-15px;
	right:auto;
}
.b1njTimelineDates li {
	left:0px;
	margin:0;
}
.b1njTimelineDates li div {
	left:0px;
	width:40px;
}
.b1njTimelineDates li::before {
	margin:auto;
	left:40px;
}
.b1njTimelineEvent {
	width:calc(100% - 60px);
	left:60px !important;
}
.b1njTimelineEventContents {
	width:100%;
}
}
@media screen and (min-width: 0px) and (max-width: 800px) {
.b1njTimeline {
	height:auto !important;
}
.b1njTimelineEvent {
	position:static;
	margin:0 0 30px 60px;
	height:auto;
}
.b1njTimelineEventContents {
	position:relative;
	height:auto;
}
.b1njTimelineEvent::before,
.b1njTimelineEvent::after {
	display:none !important;
}
.b1njTimelineDates li:nth-child(2) {
	top:120px !important;
}
.b1njTimelineDates li:nth-child(3) {
	top:230px !important;
}
.b1njTimelineDates li:nth-child(4) {
	top:320px !important;
}
.b1njTimelineDates li:nth-child(5) {
	top:420px !important;
}
.b1njTimelineDates li:nth-child(6) {
	top:500px !important;
}
.b1njTimelineDates li:nth-child(7) {
	top:600px !important;
}
.b1njTimelineDates li:nth-child(8) {
	top:910px !important;
}
.b1njTimelineDates li:nth-child(9) {
	top:1000px !important;
}
.b1njTimelineDates li:nth-child(10) {
	top:1100px !important;
}
.b1njTimelineDates li:nth-child(11) {
	top:1150px !important;
}
.b1njTimelineDates li:nth-child(12) {
	top:1190px !important;
}
.b1njTimelineDates li:last-child {
	top:1280px !important;
}
}