.flipbook-viewport{
	overflow:hidden;
	width:100%;
	height:100%;
}

.flipbook-viewport .container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
}

.flipbook-viewport .flipbook{
	width:922px;
	height:600px;
	left:-461px;
	top:-300px;
}

.flipbook-viewport .page{
	width:461px;
	height:600px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}



/*Historical calendar */

.historical-calendar {
height:auto;
overflow:hidden;
}

.page_wysiwyg_historical-calendar_header h3 {
font-size: 2.1rem;
font-weight: 800;
color: #2E2E2E!important;
text-transform: uppercase;
}


.cd-horizontal-timeline .events {
-moz-transition:0 .4s;
-webkit-transition:0 .4s;

height:0px;
left:0;
position:absolute;
top:49px;
transition:transform .4s;
z-index:1;
}

.cd-horizontal-timeline .events a {
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
-webkit-transform:translateZ(0);
bottom:0;
color:#383838;
font-size: 1.5rem;
padding-bottom:15px;
position:absolute;
text-align:center;
transform:translateZ(0);
z-index:2;
}

.cd-horizontal-timeline .events ol {
width: 100%;  
}

.timeline-line { 
display: inline;
background: #383838;
height: 1px;  
width: 71px; 
  
}

.cd-horizontal-timeline .events a.older-event::after {
border-color:#383838;
}

.cd-horizontal-timeline .events a.selected {
pointer-events:none;
}

.cd-horizontal-timeline .events a.selected::after {
color: #E62A55;
}

.cd-horizontal-timeline .events a::after {
-moz-transform:translateX(-50%);
-moz-transition:background-color .3s, border-color .3s;
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-webkit-transition:background-color .3s, border-color .3s;

border-radius:50%;
bottom:-5px;
font-family: 'fontawesome';
content:'\f192';
font-size: 2.5rem;
left:50%;
position:absolute;
right:auto;
transform:translateX(-50%);
transition:background-color .3s, border-color .3s;
height:26px;
width:20px;
}

/*.cd-horizontal-timeline .events a::before {
-moz-transform:translateX(-50%);
-moz-transition:background-color .3s, border-color .3s;
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-webkit-transition:background-color .3s, border-color .3s;
transform:translateX(-50%);
transition:background-color .3s, border-color .3s;

content: '';
font-size: 2.5rem;
left: 186%;
position: absolute;
right: auto;
height: 1px;
width: 60px;
bottom: 0px;
border: 1px solid #939191;

}
*/
.cd-horizontal-timeline .events a::before{
  -moz-transition: background-color .3s, border-color .3s;
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transition: background-color .3s, border-color .3s;
  transition: background-color .3s, border-color .3s;
  content: '';
  font-size: 2.5rem;
  left: 35px;
  position: absolute;
  right: auto;
  height: 1px;
  width: 60px;
  bottom: -8px;
  border: 1px solid #939191;
}


.cd-horizontal-timeline .events li:last-child a:before {
height: 0px;
width: 0px;
clip:rect(1px,1px,1px,1px);
}

.cd-horizontal-timeline .events-content {
-moz-transition:height .4s;
-webkit-transition:height .4s;
margin:1em 0;
overflow:hidden;
position:relative;
transition:height .4s;
width:100%;
}

.cd-horizontal-timeline .events-content em {
display:block;
font-style:italic;
margin:10px auto;
}

.cd-horizontal-timeline .events-content em,.cd-horizontal-timeline .events-content p {
line-height:1.6;
}

.cd-horizontal-timeline .events-content em::before {
content:'- ';
}

.cd-horizontal-timeline .events-content h2 {
font-family:"Playfair Display", serif;
font-size:2.6rem;
font-weight:700;
line-height:1.2;
}

