.clearfix{
    zoom:1
}
.clearfix:before,.clearfix:after{
    display:table;
    content:""
}
.clearfix:after{
    clear:both
}
.hide-text{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
@font-face{
    font-family:'CampDavid';
     src:url('../../../resources/fonts/theme.eot');
     src:url('../../../resources/fonts/theme.eot') format('embedded-opentype'),url('../../../resources/fonts/theme.woff') format('woff'),url('../../../resources/fonts/theme.ttf') format('truetype'),url('../../../Themes/CampDavid/Assets/fonts/CampDavid.svg@-gplnhl.html#CampDavid') format('svg');
     font-weight:normal;
     font-style:normal
}
 [class^="icon-"]:before,[class*=" icon-"]:before{
    font-size:36px;
    font-size:3.6rem;
    line-height:36px;
    line-height:3.6rem;
    font-family:'CampDavid';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-back-block:before{
    content:"\e616"
}
.icon-up-block:before{
    content:"\e613"
}
.icon-next-block:before{
    content:"\e614"
}
.icon-down-block:before{
    content:"\e615"
}
.icon-menu:before{
    content:"\e600";
    vertical-align:middle
}
.icon-logo:before{
    content:"\e";
    display:block;
    font-size:143px;
    font-size:14.3rem;
    line-height:143px;
    line-height:14.3rem;
    margin-bottom:0.5em
}
.icon-drop-down:before{
    content:"\e602";
    vertical-align:middle
}
.icon-drop-right:before{
    content:"\e618"
}
.icon-drop-left:before{
    content:"\e619"
}
.icon-drop-up-2:before{
    content:"\e61a"
}
.icon-drop-up:before{
    content:"\e611"
}
.icon-up:before{
    content:"\e603"
}
.icon-down:before{
    content:"\e604"
}
.icon-next:before,.icon-right:before{
    content:"\e605"
}
.icon-close:before{
    content:"\e606"
}
.icon-back:before,.icon-left:before{
    content:"\e607"
}
.icon-youtube:before{
    content:"\e608"
}
.icon-vimeo:before{
    content:"\e609"
}
.icon-twitter:before{
    content:"\e60a"
}
.icon-tumblr:before{
    content:"\e60b"
}
.icon-pinterest:before{
    content:"\e60c"
}
.icon-linkedin:before{
    content:"\e60d"
}
.icon-instagram:before{
    content:"\e60e"
}
.icon-flickr:before{
    content:"\e60f"
}
.icon-facebook:before{
    content:"\e612"
}
.icon-email:before{
    content:"\e610"
}
.icon-website:before{
    content:"\e617"
}
@media screen and (max-height:960px) and (max-width:1150px){
    .icon-logo:before{
        font-size:107px;
        font-size:10.7rem;
        line-height:107px;
        line-height:10.7rem;
        margin-bottom:0.25em
    }
}
html{
    font-size:62.5%;
    overflow-y:scroll;
    -webkit-text-size-adjust:none
}
html,body{
    height:100%;
    padding:0;
    margin:0
}
body{
    font-family:'Lato',sans-serif;
    font-weight:300;
    color:#000;
    background-color:#fff;
    font-size:12px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem;
    width:100%
}
ul{
    padding:0;
    margin:0;
    list-style-type:none
}
#dimmer{
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:transparent;
    z-index:50;
    cursor:pointer;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease
}
#dimmer.open{
    position:fixed
}
#dimmer.on{
    background-color:rgba(0,0,0,0.1)
}
.embed{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    background:#0e162e;
    margin-bottom:5%;
    width:100%;
    max-width:100%;
    display:block
}
.embed iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-width:100%
}
@media screen and (min-width:320px){
    html{
        font-size:62.5%
    }
}
@media screen and (min-width:480px){
    html{
        font-size:93.8%
    }
}
@media screen and (min-width:540px){
    html{
        font-size:105.6%
    }
}
@media screen and (min-width:640px){
    html{
        font-size:62.5%
    }
}
@media screen and (min-width:720px){
    html{
        font-size:70.3%
    }
}
@media screen and (min-width:768px){
    html{
        font-size:75%
    }
}
@media screen and (min-width:960px){
    html{
        font-size:93.8%
    }
}
@media screen and (min-width:1200px){
    html{
        font-size:62.5%
    }
}
@media screen and (min-width:1366px){
    html{
        font-size:66.7%
    }
}
@media screen and (min-width:1440px){
    html{
        font-size:70.3%
    }
}
@media screen and (min-width:1680px){
    html{
        font-size:82%
    }
}
@media screen and (min-width:1920px){
    html{
        font-size:93.8%
    }
}
@media screen and (min-width:2560px){
    html{
        font-size:125%
    }
}
h1,h2,h3,h4,h5,h6{
    margin:0 0 1.3em 0;
    text-transform:uppercase;
    font-weight:normal
}
h1,h3,h5,h6{
    font-family:'Montserrat',sans-serif;
    font-size:12px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem
}
h2,h4{
    font-size:48px;
    font-size:4.8rem;
    line-height:48px;
    line-height:4.8rem;
    font-family:'GFS Didot',serif
}
h2{
    margin-bottom:0.5em
}
hr{
    border:none;
    border-top:1px solid #000;
    margin:0
}
a{
    text-decoration:none;
    color:inherit;
    outline:none
}
a:focus,a:hover{
    outline:none
}
p{
    font-size:12px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem;
    margin:0 0 1.3em 0
}
b,strong{
    font-weight:normal
}
time{
    font-size:12px;
    font-size:1.2rem;
    line-height:24px;
    line-height:2.4rem
}
.fabrik-tag{
    position:fixed;
    display:block;
    z-index:100;
    bottom:40px;
    left:0;
    width:18px;
    height:50px;
    outline:none;
    overflow:hidden
}
.fabrik-tag svg .tag-bg{
    -moz-transition:fill .3s;
    -o-transition:fill .3s;
    -webkit-transition:fill .3s;
    transition:fill .3s;
    fill:#000
}
.fabrik-tag:hover svg .tag-bg{
    fill:#f3a450
}
#main-header{
    font-family:'Montserrat',sans-serif;
    text-transform:uppercase;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:150;
    color:#000;
    background-color: #fff
}
#main-header .padded-wrap{
    /*padding-top:26px;
    padding-bottom:26px;
    */
    padding-top:5px;
    padding-bottom:5px;
    position:relative
}
#main-header h1{
    margin:0;
    display:inline-block;
    color:inherit
}
#main-header .icon-menu{
    margin-right:20px;
    vertical-align:middle
}
#main-header.open .padded-wrap{
    background:#fff
}
#main-header.open .icon-menu{
    color:#000
}
#main-header.open .tag-selector-wrap,#main-header.open .site-title{
    /*display:none*/
}
#main-nav{
    text-align:center
}
#main-nav .menu{
    display:none
}
#main-nav .menu li{
    display:block;
    border-bottom:1px solid #000
}
#main-nav .menu li a{
    display:block;
    background:#0e162e;
    color:#fff;
    font-size:12px;
    font-size:1.2rem;
    line-height:54px;
    line-height:5.4rem
}
#main-header.titles-black{
    color:#000
}
@media screen and (min-width:1200px){
    #main-header .icon-menu{
        display:none
    }
    #main-header h1{
        left:3.75%
    }
    #main-header.open{
        background:none
    }
    #main-header.titles-black #main-nav .menu li a{
        color:#000
    }
    #main-nav{
        position:absolute;
        top:26px;
        right:17%;
        left:17%
    }
    #main-nav .menu{
        display:inline-block !important;
        margin:0 auto;
        position:static
    }
    #main-nav .menu li{
        display:inline-block;
        border:none;
        margin-bottom:5px
    }
    #main-nav .menu li a{
        margin:0 17px;
        display:inline;
        color:#000;
        background:none;
        font-size:12px;
        font-size:1.2rem;
        line-height:16px;
        line-height:1.6rem
    }
    .no-touch #main-header a:hover{
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        -khtml-opacity:0.6;
        opacity:0.6
    }
}
#main-footer{
    margin-top:15em
}
#main-footer .scroll-up{
    text-align:center;
    margin-bottom:10%
}
.mobile-social{
    background-color:#000;
    text-align:center;
    padding:7.5% 0
}
.mobile-social a{
    display:inline-block;
    margin:0 15px;
    color:#fff
}
#mc_embed_signup{
    margin-top:27px
}
#mc_embed_signup p{
    margin-bottom:0.5em
}
#mc_embed_signup input:active,#mc_embed_signup input:focus{
    outline:none
}
.mc-field-group input{
    border:1px solid #000;
    padding:8px 15px;
    font-family:'Lato',sans-serif;
    font-weight:300
}
#mc-embedded-subscribe{
    background:#000;
    color:#fff;
    border:none;
    padding:8px 15px;
    font-family:'Montserrat',sans-serif;
    text-transform:uppercase;
    margin-top:0.4em
}
.no-touch #main-footer .scroll-up:hover{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter:alpha(opacity=60);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8
}
.no-touch #mc-embedded-subscribe:hover{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter:alpha(opacity=60);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8
}
@media screen and (max-width:1200px){
    #main-footer{
        margin-top:10em
    }
    #main-footer .grid>li,#main-footer .grid>div{
        width:100%;
        float:none
    }
    #main-footer .grid>div:nth-child(1) .padded-wrap{
        padding-top:7.5%;
        padding-bottom:5%
    }
    #main-footer .grid>div:nth-child(2) .padded-wrap{
        padding:0
    }
    #main-footer .grid>div:nth-child(3),#main-footer .grid>div:nth-child(4){
        display:none
    }
    #main-footer .menu{
        text-align:center
    }
    #main-footer .menu li{
        display:block;
        border-bottom:1px solid #000
    }
    #main-footer .menu li a{
        display:block;
        background:#0e162e;
        color:#fff;
        font-size:12px;
        font-size:1.2rem;
        line-height:54px;
        line-height:5.4rem;
        font-weight:normal
    }
}
@media screen and (min-width:640px){
    #main-footer .scroll-up{
        margin-bottom:5%
    }
}
@media screen and (min-width:1200px){
    #main-footer .scroll-up{
        margin-bottom:2.5%
    }
    #main-footer hr{
        margin:0 3.75%
    }
    .social a{
        margin:0 10px 0 0
    }
    .mobile-social{
        display:none
    }
    .no-touch #main-footer .padded-wrap a:hover{
        text-decoration:underline
    }
    .no-touch #main-footer .padded-wrap .social a:hover{
        text-decoration:none;
        color:#9a9a9a
    }
}
.grid{
    zoom:1
}
.grid:before,.grid:after{
    display:table;
    content:""
}
.grid:after{
    clear:both
}
.grid>li,.grid>div{
    width:100%
}
.grid .padded-wrap{
    padding-top:10%;
    padding-bottom:20%
}
.padded-wrap{
    padding-left:7.5%;
    padding-right:7.5%
}
.no-touch .project-link>a:hover{
    background:#fff
}
.no-touch .project-link>a:hover img{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter:alpha(opacity=60);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8
}
@media screen and (min-width:640px){
    .grid>li,.grid>div{
        width:50%;
        float:left
    }
    .grid>li:nth-child(2n+1),.grid>div:nth-child(2n+1){
        clear:left
    }
}
@media screen and (min-width:1200px){
    .grid>li,.grid>div{
        width:25%
    }
    .grid>li:nth-child(2n+1),.grid>div:nth-child(2n+1){
        clear:none
    }
    .grid>li:nth-child(4n+1),.grid>div:nth-child(4n+1){
        clear:left
    }
    .grid .padded-wrap{
        padding-left:15%;
        padding-right:15%
    }
    .padded-wrap{
        padding-left:3.75%;
        padding-right:3.75%
    }
}
[class^="placeholder"],[class*=" placeholder"]{
    background:#ffffff;
    position:relative;
    display:block;
    overflow:hidden
}
[class^="placeholder"]:before,[class*=" placeholder"]:before{
    content:"";
    display:block
}
[class^="placeholder"]>img,[class*=" placeholder"]>img,[class^="placeholder"]>iframe,[class*=" placeholder"]>iframe,[class^="placeholder"]>a,[class*=" placeholder"]>a{
    position:absolute;
    top:-1px;
    left:0;
    width:102%;
    height:auto
}
.placeholder\:1x2:before{
    padding-top:200%
}
.placeholder\:9x16:before{
    padding-top:177.777%
}
.placeholder\:10x16:before{
    padding-top:160%
}
.placeholder\:2x3:before{
    padding-top:150%
}
.placeholder\:3x4:before{
    padding-top:133.333%
}
.placeholder\:1x1:before{
    padding-top:100%
}
.placeholder\:4x3:before{
    padding-top:75%
}
.placeholder\:3x2:before{
    padding-top:66.66%
}
.placeholder\:16x10:before{
    padding-top:62.5%
}
.placeholder\:16x9:before{
    padding-top:56.2%
}
.placeholder\:2x1:before{
    padding-top:50%
}
.tag-selector-wrap{
    display:inline-block;
    font-size:12px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem;
    float:right
}
.tag-selector-list{
    width:100%;
    display:none;
    color:#fff;
    font-size:12px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem;
    float:right;
    clear:right
}
.tag-selector-list ul{
    border-top:1px solid #fff
}
.tag-selector-list ul li{
    border-bottom:1px solid #fff
}
.tag-selector-list ul li a{
    display:block;
    padding:0 10px;
    color:inherit;
    font-size:12px;
    font-size:1.2rem;
    line-height:36px;
    line-height:3.6rem
}
.tag-selector{
    display:none
}
.tag-selector .icon-drop-down{
    margin-left:30px
}
.tag-selector span:first-child{
    display:none;
    margin-left:10px
}
.tags-open .tag-selector .icon-drop-down:before{
    content:"\e611"
}
.titles-black .tag-selector-list{
    color:#000
}
.titles-black .tag-selector-list ul{
    border-top:1px solid #000
}
.titles-black .tag-selector-list ul li{
    border-bottom:1px solid #000
}
@media all and (min-width:640px){
    .tag-selector{
        display:block
    }
    .tag-selector span:first-child{
        display:inline
    }
}
@media all and (min-width:1200px){
    .tag-selector-list{
        position:relative;
        top:1em
    }
    .tag-selector .icon-drop-down:before{
        font-size:36px;
        font-size:3.6rem;
        line-height:0px;
        line-height:0rem
    }
}
.title-box{
    width:100%;
    margin:5% auto;
    text-align:center
}
.title-box h2,.title-box h4{
    margin:0
}
.title-box>div{
    padding:10% 0
}
.title-box>div h4:first-child{
    margin-top:10%
}
.box-header{
    background:#0e162e;
    padding-top:17%
}
.box-header .title-box{
    color:#fff;
    border-color:#fff;
    margin:0 auto
}
.map-header{
    padding-top:75%;
    position:relative;
    overflow:hidden
}
.map-header #map{
    position:absolute;
    top:0;
    right:0;
    bottom:-25px;
    left:0
}
.free-header{
    text-align:center;
    background:#0e162e;
    overflow:hidden;
    color:#fff;
    padding-top:12em
}
.free-header h5,.free-header h3{
    margin-bottom:4em
}
.titles-black+main .free-header{
    background:#fff;
    color:#000
}
.fab-pages-details .free-header h2{
    margin-bottom:1em
}
.cover-image-wrap{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    text-align:center;
    color:#fff;
    margin-bottom:10%
}
.cover-image-wrap:before{
    padding-top:100%;
    content:"";
    display:block
}
.cover-image-wrap .cover-image{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.cover-image-wrap .cover-image .icon-logo:before{
    margin-top:-0.5em
}
.cover-image-wrap .cover-image:before{
    height:50%;
    content:"";
    display:block
}
.titles-black+main .cover-image-wrap{
    color:#000
}
@media screen and (max-width:600px){
    .title-box{
        background-size:contain!important;
        min-height:250px;
    }
}
@media screen and (min-width:640px){
    .title-box{
        width:50%;
        position:relative;
        border:1px solid #000;
        z-index:2
    }
    .title-box h2,.title-box h5{
        position:absolute;
        bottom:10%;
        display:block;
        right:0;
        left:0
    }
    .title-box:before{
        display:block;
        padding-top:100%;
        content:""
    }
    .title-box>div{
        position:absolute;
        top:0;
        right:0;
        left:0;
        bottom:0
    }
    .map-header{
        padding-top:50%
    }
    .box-header .title-box{
        margin-bottom:-15%
    }
}
@media screen and (min-width:1200px){
    .map-header{
        padding-top:25%
    }
    .title-box{
        width:25%
    }
    .box-header .title-box{
        margin-bottom:-7.5%
    }
    .cover-image-wrap{
        margin-bottom:5%
    }
}
@media screen and (min-width:800px){
    .cover-image-wrap:before{
        padding-top:50%
    }
}
@media screen and (max-height:960px) and (max-width:1150px){
    .cover-image h2{
        font-size:24px;
        font-size:2.4rem;
        line-height:24px;
        line-height:2.4rem
    }
}
.pager{
    border-top:1px solid #000;
    text-align:center;
    padding-top:2em;
    padding-bottom:2em;
    font-family:'Montserrat',sans-serif;
    text-transform:uppercase
}
.pager a{
    display:inline-block
}
.no-touch .pager a:hover{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter:alpha(opacity=60);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8
}
@media screen and (min-width:1200px){
    .pager{
        margin:0 3.75%
    }
}
.project-link h3{
    margin-bottom:0
}
.project-link p{
    margin-top:1.3em;
    margin-bottom:0
}
.description-text{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 3.75%
}
.spacer{
    margin-bottom:10%
}
.email-link{
    text-align:center;
    font-size:12px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem;
    font-family:'Montserrat',sans-serif;
    text-transform:uppercase
}
.email-link .icon-email:before{
    display:block;
    margin:1em 0 0.8em
}
.project-details-page .free-header h2{
    margin-bottom:0.3em
}
.project-details-page .free-header .description-text p{
    font-family:'GFS Didot',serif;
    font-size:26px;
    font-size:2.6rem;
    line-height:34px;
    line-height:3.4rem;
    margin-bottom:1.6em;
    text-transform:uppercase
}
.project-media{
    margin-bottom:10%
}
.project-embeds{
    max-width:960px;
    margin:0 auto 10%
}
.project-images a:hover{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter:alpha(opacity=60);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8
}
.project-details-page{
    margin-bottom:5%
}
.share{
    text-align:center;
    margin:3em 0 6em
}
.share a{
    display:none
}
.share [class^="icon-"],.share [class*=" icon-"]{
    display:inline-block;
    margin:0 0.6em
}
.director-detail-page .pager a{
    display:inline-block;
    margin-left:1em;
    margin-right:1em;
    color:#000
}
.director-detail-page .pager a:hover{
    color:#9a9a9a
}
.director-detail-page .pager a.active{
    color:#cdcdcd
}
.director-detail-page #archive{
    display:none
}
@media screen and (min-width:640px){
    .description-text{
        width:50%;
        margin:0 auto
    }
    .latest-projects-list .title-box{
        margin-bottom:-20%
    }
}
@media screen and (min-width:1200px){
    .description-text{
        width:25%
    }
    .latest-projects-list .title-box{
        margin-bottom:-10%
    }
}
@media screen and (min-width:1920px) and (min-height:1080px){
    .project-embeds{
        max-width:1500px
    }
}
.post-list{
    margin-bottom:5%;
    opacity:0;
    -moz-transition:opacity 500ms ease;
    -o-transition:opacity 500ms ease;
    -webkit-transition:opacity 500ms ease;
    transition:opacity 500ms ease
}
.post-list.loaded{
    opacity:1
}
.post-list li{
    width:100%;
    background:#fff
}
.post-list li img{
    width:100%;
    height:auto;
    vertical-align:bottom
}
.post-list li a:hover{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter:alpha(opacity=60);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8
}
@media screen and (min-width:640px){
    .post-list li{
        width:50%
    }
}
@media screen and (min-width:1200px){
    .post-list li{
        width:33.3333333333333333%
    }
}
@media screen and (min-width:1920px){
    .post-list li{
        width:25%
    }
}
.the-lodge-page #fullscreen-wrapper{
    margin-bottom:0
}
.lodge-link{
    display:block;
    overflow:hidden;
    background:#fff;
    color:#000
}
.text-box hr{
    margin:3em 0 2.5em;
    border-color:#000
}
.padder{
    position:relative;
    padding:15%
}
.padder:before{
    display:block;
    font-size:56px;
    font-size:5.6rem;
    line-height:50px;
    line-height:5rem;
    font-family:'CampDavid';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\e61a";
    position:absolute;
    top:-1em;
    left:0;
    color:#000;
    background-color:#fff;
    width:1em;
    height:1em
}
#fullscreen-wrapper+.text-box .padder:before{
    background:#000;
    color:#fff
}
#fullscreen-wrapper+.text-box hr{
    border-color:#fff
}
.desktop-only{
    display:none
}
.black-wrap{
    background:#000;
    color:#fff
}
.lodge-list li:nth-child(odd) .lodge-link{
    background:#000;
    color:#fff
}
.lodge-list li:nth-child(odd) .lodge-link hr{
    border-color:#fff
}
.lodge-list li:nth-child(odd) .padder:before{
    background:#000;
    color:#fff
}
.paging{
    text-transform:uppercase;
    background:#0e162e;
    color:#fff;
    font-family:'Montserrat',sans-serif
}
.paging span{
    display:block;
    margin-top:4em
}
.paging>div{
    padding:15%
}
.no-touch .lodge-link:hover .image-box,.no-touch .lodge-link:hover .desktop-only{
    background:#fff
}
.no-touch .lodge-link:hover img{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter:alpha(opacity=60);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8
}
@media all and (min-width:640px){
    .text-box{
        float:left
    }
    .text-box .padder{
        padding:7.5%
    }
    #fullscreen-wrapper+.text-box{
        float:none
    }
    .image-box{
        float:left
    }
    .black-wrap{
        zoom:1
    }
    .black-wrap:before,.black-wrap:after{
        display:table;
        content:""
    }
    .black-wrap:after{
        clear:both
    }
    .lodge-link{
        width:100%
    }
    .lodge-link .image-box,.lodge-link .text-box{
        width:50%;
        display:inline-block
    }
    .lodge-link .padder{
        padding:15%
    }
    .lodge-link .padder:before{
        content:"\e619";
        margin:0;
        position:absolute;
        top:0;
        left:-1em
    }
    .lodge-list li:nth-child(odd) .text-box{
        float:left
    }
    .lodge-list li:nth-child(odd) .padder:before{
        content:"\e618";
        left:auto;
        right:-1em
    }
    .lodge-list li:nth-child(odd) .image-box{
        float:right
    }
    .paging>div{
        padding:7.5%
    }
}
@media all and (min-width:1200px){
    .desktop-only{
        display:block
    }
    .black-wrap .lodge-link{
        float:left;
        width:75%
    }
    .black-wrap .lodge-link .image-box{
        display:none
    }
    .black-wrap .lodge-link .text-box{
        width:33.333333333%
    }
    .black-wrap .lodge-link .desktop-only{
        width:66.666666667%;
        display:inline-block;
        float:left
    }
    #fullscreen-wrapper+.text-box{
        width:25%;
        float:left
    }
    #fullscreen-wrapper+.text-box .padder{
        padding:15%
    }
    .subtitle{
        background:#0e162e;
        color:#fff;
        float:left;
        width:75%
    }
    .subtitle>div{
        padding:5%
    }
    .lodge-link .text-box{
        position:relative
    }
    .lodge-link .text-box:before{
        padding-top:100%;
        display:block;
        content:""
    }
    .lodge-link .text-box .padder{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0
    }
    .lodge-list{
        zoom:1
    }
    .lodge-list.has-paging{
        background:#0e162e
    }
    .lodge-list:before,.lodge-list:after{
        display:table;
        content:""
    }
    .lodge-list:after{
        clear:both
    }
    .lodge-list li{
        float:left;
        width:50%
    }
    .lodge-list li:first-child{
        width:75%
    }
    .lodge-list li:first-child .image-box{
        display:none
    }
    .lodge-list li:first-child .text-box{
        width:33.333333333%
    }
    .lodge-list li:first-child .text-box .padder:before{
        content:"\e619";
        left:-1em;
        right:auto
    }
    .lodge-list li:first-child .desktop-only{
        width:66.666666667%;
        display:inline-block;
        float:left
    }
    .lodge-list li:nth-child(2){
        width:25%
    }
    .lodge-list li:nth-child(2) .text-box{
        width:100%
    }
    .lodge-list li:nth-child(2) .text-box .padder:before{
        top:-1em;
        left:0;
        content:"\e61a"
    }
    .lodge-list li:nth-child(2) .image-box{
        width:100%
    }
    .lodge-list li:nth-child(3){
        margin-top:-25%
    }
    .lodge-list li:nth-child(3) .image-box,.lodge-list li:nth-child(3) .text-box{
        float:left
    }
    .lodge-list li:nth-child(3) .padder:before{
        right:auto;
        left:-1em;
        content:"\e619"
    }
    .lodge-list li:nth-child(4) .image-box{
        float:right
    }
    .lodge-list li:nth-child(4) .text-box{
        float:left
    }
    .lodge-list li:nth-child(4) .padder:before{
        right:-1em;
        left:auto;
        content:"\e618"
    }
    .lodge-list li:nth-child(5){
        margin-top:-25%;
        width:25%
    }
    .lodge-list li:nth-child(5) .image-box,.lodge-list li:nth-child(5) .text-box{
        width:100%
    }
    .lodge-list li:nth-child(5) .padder:before{
        top:-1em;
        left:0;
        right:auto;
        content:"\e61a"
    }
    .lodge-list li:nth-child(6){
        width:25%
    }
    .lodge-list li:nth-child(6) .image-box,.lodge-list li:nth-child(6) .text-box{
        width:100%
    }
    .lodge-list li:nth-child(6) .padder:before{
        top:-1em;
        left:0;
        right:auto;
        content:"\e61a"
    }
    .lodge-list li:nth-child(7){
        margin-top:-25%;
        width:25%
    }
    .lodge-list li:nth-child(7) .image-box,.lodge-list li:nth-child(7) .text-box{
        width:100%
    }
    .lodge-list li:nth-child(7) .padder:before{
        top:-1em;
        left:0;
        right:auto;
        content:"\e61a"
    }
    .lodge-list li:nth-child(8){
        margin-top:-25%
    }
    .lodge-list li:nth-child(8) .lodge-link{
        background:#000;
        color:#fff
    }
    .lodge-list li:nth-child(8) .lodge-link hr{
        border-color:#fff
    }
    .lodge-list li:nth-child(8) .padder:before{
        color:#fff;
        background-color:#000;
        content:"\e618";
        left:auto;
        right:-1em
    }
    .lodge-list li:nth-child(8) .image-box{
        float:right
    }
    .lodge-list li:nth-child(8) .text-box{
        float:left
    }
    .lodge-list li:nth-child(9) .lodge-link{
        background:#fff;
        color:#000
    }
    .lodge-list li:nth-child(9) .lodge-link hr{
        border-color:#000
    }
    .lodge-list li:nth-child(9) .padder:before{
        color:#fff;
        content:"\e619";
        left:-1em;
        right:auto
    }
    .lodge-list li:nth-child(9) .image-box,.lodge-list li:nth-child(9) .text-box{
        float:left
    }
    .lodge-list li:nth-child(10){
        width:25%
    }
    .lodge-list li:nth-child(10) .lodge-link{
        color:#fff;
        background:#000
    }
    .lodge-list li:nth-child(10) .lodge-link hr{
        border-color:#fff
    }
    .lodge-list li:nth-child(10) .image-box,.lodge-list li:nth-child(10) .text-box{
        width:100%
    }
    .lodge-list li:nth-child(10) .padder:before{
        top:-1em;
        left:0;
        right:auto;
        content:"\e61a";
        background:#000;
        color:#fff
    }
    .paging{
        width:75%;
        float:left;
        margin-top:-25%
    }
}
#fullscreen-wrapper{
    height:0;
    overflow:hidden;
    margin-bottom:10%;
    color:#fff
}
#fullscreen-wrapper .scroll-down{
    position:absolute;
    bottom:0;
    text-align:center;
    width:100%;
    z-index:105;
    margin-bottom:10%
}
#fullscreen-wrapper .cover-image{
    height:100%;
    width:100%;
    display:block;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    background-color:#0e162e;
    text-align:center
}
#fullscreen-wrapper .cover-image h2,#fullscreen-wrapper .cover-image h3{
    margin-right:5%;
    margin-left:5%
}
#fullscreen-wrapper .cover-image h2{
    margin-bottom:0.3em
}
#fullscreen-wrapper .cover-image .icon-logo{
    margin-top:8em;
    display:inline-block
}
#fullscreen-wrapper .cover-image .description-text p{
    font-family:'GFS Didot',serif;
    font-size:26px;
    font-size:2.6rem;
    line-height:34px;
    line-height:3.4rem;
    margin-bottom:1.6em;
    text-transform:uppercase
}
#fullscreen-wrapper .cover-image .filler{
    display:block;
    width:100%;
    height:100%
}
.titles-black+main #fullscreen-wrapper{
    color:#000
}
.slideshow{
    height:100%;
    width:100%
}
.no-touch .scroll-down:hover{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter:alpha(opacity=60);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8
}
@media screen and (min-width:640px){
    #fullscreen-wrapper .scroll-down{
        margin-bottom:5%
    }
}
@media screen and (min-width:1200px){
    #fullscreen-wrapper{
        margin-bottom:5%
    }
    #fullscreen-wrapper .scroll-down{
        margin-bottom:2.5%
    }
}
@media screen and (max-height:960px) and (max-width:1150px){
    #fullscreen-wrapper .scroll-down{
        margin-bottom:2.5%
    }
}
.mfp-bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#000;
    opacity:0.9;
    filter:alpha(opacity=90)
}
.mfp-wrap{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1043;
    position:fixed;
    outline:none !important;
    -webkit-backface-visibility:hidden
}
.mfp-container{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.mfp-container:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.mfp-align-top .mfp-container:before{
    display:none
}
.mfp-content{
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:-moz-zoom-out;
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure{
    display:none
}
.mfp-hide{
    display:none !important
}
.mfp-preloader{
    color:#000;
    font-family:'Lato',sans-serif;
    font-weight:normal;
    font-size:12px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-1em;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#000
}
.mfp-preloader a:hover{
    color:white
}
.mfp-s-ready .mfp-preloader{
    display:none
}
.mfp-s-error .mfp-content{
    display:none
}
button.mfp-close,button.mfp-arrow{
    overflow:visible;
    cursor:pointer;
    background:transparent;
    border:0;
    -webkit-appearance:none;
    outline:none;
    padding:2px;
    z-index:1046;
    box-shadow:none;
    color:#fff
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    position:absolute;
    right:1em;
    top:1em;
    text-decoration:none;
    text-align:center;
    color:#fff
}
.mfp-close:hover,.mfp-close:focus{
    opacity:1;
    filter:alpha(opacity=100)
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#000;
    font-size:12px;
    line-height:18px
}
.mfp-arrow{
    position:absolute;
    top:50%;
    margin-top:-1.8em
}
.mfp-arrow.icon-left{
    left:1em
}
.mfp-arrow.icon-right{
    right:1em
}
.mfp-arrow:hover{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter:alpha(opacity=60);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8
}
img.mfp-img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:40px 0;
    margin:0 auto
}
.mfp-bottom-bar{
    position:absolute;
    bottom:3em;
    left:3em;
    width:100%;
    cursor:auto;
    margin-bottom:40px;
    font-family:'Lato',sans-serif
}
.mfp-bottom-bar time{
    font-style:normal;
    font-weight:300
}
.mfp-title{
    text-align:left;
    color:#fff;
    -ms-word-wrap:break-word;
    word-wrap:break-word
}
.mfp-image-holder .mfp-content{
    max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer;
    position:relative
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure:after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0,0,0,0.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,0.6);
        position:fixed;
        text-align:center;
        padding:0
    }
}
@media all and (max-width:900px){
    .mfp-arrow{
        -webkit-transform:scale(0.75);
        transform:scale(0.75)
    }
    .mfp-arrow-left{
        -webkit-transform-origin:0;
        transform-origin:0
    }
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        transform-origin:100%
    }
    .mfp-container{
        padding-left:6px;
        padding-right:6px
    }
}
.mfp-ie7 .mfp-img{
    padding:0
}
.mfp-ie7 .mfp-bottom-bar{
    width:600px;
    left:50%;
    margin-left:-300px;
    margin-top:5px;
    padding-bottom:5px
}
.mfp-ie7 .mfp-container{
    padding:0
}
.mfp-ie7 .mfp-content{
    padding-top:44px
}
.mfp-ie7 .mfp-close{
    top:0;
    right:0;
    padding-top:0
}
.fabrik-tag{
    display:none
}