.zoomtimeline {
margin-bottom: 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.zoomtimeline * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.zoomtimeline .items {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 0.3s;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline .ztm-item {
display: block; }
.zoomtimeline .clear {
display: block;
clear: both; }
.zoomtimeline .the-heading {
margin-bottom: 20px; }
.zoomtimeline p {
margin-bottom: 15px; }
.zoomtimeline .scroller-con.skin_luna {
margin-bottom: 0px; }
.zoomtimeline .scroller-con.skin_luna .scrollbar {
height: 20px;
position: absolute;
top: 0;
bottom: auto;
width: 100%;
background-color: rgba(255, 255, 255, 0.1); }
.zoomtimeline .scroller-con.dragging {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; }
.zoomtimeline .scroller-con.dragging .scrollbar .scrollbarx {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; }
.zoomtimeline .scroller-con.skin_luna .scrollbarx {
margin-top: 2px;
border-radius: 3px;
top: 0;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.zoomtimeline .scroller-con.skin_luna .scrollbarx .the-year {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #444;
font-weight: bold;
font-size: 10px; }
.zoomtimeline .scroller-con.skin_luna .scrollbarx_bg {
margin-top: 0px;
top: 0;
background-color: rgba(200, 200, 200, 0.4); }
.zoomtimeline a {
color: #8196be; }
.zoomtimeline .thumbs-gallery-con {
padding: 5px 5px 0;
margin-left: -2px;
margin-right: -2px;
position: relative;
background-color: rgba(20, 20, 20, 0.5);
display: inline-block; }
.zoomtimeline .thumbs-gallery-con .thumb-smoothie {
position: relative;
width: 45px;
height: 45px; }
.zoomtimeline .thumbs-gallery-con:before {
content: "";
position: absolute;
top: 0px;
left: 2px;
width: calc(100% - 4px);
height: 100%; }
.zoomtimeline .preloader-wave {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 0.3s;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline .preloader-wave span {
display: block;
bottom: 0px;
width: 9px;
height: 5px;
background: #dddddd;
position: absolute;
animation: preloader_audio 1.5s  infinite ease-in-out; }
.zoomtimeline .preloader-wave span:nth-child(2) {
left: 11px;
animation-delay: .2s; }
.zoomtimeline .preloader-wave span:nth-child(3) {
left: 22px;
animation-delay: .4s; }
.zoomtimeline .preloader-wave span:nth-child(4) {
left: 33px;
animation-delay: .6s; }
.zoomtimeline .preloader-wave span:nth-child(5) {
left: 44px;
animation-delay: .8s; }
@keyframes preloader_audio {
0% {
height: 5px;
transform: translateY(0px);
background: #636868; }
25% {
height: 30px;
transform: translateY(15px);
background: #636868; }
50% {
height: 5px;
transform: translateY(0px);
background: #cccccc; }
100% {
height: 5px;
transform: translateY(0px);
background: #aaaaaa; } }
.zoomtimeline.ztm-ready .preloader-wave {
opacity: 0;
visibility: hidden; }
.zoomtimeline.ztm-ready .items {
opacity: 0;
visibility: hidden; }
.zoomtimeline:after {
content: "";
clear: both;
display: block; }
.zoomtimeline.mode-default {
line-height: 1;
position: relative; }
.zoomtimeline.mode-default p {
line-height: 1.6; }
.zoomtimeline.mode-default .ztm-item {
position: relative;
margin-bottom: 30px; }
.zoomtimeline.mode-default .ztm-item .hex-icon {
position: absolute;
top: 10px;
left: 15px;
width: 40px;
height: 23.09px;
background-color: #ddd;
margin: 11.55px 0; }
.zoomtimeline.mode-default .ztm-item .hex-icon:before,
.zoomtimeline.mode-default .ztm-item .hex-icon:after {
content: "";
position: absolute;
width: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent; }
.zoomtimeline.mode-default .ztm-item .hex-icon:before {
bottom: 100%;
border-bottom: 11.55px solid #ddd; }
.zoomtimeline.mode-default .ztm-item .hex-icon:after {
top: 100%;
width: 0;
border-top: 11.55px solid #ddd; }
.zoomtimeline.mode-default .ztm-item .hex-icon .the-icon {
font-size: 16px;
color: #777;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.zoomtimeline.mode-default .ztm-item .ztm-content {
padding: 10px 0 20px;
position: relative;
left: 0px;
padding-left: 100px; }
.zoomtimeline.mode-default .ztm-item .ztm-content > *:first-child.the-heading {
margin-top: 0; }
.zoomtimeline.mode-default .ztm-item .hex-desc-con {
width: 70px;
position: absolute;
top: 68px;
height: 30px; }
.zoomtimeline.mode-default .ztm-item .hex-desc-con .hex-desc {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 9px;
text-transform: uppercase;
font-weight: 900;
font-family: "Lato", "Open Sans", "Helvetica", serif;
background-color: #ddd;
color: #777;
padding: 5px 3px;
white-space: nowrap; }
.zoomtimeline.mode-default .thumbs-gallery-con {
background-color: rgba(0, 0, 0, 0.12); }
.zoomtimeline.mode-default:before {
content: "";
height: 100%;
width: 1px;
background-color: #ddd;
opacity: 0.5;
position: absolute;
left: 34px; }
.zoomtimeline.mode-default.under-400 {
padding-top: 15px; }
.zoomtimeline.mode-default.under-400 .hex-icon {
width: 7px;
height: 7px;
border-radius: 50%;
top: 3px;
left: 4px; }
.zoomtimeline.mode-default.under-400 .hex-icon > .the-icon {
display: none; }
.zoomtimeline.mode-default.under-400 .hex-icon:before, .zoomtimeline.mode-default.under-400 .hex-icon:after {
display: none; }
.zoomtimeline.mode-default.under-400 .hex-desc-con {
top: -13px;
left: -5px; }
.zoomtimeline.mode-default.under-400 .hex-desc-con:before {
content: "";
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #ddd;
position: absolute;
top: 19px;
left: 9px; }
.zoomtimeline.mode-default.under-400 .ztm-item .ztm-content {
padding-left: 15px; }
.zoomtimeline.mode-default.under-400:before {
left: 7px; }
.zoomtimeline.mode-oncenter {
position: relative;
padding-bottom: 15px; }
.zoomtimeline.mode-oncenter .hex-desc-con {
position: absolute;
left: 50%;
width: 70px;
margin-left: -35px;
text-align: center;
padding: 3px;
background-color: white;
font-size: 9px;
color: #555555;
font-weight: bold;
font-family: "Lato", serif;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.zoomtimeline.mode-oncenter .hex-desc-con .hex-desc {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.zoomtimeline.mode-oncenter .ztm-item {
position: relative;
margin-bottom: 15px; }
.zoomtimeline.mode-oncenter .ztm-item .the-image-con {
width: calc(50% - 60px);
float: right;
text-align: left;
position: relative;
top: 15px; }
.zoomtimeline.mode-oncenter .ztm-item .the-image-con .the-image {
display: inline-block;
width: 70px;
height: 70px;
border-radius: 50%;
border: 1px solid rgba(20, 20, 20, 0.3);
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
background-size: cover;
background-position: center center; }
.zoomtimeline.mode-oncenter .ztm-item .ztm-content {
width: calc(50% - 60px);
text-align: right;
float: left; }
.zoomtimeline.mode-oncenter .ztm-item .ztm-content p:last-child {
margin-bottom: 0; }
.zoomtimeline.mode-oncenter .ztm-item .the-heading {
margin-top: 26px;
margin-bottom: 8px; }
.zoomtimeline.mode-oncenter .ztm-item:before {
content: "";
position: absolute;
top: 38px;
left: 50%;
width: 46px;
height: 1px;
margin-left: 1px; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 1%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 1%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 1%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); }
.zoomtimeline.mode-oncenter .ztm-item:after {
content: "";
position: absolute;
top: 48px;
left: 50%;
width: 46px;
height: 1px;
margin-left: -46px; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 99%, rgba(255, 255, 255, 0.5) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 99%, rgba(255, 255, 255, 0.5) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 99%, rgba(255, 255, 255, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=1 ); }
.zoomtimeline.mode-oncenter .ztm-item:nth-child(odd) .ztm-content {
float: right;
text-align: left; }
.zoomtimeline.mode-oncenter .ztm-item:nth-child(odd) .the-image-con {
float: left;
text-align: right; }
.zoomtimeline.mode-oncenter .ztm-item:nth-child(even):after {
top: 38px; }
.zoomtimeline.mode-oncenter .ztm-item:nth-child(even):before {
top: 48px; }
.zoomtimeline.mode-oncenter .ztm-item.no-image:nth-child(even):before {
display: none; }
.zoomtimeline.mode-oncenter .ztm-item.no-image:nth-child(odd):after {
display: none; }
.zoomtimeline.mode-oncenter:before {
content: "";
height: 100%;
width: 1px;
background-color: #fff;
opacity: 0.5;
position: absolute;
left: 50%; }
.zoomtimeline.mode-oncenter.skin-dark .hex-desc-con {
background-color: #1e1e1e;
color: #FFFFFF; }
.zoomtimeline.mode-oncenter.skin-dark .thumbs-gallery-con {
background-color: rgba(20, 20, 20, 0.15); }
.zoomtimeline.mode-oncenter.skin-dark .ztm-item:before { background: -moz-linear-gradient(left, rgba(56, 56, 56, 0.5) 0%, rgba(56, 56, 56, 0.5) 1%, rgba(48, 48, 48, 0) 99%, rgba(48, 48, 48, 0) 100%); background: -webkit-linear-gradient(left, rgba(56, 56, 56, 0.5) 0%, rgba(56, 56, 56, 0.5) 1%, rgba(48, 48, 48, 0) 99%, rgba(48, 48, 48, 0) 100%); background: linear-gradient(to right, rgba(20, 20, 20, 0.5) 0%, rgba(15, 15, 15, 0.5) 1%, rgba(48, 48, 48, 0) 99%, rgba(20, 20, 20, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80383838', endColorstr='#00303030',GradientType=1 ); }
.zoomtimeline.mode-oncenter.skin-dark .ztm-item:after { background: -moz-linear-gradient(left, rgba(48, 48, 48, 0) 0%, rgba(48, 48, 48, 0) 1%, rgba(56, 56, 56, 0.5) 99%, rgba(56, 56, 56, 0.5) 100%); background: -webkit-linear-gradient(left, rgba(48, 48, 48, 0) 0%, rgba(48, 48, 48, 0) 1%, rgba(56, 56, 56, 0.5) 99%, rgba(56, 56, 56, 0.5) 100%); background: linear-gradient(to right, rgba(20, 20, 20, 0) 0%, rgba(15, 15, 15, 0) 1%, rgba(20, 20, 20, 0.5) 99%, rgba(20, 20, 20, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00303030', endColorstr='#80383838',GradientType=1 ); }
.zoomtimeline.mode-oncenter.skin-dark .the-image-con .the-image {
border: 1px solid rgba(255, 255, 255, 0);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5); }
.zoomtimeline.mode-oncenter.skin-dark:before {
background-color: #222222; }
.zoomtimeline.mode-slider .ztm-item {
display: none; }
.zoomtimeline.mode-slider .scroller-con {
margin-bottom: 0; }
.zoomtimeline.mode-slider a {
padding: 2px 4px;
background-color: #f9f2f4;
font-size: 11px; }
.zoomtimeline.mode-slider .feature-image {
background-size: cover;
width: 120px;
height: 120px;
margin-bottom: 15px;
border: 3px solid #222; }
.zoomtimeline.mode-slider .inner > img {
max-width: none; }
.zoomtimeline.mode-slider .the-item {
display: inline-block;
white-space: normal;
vertical-align: bottom;
padding: 0 15px;
position: relative; }
.zoomtimeline.mode-slider .the-item .hex-desc {
font-size: 11px;
font-weight: bold;
font-family: "Lato",serif; }
.zoomtimeline.mode-slider .the-item h3 {
margin-top: 7px;
margin-bottom: 15px;
font-size: 23px;
font-weight: 200;
color: #A08E2A;
font-family: "Raleway",serif; }
.zoomtimeline.mode-slider .the-item p {
font-style: italic; }
.zoomtimeline.mode-slider .the-item .the-content:last-child p:last-child {
margin-bottom: 0; }
.zoomtimeline.mode-slider .the-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1px;
height: calc(100% + 19px);
border-left: 1px dashed rgba(50, 50, 50, 0.1); }
.zoomtimeline.mode-slider .inner {
padding-bottom: 20px; }
.zoomtimeline.mode-slider .inner > .the-item:first-child:before {
display: none; }
.zoomtimeline.mode-slider .scrollbar {
position: relative;
top: -20px; }
.zoomtimeline.mode-slider .sc-descriptions-content > .the-item:first-child:before {
display: none; }
.zoomtimeline.mode-slider .sc-descriptions {
white-space: nowrap;
width: 100%;
overflow: hidden; }
.zoomtimeline.mode-slider .sc-descriptions .sc-descriptions-content {
white-space: nowrap;
display: inline-block;
position: relative; }
.zoomtimeline.mode-slider .sc-descriptions .the-item {
display: inline-block;
vertical-align: top;
position: relative;
padding-top: 20px;
transition-property: color, background;
transition-duration: 0.3s;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s;
-webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s;
-o-transition-property: color, background;
-o-transition-duration: 0.3s;
-ms-transition-property: color, background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-slider .sc-descriptions .the-item > .the-content {
position: relative; }
.zoomtimeline.mode-slider .sc-descriptions .the-item > .the-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition-property: color, background;
transition-duration: 0.3s;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s;
-webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s;
-o-transition-property: color, background;
-o-transition-duration: 0.3s;
-ms-transition-property: color, background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-slider .sc-descriptions .the-item:before {
top: -30px; }
.zoomtimeline.mode-slider.skin-light .scroller-con.skin_cerc .scrollbarx_bg {
background-color: rgba(255, 255, 255, 0.3); }
.zoomtimeline.mode-slider.skin-light .the-item:before {
border-left-color: rgba(255, 255, 255, 0.3); }
.zoomtimeline.mode-slider-variation a {
color: #cb1919;
background-color: rgba(214, 189, 189, 0.3);
padding: 1px 3px;
display: inline-block; }
.zoomtimeline.mode-slider-variation .ztm-item {
display: none; }
.zoomtimeline.mode-slider-variation > .scroller-con {
background-color: #FFFFFF; }
.zoomtimeline.mode-slider-variation .inner > img {
max-width: none; }
.zoomtimeline.mode-slider-variation .hexa-mark-con {
position: absolute;
top: 5px;
width: auto;
height: 9px;
cursor: pointer; }
.zoomtimeline.mode-slider-variation .hexa-mark-con .hexa-content {
background-color: white;
color: #222222;
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
padding: 4px 12px;
font-size: 10px;
font-weight: 300;
max-width: 140px;
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 0.3s;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-slider-variation .hexa-mark-con .hexa-content > span {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block; }
.zoomtimeline.mode-slider-variation .hexa-mark-con .hexa-content:after {
content: "";
position: absolute;
left: 50%;
top: 100%;
width: 0;
height: 0;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #ffffff; }
.zoomtimeline.mode-slider-variation .hexa-mark-con .hexa-inshow {
white-space: nowrap;
font-weight: bold;
font-size: 9px;
position: relative;
top: -0px;
left: -0px;
color: #444;
pointer-events: none;
opacity: .7;
transition-property: opacity, visibility;
transition-duration: 0.3s;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-slider-variation .hexa-mark {
width: 9px;
height: 9px;
background-color: #ffffff;
transform: rotate(45deg);
position: absolute;
top: 0px;
left: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
cursor: pointer; }
.zoomtimeline.mode-slider-variation .hexa-mark-con:hover .hexa-content {
opacity: 1;
visibility: visible; }
.zoomtimeline.mode-slider-variation .hexa-mark-con:hover .hexa-inshow {
opacity: 1; }
.zoomtimeline.mode-slider-variation .sc-descriptions {
white-space: nowrap;
width: 100%;
background-color: #f8f8f8;
overflow: hidden; }
.zoomtimeline.mode-slider-variation .sc-descriptions .sc-descriptions-content {
white-space: nowrap;
display: inline-block;
position: relative; }
.zoomtimeline.mode-slider-variation .sc-descriptions .sc-description {
display: inline-block;
vertical-align: top;
padding: 25px 20px 15px;
position: relative;
text-align: center;
white-space: normal;
color: #777;
transition-property: color, background;
transition-duration: 0.3s;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s;
-webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s;
-o-transition-property: color, background;
-o-transition-duration: 0.3s;
-ms-transition-property: color, background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-slider-variation .sc-descriptions .sc-description p {
font-style: italic; }
.zoomtimeline.mode-slider-variation .sc-descriptions .sc-description > .the-content {
position: relative; }
.zoomtimeline.mode-slider-variation .sc-descriptions .sc-description > .the-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f8f8f8;
transition-property: color, background;
transition-duration: 0.3s;
-moz-transition-property: color, background;
-moz-transition-duration: 0.3s;
-webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s;
-o-transition-property: color, background;
-o-transition-duration: 0.3s;
-ms-transition-property: color, background;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-slider-variation .sc-descriptions .sc-description.active {
color: #222; }
.zoomtimeline.mode-slider-variation .sc-descriptions .sc-description.active > .the-bg {
background-color: #FFFFFF; }
.zoomtimeline.mode-slider-variation .sc-descriptions .the-heading {
margin-top: 0;
margin-bottom: 15px; }
.zoomtimeline.mode-slider-variation .sc-descriptions .sc-description .the-after {
content: "";
position: absolute;
right: 100%;
top: 0;
height: 100%;
width: 1px; background: -moz-linear-gradient(top, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.13) 47%, rgba(71, 71, 70, 0.05) 68%, rgba(180, 179, 177, 0) 100%); background: -webkit-linear-gradient(top, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.13) 47%, rgba(71, 71, 70, 0.05) 68%, rgba(180, 179, 177, 0) 100%); background: linear-gradient(to bottom, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.13) 47%, rgba(71, 71, 70, 0.05) 68%, rgba(180, 179, 177, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00b4b3b1',GradientType=0 ); }
.zoomtimeline.mode-slider-variation .preloader-wave {
opacity: 0;
visibility: hidden; }
.zoomtimeline.mode-slider-variation .items, .zoomtimeline.mode-slider-variation .sc-descriptions, .zoomtimeline.mode-slider-variation .scroller-con {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 0.3s;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-slider-variation.ztm-ready .preloader-wave {
opacity: 0;
visibility: hidden; }
.zoomtimeline.mode-slider-variation.ztm-ready .items, .zoomtimeline.mode-slider-variation.ztm-ready .sc-descriptions, .zoomtimeline.mode-slider-variation.ztm-ready .scroller-con {
opacity: 0;
visibility: hidden; }
.zoomtimeline.mode-slider-variation.ztm-ready.reinited-finished-loading-all-images .preloader-wave {
opacity: 0;
visibility: hidden; }
.zoomtimeline.mode-slider-variation.ztm-ready.reinited-finished-loading-all-images .sc-descriptions, .zoomtimeline.mode-slider-variation.ztm-ready.reinited-finished-loading-all-images .scroller-con {
opacity: 1;
visibility: visible; }
.zoomtimeline.mode-yearslist .ztm-item {
display: none; }
.zoomtimeline.mode-yearslist .yearlist-line {
content: "";
display: block;
width: 100%;
height: 0;
border-bottom: 1px dotted rgba(99, 104, 104, 0.3);
position: absolute;
top: 100%;
margin-top: -24px; }
.zoomtimeline.mode-yearslist .yearlist-container:before, .zoomtimeline.mode-yearslist .yearlist-container:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 65px;
height: 100%;
z-index: 1; background: -moz-linear-gradient(left, #f4f4f4 0%, #f4f4f4 21%, rgba(244, 244, 244, 0) 100%); background: -webkit-linear-gradient(left, #f4f4f4 0%, #f4f4f4 21%, rgba(244, 244, 244, 0) 100%); background: linear-gradient(to right, #f4f4f4 0%, #f4f4f4 21%, rgba(244, 244, 244, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#00f4f4f4',GradientType=1 ); }
.zoomtimeline.mode-yearslist .yearlist-container:after {
content: "";
right: 0;
left: auto; background: -moz-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 79%, #f4f4f4 100%); background: -webkit-linear-gradient(left, rgba(244, 244, 244, 0) 0%, #f4f4f4 79%, #f4f4f4 100%); background: linear-gradient(to right, rgba(244, 244, 244, 0) 0%, #f4f4f4 79%, #f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4',GradientType=1 ); }
.zoomtimeline.mode-yearslist .yearlist-con {
white-space: nowrap;
text-align: center; padding: 13px 0 30px;
line-height: 1;
position: relative;
width: 100%;
color: #636868; }
.zoomtimeline.mode-yearslist .yearlist-con .yearlist {
display: inline-block;
position: relative;
height: 30px;
left: 0;
transition-property: left;
transition-duration: 0.3s;
-moz-transition-property: left;
-moz-transition-duration: 0.3s;
-webkit-transition-property: left;
-webkit-transition-duration: 0.3s;
-o-transition-property: left;
-o-transition-duration: 0.3s;
-ms-transition-property: left;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-yearslist .yearlist-con .year {
width: 160px;
display: inline-block;
text-align: center;
position: relative;
top: 50%;
height: 30px;
transform: translateY(-50%); }
.zoomtimeline.mode-yearslist .yearlist-con .year span.the-year {
display: inline-block;
vertical-align: bottom;
opacity: 0.65;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
position: absolute;
bottom: 0%;
left: 50%;
transform: translate(-50%, 0%);
transition-property: opacity, visibility, font-size;
transition-duration: 0.3s;
-moz-transition-property: opacity, visibility, font-size;
-moz-transition-duration: 0.3s;
-webkit-transition-property: opacity, visibility, font-size;
-webkit-transition-duration: 0.3s;
-o-transition-property: opacity, visibility, font-size;
-o-transition-duration: 0.3s;
-ms-transition-property: opacity, visibility, font-size;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-yearslist .yearlist-con .year:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 16px;
height: 16px;
display: block;
border-radius: 8px;
background-color: #a3a3a3;
margin-left: -3px;
margin-top: 9px;
}
.zoomtimeline.mode-yearslist .yearlist-con .year.active span.the-year {
font-size: 21px;
opacity: 1; }
.zoomtimeline.mode-yearslist .yearlist-con .year.active:after {
background-color: #8196be; }
.zoomtimeline.mode-yearslist .yearlist-container {
height: 70px; }
.zoomtimeline.mode-yearslist .yearlist-container, .zoomtimeline.mode-yearslist .details-container {
width: 1170px;
margin: 0 auto;
position: relative;
overflow: hidden;
max-width: 100%; }
.zoomtimeline.mode-yearslist .details-container {
white-space: nowrap;
height: 0px;
transition-property: height;
transition-duration: 0.3s;
-moz-transition-property: height;
-moz-transition-duration: 0.3s;
-webkit-transition-property: height;
-webkit-transition-duration: 0.3s;
-o-transition-property: height;
-o-transition-duration: 0.3s;
-ms-transition-property: height;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-yearslist .details-container .diamond-arrow-left, .zoomtimeline.mode-yearslist .details-container .diamond-arrow-right {
position: absolute;
top: 50%;
left: 38px;
transform: translateY(-50%);
cursor: pointer;
z-index: 1; }
.zoomtimeline.mode-yearslist .details-container .diamond-arrow-right {
left: auto;
right: 38px; }
.zoomtimeline.mode-yearslist .details-container .detail {
display: inline-block;
width: 100%;
left: 100%;
position: absolute;
padding: 25px 140px;
white-space: normal; }
.zoomtimeline.mode-yearslist .details-container .detail .detail-image-con {
width: 350px;
height: auto;
margin-right: 30px;
margin-bottom: 30px;
background-size: cover;
background-position: center center;
position: relative;
margin-top:5%; }
.zoomtimeline.mode-yearslist .details-container .detail .detail-image-con .detail-image {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 1; }
.zoomtimeline.mode-yearslist .details-container .detail .detail-image-shadow-con {
position: relative; }
.zoomtimeline.mode-yearslist .details-container .detail .detail-excerpt .the-heading {
margin-top: 5px;
font-size: 14px;
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase; }
.zoomtimeline.mode-yearslist .details-container .detail:after {
content: "";
display: block;
clear: both; }
.zoomtimeline.mode-yearslist .details-container .detail.active {
position: relative;
height: auto; }
.zoomtimeline.mode-yearslist .preloader-wave {
opacity: 0;
visibility: hidden; }
.zoomtimeline.mode-yearslist .items, .zoomtimeline.mode-yearslist .yearlist-con, .zoomtimeline.mode-yearslist .details-container {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 0.3s;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: 0.3s;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: 0.3s;
-o-transition-property: opacity, visibility;
-o-transition-duration: 0.3s;
-ms-transition-property: opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-yearslist.ztm-ready .preloader-wave {
opacity: 0;
visibility: hidden; }
.zoomtimeline.mode-yearslist.ztm-ready .items, .zoomtimeline.mode-yearslist.ztm-ready .yearlist-con, .zoomtimeline.mode-yearslist.ztm-ready .details-container {
opacity: 1;
visibility: visible; }
.zoomtimeline.mode-yearslist.under-900 .details-container .detail-image-con {
width: 150px; }
.zoomtimeline.mode-yearslist.under-600 .diamond-arrow-left, .zoomtimeline.mode-yearslist.under-600 .diamond-arrow-right {
transform: translateY(0%) scale(0.7);
position: absolute;
float: left;
margin-top: 155px;
top: 0;
z-index:2;
background-color:rgba(244, 244, 244, 0.8);
border-radius:24px;
height:48px;
width:48px; }
.zoomtimeline.mode-yearslist.under-600 .diamond-arrow-right {
float: right; }
.zoomtimeline.mode-yearslist.under-600 .details-container .detail {
padding: 10px 40px; }
.zoomtimeline.mode-yearslist.under-600 .details-container .detail .detail-image-con {
width: 100%;
display: block;
float: none; }  .zoomtimeline.mode-blackwhite .ztm-item {
display: block;
font-size: 0;
background-color: #FFFFFF; }
.zoomtimeline.mode-blackwhite .ztm-item .hex-icon, .zoomtimeline.mode-blackwhite .ztm-item .hex-desc-con {
display: none; }
.zoomtimeline.mode-blackwhite .ztm-item .image-con, .zoomtimeline.mode-blackwhite .ztm-item .ztm-content {
display: inline-block;
width: 50%;
vertical-align: middle;
font-size: 13px; }
.zoomtimeline.mode-blackwhite .ztm-item .image-con > .fullwidth {
display: block;
margin-top: 0; }
.zoomtimeline.mode-blackwhite .ztm-item .the-heading {
font-size: 14px;
font-weight: bold;
font-family: "Lato",serif;
margin-top: 0;
text-transform: uppercase;
position: relative;
padding-bottom: 12px;
margin-bottom: 15px; }
.zoomtimeline.mode-blackwhite .ztm-item .the-heading:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
width: 20px;
height: 2px;
background-color: #222222; }
.zoomtimeline.mode-blackwhite .ztm-item .ztm-content {
padding: 30px;
color: #222222;
text-align: center; }
.zoomtimeline.mode-blackwhite .ztm-item .ztm-content p:last-child {
margin-bottom: 0; }
.zoomtimeline.mode-blackwhite.under-400 .ztm-item {
margin-bottom: 30px; }
.zoomtimeline.mode-blackwhite.under-400 .ztm-content, .zoomtimeline.mode-blackwhite.under-400 .image-con {
width: 100%;
margin-bottom: 10px; }  .zoomtimeline.mode-masonry {
margin-left: -15px;
margin-right: -15px; }
.zoomtimeline.mode-masonry .ztm-item {
width: 33.33%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
float: left; }
.zoomtimeline.mode-masonry .ztm-item .hex-desc-con {
font-family: "Raleway","Open Sans",sans-serif;
font-size: 11px;
font-style: italic;
opacity: 0.5;
text-align: center; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner {
background-color: #ffffff;
color: #222222; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner .ztm-content {
padding: 30px 30px 25px;
text-align: center;
font-family: "Raleway","Open Sans",sans-serif;
font-size: 13px;
font-weight: 400; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner .ztm-content > .the-heading {
margin-top: 0;
font-family: "Raleway","Open Sans",sans-serif;
font-weight: 200;
font-size: 28px;
position: relative;
padding-bottom: 15px;
margin-bottom: 15px; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner .ztm-content .the-heading:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
width: 20px;
height: 1px;
background-color: #222222; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner .ztm-content *:last-child {
margin-bottom: 0; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner a.image-con {
overflow: hidden;
position: relative;
display: block; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner a.image-con img {
margin-top: 0; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner a.image-con .the-label {
position: absolute;
white-space: nowrap;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
background-color: #222;
padding: 3px 5px;
color: #fff;
font-size: 11px;
font-weight: 700;
opacity: 0;
visibility: hidden;
margin-top: 20px;
transition-property: margin, opacity, visibility;
transition-duration: 0.3s;
-moz-transition-property: margin, opacity, visibility;
-moz-transition-duration: 0.3s;
-webkit-transition-property: margin, opacity, visibility;
-webkit-transition-duration: 0.3s;
-o-transition-property: margin, opacity, visibility;
-o-transition-duration: 0.3s;
-ms-transition-property: margin, opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner a.image-con:before {
content: "";
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition-property: top, opacity, visibility;
transition-duration: 0.3s;
-moz-transition-property: top, opacity, visibility;
-moz-transition-duration: 0.3s;
-webkit-transition-property: top, opacity, visibility;
-webkit-transition-duration: 0.3s;
-o-transition-property: top, opacity, visibility;
-o-transition-duration: 0.3s;
-ms-transition-property: top, opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner a.image-con:hover .the-label {
opacity: 1;
visibility: visible;
margin-top: 0px; }
.zoomtimeline.mode-masonry .ztm-item .ztm-item--inner a.image-con:hover:before {
opacity: 1;
visibility: visible;
top: 0; }
.zoomtimeline.mode-masonry .ztm-item .thumbs-gallery-con {
background-color: rgba(20, 20, 20, 0.15); }
.zoomtimeline.mode-masonry.ztm-ready .preloader-wave {
opacity: 0;
visibility: hidden; }
.zoomtimeline.mode-masonry.ztm-ready .items {
opacity: 0;
visibility: hidden; }
.zoomtimeline.mode-masonry.ztm-ready.reinited-finished-loading-all-images .preloader-wave {
opacity: 0;
visibility: hidden; }
.zoomtimeline.mode-masonry.ztm-ready.reinited-finished-loading-all-images .items {
opacity: 1;
visibility: visible; }
.zoomtimeline.mode-masonry.under-900 .ztm-item {
width: 50%; }
.zoomtimeline.mode-masonry.under-600 .ztm-item {
width: 100%; } .float-left {
float: left; }
.overflow-it {
overflow: hidden; }
.normal-weight {
font-weight: 400; }