.cd-horizontal-timeline .events-content li {
-moz-animation-duration:.4s;
-moz-animation-timing-function:ease-in-out;
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
-webkit-animation-duration:.4s;
-webkit-animation-timing-function:ease-in-out;
-webkit-transform:translateX(-100%);
animation-duration:.4s;
animation-timing-function:ease-in-out;
left:0;
opacity:0;
position:absolute;
top:0;
transform:translateX(-100%);
width:100%;
z-index:1;
}

.cd-horizontal-timeline .events-content li > * {
margin:0 auto;
max-width:800px;
}

.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left {
-moz-animation-name:cd-enter-left;
-webkit-animation-name:cd-enter-left;
animation-name:cd-enter-left;
}

.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right {
-moz-animation-name:cd-enter-right;
-webkit-animation-name:cd-enter-right;
animation-name:cd-enter-right;
}

.cd-horizontal-timeline .events-content li.leave-right,.cd-horizontal-timeline .events-content li.leave-left {
-moz-animation-direction:reverse;
-webkit-animation-direction:reverse;
animation-direction:reverse;
}

.cd-horizontal-timeline .events-content li.selected {
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
-webkit-transform:translateX(0);
opacity:1;
position:relative;
transform:translateX(0);
z-index:2;
}

.cd-horizontal-timeline .events-content p {
color:#959595;
font-size:1.4rem;
}

.cd-horizontal-timeline .events-wrapper {
height:100%;
margin:0 40px;
overflow:hidden;
position:relative;
}

.cd-horizontal-timeline .events-wrapper::after {
background-image:linear-gradient(to left,#f8f8f8,rgba(248,248,248,0));
right:0;
}

.cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before {
content:'';
height:100%;
position:absolute;
top:0;
width:20px;
z-index:2;
}

.cd-horizontal-timeline .events-wrapper::before {
background-image:linear-gradient(to right,#f8f8f8,rgba(248,248,248,0));
left:0;
}

.cd-horizontal-timeline .filling-line {
-moz-transform:scaleX(0);
-moz-transform-origin:left center;
-moz-transition:0 .3s;
-ms-transform:scaleX(0);
-ms-transform-origin:left center;
-o-transform:scaleX(0);
-o-transform-origin:left center;
-webkit-transform:scaleX(0);
-webkit-transform-origin:left center;
-webkit-transition:0 .3s;
background-color:#7b9d6f;
height:100%;
left:0;
position:absolute;
top:0;
transform:scaleX(0);
transform-origin:left center;
transition:transform .3s;
width:100%;
z-index:1;
}

.cd-horizontal-timeline .timeline {
height:100px;
margin:0 auto;
max-width:800px;
position:relative;
width:90%;
}

.cd-horizontal-timeline li {
list-style:none;
}

.cd-horizontal-timeline.loaded {
opacity:1;
}

.cd-horizontal-timeline::before {
content:'mobile';
display:none;
}

.cd-timeline-navigation a {
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
bottom:auto;
color:transparent!important;
height:45px;
width:45px;
position:absolute;
display: block;
font-size: 4.3rem;
text-indent:0%;
top:50%;
transform:translateY(-50%);
white-space:nowrap;
z-index:5;
border-radius: 5px;
}

.cd-timeline-navigation a.inactive {
/*cursor:not-allowed;*/
}

.cd-timeline-navigation a.inactive::after {
background-position:0 -16px;
}

.cd-timeline-navigation a.next {
right:0;
}

.cd-timeline-navigation a.prev {
-moz-transform:translateY(-50%) rotate(180deg);
-ms-transform:translateY(-50%) rotate(180deg);
-o-transform:translateY(-50%) rotate(180deg);
-webkit-transform:translateY(-50%) rotate(180deg);
left:0;
font-size: 0px;
}

.cd-timeline-navigation a::after {
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
position:absolute;
bottom:-24px;
left:50%;
right:auto;
top:50%;
padding-left: 15px;
padding-right: 10px;
border-radius: 5px;
background: #f5f5f5;
color:#2E2E2E;
content:"\f105";
font-size:4.3rem;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
}

.cd-timeline-navigation a:hover:after {
background: #E62A55;
color: #FFF;
}