html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}body{color:#d6d6d6;font-family:"Sentinel A", "Sentinel B", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:#d6d6d6;font-style:italic;font-weight:600;text-decoration:none;-webkit-transition:color 0.15s linear;-moz-transition:color 0.15s linear;-ms-transition:color 0.15s linear;-o-transition:color 0.15s linear;transition:color 0.15s linear}a:hover{color:#AAAAAA}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html,body{height:100%;min-height:100%;position:relative;z-index:1}

@font-face {
    font-family: 'Druk XCond Web';
    src: url('../font/DrukXCond-Super-Web.woff2') format('woff2'),
    url('../font/DrukXCond-Super-Web.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}

@-moz-keyframes onHover {
    from {
        -moz-transform: translate(-110%, 0) skew(-20deg);
        transform: translate(-110%, 0) skew(-20deg)
    }
    to {
        -moz-transform: translate(0, 0) skew(-20deg);
        transform: translate(0, 0) skew(-20deg)
    }
}

@-webkit-keyframes onHover {
    from {
        -webkit-transform: translate(-110%, 0) skew(-20deg);
        transform: translate(-110%, 0) skew(-20deg)
    }
    to {
        -webkit-transform: translate(0, 0) skew(-20deg);
        transform: translate(0, 0) skew(-20deg)
    }
}

@keyframes onHover {
    from {
        -moz-transform: translate(-110%, 0) skew(-20deg);
        -ms-transform: translate(-110%, 0) skew(-20deg);
        -webkit-transform: translate(-110%, 0) skew(-20deg);
        transform: translate(-110%, 0) skew(-20deg)
    }
    to {
        -moz-transform: translate(0, 0) skew(-20deg);
        -ms-transform: translate(0, 0) skew(-20deg);
        -webkit-transform: translate(0, 0) skew(-20deg);
        transform: translate(0, 0) skew(-20deg)
    }
}

@-moz-keyframes outHover {
    from {
        -moz-transform: translate(0, 0) skew(-20deg);
        transform: translate(0, 0) skew(-20deg)
    }
    to {
        -moz-transform: translate(110%, 0) skew(-20deg);
        transform: translate(110%, 0) skew(-20deg)
    }
}

@-webkit-keyframes outHover {
    from {
        -webkit-transform: translate(0, 0) skew(-20deg);
        transform: translate(0, 0) skew(-20deg)
    }
    to {
        -webkit-transform: translate(110%, 0) skew(-20deg);
        transform: translate(110%, 0) skew(-20deg)
    }
}

@keyframes outHover {
    from {
        -moz-transform: translate(0, 0) skew(-20deg);
        -ms-transform: translate(0, 0) skew(-20deg);
        -webkit-transform: translate(0, 0) skew(-20deg);
        transform: translate(0, 0) skew(-20deg)
    }
    to {
        -moz-transform: translate(110%, 0) skew(-20deg);
        -ms-transform: translate(110%, 0) skew(-20deg);
        -webkit-transform: translate(110%, 0) skew(-20deg);
        transform: translate(110%, 0) skew(-20deg)
    }
}

::-webkit-input-placeholder{color:#9f9d9d;}
:-moz-placeholder{color:#9f9d9d;}
::-moz-placeholder{color:#9f9d9d;}
:-ms-input-placeholder{color:#9f9d9d;}

body{color:#1a291f;background-color:#EBEBE1;}

.wrapper{height:100%;position:relative;width:100%;z-index:2}
.show .wrapper{-moz-transform:translateX(200px);-ms-transform:translateX(200px);-webkit-transform:translateX(200px);transform:translateX(200px)}
.wrapper .splitlayout{min-height:100%;position:relative;width:100%;background:url(../img/bg.png) center center repeat;background-size:auto auto;background-attachment:fixed;}
.wrapper .side{height:100%;position:relative;top:0;width:50%;-webkit-backface-visibility:hidden;z-index:100}
@media screen and (max-width: 768px){
    .wrapper .side{width:100%}
}
.wrapper .side-left{left:0}
.wrapper .side-right{position:fixed;right:0;top:0;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.wrapper .side-right.current{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}
@media screen and (max-width: 768px){
    .wrapper .side-right{position:relative;-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}
}
.wrapper .image{height:90%;left:50%;margin-right:-50%;position:absolute;top:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:90%}
@media screen and (max-width: 768px){
    .wrapper .image{position:relative;top:0;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
.intro{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;}
@media screen and (max-width: 768px){
    .intro{min-height:auto !important}
}
.intro .copy{display:flex;height:100%;flex-direction:column;justify-content:center;}
.intro .side-right{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.intro .side-left{background:#EBEBE1;}

.chapters{position:relative;display:flex;flex-direction:column;justify-content:center;}
@media screen and (max-width: 768px){
    .chapters{display:block;width:100%;min-height:auto !important;}
}
.chapter{width:50%;height:100%;/*min-height: 110vh;padding-top:10vh;*/padding-top:0;display:flex;height:auto;flex-direction:column;}
@media screen and (max-width: 768px){
    .chapter{width:100%;height:100%;}
}

.chapters .side{display:flex;width:50%;align-items:center;justify-content:center;}
.chapters .side.side-left{width:100%;background:#EBEBE1;}

.bg-green .chapters .side.side-left{background:transparent;}

.bg-white{position:relative;overflow:hidden;}
/*.bg-white .side.side-left:before{position:absolute;top:-5000px;z-index:-10;display:block;content:'';width:100%;height:10000px;background:#EBEBE1;}*/

/*.chapter-one-bg{background-color:#ED5A6D;}
.chapter-two-bg{background-color:#061735;}
.chapter-three-bg{background-color:#A14162;}
.chapter-four-bg{background-color:#F89F1B;}*/

/*.img-bg{background:url(../img/bg.png) center center repeat;background-size:auto auto;}*/
/*.img-one{background:url(../img/1.jpg) center center no-repeat;background-size:cover;}
.img-two{background:url(../img/2.jpg) center center no-repeat;background-size:cover;}
.img-three{background:url(../img/3.jpg) center center no-repeat;background-size:cover;}*/

a{font-style:normal;}

body,html{font-family:'nimbus-sans-extended';font-size:19px;}

h1,h2,h3,h4,h5,h6{font-family:'Druk XCond Web';font-weight:900;text-transform:uppercase;line-height:0.9;}

.alt-indent{position:absolute;top:-9999px;left:-9999px;right:auto;bottom:auto;text-align:left;}

.intro .scroll-message{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;padding-top:20px;color:#1a291f;opacity:0.6;}
.intro .scroll-message .mouse-icon{display:block;margin-right:14px;position:relative;width:15px;}
.intro .scroll-message p{display:block;font-size:10px;font-style:normal;font-weight:700;letter-spacing:2.5px;text-align:left;text-transform:uppercase;}

.side-right img{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;}

.intro .logo{display:block;width:100%;max-width:165px;padding:0;margin:0 0 54px;}
.intro .logo img{display:block;}

.copy{margin:0 auto;padding:60px 30px;max-width:510px;}
.copy > *,
.copy > .el-wrap > *{margin-bottom:30px;}
.copy > :last-child,
.copy > .el-wrap > :last-child{margin-bottom:0;}
.copy a{color:#B19667;}
.copy a:hover{text-decoration:underline;}
.copy strong{font-weight:bold;color:#1a291f;}
.copy strong.gold{color:#B19667;}
.copy em{font-style:italic;}

.copy .title{position:relative;z-index:2;color:#E7121C;font-family:'Druk XCond Web';font-weight:900;font-size:90px;line-height:0.85;letter-spacing:0.015em}
.copy .title span{position:relative;display:block;}
.copy .title span:before{position:absolute;z-index:-1;top:0;left:0;pointer-events:none;display:inline;content:attr(data-title);color:transparent;-webkit-text-stroke:1px #B19667;text-stroke:1px #B19667;/*color:#EBEBE1;text-shadow:1px 1px #B19667, -1px -1px 0 #B19667, 1px -1px 0 #B19667, -1px 1px 0 #B19667;*/-webkit-transform:translate(6px,6px);-moz-transform:translate(6px,6px);-ms-transform:translate(6px,6px);-o-transform:translate(6px,6px);transform:translate(6px,6px);}

.copy .subtitle{position:relative;z-index:2;color:#B19667;font-family:'nimbus-sans-extended';font-size:30px;line-height:1.1;letter-spacing:0;}

.bg-green{color:#EBEBE1;}
.bg-green .chapters{background:none;}
.bg-green .copy .title{color:#EBEBE1;}

a.button{font-family:'nimbus-sans-extended';position: relative;background-position: center center !important;overflow: hidden;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;background: transparent;padding: 14px 25px 12px 25px;text-transform: uppercase;font-weight: normal;color: #ffd800;border: 1px solid #ffd800;display: inline-block;margin: 0 auto;font-size: 13px;letter-spacing: 1px;line-height:14px;z-index: 1;float: left;outline:0 !important;}
a.button:hover{background: transparent;color:#222222;cursor:pointer;}

a.button:after {content: "";position: absolute;width: 120%;height: 100%;left: -10%;top: 0;-moz-transform: translate(-110%, 0) skew(-20deg);-ms-transform: translate(-110%, 0) skew(-20deg);-webkit-transform: translate(-110%, 0) skew(-20deg);transform: translate(-110%, 0) skew(-20deg);background: #ffd800;z-index: -1;-webkit-animation: outHover 0.5s ease 1 forwards;-moz-animation: outHover 0.5s ease 1 forwards;-o-animation: outHover 0.5s ease 1 forwards;animation: outHover 0.5s ease 1 forwards;}

a.button:after {content: "";position: absolute;width: 120%;height: 100%;left: -10%;top: 0;-moz-transform: translate(-110%, 0) skew(-20deg);-ms-transform: translate(-110%, 0) skew(-20deg);-webkit-transform: translate(-110%, 0) skew(-20deg);transform: translate(-110%, 0) skew(-20deg);background: #ffd800;z-index: -1;-webkit-animation: outHover 0.5s ease 1 forwards;-moz-animation: outHover 0.5s ease 1 forwards;-o-animation: outHover 0.5s ease 1 forwards;animation: outHover 0.5s ease 1 forwards;}

a.button:hover:after {-webkit-animation-name: onHover;-moz-animation-name: onHover;-o-animation-name: onHover;-ms-animation-name: onHover;animation-name: onHover;}

#bm1,
#bm2{display:block;width:60%;max-width:466px;height:100%;margin:0 auto;overflow:hidden;opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

.block-list{display:block;width:100%;padding-top:20px;}
.block-list a{position:relative;display:block;padding:0;height:70px;border-bottom:1px solid #B19667;}
.block-list a:first-child{border-top:1px solid #B19667;}

.block-list a .year{position:relative;display:block;width:100px;height:100%;padding:0;margin:0 auto 0 4px;}
.block-list a .year svg{position:absolute;display:block;width:100%;height:100%;padding:0;margin:0;fill:transparent;stroke:#EE2C23;-webkit-transition:fill 250ms ease;-moz-transition:fill 250ms ease;-ms-transition:fill 250ms ease;-o-transition:fill 250ms ease;transition:fill 250ms ease;}
.block-list a .arrow{position:absolute;top:0;left:auto;right:0;bottom:0;display:block;width:42px;height:100%;padding:0;margin:0 4px 0 auto;}
.block-list a .arrow svg{position:absolute;display:block;width:100%;height:100%;padding:0;margin:0;fill:transparent;stroke:#EE2C23;-webkit-transition:fill 250ms ease;-moz-transition:fill 250ms ease;-ms-transition:fill 250ms ease;-o-transition:fill 250ms ease;transition:fill 250ms ease;}

.block-list a:hover{text-decoration:none;}
.block-list a:hover .year svg{fill:#EE2C23;}
.block-list a:hover .arrow svg{fill:#EE2C23;}

.block-list + p{padding-top:20px;}


@media(max-width:768px){

    .intro .scroll-message{display:none;}
    .intro .copy .el-wrap{margin-bottom:0;}

    .wrapper .side-right{position:relative;-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);height: 50vh;}
    .wrapper .side.side-left{min-height:0;}

    .chapter{padding-top:0px;}

    .wrapper .side{min-height: 50vh;height: auto;text-align: center;display: flex;align-items: center;flex-direction: column;justify-content: center;width: 100%;}

    .intro .logo{margin:0 auto 45px;}

    .copy .title span:before{display:block;width:100%;}

    .chapters .side{display:block;width:100%;}

    #bm1,
    #bm2{max-width:300px;}

    .chapter-one .copy{padding-top:0;}
    .chapter-two,
    .chapter-three,
    .chapter-four{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
    /*.chapter-three .side-right{display:none;}*/
    .chapter-five .side-right{display:none;}

    .chapter-four-hide .side-left{display:none;}

}

@media(min-width:768px) and (max-width:992px){
    
    .intro,.chapters{min-height:100vh;}

}


@media(min-width: 769px){

    .wrapper .intro .side-left{min-height:100vh;}
    .wrapper .intro .copy{min-height:100vh;justify-content:space-between;}

    .intro .side-left:before{position:absolute;top:-5000px;z-index:-10;display:block;content:'';width:100%;height:10000px;background:#EBEBE1;}

    .chapters-block.space-bottom{padding-bottom:300px;}

    .chapters-block .chapter{min-height:inherit;}
    /*.chapter-five:first-child .side-right{position:absolute;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);}*/
    .chapters-block .chapter .side-left{min-height:inherit;}

    .chapter-four-hide{min-height:15vh;}

    /*.chapter-two .side-right{transition:none !important;}*/

    /*.chapter-five .side-right{position:absolute;height:100% !important;background:url(../img/bg.png) center center repeat;background-size:auto auto;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);}*/
    .chapter-five .side-right{background:url(../img/bg.png) center center repeat;background-size:auto auto;z-index:100;}

    /*.chapters-block{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
    .chapters-block.current-block{position:relative;display:block;z-index:250;-webkit-transform:translateY(-100vh);-moz-transform:translateY(-100vh);-ms-transform:translateY(-100vh);-o-transform:translateY(-100vh);transform:translateY(-100vh);}

    .chapters-block .wrapper .side-right{-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh);}
    .chapters-block .wrapper .side-right.current{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}*/

    .chapters-block{position:relative;z-index:250;margin-top:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
    .chapters-block.current-block{margin-top:-100vh;}

    .chapters.other-bg .chapter,
    .chapter.other-bg,
    .chapters.other-bg .side-left,
    .chapter.other-bg .side-left{background-color:#e4e4d5;}

    /*.chapters.other-bg .chapter:before{position:absolute;top:-5000px;left:0;right:auto;bottom:-5000px;z-index:-10;display:block;content:'';width:50%;height:auto;background:#e4e4d5;}*/
    .chapters.other-bg{position:relative;overflow:hidden;}
    .chapters.other-bg:before{position:absolute;top:-5000px;left:0;right:auto;bottom:-5000px;z-index:1;display:block;content:'';width:50%;height:auto;background:#e4e4d5;}
    .chapters.other-bg > *{position:relative;z-index:2;}

    /*.chapters-block .chapter-two .side-right{position:absolute !important;transform:translateY(0) !important;}*/

    .wrapper .side-right{height:100vh;}

    .copy .title{font-size:105px;}

}

@media(min-width: 992px){

    .copy .title{font-size:120px;}

    .intro,.chapters{min-height:100vh;}

}

@media(min-width: 1200px){

    .copy .title{font-size:134px;}

}


/* ------- COOKIE BAR ------- */

body #cookie-bar *,
body #cookie-bar{font-family:'nimbus-sans-extended',sans-serif;font-family:'nimbus-sans-extended',sans-serif !important;font-weight:400;}
body #cookie-bar{padding:16px 0 16px;background:#0f1511;}
body #cookie-bar p{margin:8px 20px 8px 20px;font-size:1.2em;}
body #cookie-bar a{color:#fff;}
body #cookie-bar-prompt-button{display:none;display:none !important;}
body #cookie-bar-button{padding:10px 15px 11px;margin-top:3px;color:#fff !important;font-family:'nimbus-sans-extended',sans-serif !important;font-weight:700;letter-spacing:1px;text-indent:1px;font-size:1.1em;text-decoration:none;background:#E7121C;-webkit-text-shadow:none;-moz-text-shadow:none;-ms-text-shadow:none;text-shadow:none;border:none;text-transform:uppercase;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease;}

body #cookie-bar-button:hover{color:#fff !important;text-decoration:none !important;background:#B19667;}
