@charset "utf-8";
html,body{
    height:100%;
    margin:0;
    color:#fff;
    font-size:1em;
    font-weight:300
}
body{
    text-align:center;
    background:url(../images/1.jpg) no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}




.quote-block{
    float:left;
    padding:10px;
    margin:10px 0;
    background:rgba(48,45,45,.6)
}
.quote-block blockquote{
    display:block;
    color:#fff;
    font-size:1em;
    font-style:italic;
    line-height:1.4em;
    padding:0 0 0 10px;
    margin:0;
    border-left:4px solid #70c1b3;
    position:relative
}
.quote-block blockquote::after{
    content:'';
    display:block;
    height:1px;
    width:100%;
    background:#425462;
    position:absolute;
    bottom:-15px;
    left:-5px
}
.quote-block p{
    margin:0;
    padding:0 0 0 0;
    color:#b9cbd8
}
.quote{
    font-size:.8em
}
.timelineFlat .quote-block{
    width:95%;
    padding:10px 2.5%
}
.timelineFlat .quote-block p{
    margin:10px 10px 10px 10px;
    padding:20px 0 0 0;
    color:#b9cbd8
}
a{
    text-decoration:none;
    color:#70c1b3
}
a img{
    border:0
}
.clear{
    clear:both
}
.half_page{
    width:460px;
    float:left
}
.half_page.first{
    margin-right:20px
}
.selectors{
    text-align:center;
    margin:20px
}
.selectors a{
    font-weight:normal;
    text-decoration:none;
    color:#313131;
    font-size:34px;
    margin:10px
}
.selectors a.active,.selectors a:hover{
    color:#d55
}
a.image_rollover_bottom,a.image_rollover_right,a.image_rollover_top,a.image_rollover_left{
    margin:0;
    display:block;
    position:relative;
    overflow:hidden
}
a.image_rollover_bottom img,a.image_rollover_right img,a.image_rollover_top img,a.image_rollover_left img{
    display:block
}
.image_roll_zoom{
    display:inline-block;
    width:100%;
    height:100%;
    position:absolute;
    background:url('../images/zoomIn.png') no-repeat center center
}
.image_roll_glass{
    display:none;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url('../images/glass.png') repeat
}
.help{
    width:960px;
    text-align:left;
    margin:0 auto
}
.help p{
    margin:10px 0
}
.help h2{
    margin:40px 0 20px 0;
    font-size:32px
}
.help ol{
    padding-left:20px
}
.big_image{
    margin-left:-120px
}
pre{
    border:solid 1px #ddd;
    font-size:11px;
    color:blue;
    margin:10px 0;
    padding:10px;
    background:#f2f2f2
}
code{
    font-size:1.2em;
    color:#008099
}
.red{
    color:#c30000
}
.green{
    color:#1c9600
}
.orange{
    color:#c17b00
}
.purple{
    color:#b100c1
}
.blue{
    color:#1f08c9
}
table{
    border:solid 1px #ddd;
    background:#fff;
    margin:10px 0
}
th{
    padding:10px;
    background:#ddd
}
td{
    padding:10px;
    background:#f2f2f2
}
.timeline_items_wrapper{
    position:relative;
    width:100%;
    margin:0 0;
    
}
.section-slide{
	padding-top: 80px;
}

#map-background{
    display:block;
    width:685px;
    height:600px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-336px;
    margin-left:-345px;
    z-index:1
}

