@charset "UTF-8";
/* CSS Document */

.history-list-wrapper:before, .history-list-wrapper:after{
	content:" ";
	display:block;
	clear:both;
}
.history-list-wrapper{
	position:relative;
	height:auto;
}
.history-list-wrapper .history-list-item{
	position:relative;
	margin:20px 0 10px 0;
	/*border:1px solid #000000;*/
}
.history-list-wrapper .history-list-item .section-corner{
	border-top:17px solid #3c3700;
	border-left:25px solid transparent;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}
.history-list-wrapper .history-list-item .history-list-item-wrap{
	position:relative;
	margin:10px 10px 10px 25px;
	width:auto;
	height:auto;
	border:4px solid #3c3700;
}
.history-list-wrapper .history-list-item .event-date{
	position:absolute;
	top:20px;
	right:20px;
	color:#FFFFFF;
	font-size:3em;
}
.history-list-wrapper .history-list-item h1{
	padding:0 10px;
	color:#FFFFFF;
	font-size:2em;
}
.history-list-wrapper .history-list-item .history-list-item-wrap img{
	display:block;
	margin:0;
	padding:0;
}
.history-list-item-overlay{
	position:absolute;
	padding:0px;
	left:0;
	right:0;
	bottom:0;
	top:auto;
	/*border-top:1px solid #000000;*/
	max-width:100%;
}
.history-list-item-overlay hr{
	display:none;
}
.history-list-item-overlay.no-image{
	position:relative;
	background:#3c3700;
}
.history-list-item-overlay.no-image hr{
	display:block;
	border-top: 1px solid #A67701;
    border-bottom: 1px solid #A67701;
    height: 4px;
    border-left: none;
    border-right: none;
	background:#3c3700;
	margin:0 10px;
	width:auto;
}
.history-list-item-overlay .description{
	background:rgba(60,55,0,0.75);
	color:#FFFFFF;
	padding:10px;
}
.history-list-item-overlay.no-image .description{
	background:none;
}
.history-list-item-overlay .description p{
	margin-bottom:0;
}
.history-list-item-overlay .description a{
	color:#FFFFFF;
	text-decoration:underline;
}
.history-list-item-overlay .description a:hover{
	text-decoration:none;
}
.items-wrapper{
	width:calc(100% - 40px);
	float:right;
}
.left-vertical-column{
	width:40px;
	height:100%;
	float:left;
}
.left-vertical-column .vartical-line{
	width:2px;
	background:#000000;
	height:100%;
	margin:0 auto;
}
.left-vertical-column .history-point{
	width:20px;
	height:20px;
	border:2px solid #000000;
	position:absolute;
	left:8px;
	background:#FFFFFF;
	top:0;
	margin:0 auto;
	border-radius:50%;
	margin-top:-10px;
	visibility:hidden;
}
.left-vertical-column .history-point.visible{
	visibility:visible;
	animation: cd-bounce-1 0.6s;
}
@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}
@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.animated-section-wrapper{
	visibility:hidden;
	
}
.animated-section-wrapper.visible{
	visibility:visible;
	animation:cd-bounce-2-inverse 0.6s;
}
@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}
@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}
@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}