.mobile{
    display:none
}
@media only screen and (max-width:1023px){
    #map-background{
        display:none
    }
    .mobile.map-bg{
        display:block;
        margin:0;
        left:0;
        position:relative;
        top:inherit;
        bottom:0
    }
}
div#header_wrapper{
    position:absolute;
    width:100%;
    top:0
}
#header{
    display:block;
    width:100%;
    height:70px;
    background:#fff;
    position:relative;
    z-index:11000
}
#header .logo{
    float:left;
    height:40px;
    width:auto;
    margin:15px 20px
}
#header .addthis_sharing_toolbox{
    float:right;
    margin:20px 20px 19px 0;
    height:32px
}
#header .addthis_sharing_toolbox button{
    height:32px
}
#header .addthis_sharing_toolbox button{
    margin-bottom:0;
    margin-top:0
}
#header .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn{
    height:32px
}
#header .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn{
    margin-bottom:0;
    margin-top:0
}
#header .addthis_sharing_toolbox .at4-visually-hidden{
    display:none!important
}
#header .ukaht_header{
    position:absolute;
    top:0;
    right:300px;
    font-size:12px;
    padding:23px 70px 0 0;
    color:#777
}
#header .ukaht_header_logo{
    position:absolute;
    top:0;
    right:300px;
    font-size:12px;
    padding:23px 70px 0 0
}
#header .ukaht_header_logo img{
    position:absolute;
    top:0;
    right:0;
    padding:0
}
#header #languageDrop{
    position:absolute;
    right:185px;
    top:19px;
    width:100px!important
}
#header #languageDrop .dd-select{
    width:100px!important
}
#header #languageDrop .dd-select a{
    line-height:2em;
    color:#000;
    padding:0 10px 0 10px;
    background:#fff;
    font-weight:300;
    text-align:left
}
#header #languageDrop .dd-options{
    width:100px!important;
    position:relative;
    z-index:1
}
@media screen and (max-width:767px){
    #header{
        height:52px
    }
    #header .logo{
        height:32px;
        margin:10px
    }
    #header .addthis_sharing_toolbox{
        margin:10px!important
    }
    #header #languageDrop{
        position:absolute;
        right:60px;
        top:9px
    }
    #header .ukaht_header_logo{
        display:none
    }
    #header .ukaht_header{
        display:none
    }
    #header .addthis_sharing_toolbox button{
        display:none
    }
    #header .addthis_sharing_toolbox button.at-svc-compact{
        display:block
    }
    #header .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn{
        display:none
    }
    #header .addthis_sharing_toolbox .at-share-tbx-element a.at-svc-compact{
        display:block
    }
}
.fa{
    display:inline-block;
    font:normal normal normal 12px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fa-chevron-down:before{
    content:""
}

@media only screen and (max-width:467px){
   
    .timelineFlat .timeline_line{
        bottom:0!important;
        z-index:2000
    }
    .timelineFlat .timeline_line::after{
        height:80px!important
    }
    .timelineFlat #t_line_right{
        bottom:20px;
        right:-50px
    }
    .timelineFlat #t_line_left{
        bottom:20px;
        left:-50px
    }
    #fullpage{
        padding-top:100px
    }
}
@-webkit-keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-200%,0);
        transform:translate3d(0,-200%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-200%,0);
        transform:translate3d(0,-200%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fade{
    from{
        opacity:0
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fade{
    from{
        opacity:0
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.timelineFlat .item.active .map-box .map-inner .pin:not(.arrow){
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
html .timelineFlat .item.active .map-box .map-inner .pin.line{
    -webkit-animation-name:fade;
    animation-name:fade;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
html .timelineFlat .item.active .map-box .map-inner .pin.circle{
    -webkit-animation-name:fade;
    animation-name:fade;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.timelineFlat .item .read_more{
    padding:0 5%;
    font-size:16px;
    line-height:15px;
    float:left;
    color:#fff;
    cursor:pointer;
    margin:0;
    width:90%;
    position:relative;
    line-height:4.4em;
    height:70px;
    z-index:1;
    overflow:hidden;
    position:relative;
    -webkit-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.timelineFlat .item .read_more::before{
    content:"";
    width:100%;
    height:100px;
    z-index:-2;
    position:absolute;
    left:0;
    top:0;
    background:#f04d49
}
.timelineFlat .item .read_more::after{
    content:"";
    display:block;
    font-family:'FontAwesome';
    line-height:4.7em;
    text-align:center;
    height:74px;
    width:75px;
    background:#de3748;
    position:absolute;
    top:0;
    right:0
}
@media only screen and (min-width:1023px){
    .timelineFlat .item .read_more:hover::after{
        color:#fff;
        width:100%
    }
    .timelineFlat .item .read_more:hover{
        margin-left:30px;
        margin-right:30px
    }
    .timelineFlat .item .read_more::after{
        content:"";
        color:#fff;
        width:15px;
        text-align:right;
        display:block;
        font-family:'FontAwesome';
        line-height:4.8em;
        height:70px;
        padding:0 30px;
        background:#de3748;
        position:absolute;
        z-index:-1;
        top:0;
        right:0;
        -webkit-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -o-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
    }
}
.t_controles{
    opacity: 0;
    display: block;
}
.t_controles.active{
    opacity: 1;
}
@media screen and (max-width:767px){
    .timelineFlat .item .read_more{
        line-height:4em;
        height:59px
    }
    .timelineFlat .item .read_more::after{
        line-height:4em;
        height:59px;
        width:59px
    }
}
.timelineFlat .t_left,.timelineFlat .t_right{
    position:absolute;
    display:block;
    margin:0;
    cursor:pointer;
    top:38%;
    text-transform:lowercase;
    z-index:10;
    font-size: 14px;
    z-index:3000
}
.timelineFlat .t_left span, .timelineFlat .t_right span{
    display: block;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 7px;
    font-family: 'AardvarkNormal';
}
.timelineFlat .t_left{
    text-align: right;
}
.timelineFlat .t_left span{
    padding-left: 103px;
}
.timelineFlat .t_right span{
    padding-right: 103px;
}
.timelineFlat .t_left,.timelineFlat .t_left:hover:active{
    left:0;
}


.timelineFlat .t_right,.timelineFlat .t_right:hover:active{
    right:0;
}

.timelineFlat .t_right:hover::after{
    margin-top:23px;
    height:15px
}
.timelineFlat .t_left:hover::after{
    margin-top:23px;
    height:15px
}

.timelineFlat .item .title-date{
    padding:40px 0 0 0;
    font-weight:300;
    color:#fff;
    font-size:1.4em;
    text-align:center
}

.timelineFlat .item .intro-box{
    display:block;
    padding:20px 0 0 0;
    width:18%;
    position:absolute;
    z-index:1000;
    left:8%;
    top:17%
}
.timelineFlat .item .intro-box *{
    display:block;
    float:left;
    width:90%
}
.timelineFlat .item .intro-box div{
    padding:10px 5%;
    margin:0;
    background:#fff;
    font-size:1em;
    line-height:1.6em
}
.timelineFlat .item .intro-box div p{
    margin-bottom:5px;
    margin-top:0;
    padding:0;
    width:100%
}
.timelineFlat .item .intro-box .date{
    display:none!important;
    display:inline-block;
    color:#fff;
    padding:0 10px;
    margin:0;
    background:#70c1b3;
    width:inherit;
    position:absolute;
    top:0;
    height:40px;
    left:5%;
    padding-left:45px;
    text-align:center;
    line-height:40px;
    font-size:15px
}
.timelineFlat .item .intro-box .date::after{
    content:"";
    display:block;
    font-family:'FontAwesome';
    line-height:40px;
    height:40px;
    width:40px;
    background:#5ba99c;
    position:absolute;
    top:0;
    left:0
}
.timelineFlat .item .intro-box .intro-title-link{
    width:100%
}
.timelineFlat .item .intro-box h3{
    float:left;
    font-size:1.7em;
    line-height:1.3em;
    border-bottom:6px #70c1b3 solid;
    color:#fff;
    padding:5% 5% 5% 5%;
    margin:0;
    width:90%;
    background:rgba(48,45,45,.6)
}
.timelineFlat .item .intro-box .read_more{
    text-transform:capitalize;
    margin:0 0 0 0
}
.timelineFlat .item .more-info{
    display:block;
    color:#b9cbd8;
    padding:0 0 0 0;
    width:18%;
    position:absolute;
    z-index:1000;
    right:8%;
    top:17%
}
.timelineFlat .item .more-info .image-box{
    margin:20px 0 0 0;
    background:rgba(48,45,45,.6)
}
.timelineFlat .item .more-info .image-box p{
    margin:0;
    padding:2.5% 5% 5% 5%;
    font-size:.8em;
    line-height:1.6em
}
.timelineFlat .item .more-info .image-box img{
    width:100%;
    height:auto
}
.timelineFlat .item .map-box{
    display:block;
    float:left;
    width:100%;
    height:600px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-345px;
    margin-top:-300px;
    z-index:2
}
.timelineFlat .item .map-box .map-inner{
    display:block;
    width:685px;
    height:600px;
    position:relative
}
.timelineFlat .item .map-box .map-inner .pin{
    color:#fff;
    width:7%;
    height:7%;
    position:absolute;
    z-index:10
}
.timelineFlat .item .map-box .map-inner .pin-2{
    display:none
}
.timelineFlat .item .map-box .map-inner .pin.arrow{
    display:none
}
.timelineFlat .item .map-box .map-inner .pin.circle-2{
    display:none
}
.timelineFlat .item .map-box .map-inner .pin.line{
    display:none
}
.timelineFlat .item .map-box .map-inner .pin.pin.section-1810{
    display:block;
    top:100%;
    left:85%
}
.timelineFlat .item .map-box .map-inner .pin.arrow.section-1810{
    display:none;
    top:100%;
    left:78%;
    width:15px;
    height:auto;
    -ms-transform:rotate(-220deg);
    -webkit-transform:rotate(-220deg);
    transform:rotate(-220deg)
}
.timelineFlat .item .map-box .map-inner .pin.section-1819{
    top:14.5%;
    left:4.5%
}
.timelineFlat .item.item-1820.part-1 .map-box .map-inner .pin.section-1820{
    display:none
}
.timelineFlat .item.item-1820.part-1 .map-box .map-inner .line.section-1820-1{
    display:none!important;
    top:-4%;
    left:-27%;
    width:35%;
    height:auto;
    display:block
}
.timelineFlat .item.item-1820.part-1 .map-box .map-inner .circle.section-1820{
    display:block;
    height:27%;
    width:25%;
    top:18%;
    left:4%;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border-radius:500px 500px 500px 500px;
    border:3px solid #fff;
    -ms-transform:rotate(-190deg);
    -webkit-transform:rotate(-190deg);
    transform:rotate(-310deg)
}
.timelineFlat .item.item-1820.part-2 .map-box .map-inner .pin.section-1820{
    display:none
}
.timelineFlat .item.item-1820.part-2 .map-box .map-inner .line.section-1820-1{
    top:-30%;
    left:-12%;
    width:110%;
    height:auto;
    display:block
}
.timelineFlat .item.item-1820.part-3 .map-box .map-inner .pin.section-1820{
    top:16%;
    left:3%
}
.timelineFlat .item.item-1821.part-1 .map-inner .pin.section-1821{
    top:43.5%;
    left:7%
}
.timelineFlat .item.item-1821.part-1 .map-inner .pin-2.section-1821{
    display:block;
    top:32%;
    left:13.5%
}
.timelineFlat .item.item-1821.part-1 .map-box .map-inner .line.section-1820-2{
    top:-51%;
    left:-5%;
    width:90%;
    height:auto;
    display:block
}
.timelineFlat .item.item-1821.part-2 .pin.section-1821{
    top:16.5%;
    left:5.5%
}
.timelineFlat .item.item-1821.part-3 .pin.section-1821{
    top:14.5%;
    left:3%
}
.timelineFlat .item .map-box .map-inner .pin.section-1823{
    top:22.5%;
    left:24%
}
.timelineFlat .item .map-box .map-inner .pin.pin.section-1831{
    display:none
}
.timelineFlat .item .map-box .map-inner .pin.arrow.section-1831{
    display:none;
    top:100%;
    left:74%;
    width:15px;
    height:auto;
    -ms-transform:rotate(-190deg);
    -webkit-transform:rotate(-190deg);
    transform:rotate(-190deg)
}
.timelineFlat .item .map-box .map-inner .pin.circle.section-1831{
    display:block;
    height:17%;
    width:15%;
    top:12%;
    left:64%;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border-radius:500px 500px 500px 500px;
    border:3px solid #fff;
    -ms-transform:rotate(-190deg);
    -webkit-transform:rotate(-190deg);
    transform:rotate(-310deg)
}
.timelineFlat .item .map-box .map-inner .pin.section-1839{
    top:11.5%;
    left:4%
}
.timelineFlat .item.item-1840.part-1 .map-box .map-inner .pin.section-1840{
    display:none
}
.timelineFlat .item.item-1840.part-1 .map-box .map-inner .pin.circle.section-1840{
    display:block;
    height:20%;
    width:18%;
    top:56%;
    left:71%;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border-radius:500px 500px 500px 500px;
    border:3px solid #fff;
    -ms-transform:rotate(-190deg);
    -webkit-transform:rotate(-190deg);
    transform:rotate(-310deg)
}
.timelineFlat .item.item-1840.part-2 .map-box .map-inner .pin.section-1840{
    display:none
}
.timelineFlat .item.item-1840.part-2 .map-box .map-inner .pin.circle.section-1840{
    display:block;
    height:17%;
    width:15%;
    top:68%;
    left:66%;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border-radius:500px 500px 500px 500px;
    border:3px solid #fff;
    -ms-transform:rotate(-190deg);
    -webkit-transform:rotate(-190deg);
    transform:rotate(-310deg)
}
.timelineFlat .item.item-1840.part-3 .map-box .map-inner .pin.section-1840{
    top:68%;
    left:50.5%
}
.timelineFlat .item.item-1840.part-3 .map-box .map-inner .pin.circle-2.section-1840{
    display:block;
    height:20%;
    width:18%;
    top:73%;
    left:55%;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border-radius:500px 500px 500px 500px;
    border:3px solid #fff;
    -ms-transform:rotate(-190deg);
    -webkit-transform:rotate(-190deg);
    transform:rotate(-310deg)
}
.timelineFlat .item.item-1840.part-3 .map-box .map-inner .pin.circle.section-1840{
    display:block;
    height:29%;
    width:15%;
    top:59%;
    left:34%;
    border-radius:500px 500px 500px 500px;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border:3px solid #fff;
    -ms-transform:rotate(-190deg);
    -webkit-transform:rotate(-190deg);
    transform:rotate(-350deg)
}
.timelineFlat .item .map-box .map-inner .pin.section-1892{
    top:16%;
    left:8%
}
.timelineFlat .item .map-box .map-inner .pin.pin.section-1898{
    display:none
}
.timelineFlat .item .map-box .map-inner .pin.circle.section-1898{
    display:block;
    height:27%;
    width:24%;
    top:19%;
    left:3%;
    border-radius:500px 500px 500px 500px;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border:3px solid #fff
}
.timelineFlat .item .map-box .map-inner .pin.section-1899{
    top:79.5%;
    left:51%
}
.timelineFlat .item .map-box .map-inner .pin.section-1901{
    top:67.5%;
    left:50.5%
}
.timelineFlat .item.item-1902.part-1 .map-box .map-inner .pin.section-1902{
    top:16%;
    left:7%
}
.timelineFlat .item.item-1902.part-2 .map-box .map-inner .pin.section-1902{
    display:none
}
.timelineFlat .item.item-1902.part-2 .map-box .map-inner .pin.circle.section-1902{
    display:block;
    height:15%;
    width:13%;
    top:42%;
    left:75%;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border-radius:500px 500px 500px 500px;
    border:3px solid #fff
}
.timelineFlat .item.item-1904.part-1 .map-box .map-inner .pin.section-1904{
    display:none
}
.timelineFlat .item.item-1904.part-1 .map-box .map-inner .pin.circle.section-1904{
    display:block;
    height:15%;
    width:13%;
    top:16%;
    left:34.5%;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border-radius:500px 500px 500px 500px;
    border:3px solid #fff
}
.timelineFlat .item.item-1904.part-2 .map-box .map-inner .pin.section-1904{
    display:block;
    top:0%;
    left:6%
}
.timelineFlat .item.item-1904.part-2 .map-box .map-inner .pin.arrow.section-1904{
    display:none;
    top:2%;
    left:20%;
    width:15px;
    height:auto;
    -ms-transform:rotate(-50deg);
    -webkit-transform:rotate(-50deg);
    transform:rotate(-50deg)
}
.timelineFlat .item .map-box .map-inner .pin.section-1907{
    display:none
}
.timelineFlat .item.item-1907 .map-box .map-inner .line.section-1907{
    top:46.5%;
    left:46%;
    width:9%;
    height:auto;
    display:block
}
.timelineFlat .item .map-box .map-inner .pin.section-1909{
    display:none
}
.timelineFlat .item.item-1909 .map-box .map-inner .line.section-1909{
    top:67%;
    left:50.5%;
    width:13%;
    height:auto;
    display:block
}
.timelineFlat .item .map-box .map-inner .pin.section-1910{
    display:none
}
.timelineFlat .item .map-box .map-inner .pin.section-1911{
    display:none
}
.timelineFlat .item.item-1911 .map-box .map-inner .line.section-1911{
    top:43%;
    left:40.5%;
    width:15%;
    height:auto;
    display:block
}
.timelineFlat .item.item-1912.part-1 .map-box .map-inner .pin.section-1912{
    display:none
}
.timelineFlat .item.item-1912.part-1 .map-box .map-inner .line.section-1912{
    top:43%;
    left:40.5%;
    width:15%;
    height:auto;
    display:block
}
.timelineFlat .item .map-box .map-inner .pin.section-1912{
    top:80%;
    left:71.5%
}
.timelineFlat .item.item-1912.part-3 .map-box .map-inner .pin.section-1912{
    display:none
}
.timelineFlat .item.item-1912.part-3 .map-box .map-inner .pin.circle.section-1912{
    display:block;
    height:17%;
    width:15%;
    top:58%;
    left:37%;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border-radius:500px 500px 500px 500px;
    border:3px solid #fff
}
.timelineFlat .item.item-1913 .map-box .map-inner .pin.section-1913{
    display:none
}
.timelineFlat .item.item-1913 .map-box .map-inner .pin.circle.section-1913{
    display:block;
    height:8%;
    width:8%;
    top:80%;
    left:63%;
    -moz-border-radius:500px 500px 500px 500px;
    -webkit-border-radius:500px 500px 500px 500px;
    border-radius:500px 500px 500px 500px;
    border:3px solid #fff
}
.timelineFlat .item .map-box .map-inner .pin.section-1915{
    display:none
}
.timelineFlat .item.item-1915 .map-box .map-inner .line.section-1915{
    top:-8%;
    left:4%;
    width:35%;
    height:auto;
    display:block
}
.timelineFlat .item .map-box .map-inner .pin.section-1917{
    display:none
}
.timelineFlat .item.item-1917 .map-box .map-inner .line.section-1917{
    top:-7%;
    left:4%;
    width:9%;
    height:auto;
    display:block
}
.main-container{
    position:relative;
    z-index:10;
   
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.main-container video, .video-block{
    width: 100vw;
    position: absolute;
    object-fit: cover;
    height: 100vh;
}

.main-container .video-block:before{
    background: rgba(0,0,0,0.6);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    content: "";
}
.main-container iframe video{
    width: 100vw;
    object-fit: cover;
    height: 100vh;
}
.main-container .main-innercontainer{
    width:80%;
    margin:0 10% 0 10%;
    text-align:center;
    color:#fff;
    position:absolute;
    z-index: 2;
    top:4%
}
.main-container .main-innercontainer h1{
    color:#fff;
    font-weight:600;
    font-size:5.2em;
    line-height:1em;
    text-transform:uppercase
}
.main-container .main-innercontainer h1 span{
    font-weight:300;
    font-size:.6em
}
.main-container .main-innercontainer p{
    font-size:1.2em;
    line-height:1.6em;
    max-width:1000px;
    margin:15px auto
}
.main-container .main-innercontainer .mobile{
    display:none
}
.main-container .main-innercontainer .tutorial{
    display:block;
    width:40px;
    height:auto
}
.main-container .main-innercontainer a.link{
    overflow:hidden;
    display:inline-block;
    padding:0 40px 0 40px;
    margin:40px 0 0 0;
    height:54px;
    font-size:16px;
    line-height:54px;
    text-transform:uppercase;
    color:#fff;
    position:relative;
    -webkit-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    background-color:rgba(255,255,255,0.1)!important;
    border:1px solid #fff!important;
    color:#fff;
    font-weight:700
}
.main-container .main-innercontainer a.link::after{
    display:none;
    content:"";
    width:15px;
    text-align:right;
    display:block;
    font-family:'FontAwesome';
    line-height:4.4em;
    height:74px;
    padding:0 30px;
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    -webkit-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.main-container .main-innercontainer a.link::before{
    content:"";
    width:100%;
    height:100px;
    z-index:-2;
    position:absolute;
    left:0;
    top:0
}
.main-container .main-innercontainer a.link:hover::after{
    display:block
}
.main-container .main-innercontainer a.link:hover{
    margin-left:30px;
    margin-right:30px;
    background-color:rgba(255,255,255,0.1)!important;
    border-color:#fff!important
}
#final-frame{
    position:relative;
    z-index:10;
     background:url('../images/last.jpg') no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
#final-frame .main-innercontainer h3{
    font-family:Georgia;
    color:#fff;
    font-weight:300;
    font-size:4.2em;
    line-height:1em
}
#final-frame .main-innercontainer h3 span{
    font-weight:300;
    
      font-size: 35px;
}
#final-frame .main-innercontainer .link.start_sliders{
    width: 153px;
}
#final-frame .main-innercontainer p{
    margin:0 auto 5px auto;
        font-size: 0.8em;
}
#final-frame .main-innercontainer p a{
    color:#fff;
    cursor: pointer;
    text-decoration: underline;
}
#final-frame .main-innercontainer p a.telegramm{
    text-decoration: none;
}
.addthis_sharing_toolbox{
    margin: 30px 0 30px;
}
.addthis_sharing_toolbox p{
    justify-content: center;
    display: flex;
    align-items: center;
}
#final-frame .main-innercontainer .addthis_sharing_toolbox p span{
    display: block;
    margin-right: 20px;
}
#final-frame .main-innercontainer .addthis_sharing_toolbox p a{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background: red;
}
#final-frame .main-innercontainer .addthis_sharing_toolbox p a.fb{
    background: url('../images/facebook.svg') no-repeat;
    background-size: contain;
}
#final-frame .main-innercontainer .addthis_sharing_toolbox p a.tw{
    background: url('../images/twitter.svg') no-repeat;
    background-size: contain;
}
#final-frame .main-innercontainer .addthis_sharing_toolbox p a.gplus{
    background: url('../images/google-plus.svg') no-repeat;
    background-size: contain;
}
#final-frame .main-innercontainer .addthis_sharing_toolbox p a.tele{
    background: url('../images/telegram.svg') no-repeat;
    background-size: contain;
}
#final-frame .main-innercontainer .addthis_sharing_toolbox p a.vk{
    background: url('../images/vk.svg') no-repeat;
    background-size: contain;
}
#final-frame .main-innercontainer .first-text p{
    margin:20px auto 20px auto;
        font-size: 0.8em;
    max-width: 1050px;
}
#final-frame .main-innercontainer .footnote{
    font-size:.8em;
    max-width:600px;
    margin:20px auto 0 auto;
    color:#7db6e2
}
#final-frame .main-innercontainer p.share{
    margin:5px auto 0 auto
}
.timelineLoader{
    position:absolute;
    z-index:2000;
    text-align:center;
    width:100%;
    margin-top:100px
}
#final-frame .main-innercontainer .link{
    display:inline-block;
    clear:both;
    width:auto;
    padding:0 20px 0 20px;
    margin:0 auto 20px auto;
    height:54px;
    font-size:14px;
    line-height:54px;
    text-transform:uppercase;
    -webkit-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    color:#fff;
}
 .main-container.final-item  .main-innercontainer{

     top: 12%;
}
@media only screen and (max-width:1400px){
    #map-background{
        width:580px;
        height:508px;
        left:50%;
        right:0;
        margin-top:-313px;
        margin-left:-290px;
        z-index:1
    }
    .timelineFlat .item .intro-box{
        width:21%;
        left:5%
    }
    .timelineFlat .item .more-info{
        width:21%;
        right:5%
    }
    .timelineFlat .item .map-box{
        width:580px;
        height:508px;
        left:50%;
        right:0;
        margin-left:-290px
    }
    .timelineFlat .item .map-box .map-inner{
        display:block;
        width:580px;
        height:508px
    }
    .main-container .main-innercontainer h1{
        font-size:4.2em;
        line-height:.8em
    }
    .main-container  .main-innercontainer .desktop p{
        margin:10px auto;
        font-size:0.8em
    }
    #final-frame .main-innercontainer h3{
        font-size:4.2em;
        line-height:.8em
    }
    
}
.desktop h4{
    margin-bottom: 20px;
}
@media only screen and (max-width:1200px){
    #map-background{
        width:480px;
        height:420px;
        left:50%;
        right:0;
        margin-top:-313px;
        margin-left:-242px;
        z-index:1
    }
    .timelineFlat .item .intro-box{
        padding:0;
        width:24%;
        left:2%;
        top:6%
    }
    .timelineFlat .item .more-info{
        width:24%;
        right:2%;
        top:4%
    }
    .timelineFlat .item .intro-box .date{
        left:0;
        top:-20px
    }
    .timelineFlat .item .map-box{
        margin-top:-300px;
        width:480px;
        height:420px;
        left:50%;
        right:0;
        margin-left:-242px
    }
    .timelineFlat .item .map-box .map-inner{
        display:block;
        width:480px;
        height:420px
    }
    .main-container .main-innercontainer{
        margin:0 10%
    }
    #final-frame .main-innercontainer h3{
        font-size:3.2em;
        line-height:1em
    }
    .main-container .main-innercontainer h1{
        font-size:3.2em;
        line-height:1em
    }
    .main-container .main-innercontainer p{
        margin:10px auto;
        font-size:1em
    }
    .timelineFlat .item .title-date,.timelineFlat .item h2{
        display:none
    }
    .timelineFlat .item .title-date{
        padding:0
    }
}
@media only screen and (max-height:1050px){
    .timelineFlat .item .title-date{
        padding:0
    }
    .timelineFlat .item .intro-box{
        top:12%
    }
    .timelineFlat .item .more-info{
        top:12%
    }
}
@media only screen and (min-height:980px){
    #map-background{
        margin-top:-276px
    }
    .timelineFlat .item .map-box{
        margin-top:-347px
    }
}
@media only screen and (max-height:980px){
    #map-background{
        margin-top:-190px
    }
    .timelineFlat .item .map-box{
        margin-top:-260px
    }
    .timelineFlat .item .title-date,.timelineFlat .item h2{
        display:none
    }
    .timelineFlat .item .intro-box{
        top:12%
    }
    .timelineFlat .item .more-info{
        top:12%
    }
}
@media only screen and (max-height:750px){
    .timelineFlat .item .intro-box div{
        font-size:.9em;
        line-height:1.5em
    }
    .timelineFlat .item .more-info .quote-block{
        font-size:.9em;
        margin:10px 0!important
    }
    .main-container .main-innercontainer a.link{
        margin-top:0
    }
}
@media only screen and (max-height:820px){
    #map-background{
        width:540px;
        height:473px;
        left:50%;
        right:0;
        margin-top:-170px;
        margin-left:-270px;
        z-index:1
    }
    .timelineFlat .item .map-box{
        margin-top:-241px;
        width:540px;
        height:473px;
        left:50%;
        right:0;
        margin-left:-270px
    }
    .timelineFlat .item .map-box .map-inner{
        display:block;
        width:540px;
        height:473px
    }
    .timelineFlat .item .more-info img{
        max-width:130px;
        margin:10px auto 0 auto
    }
}
@media only screen and (max-height:650px){
    #map-background{
        width:400px;
        height:350px;
        left:50%;
        right:0;
        margin-top:-120px;
        margin-left:-201px;
        z-index:1
    }
    .timelineFlat .item .map-box{
        margin-top:-190px;
        width:400px;
        height:350px;
        left:50%;
        right:0;
        margin-left:-201px
    }
    .timelineFlat .item .map-box .map-inner{
        display:block;
        width:400px;
        height:350px
    }
    .timelineFlat .item .intro-box{
        width:30%;
        left:2%;
        top:12%
    }
    .timelineFlat .item .more-info{
        width:30%;
        right:2%;
        top:12%
    }
    .timelineFlat .item .more-info img{
        max-width:190px;
        margin:10px auto 0 auto
    }
    .timelineFlat .item .more-info .quote-block{
        margin:1px 0!important
    }
    .main-container .main-innercontainer{
        margin:0 2.5%;
        width:95%;
        top:10px
    }
    .main-container .main-innercontainer p{
        max-width:1200px
    }
}
@media only screen and (max-width:1023px){
    .timelineFlat .item .title-date,.timelineFlat .item h2{
        display:none
    }
    body #map-background{
        width:320px;
        margin:0 0% 140px -160px;
        height:280px;
        left:50%;
        top:385px
    }
    .timelineFlat{
    }
    .timelineFlat .item{
        height:100vh;
        min-height:auto!important
    }
    .timelineFlat .item .intro-box .date{
        padding:0;
        width:inherit
    }
    html .timelineFlat .item .intro-box{
        bottom:0;
        top:inherit;
        left:inherit;
        margin:0 0%;
        width:100%;
        border-top:1px solid #e2e2e2;
        position:absolute
    }
    .timelineFlat .item .intro-box p{
        padding:5px 2.5% 10px 2.5%;
        width:95%
    }
    .timelineFlat .item .map-box{
        display:block;
        width:320px;
        height:280px;
        margin:10px 0% 0 -160px;
        position:relative;
        float:left;
        top:0;
        left:50%;
        z-index:2
    }
    .timelineFlat .item .map-box .map-inner{
        width:320px;
        height:inherit;
        position:relative
    }
    .timelineFlat .item .more-info{
        display:none
    }
    .timelineFlat .item .intro-box .date{
        font-size:12px;
        padding:10px 2.5% 0 2.5%;
        width:95%;
        line-height:14px;
        height:16px;
        position:static;
        text-align:left;
        background:#fff;
        color:#70c1b3
    }
    .timelineFlat .item .intro-box .date::after{
        background:none!important
    }
    html .timelineFlat .item .intro-box h3{
        padding:10px 2.5% 10px 2.5%;
        width:95%
    }
    .timelineFlat .item .intro-box div{
        padding:0 2.5% 10px 2.5%;
        width:95%
    }
    .timelineFlat .item .intro-box h3{
        font-size:1.4em;
        border:0;
        padding:10px 2.5% 0 2.5%;
        width:95%;
        color:#777;
        background:#fff
    }
    .timelineFlat .item .intro-box .date::after{
        display:none
    }
    .timelineFlat .item .intro-box .date::before{
        content:"";
        display:block;
        font-family:'FontAwesome';
        line-height:12px;
        height:16px;
        width:20px;
        position:relative;
        top:0;
        left:0;
        font-size:12px;
        color:#70c1b3;
        float:left;
        background:none
    }
}
.main-container .main-innercontainer a.link{
        margin-top:41px;
    }
    .main-container .main-innercontainer h1{
        font-size:35px;
        font-weight: normal;
        padding-top: 110px;
        background: url('../images/gerb.png') no-repeat center top;
        line-height: 44px;
        background-size: 80px;
    }
    .main-container .main-innercontainer h1 span{
        font-weight:300;
        font-size:.5em
    }
    #final-frame .main-innercontainer h3{
        font-size:35px;
        font-weight: normal;
        line-height: 44px;

     font-family: 'AardvarkNormal';
    }
    #final-frame .main-innercontainer h3 span{
        font-size:.4em
    }
    .main-container .main-innercontainer p{
        font-size: 16px;
    }
@media only screen and (max-height:820px){
    .main-container .main-innercontainer a.link{
        margin-top:41px;
    }
    .main-container .main-innercontainer h1{
        font-size:35px;
        font-weight: normal;
        padding-top: 110px;
        background: url('../images/gerb.png') no-repeat center top;
        line-height: 44px;
        background-size: 80px;
    }
    .main-container .main-innercontainer h1 span{
        font-weight:300;
        font-size:.5em
    }
    #final-frame .main-innercontainer h3{
        font-size:35px;
        font-weight: normal;
        line-height: 44px;

     font-family: 'AardvarkNormal';
    }
    #final-frame .main-innercontainer h3 span{
        font-size:.4em
    }
}
@media screen and (max-width:768px){
    .main-container .main-innercontainer{
        top:10px;
        width:90%;
        margin:0 5%
    }
    .main-container .main-innercontainer h1{
        font-size:1.5em;
        line-height:1em
    }
    .main-container .main-innercontainer h1 span{
        font-weight:300;
        font-size:.6em
    }
    .main-container .main-innercontainer p{
        margin:10px 0;
        font-size:.9em;
        line-height:1.4em
    }
    .main-container .main-innercontainer a.link{
        margin:0;
        font-size:1em;
        line-height:5.2em
    }
    .main-container .main-innercontainer a.link::after{
        line-height:5.2em
    }
    .main-container .main-innercontainer .desktop{
        display:none
    }
    .main-container .main-innercontainer .mobile{
        display:block
    }
    .main-container .main-innercontainer .swipe{
        overflow:hidden;
        display:inline-block;
        padding:0 30px 0 30px;
        margin:0 0 0 0;
        height:40px;
        font-size:17px;
        line-height:2.6em;
        text-transform:uppercase;
        color:#fff;
        position:relative
    }
    .main-container .main-innercontainer .swipe::before{
        content:"";
        display:block;
        float:left;
        width:40px;
        margin:0;
        height:40px;
        position:relative;
        left:-10px;
        background:url(../images/swipe.svg) left center no-repeat
    }
    .timelineFlat .item .intro-box .date{
        padding:20px 5% 0 5%;
        width:90%
    }
    .timelineFlat .item .intro-box h3{
        width:90%;
        padding:10px 5% 0 5%
    }
    #final-frame .main-innercontainer{
        width:90%;
        margin:20px 5%
    }
    #final-frame .main-innercontainer h3{
        font-size:1.6em;
        line-height:1em
    }
    #final-frame .main-innercontainer h3 span{
        font-size:.56em
    }
    #final-frame .main-innercontainer p{
        font-size:0.8em;
        line-height:1.5em;
        
    }
    #final-frame .main-innercontainer a{
        margin:0;
        font-size:1em;
        line-height:5.2em
    }
    .timelineFlat .item .intro-box p{
        font-size:1em;
        line-height:1.5em;
        padding:5px 5% 5% 5%;
        width:90%
    }
    .timelineFlat .t_left,.timelineFlat .t_right{
        display:none!important
    }
}
.timelineFlat .t_line_view:first-child .t_line_m:first-child h4{
    display:none
}
.timelineFlat .t_line_view:nth-child(14) .t_line_m h4{
    display:none
}
body.indepth{
    font-weight:300;
    font-family:"museo-sans",sans-serif;
    text-align:left
}
body.indepth .footer{
    float:left;
    display:none
}
#header_wrapper{
    position:absolute;
    top:0;
    width:100%
}
#sub-header-container{
    display:block;
    width:100%;
    height:95px;
    position:relative;
    z-index:1000
}
#sub-header-container .sub-header{
    width:100%;
    height:95px;
    background:rgba(23,29,33,.85)
}
#sub-header-container .sub-header .inner-container-sub-header{
    display:block;
    max-width:1400px;
    margin:0 auto;
    width:100%;
    position:relative
}
#sub-header-container .sub-header .inner-container-sub-header .title-date{
    display:inline-block;
    float:right;
    margin:0 10px 0 0%;
    position:absolute;
    right:0
}
#sub-header-container .sub-header .inner-container-sub-header a{
    display:inline-block;
    text-align:center;
    float:left;
    padding:0 30px 0 80px;
    margin:20px 0 0 10px;
    height:54px;
    font-size:17px;
    line-height:3.3em;
    text-transform:uppercase;
    color:#fff;
    position:relative;
    background:#ef4d4b
}
#sub-header-container .sub-header .inner-container-sub-header a::after{
    content:"";
    display:block;
    font-family:'FontAwesome';
    font-size:17px;
    line-height:3.2em;
    height:54px;
    width:54px;
    background:#da3945;
    position:absolute;
    top:0;
    left:0
}
#sub-header-container .sub-header .inner-container-sub-header h2{
    color:#fff;
    text-align:right;
    padding:20px 0 0 0;
    margin:0
}
#sub-header-container .sub-header .inner-container-sub-header h1{
    font-size:1.9em;
    color:#fff;
    text-align:right;
    padding:5px 0 0 0;
    margin:0
}
@media screen and (max-width:768px){
    #sub-header-container{
        height:54px
    }
    #sub-header-container .sub-header{
        height:54px
    }
    #sub-header-container .sub-header .inner-container-sub-header a{
        margin:0
    }
    #sub-header-container .sub-header .inner-container-sub-header h2,#sub-header-container .sub-header .inner-container-sub-header h1{
        display:none
    }
}
.parallax-window{
    display:table;
    background:transparent;
    position:relative
}
.parallax-window .section{
    display:table-cell;
    vertical-align:middle;
    padding:0;
    max-width:1400px;
    height:100%;
    margin:0 auto
}
.parallax-window .section article{
    text-align:left;
    float:left;
    width:45%;
    padding:0 2.5%;
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:40px;
    -moz-column-gap:40px;
    column-gap:40px;
    font-weight:300
}
.parallax-window .section article p{
    font-size:.9em;
    line-height:1.4em;
    font-family:"museo-sans",sans-serif;
    font-weight:300;
    margin:10px 0 10px 0;
    clear:both
}
.parallax-window .section article p:first-child{
    margin-top:0
}
.parallax-window .section article h1{
    font-size:1.8em;
    color:#fff;
    padding:0;
    margin:0
}
.parallax-window .section article h2{
    color:#b9cbd8;
    padding:0;
    margin:10px 0 20px 0
}
.parallax-window .section article .quote-block:first-child{
    margin-top:0
}
.parallax-window .section article strong,.parallax-window .section article em{
    font-weight:600
}
.parallax-window .section article sup{
    font-size:.7em
}
.parallax-window .section .image-article{
    float:left;
    width:50%;
    padding:0 0%
}
.parallax-window .section .image-article .image{
    float:right;
    width:45%;
    margin:0 5% 20px 0%
}
.parallax-window .section .image-article .image img{
    float:left;
    width:100%;
    height:auto;
    margin:0 auto
}
.parallax-window .section .image-article p{
    text-align:left;
    width:90%;
    float:left;
    font-size:.7em;
    line-height:1.6em;
    color:#b9cbd8;
    padding:2.5% 5% 5% 5%;
    margin:0 0 0 0;
    background:rgba(48,45,45,.6)
}
.parallax-h1{
    font-size:1.4em;
    margin:0 0 10px 0
}
.caption{
    font-size:.8em;
    position:absolute;
    right:40px;
    bottom:40px;
    width:40%;
    line-height:1.4em;
    text-align:right
}
.caption span{
    color:#70c1b3
}
.light .caption{
    color:#777
}
@media only screen and (max-height:1100px){
}
@media only screen and (max-height:900px)and (min-width:768px){
    div#header_wrapper{
        position:relative
    }
}
.parallax-window{
    overflow:hidden;
    width:100%;
    position:relative
}
.parallax-window::after{
    display:block;
    opacity:1;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:'';
    background:-moz-linear-gradient(left,rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
    background:-webkit-linear-gradient(left,rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
    background:linear-gradient(to right,rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799',endColorstr='#007db9e8',GradientType=1)
}
.parallax-window .section{
    position:relative;
    z-index:1
}
.parallax-window.light::after{
    display:none!important
}
@media all and (min-width:0\0)and (min-resolution:.001dpcm){
    .parallax-window:after{
        opacity:.6;
        background:#1e5799!important
    }
}
.parallax-window>.fp-tableCell{
    display:table-row!important
}
.parallax-window .section{
    display:table-cell;
    text-align:center
}
.section .fp-tableCell{
    height:auto!important;
    max-width:1440px;
    display:inline-block
}
@media screen and (min-width:0\0){
    .parallax-window:after{
        max-height:inherit!important
    }
}
.light .section article{
    color:#777
}
.light .section .image-article .image{
    float:left
}
.light .quote-block{
    background:rgba(244,244,244,.6)
}
.light .quote-block blockquote{
    color:#7d7d7d
}
.light .quote-block blockquote::after{
    background:#e7e7e7
}
.light .quote-block p{
    color:#bcbcbc
}
@media screen and (max-width:1023px){
    .parallax-window:after{
        opacity:.7;
        background:#1f599a
    }
    .parallax-window .section{
        z-index:1
    }
    .parallax-window.light::after{
        display:none!important
    }
    .light{
        background:#fff!important
    }
    .light .caption{
        display:none
    }
    .parallax-window{
        float:left;
        height:inherit!important
    }
    .parallax-window .section{
        float:left;
        padding:40px 0 40px 0
    }
    .parallax-window.window-1 .section{
        padding-top:40px!important
    }
    .parallax-window .section article{
        max-height:inherit!important;
        width:90%;
        padding:0 5%;
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
        -webkit-column-gap:0;
        -moz-column-gap:0;
        column-gap:0;
        -webkit-column-fill:auto;
        -moz-column-fill:auto;
        column-fill:auto
    }
    .parallax-window .section .image-article{
        width:90%;
        padding:0 5%
    }
    .parallax-window .section .image-article .image-2{
        margin-right:0
    }
    .read-more-arrow{
        display:none
    }
    .caption{
        width:90%;
        position:static;
        display:block;
        floaT:left;
        padding:20px 5% 0 5%
    }
}
@media(min-width:468px)and (max-width:769px){
    .parallax-window.window-1 .section{
        padding-top:140px!important
    }
}
@media(min-width:769px)and (max-width:1024px)and (min-height:900px){
    .parallax-window.window-1 .section{
        padding-top:200px!important
    }
}
@media(min-width:1023px)and (max-width:1350px)and (min-height:901px)and (max-height:1080px){
    .parallax-window.window-1 .section{
        padding-top:150px!important
    }
}
@media(min-width:1023px)and (min-height:901px)and (max-height:1110px){
    .the-endurance .parallax-window.window-1 .image-2{
        display:none
    }
}
@media(max-width:1350px)and (max-height:1110px){
    .section .quote-block{
        padding:20px;
        margin:5px
    }
    .section .quote-block .quote{
        padding:20px 10px 0 10px;
        margin:5px
    }
    .parallax-window .section article p{
        padding:5px;
        margin:0
    }
}
.main-container .main-innercontainer h1{
    animation-name:fade;
    -webkit-animation-name:fade;
    animation-duration:2s;
    -webkit-animation-duration:2s;
    
        font-family: 'AardvarkNormal';
    text-transform:none!important
}
.main-container .main-innercontainer a{
    animation-name:fade;
    -webkit-animation-name:fade;
    animation-duration:5s;
    -webkit-animation-duration:5s
}
.main-container .main-innercontainer p{
    animation-name:fade;
    -webkit-animation-name:fade;
    animation-duration:4s;
    -webkit-animation-duration:4s
}
@keyframes fade{
    0%{
        opacity:0
    }
    22%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes fade{
    0%{
        opacity:0
    }
    22%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.swipe::before{
    animation-name:floating;
    -webkit-animation-name:floating;
    animation-duration:1.5s;
    -webkit-animation-duration:1.5s;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite
}
@keyframes floating{
    0%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    50%{
        -webkit-transform:translateX(8%);
        transform:translateX(8%)
    }
    100%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
}
@-webkit-keyframes floating{
    0%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    50%{
        -webkit-transform:translateX(8%);
        transform:translateX(8%)
    }
    100%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
}
.read-more-arrow{
    position:absolute;
    bottom:0;
    background-color:#fff;
    color:#000;
    left:50%;
    transform:translate(-50%,-50%);
    padding:15px;
    font-size:40px;
    border-radius:70px;
    cursor:pointer
}
.tl-menubar-button{
    display:none!important
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1){
    .timelineFlat .t_left,.timelineFlat .t_right{
        display:none
    }
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1){
    .timelineFlat .t_left,.timelineFlat .t_right{
        display:none
    }
}
@media print{
    html body{
        margin:0;
        padding:0;
        line-height:1.4em;
        word-spacing:1px;
        letter-spacing:.2px;
        font:13px Arial,Helvetica,"Lucida Grande",serif;
        color:#000
    }
    .tl-timeaxis-tick,.tl-timeaxis,.tl-timenav,.tl-timenav-container-mask,.tl-timenav-container,.tl-timenav-slider-background,.timeline,#header{
        display:none!important
    }
    h1,h2,body,div,div *,p{
        border:0!important;
        min-height:auto!important;
        color:#000!important;
        max-width:100%!important;
        width:100%!important;
        padding:0!important;
        margin:0!important;
        background:#fff!important;
        position:static!important
    }
    img{
        max-width:300px!important;
        margin:10px!important
    }
    .quote-block{
        margin-bottom:10px!important
    }
    .read_more,.timelineFlat .item .intro-box .date::after,.mobile,.item_open,.tl-timemarker,.addthis_sharing_toolbox,#map-background,.link,.map-box{
        display:none!important
    }
    h1{
        margin:20px 0!important;
        font-size:24px!important
    }
    h2{
        margin:0 0 0 0!important;
        font-size:24px!important
    }
    h3{
        border:0!important;
        margin:0 0 0 0!important;
        font-size:18px!important
    }
    .title-date{
        margin-top:40px!important
    }
    .date{
        float:left!important;
        text-align:left!important;
        margin-top:40px!important
    }
}
#gld-tl{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,.2);
    z-index:10010;
    overflow:hidden;
    cursor:ew-resize
}
@media only screen and (max-width:767px){

    html .timelineFlat .item .intro-box{
        position:static
    }
}
#gld-tl>div{
    height:80px
}
#gld-tl ul{
    list-style:none;
    display:inline-block;
    margin:0;
    padding:0
}
#gld-tl li{
    float:left;
    border-radius:50%;
    width:12px;
    height:12px;
    border:2px solid #fff;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#gld-tl li:hover{
    border:2px solid #70c2b4
}
#gld-tl li.solid{
    background-color:#70c2b4;
    border:2px solid #70c2b4
}
#gld-tl li:first-child{
    margin-left:5px
}
#gld-tl li:last-child{
    margin-right:5px
}
#gld-tl .step,#gld-tl .canslideinfo{
    float:left;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#gld-tl .canslideinfo{
    position:relative;
    padding:20px 20px 0 0;
    height:40px;
    width:180px;
    text-align:left;
    font-size:.8em;
    line-height:1.4em;
    color:#fff
}
#gld-tl .canslideinfo:after{
    content:"";
    display:block;
    position:absolute;
    right:130px;
    top:10px;
    width:53px;
    height:53px;
    background:url('../images/drag.gif') no-repeat right bottom
}
#gld-tl li .title{
    display:none
}
@media only screen and (min-width:1023px){
    #gld-tl li:hover .title{
        display:block;
        font-size:.8em;
        line-height:1.4em;
        white-space:nowrap;
        position:absolute;
        background:rgba(112,194,180,.8);
        left:100%;
        top:0;
        z-index:100000;
        color:#fff;
        display:block;
        padding:5px;
        text-align:left
    }
}
@media only screen and (max-width:1022px){
    #gld-tl .canslideinfo:after{
        content:"";
        display:block;
        float:left;
        width:40px;
        margin:0;
        height:40px;
        top:18px;
        background:url(../images/swipe.svg) left center no-repeat;
        animation-name:floating;
        -webkit-animation-name:floating;
        animation-duration:1.5s;
        -webkit-animation-duration:1.5s;
        animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite
    }
}
#gld-tl .step{
    margin-top:18px;
    color:#929eac
}
#gld-tl .step.active{
    color:#fff
}
#gld-tl .line{
    border-top:2px solid #507999;
    margin-top:9px
}
#gld-tl .line.dotted{
    border-top-style:dashed
}
#gld-tl .circles-and-dates,#gld-tl .line{
    float:right
}
#gld-tl .circles-and-dates{
    cursor:pointer;
    position:relative
}
#gld-tl .step .circles-and-dates>div{
    position:absolute;
    left:50%;
    margin-left:-17px;
    cursor:ew-resize;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#gld-tl .step.begin .circles-and-dates>div{
    margin-left:-25px;
}
#gld-tl .step.end .circles-and-dates>div{
    margin-left:-25px;
}
#gld-tl .step.active .circles-and-dates>div{
    font-size:19px;
    font-weight:bold;
    margin-left:-21px
}
.t_line_holder{
    display:none
}
.line-length-0{
    width:100px
}
.line-length-1{
    width:30px
}
.line-length-2{
    width:60px
}
.line-length-3{
    width:90px
}
.line-length-4{
    width:120px
}
.line-length-5{
    width:150px
}
.line-length-6{
    width:180px
}
.line-length-7{
    width:210px
}
.line-length-8{
    width:240px
}
.line-length-9{
    width:270px
}
@media only screen and (max-width:767px){
    #gld-tl li{
        width:16px;
        height:16px
    }
    .line-length-0{
        width:50px
    }
    .line-length-1{
        width:15px
    }
    .line-length-2{
        width:30px
    }
    .line-length-3{
        width:40px
    }
    .line-length-4{
        width:60px
    }
    .line-length-5{
        width:75px
    }
    .line-length-6{
        width:90px
    }
    .line-length-7{
        width:105px
    }
    .line-length-8{
        width:120px
    }
    .line-length-9{
        width:135px
    }
    #gld-tl .step .circles-and-dates>div{
        font-size:14px;
        margin-left:-13px
    }
    #gld-tl .step.active .circles-and-dates>div{
        font-size:16px;
        margin-left:-17px
    }
}
#sub-header-container .sub-header .inner-container-sub-header h1{
    padding-right:15px
}
#sub-header-container .sub-header .inner-container-sub-header h1::after{
    content:"";
    display:block;
    font-family:'FontAwesome';
    font-size:17px;
    line-height:3.2em;
    height:5px;
    width:5px;
    background:none;
    position:absolute;
    top:35px;
    right:5px
}
#sub-header-container .sub-header .inner-container-sub-header .drop-down ul{
    display:none;
    float:left;
    padding:0;
    margin:0;
    width:100%
}
#sub-header-container .sub-header .inner-container-sub-header .drop-down:hover ul{
    display:block
}
#sub-header-container .sub-header .inner-container-sub-header .drop-down ul li{
    display:block;
    width:100%;
    background:#fff;
    color:#777;
    margin:0;
    padding:0;
    border-bottom:1px solid #ddd
}
#sub-header-container .sub-header .inner-container-sub-header .drop-down ul li a{
    display:block;
    width:100%;
    background:#fff;
    color:#777;
    margin:0;
    padding:20px;
    text-align:left;
    height:inherit;
    line-height:1em;
    text-transform:inherit
}
#sub-header-container .sub-header .inner-container-sub-header .drop-down ul li a:hover{
    background:#ef4d4b;
    color:#fff
}
#sub-header-container .sub-header .inner-container-sub-header .drop-down ul li a::after{
    display:none
}
#header .addthis_sharing_toolbox{
    float:right;
    margin:20px 20px 19px 0;
    height:32px;
    clear:none!important
}