#lang-list::after,footer .contact::after{
    content:"";
    display:table;
    width:100%
}
@font-face{
    font-family:photo;
    font-display:swap;
    src:url(photo.eot);
    src:url(photo.eot?#iefix) format("embedded-opentype"),url(photo.woff) format("woff"),url(photo.ttf) format("truetype"),url(photo.svg#photo) format("svg");
    font-weight:400;
    font-style:normal
}
[class*=" photo-"]:before,[class^=photo-]:before,[data-icon]:before{
    font-family:photo;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    speak:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
[data-icon]:before{
    content:attr(data-icon)
}
.photo-aperture:before{
    content:"a"
}
.photo-camera:before{
    content:"b"
}
.photo-exposure:before{
    content:"c"
}
.photo-focal-length:before{
    content:"d"
}
.photo-left-open-mini:before{
    content:"l"
}
.photo-right-open-mini:before{
    content:"m"
}
.photo-email-mail-streamline:before{
    content:"o"
}
.photo-telephone:before{
    content:"n"
}
.photo-mail:before{
    content:"p"
}
.photo-lens:before{
    content:"f"
}
.photo-iso:before{
    content:"e"
}
.photo-toll:before{
    content:"h"
}
.photo-tollbox:before{
    content:"r"
}
.photo-behance:before{
    content:"g"
}
.photo-dribbble:before{
    content:"i"
}
.photo-facebook:before{
    content:"j"
}
.photo-twitter:before{
    content:"k"
}
.photo-pinterest:before{
    content:"q"
}
.photo-instagrem:before{
    content:"s"
}
.photo-linkedin:before{
    content:"t"
}
.photo-info:before{
    content:"v"
}
.photo-swipe:before{
    content:"w"
}
.photo-arrows:before{
    content:"u"
}
.photo-pinch:before{
    content:"x"
}
.photo-grab:before{
    content:"u"
}
.photo-envelope:before{
    content:"y"
}
.photo-phone:before{
    content:"z"
}
.photo-network:before{
    content:"A"
}
.photo-eye:before{
    content:"B"
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    outline:0
}
body{
    background:#0d0d0d;
    overflow:hidden;
    font-family:KoHo,sans-serif;
    font-size:16px;
    line-height:1.7;
    color:#fff;
    touch-action:manipulation;
    min-height:100%
}
body.about,body.gallery{
    overflow-y:visible
}
.dark{
    color:#888
}
.small{
    font-size:13px
}
a{
    color:#fff;
    text-decoration:none;
    -webkit-tap-highlight-color:rgba(255,255,255,.1)
}
a.active,a:hover{
    color:#fff
}
h1,h2,h3{
    font-size:12vw;
    font-family:"PT Serif",serif
}
h3{
    font-size:1.2em
}
h3.bigger{
    font-size:1.3em
}
ul{
    list-style:none
}
::selection{
    background:#333;
    color:#fff
}
::-moz-selection{
    background:#333;
    color:#fff
}
.text-justify{
    text-align:justify
}
.text-mask{
    position:relative;
    overflow:hidden;
    line-height:1.3
}
#details-big .slide-content,#fluidbox .modal,#fluidbox img,#galleries{
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.btn{
    position:relative;
    display:inline-block;
    text-transform:uppercase;
    overflow:hidden;
    padding:7px 15px;
    vertical-align:bottom;
    background:#1a1a1a
}
.btn.black{
    background:#0d0d0d
}
.btn.black:hover{
    background:#121212
}
#message{
    position:relative;
    z-index:100;
    display:flex;
    width:100%;
    height:100vh;
    align-items:center;
    text-align:center;
    justify-content:center;
    color:#777
}
#message .icon{
    width:220px;
    height:220px;
    background:#fff;
    border-radius:50%;
    color:#000;
    margin:0 auto 20px
}
#message .icon i::before{
    vertical-align:15px
}
#curtain{
    position:fixed;
    left:22%;
    right:22%;
    top:50%;
    z-index:31;
    height:0;
    display:flex;
    justify-content:space-between
}
#curtain .slice{
    width:1px;
    height:5px;
    background:#c2c2c2;
    transform:translateY(-50%);
    -webkit-animation:.4s infinite alternate curtainloader;
    animation:.4s infinite alternate curtainloader;
    opacity:.2
}
#curtain .slice:nth-child(2n){
    -webkit-animation-delay:.13s;
    animation-delay:.13s
}
#curtain .slice:nth-child(3){
    -webkit-animation-delay:.26s;
    animation-delay:.26s
}
body.loaded #curtain .slice{
    opacity:0
}
@-webkit-keyframes curtainloader{
    0%{
        height:5px;
        transform:translateY(-50%)
    }
    100%{
        height:20px;
        transform:translateY(-50%)
    }
}
@keyframes curtainloader{
    0%{
        height:5px;
        transform:translateY(-50%)
    }
    100%{
        height:20px;
        transform:translateY(-50%)
    }
}
footer,header{
    position:fixed;
    left:0;
    right:0;
    opacity:0;
    transition:opacity .5s ease-out,transform .5s ease-out
}
body.loaded footer,body.loaded header{
    opacity:1;
    transform:translate3d(0,0,0)
}
header{
    top:12px;
    height:0;
    padding:0 16px;
    line-height:30px;
    font-weight:700;
    z-index:80;
    transform:translate3d(0,-50px,0)
}
footer{
    bottom:0;
    z-index:30;
    background:#0d0d0d;
    transform:translate3d(0,50px,0)
}
footer .contact{
    padding:14px 18px
}
footer .contact>a{
    width:36px;
    height:36px;
    line-height:40px;
    border:1px dashed rgba(255,255,255,.5);
    border-radius:50%;
    float:left;
    display:inline-block;
    text-align:center;
    margin-right:10px;
    font-size:1.3em
}
footer .contact>a span{
    display:none
}
footer .social{
    float:right;
    list-style:none;
    text-transform:uppercase
}
footer .social li{
    display:inline-block;
    padding-left:8px
}
footer .social li a{
    margin-left:3px;
    padding:2px 5px;
    line-height:34px
}
footer .social a::before{
    vertical-align:-2px
}
footer,nav#helpers{
    transition:transform .3s
}
body.gallery footer.hidden,body.gallery nav#helpers.hidden{
    transform:translate3d(0,100%,0)
}
#wrapper::before{
    content:"";
    position:fixed;
    z-index:2;
    left:0;
    top:0;
    width:100%;
    height:17%;
    background:linear-gradient(to bottom,#0d0d0d 5%,rgba(13,13,13,0) 100%)
}
body.about #wrapper::before{
    background:linear-gradient(to bottom,#121212 5%,rgba(18,18,18,0) 100%)
}
nav#helpers{
    float:right
}
nav#helpers ul>li{
    float:left;
    display:inline-block
}
nav#helpers ul>li:last-child{
    margin-left:32px
}
#lang-list{
    position:relative;
    font-size:16px;
    font-weight:300
}
#lang-list::before{
    content:"";
    position:absolute;
    left:100%;
    margin-left:8px;
    top:50%;
    display:block;
    width:16px;
    height:1px;
    background:#777
}
#lang-list a{
    padding:0!important
}
#lang-list .loader{
    opacity:0;
    margin-left:-5px!important
}
#lang-list.translating li.active a{
    opacity:0
}
#lang-list.translating .loader{
    opacity:1
}
#lang-list>li{
    float:right!important;
    margin:0 0 0 8px!important;
    text-transform:uppercase;
    opacity:0;
    visibility:hidden;
    width:18px;
    text-align:center
}
#lang-list>li.active{
    opacity:1!important;
    visibility:visible
}
#lang-list>li:first-child{
    position:relative;
    z-index:2
}
#lang-list>li:not(:first-child){
    transition:transform .15s ease 0s,opacity .15s ease 0s,visibility .32s;
    transform:translateX(16px)
}
#lang-list>li:nth-child(2){
    transition-delay:80ms
}
#lang-list>li:nth-child(3){
    transition-delay:.16s
}
#lang-list>li:nth-child(4){
    transition-delay:.24s
}
#lang-list>li:nth-child(5){
    transition-delay:.32s
}
#lang-list span{
    display:inline-block
}
#lang-list.visible li{
    transform:translateX(0);
    visibility:visible!important;
    opacity:.7
}
.content{
    padding:0 20px
}
.logo img{
    display:block;
    float:left;
    height:40px;
    margin-right:15px
}
.overlay{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#0d0d0d;
    z-index:-1;
    visibility:hidden;
    opacity:0;
    transition:opacity .3s ease,visibility 0s linear .3s
}
.overlay.visible{
    visibility:visible;
    opacity:1;
    transition-delay:0s
}
.cursor-overlay{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-10
}
#details-big .image.loading::after,#details-big .img-crop.added::after,#lang-list .loader{
    position:absolute;
    top:50%;
    left:50%;
    z-index:6;
    width:20px;
    height:20px;
    display:block;
    border:.2em solid transparent;
    border-left-color:rgba(255,255,255,.5);
    border-right-color:rgba(255,255,255,.5);
    border-radius:50%;
    margin:-10px;
    -webkit-animation:1s linear infinite loader;
    animation:1s linear infinite loader
}
#cookie-policy{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    max-width:850px;
    background:#1a1a1a;
    z-index:150;
    padding:15px;
    color:#bbb;
    display:none
}
#cookie-policy p{
    float:left;
    margin-bottom:10px
}
#cookie-policy a{
    float:right
}
#cookie-policy.visible{
    display:block
}
@-webkit-keyframes loader{
    0%{
        transform:rotate3d(0,0,0,0deg)
    }
    100%{
        transform:rotate3d(0,0,1,360deg)
    }
}
@keyframes loader{
    0%{
        transform:rotate3d(0,0,0,0deg)
    }
    100%{
        transform:rotate3d(0,0,1,360deg)
    }
}
@-webkit-keyframes headerShow{
    0%{
        transform:translate3d(0,-110%,0)
    }
    100%{
        transform:translate3d(0,0,0)
    }
}
@keyframes headerShow{
    0%{
        transform:translate3d(0,-110%,0)
    }
    100%{
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes headerHide{
    0%{
        transform:translate3d(0,0,0)
    }
    100%{
        transform:translate3d(0,100%,0)
    }
}
@keyframes headerHide{
    0%{
        transform:translate3d(0,0,0)
    }
    100%{
        transform:translate3d(0,100%,0)
    }
}
@-webkit-keyframes scroll{
    0%{
        transform:translate3d(0,0,0)
    }
    100%,50%{
        transform:translate3d(201%,0,0)
    }
}
@keyframes scroll{
    0%{
        transform:translate3d(0,0,0)
    }
    100%,50%{
        transform:translate3d(201%,0,0)
    }
}
@-webkit-keyframes scrollVertical{
    0%{
        transform:translate3d(0,0,0)
    }
    100%{
        transform:translate3d(0,400%,0)
    }
}
@keyframes scrollVertical{
    0%{
        transform:translate3d(0,0,0)
    }
    100%{
        transform:translate3d(0,400%,0)
    }
}
@-webkit-keyframes maskToggle{
    0%{
        transform:translate3d(0,-101%,0)
    }
    100%{
        transform:translate3d(0,101%,0)
    }
}
@keyframes maskToggle{
    0%{
        transform:translate3d(0,-101%,0)
    }
    100%{
        transform:translate3d(0,101%,0)
    }
}
#menu{
    position:relative;
    float:right;
    white-space:nowrap
}
#menu .labels{
    display:inline-block;
    padding-right:6px;
    height:30px;
    overflow:hidden;
    text-align:right
}
#menu .labels span{
    display:block;
    transition:transform .2s ease-out;
    will-change:transform
}
#menu.active .labels span{
    transform:translate3d(0,-100%,0)
}
.hamburger{
    position:relative;
    width:18px;
    height:14px;
    vertical-align:8px;
    display:inline-block
}
.hamburger span{
    display:block;
    position:absolute;
    height:1.3px;
    width:18px;
    background:#fff;
    opacity:1;
    right:0;
    transition:transform .3s;
    transform:rotate(0)
}
.hamburger span:nth-child(1){
    margin-top:0
}
.hamburger span:nth-child(2){
    margin-top:6px;
    width:12.96px;
    right:-2px
}
.hamburger span:nth-child(3){
    margin-top:12px
}
#menu.active .hamburger span:nth-child(2){
    transform:translateX(0) scaleX(.6)
}
#menu.active .hamburger span:nth-child(1){
    transform:translate3d(-1px,2px,0) rotate(-28deg)
}
#menu.active .hamburger span:nth-child(3){
    transform:translate3d(-1px,-2px,0) rotate(28deg)
}
.masks{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:0;
    z-index:26
}
.masks div{
    position:absolute;
    left:0;
    top:0;
    right:0;
    background:#1a1a1a;
    z-index:3;
    height:150vh;
    transform:translate3d(0,-110%,0)
}
body.about .masks div:first-child{
    -webkit-animation:1.3s ease-out .4s maskToggle;
    animation:1.3s ease-out .4s maskToggle
}
body.deactivating .masks div:last-child{
    -webkit-animation:1.3s ease-out .1s maskToggle;
    animation:1.3s ease-out .1s maskToggle
}
body.deactivating .masks div:first-child,body.deactivating .masks div:last-child{
    transition-delay:0s
}
#about{
    position:relative;
    height:100vh;
    width:100%;
    overflow:hidden;
    line-height:2
}
#about::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:99vh;
    background:#121212;
    z-index:-1
}
#about .about-inner{
    position:relative;
    overflow:hidden;
    width:100%;
    margin:0 auto;
    padding:13vh 10% 60px
}
#about .inner-content,#about::before{
    visibility:hidden;
    transition:visibility 0s linear .4s
}
body.about #about .inner-content,body.about #about::before{
    visibility:visible;
    transition-delay:.8s
}
#about .profil-image{
    margin-bottom:50px
}
#about .profil-image img{
    display:block;
    width:100%
}
#about .bio{
    color:#999;
    text-align:justify
}
#about .bio p{
    padding-bottom:30px
}
#about .bio p:last-child{
    padding-bottom:0
}
#about .intro{
    font-size:1.25em;
    font-weight:700;
    font-family:"PT Serif",serif;
    margin-bottom:30px
}
#about .photographer-data{
    position:relative;
    opacity:0;
    transition:transform 1.3s .5s,opacity .8s .8s;
    transform:translateY(-6%)
}
body.about #about .photographer-data{
    opacity:1;
    transform:translateY(0)
}
body.deactivating #about .photographer-data{
    transition-delay:0s;
    transform:translateY(4%)
}
#about section{
    position:relative;
    margin-bottom:80px
}
#about section .date,#about section .desc{
    text-align:justify;
    color:#999
}
#about .header{
    position:relative;
    font-family:KoHo,sans-serif;
    text-transform:uppercase;
    margin-bottom:24px;
    padding:9px 0 12px 22px;
    line-height:1;
    font-size:1.5em;
    font-weight:700
}
#about .header::before{
    content:"";
    position:absolute;
    left:0;
    bottom:48%;
    display:block;
    width:15px;
    height:3px;
    background:#3b3b3b
}
#about .header::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    z-index:-1;
    display:block;
    width:20%;
    height:48%;
    background:#121212;
    border:1px solid #3b3b3b;
    border-width:0 0 3px 3px
}
#about .experience .list-container{
    position:relative;
    margin:60px 0 0;
    padding-left:20px;
    border-left:3px solid #3b3b3b
}
#about .experience .list-row{
    position:relative;
    margin-bottom:60px
}
#about .experience .list-row:last-child{
    margin:0
}
#about .experience .date{
    position:absolute;
    left:0;
    top:-30px;
    white-space:nowrap
}
#about .experience .list-row::before{
    content:"";
    position:absolute;
    top:12px;
    left:-23px;
    display:block;
    width:7px;
    height:7px;
    background:#121212;
    border:3px solid #3b3b3b;
    border-width:3px 3px 3px 0
}
#about .experience input,#about .experience textarea{
    display:block;
    width:100%;
    background:0 0;
    border:1px solid #555;
    border-width:0 0 1px;
    outline:0
}
#about .experience .future-row{
    position:relative
}
#about .experience .future-row input.company{
    font-family:"PT Serif";
    font-size:1.2em;
    color:#fff;
    font-weight:700;
    line-height:1.6;
    margin-bottom:14px;
    padding:5px 0
}
#about .experience .future-row input.company::-webkit-input-placeholder{
    color:#fff;
    opacity:1
}
#about .experience .future-row input.company::-moz-placeholder{
    color:#fff;
    opacity:1
}
#about .experience .future-row input.company:-ms-input-placeholder{
    color:#fff;
    opacity:1
}
#about .experience .future-row input.company::-ms-input-placeholder{
    color:#fff;
    opacity:1
}
#about .experience .future-row input.company::placeholder{
    color:#fff;
    opacity:1
}
#about .experience .future-row .desc{
    font-family:KoHo,sans-serif;
    color:#888;
    height:200px
}
#about .experience .future-row .desc::-webkit-input-placeholder{
    color:#888;
    opacity:1
}
#about .experience .future-row .desc::-moz-placeholder{
    color:#888;
    opacity:1
}
#about .experience .future-row .desc:-ms-input-placeholder{
    color:#888;
    opacity:1
}
#about .experience .future-row .desc::-ms-input-placeholder{
    color:#888;
    opacity:1
}
#about .experience .future-row .desc::placeholder{
    color:#888;
    opacity:1
}
#about .experience .progress{
    display:none
}
#about .galleries .images{
    position:relative;
    margin-top:20px
}
#about .galleries .image-mask{
    position:relative;
    width:88%;
    height:0;
    margin-left:6%;
    padding-bottom:56%
}
#about .galleries .image-mask:not(:first-child){
    position:absolute;
    left:0;
    top:0;
    transform:translateX(-50%) scale3d(.8,.8,1);
    -webkit-filter:blur(1px);
    filter:blur(1px);
    z-index:-1
}
#about .galleries .image-mask:first-child{
    box-shadow:0 0 35px #121212
}
#about .galleries .image-mask:nth-child(3){
    transform:translateX(50%) scale3d(.8,.8,1)
}
#about .galleries a{
    position:absolute;
    left:50%;
    top:50%;
    font-size:130px;
    z-index:2;
    text-shadow:0 5px 0 #000;
    transform:translate3d(-50%,-45%,0)
}
#about .galleries .image{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:50% 50%
}
#about .contact{
    margin-bottom:0
}
#about .contact .helpers{
    position:relative;
    text-transform:uppercase;
    font-weight:600;
    margin-top:15px
}
#about .contact .helpers p{
    margin:0 15px;
    padding:15px 5px;
    background:#121212
}
#about .contact .helpers span:last-child{
    float:right
}
#about .contact .helpers::after{
    content:"";
    position:absolute;
    top:28px;
    left:0;
    width:100%;
    height:30px;
    border:1px solid #555;
    border-width:2px 2px 0;
    z-index:-1
}
#about .contact-panel,#about nav.galleries-menu{
    display:none
}
@media all and (min-width:996px){
    .hamburger{
        vertical-align:7px
    }
    #about h3{
        line-height:1.6
    }
    #about .about-inner{
        width:100%;
        padding:30vh 0 0;
        overflow:hidden
    }
    #about .intro{
        font-size:1.4em;
        text-align:left
    }
    #about .photographer-data{
        padding:0 22%
    }
    #about .profil-image{
        display:none
    }
    #about section{
        width:50%;
        padding:0 25px;
        margin-bottom:140px
    }
    #about .header{
        margin-left:-39px;
        font-size:2em;
        margin-bottom:30px
    }
    #about .header::before{
        height:4px
    }
    #about .header::after{
        border-width:0 0 4px 4px
    }
    #about .experience input.company{
        font-size:1.3em!important
    }
    #about .experience .list-container{
        position:relative;
        padding:0;
        border-left:none
    }
    #about .experience .experience-content{
        position:relative
    }
    #about .experience .list-row{
        margin-bottom:70px
    }
    #about .experience .list-row::before{
        width:8px;
        height:8px;
        left:-29px;
        border-width:4px 0 4px 4px
    }
    #about .experience .list-row.active::before{
        border-color:#fff
    }
    #about .experience .progress{
        display:block;
        position:absolute;
        top:0;
        width:1px;
        background:#333;
        z-index:-1;
        left:-40px;
        max-height:100%
    }
    #about section.galleries{
        display:none
    }
    #about .contact{
        padding-bottom:8%
    }
    #about .contact .helpers{
        display:none
    }
    #about .contact-panel{
        display:block;
        background:#0d0d0d;
        color:#222;
        padding-bottom:45px
    }
    #about .contact-panel .content{
        padding:0
    }
    #about .contact-panel i{
        display:inline-block;
        width:25%;
        text-align:center;
        font-size:100px;
        line-height:1
    }
    #about .contact-panel i:first-child{
        float:left;
        margin-top:-14px
    }
    #about .contact-panel i:last-child{
        float:right;
        margin-top:8px
    }
    #about nav.galleries-menu{
        position:absolute;
        display:block;
        top:0;
        left:50%;
        width:28%;
        z-index:2
    }
    #about nav.galleries-menu .image-mask{
        position:relative;
        overflow:hidden;
        display:block;
        width:43%;
        height:0;
        padding-bottom:50%;
        float:left;
        margin-left:7%;
        transform-origin:100% 50%;
        transition:transform .3s
    }
    #about nav.galleries-menu .image-mask:nth-child(2n){
        margin-top:12%;
        margin-bottom:4%
    }
    #about nav.galleries-menu .image-mask:hover{
        transform:scale3d(1.05,1.05,1)
    }
    #about nav.galleries-menu .image-mask:hover .image.blured{
        opacity:1
    }
    #about nav.galleries-menu .image-mask:hover h3,#about nav.galleries-menu .image-mask:hover span{
        opacity:1;
        transform:translate3d(-50%,-50%,0)
    }
    #about nav.galleries-menu .image-mask:hover span{
        opacity:.4
    }
    #about nav.galleries-menu .image{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-size:cover;
        background-position:50% 50%;
        transform:scale3d(1.05,1.05,1)
    }
    #about nav.galleries-menu .image.blured{
        opacity:0;
        z-index:2;
        -webkit-filter:blur(3px);
        filter:blur(3px);
        transition:opacity .3s
    }
    #about nav.galleries-menu h3,#about nav.galleries-menu span{
        position:absolute;
        left:50%;
        top:50%;
        transform:translate3d(-50%,-70%,0);
        z-index:3;
        font-size:1.7vw;
        transition:opacity .3s,transform .3s;
        opacity:0
    }
    #about nav.galleries-menu span{
        font-size:7vw;
        font-weight:700;
        mix-blend-mode:overlay;
        padding-bottom:5%;
        transform:translate3d(-50%,-47%,0)
    }
}
@media all and (min-width:1300px){
    #about section{
        padding:0 40px;
        margin-bottom:170px
    }
    #about .header{
        margin-left:-54px;
        padding:9px 0 14px 25px
    }
    #about .experience .list-row::before{
        left:-44px;
        width:10px;
        height:10px
    }
    #about .experience input.company{
        font-size:1.4em!important
    }
}
@media all and (min-width:1600px){
    .hamburger{
        vertical-align:6px
    }
    #about .experience .list-row::before{
        left:-45px;
        width:12px;
        height:12px;
        border-width:5px 0 5px 5px
    }
    #about .header{
        margin-bottom:80px
    }
    #about .header::before{
        height:5px
    }
    #about .header::after{
        border-width:0 0 5px 5px
    }
}
@media all and (min-width:2000px){
    .hamburger{
        vertical-align:7px
    }
    #about .experience .list-row::before{
        top:15px
    }
    #about .photographer-data{
        padding:0 26%
    }
    #about nav.galleries-menu{
        width:24%
    }
}
#galleries{
    position:relative;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100vh;
    overflow:hidden
}
#galleries .slider-bounds{
    position:relative;
    top:20%;
    height:60%
}
#galleries .bounds-inner{
    height:100%;
    overflow:hidden
}
#galleries .images{
    height:100%;
    margin:0 15%;
    transform:translate3d(0,0,0)
}
#galleries .image-mask{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
}
#galleries .image-mask.initial::before,#galleries .image-mask::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:130%;
    background:#1a1a1a;
    z-index:10;
    transform:translate3d(0,-101%,0)
}
body.home #galleries .image-mask::before,body:not(.home).deactivating #galleries .image-mask::after{
    -webkit-animation:1.4s cubic-bezier(.645,.045,.355,1) forwards maskToggle;
    animation:1.4s cubic-bezier(.645,.045,.355,1) forwards maskToggle
}
#galleries .image{
    width:100%;
    height:100%;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    visibility:hidden;
    transition:transform .6s,opacity .4s ease 0s,visibility 0s linear .65s
}
body.home #galleries .image{
    visibility:visible
}
#galleries .image.blured{
    display:none
}
#galleries .gallery{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:.4;
    transform:scale3d(.8,.8,1);
    transition:transform .3s ease,opacity .3s ease;
    will-change:transform
}
#galleries .gallery.active{
    opacity:1;
    transform:scale3d(1,1,1)
}
#galleries .gallery.hovered .image:first-child{
    transform:scale3d(1.05,1.05,1)
}
#galleries .titles{
    display:block;
    position:absolute;
    z-index:32;
    height:100%;
    top:0;
    left:0;
    right:0
}
#galleries .titles .titles-mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden
}
#galleries .titles::before{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:160px;
    height:160px;
    border:1px dashed #fff;
    opacity:0;
    border-radius:50%;
    transition:opacity .3s;
    transform:translate3d(-50%,-50%,0)
}
body.home #galleries .titles::before{
    opacity:.8
}
#galleries .titles .label{
    position:absolute;
    overflow:hidden;
    left:50%;
    bottom:-20px;
    font-weight:600;
    text-align:center;
    display:block;
    width:3px;
    height:100px;
    opacity:0;
    visibility:hidden;
    transition:opacity .5s,visibility 0s linear .5s
}
#galleries .titles .label::after,#galleries .titles .label::before{
    content:"";
    position:absolute;
    top:0;
    left:1px;
    display:block;
    width:1px;
    height:100%;
    background:rgba(255,255,255,.6)
}
#galleries .titles .label::after{
    display:block;
    top:-30%;
    left:0;
    width:3px;
    height:30%;
    background:#fff;
    -webkit-animation:2.5s infinite scrollVertical;
    animation:2.5s infinite scrollVertical
}
body.gallery #galleries .titles .label{
    opacity:1;
    visibility:visible;
    transition-delay:0s
}
#galleries ul{
    height:100%
}
#galleries ul.current-link a{
    display:inline-block
}
#galleries ul.current-link li{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    text-align:center;
    visibility:hidden;
    transition:visibility 0s linear 0s;
    transform:translate3d(0,-50%,0)
}
#galleries ul.current-link li h2{
    transition:transform .25s ease-out .35s;
    transform:translate3d(0,-100%,0)
}
body.home:not(.gmode) #galleries ul.current-link li.active{
    visibility:visible;
    transition-delay:0s
}
body.home:not(.gmode) #galleries ul.current-link li.active h2{
    transform:translate3d(0,0,0)
}
#galleries ul.current-link li.leaving{
    visibility:hidden;
    transition-delay:.3s
}
#galleries ul.current-link li.leaving h2{
    transition-delay:0s;
    transform:translate3d(0,100%,0)
}
#galleries .titles-mask.navi{
    display:none
}
body.gallery #galleries{
    overflow:hidden
}
body.gallery #galleries .gallery{
    opacity:0
}
body.gallery #galleries .gallery.active{
    opacity:.7;
    transform:scale3d(1.43,1.43,1);
    transition-delay:.1s
}
a.navi{
    position:absolute;
    z-index:52;
    left:0;
    top:50%;
    display:block;
    width:12%;
    text-align:center;
    padding:20px 0;
    margin-top:-33px;
    opacity:0;
    transition:opacity .3s
}
a.navi::after{
    font-family:photo;
    content:"l"
}
a.navi i,a.navi p{
    position:absolute;
    left:15%;
    top:50%;
    display:none;
    font-size:1.2em
}
a.navi.next{
    left:auto;
    right:0
}
a.navi.next::after{
    content:"m"
}
body.home a.navi{
    opacity:1
}
@media all and (min-width:996px){
    #galleries .images{
        margin:0 22%
    }
    body.image-slide #galleries .blured{
        position:absolute;
        top:-10%;
        left:-10%;
        opacity:0;
        display:block;
        width:120%
    }
    body.image-slide.gallery #galleries .active .blured{
        opacity:1
    }
    #galleries .titles-mask.navi{
        display:block;
        padding:6.2vh 0;
        opacity:0;
        transition:opacity .5s .1s
    }
    #galleries .titles-mask.navi h3,#galleries .titles-mask.navi span{
        display:inline-block;
        padding-left:30px
    }
    #galleries .titles ul.navigation{
        position:relative;
        display:flex;
        overflow:hidden;
        margin:0 22%;
        align-items:flex-start;
        flex-direction:column;
        justify-content:space-around
    }
    #galleries .titles ul.navigation li{
        display:block;
        line-height:45px
    }
    #galleries .titles ul.navigation li h3{
        transform-origin:0 50%;
        transition:transform .2s
    }
    #galleries .titles ul.navigation li.active h3{
        transform:scale3d(1.1,1.1,1)
    }
    #galleries .titles ul.navigation .indicator,#galleries .titles ul.navigation .pane{
        position:absolute;
        left:0;
        top:0;
        display:block
    }
    #galleries .titles ul.navigation .scroll-position{
        width:8px;
        height:100%
    }
    #galleries .titles ul.navigation .scroll-position span{
        width:10px;
        height:33px;
        display:block;
        background:#fff;
        padding:0;
        transform:translateY(-50%)
    }
    #galleries .titles ul.navigation .scroll-position span:nth-child(2n){
        position:absolute;
        left:0;
        top:100%
    }
    #galleries .titles ul.navigation .scroll-position span:nth-child(3n){
        position:absolute;
        left:0;
        top:200%
    }
    #galleries .titles ul.navigation .pane{
        height:100%;
        transform:translateY(-100%)
    }
    #galleries .titles ul.navigation .current-indicator{
        width:8px;
        height:24px;
        opacity:.3;
        background:#fff;
        transition:top .3s ease-out;
        transform:translateY(-50%)
    }
    #galleries .titles::before{
        opacity:0!important;
        width:200px;
        height:200px
    }
    #galleries .titles .label{
        display:none
    }
    body.image-slide.gallery #galleries ul.current-link li.active h2{
        transition-delay:0s;
        transform:translate3d(0,100%,0)
    }
    #galleries.navigating .titles-mask.navi{
        opacity:1
    }
    body.gallery #galleries .gallery.active{
        transform:scale3d(1.78,1.78,1)
    }
    body.gallery #galleries .gallery.active .image-mask::after{
        opacity:1
    }
    a.navi{
        position:fixed;
        width:8%;
        top:20%;
        bottom:20%;
        margin-top:0;
        cursor:pointer
    }
    body.gallery a.navi,body.gmode a.navi,body.loading a.navi{
        opacity:0!important
    }
    body.gmode a.navi:hover{
        opacity:1!important
    }
    a.navi span{
        font-weight:600;
        margin-right:5px
    }
    body.ie:not(.loading) a.navi i,body.ie:not(.loading) a.navi p{
        display:block
    }
    a.navi.next i,a.navi.next p{
        left:auto;
        right:15%
    }
    a.navi.small{
        width:7%;
        padding:0
    }
    a.navi::after{
        display:none
    }
    body.gallery.image-slide a.navi{
        background:linear-gradient(to right,rgba(0,0,0,.75) 0,rgba(0,0,0,0) 100%)
    }
    body.gallery.image-slide a.navi.next{
        background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%)
    }
}
@media all and (min-width:2000px){
    #galleries .slider-bounds{
        top:22%;
        height:56%
    }
    #galleries .images,#galleries .titles ul.navigation{
        margin:0 26%
    }
    #galleries .titles ul.navigation .scroll-position span{
        height:45px
    }
    #galleries .titles-mask.navi{
        padding:5.7vh 0
    }
    body.gallery #galleries .gallery.active{
        transform:scale3d(2.09,2.09,1)
    }
    a.navi{
        top:22%;
        bottom:22%
    }
}
#details-big .slide-content{
    padding:0 15px
}
#details-big .progress{
    display:none
}
#details-big .caption{
    font-size:.8em;
    font-weight:700;
    text-transform:uppercase
}
#details-big .caption .scroll{
    display:none
}
#details-big .caption .statistics{
    margin-top:40px
}
#details-big .caption .statistics li{
    display:inline-block;
    margin-right:30px
}
#details-big .caption .statistics li:last-child{
    margin-right:0
}
#details-big .caption .statistics li span{
    position:relative;
    display:inline-block;
    padding-left:40px;
    margin-left:10px
}
#details-big .caption .statistics li span::before{
    content:"";
    display:block;
    position:absolute;
    top:calc(50% - 1px);
    left:0;
    background:#777;
    width:30px;
    height:1px
}
#details-big .image{
    position:relative;
    display:block;
    float:left;
    width:85%;
    margin-top:80px;
    overflow:hidden;
    padding:10px 0
}
#details-big .image:last-child{
    margin-bottom:70px
}
#details-big .image.vertical{
    width:70%
}
#details-big .image.right{
    float:right
}
#details-big .image.loading::after{
    content:""
}
#details-big .img-crop{
    display:block;
    position:relative;
    overflow:hidden
}
#details-big .img-crop.added::after{
    content:""
}
#details-big .img-crop.loaded::before{
    transform:translate3d(0,100%,0)
}
#details-big .img-crop.loaded:not(.loading)::after{
    display:none
}
#details-big .gallery-images{
    position:relative;
    z-index:24
}
#details-big .gallery-images.no-slider .image::before{
    content:"";
    position:absolute;
    top:-10%;
    left:-3%;
    width:106%;
    height:120%;
    background:#0d0d0d;
    transition:transform .6s;
    transform:translate3d(0,0,0);
    z-index:2
}
#details-big .gallery-images.no-slider .image .img-crop{
    transform:translate3d(0,260px,0);
    transition:transform .6s
}
#details-big .gallery-images.no-slider .image img{
    transform:scale3d(1.7,1.7,1);
    transition:transform .6s
}
#details-big .gallery-images.no-slider .image.visible .img-crop{
    transform:translate3d(0,0,0)
}
#details-big .gallery-images.no-slider .image.visible img{
    transform:scale3d(1,1,1)
}
#details-big .gallery-images.no-slider .image.visible::before{
    transform:translate3d(-100%,0,0)
}
#details-big .gallery-images.no-slider .image.visible.right::before{
    transform:translate3d(100%,0,0)
}
#details-big img{
    display:block;
    width:100%
}
@media all and (max-width:996px){
    body.home #galleries ul.current-link li.active{
        visibility:visible
    }
    body.home #galleries ul.current-link li.active h2{
        transform:translate3d(0,0,0)
    }
    #details-big .img-crop::before{
        content:"";
        position:absolute;
        top:-2%;
        left:0;
        z-index:5;
        width:100%;
        height:104%;
        transition:transform .6s ease-in;
        background:#1a1a1a;
        will-change:transform
    }
}
@media all and (min-width:996px){
    #details-big{
        position:absolute;
        top:20%;
        left:0;
        width:100%;
        height:60%;
        overflow:hidden;
        z-index:50;
        opacity:0;
        transition:opacity .3s ease 0s
    }
    body.home.gallery.image-slide #details-big{
        opacity:1;
        transition:opacity .4s ease .5s
    }
    #details-big .slide-content{
        position:relative;
        padding:0 0 0 22%;
        height:100%
    }
    #details-big .progress{
        display:block;
        position:absolute;
        top:0;
        right:100%;
        z-index:-1;
        width:100%;
        height:100%;
        background:rgba(26,26,26,.2)
    }
    #details-big .gallery-description{
        text-shadow:1px 1px 0 rgba(0,0,0,.3)
    }
    #details-big #intro{
        width:35.7%;
        padding:0 30px;
        height:100%;
        display:flex;
        align-items:center;
        will-change:transform
    }
    #details-big .caption{
        position:absolute;
        left:0;
        width:100%;
        bottom:0;
        padding:0 20px 10px
    }
    #details-big .caption .scroll{
        display:inline-block
    }
    #details-big .caption .scroll span,#details-big .caption .scroll span::after{
        margin-left:10px;
        position:relative;
        display:inline-block;
        width:50px;
        height:1px;
        background:rgba(255,255,255,.5);
        vertical-align:6px;
        overflow:hidden
    }
    #details-big .caption .scroll span::after{
        content:"";
        display:block;
        position:absolute;
        left:-100%;
        top:0;
        background:#fff;
        margin-left:0;
        -webkit-animation:2s infinite scroll;
        animation:2s infinite scroll
    }
    #details-big .caption .statistics{
        margin-top:0;
        float:right
    }
    #details-big .caption .statistics li span::before{
        background:#fff
    }
    #details-big .gallery-images{
        display:block;
        white-space:nowrap;
        position:absolute;
        top:0;
        left:50%;
        padding:20px 0 45px;
        height:100%
    }
    #details-big .image{
        display:inline-block;
        width:unset;
        height:100%;
        margin-top:0;
        float:unset!important;
        margin-left:180px;
        padding:0
    }
    #details-big .image:before{
        content:"";
        display:block;
        width:100%
    }
    #details-big .image.xs:before{
        height:0
    }
    #details-big .image.s:before{
        height:9%
    }
    #details-big .image.m:before{
        height:16%
    }
    #details-big .image.l:before{
        height:22%
    }
    #details-big .image.xl:before{
        height:28%
    }
    #details-big .image.featured .img-crop{
        height:92%
    }
    #details-big .image.featured:before{
        height:4%
    }
    #details-big .image:last-child{
        margin-right:150px;
        margin-bottom:0
    }
    #details-big .image .img-crop{
        height:72%
    }
    #details-big .image .img-crop.added img{
        visibility:visible
    }
    #details-big .image .img-crop::before{
        content:"";
        position:absolute;
        top:-2%;
        left:-1%;
        z-index:5;
        width:102%;
        height:104%;
        background:#1a1a1a;
        will-change:transform;
        transition:transform .3s ease-in;
        transform:translate3d(-100%,0,0)
    }
    body.home.gallery #details-big .image .img-crop.added::before{
        transform:translate3d(0,0,0)
    }
    body.home.gallery #details-big .image .img-crop.loaded::before{
        transform:translate3d(105%,0,0)
    }
    #details-big .image img{
        width:unset;
        height:100%;
        visibility:hidden;
        transition:visibility 0s linear .35s
    }
}
@media all and (min-width:1600px){
    #details-big .caption{
        font-size:.7em
    }
    #details-big .gallery-images{
        padding:45px 0
    }
    #details-big .image{
        margin-left:200px
    }
}
@media all and (min-height:1100px){
    #details-big .gallery-images{
        padding:60px 0
    }
}
@media all and (min-width:2000px){
    #details-big{
        top:22%;
        height:56%
    }
    #details-big .slide-content{
        padding:0 0 0 26%
    }
    #details-big #intro{
        width:32.5%
    }
}
#fluidbox{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1000;
    visibility:hidden;
    transition:visibility 0s linear .5s
}
#fluidbox .modal-outer{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    touch-action:none;
    -moz-user-select:none
}
#fluidbox .modal{
    position:absolute;
    top:0;
    left:0;
    transition:transform .4s ease;
    z-index:10;
    touch-action:none
}
#fluidbox img{
    display:block;
    width:100%;
    touch-action:none;
    pointer-events:none
}
#fluidbox .navigation-panel{
    position:fixed;
    left:0;
    top:20px;
    height:0;
    width:100%;
    z-index:12;
    padding:0 15px;
    opacity:0;
    transition:opacity .4s
}
#fluidbox.visible{
    visibility:visible;
    transition-delay:0s
}
#fluidbox.visible .navigation-panel{
    opacity:1
}
#fluidbox .next,#fluidbox .prev{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:15%;
    height:100%;
    z-index:-1;
    display:none
}
#fluidbox .next{
    left:auto;
    right:0
}
.close{
    position:relative;
    float:right;
    width:22px;
    height:22px;
    cursor:pointer;
    padding:0!important;
    margin:5px
}
.close span{
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:30px;
    height:1px;
    background:#fff;
    transform:rotate(45deg);
    transform-origin:0 50%
}
.close span.right{
    transform:translateX(22px) rotate(135deg)
}
#exif,#info{
    position:relative;
    -webkit-tap-highlight-color:transparent;
    font-size:17px;
    font-weight:700
}
.modal-btn{
    position:relative;
    padding:8px 13px
}
.modal-btn>i{
    vertical-align:-3px
}
.modal-btn .data-modal{
    position:absolute;
    left:-4px;
    top:44px;
    margin:0 auto;
    padding:15px;
    text-align:left;
    background:#1a1a1a;
    opacity:0;
    visibility:hidden;
    white-space:nowrap;
    font-size:14px;
    transform:translate3d(0,-20px,0);
    transition:opacity .3s ease-out,transform .3s ease-out,visibility 0s linear .3s
}
.modal-btn .data-modal i{
    font-size:1.6em;
    margin-right:6px;
    vertical-align:-2px
}
.modal-btn .data-modal::after{
    content:"";
    position:absolute;
    bottom:100%;
    left:24px;
    margin-left:-5px;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:10px solid #1a1a1a
}
.modal-btn:hover .data-modal{
    opacity:1;
    visibility:visible;
    transition-delay:0s;
    transform:translate3d(0,0,0)
}
#info .data-modal{
    text-align:center;
    font-weight:300
}
#info .icons{
    margin-bottom:10px
}
#info .icons div,#info .icons i{
    width:60px;
    text-align:center;
    display:inline-block;
    margin:0;
    line-height:20px;
    font-weight:300;
    vertical-align:middle
}
#info .icons div:first-child,#info .icons i:first-child{
    border-right:1px solid #666
}
#info .mouse span{
    position:relative;
    display:inline-block;
    width:16px;
    height:23px;
    border:2px solid #fff;
    border-radius:6px;
    vertical-align:middle
}
#info .mouse span::before{
    content:"";
    position:absolute;
    left:5px;
    top:4px;
    width:2px;
    height:3px;
    background:#fff;
    -webkit-animation:1.8s infinite mouseScroll;
    animation:1.8s infinite mouseScroll
}
@-webkit-keyframes mouseScroll{
    0%,100%,65%{
        transform:translateY(0)
    }
    90%{
        transform:translateY(2px)
    }
}
@keyframes mouseScroll{
    0%,100%,65%{
        transform:translateY(0)
    }
    90%{
        transform:translateY(2px)
    }
}
@media all and (min-width:996px){
    #fluidbox .next,#fluidbox .prev{
        display:block
    }
    .pointer{
        cursor:pointer
    }
    html.no-cursor,html.no-cursor a{
        cursor:none!important
    }
    .cursor{
        display:block;
        position:fixed;
        top:0;
        left:0;
        z-index:9999;
        pointer-events:none
    }
    .cursor .circle-indicator,.cursor .indicator{
        position:relative;
        transform:translate3d(0,0,0) scale(1);
        will-change:transform
    }
    .cursor .circle{
        position:absolute;
        width:56px;
        height:56px;
        border:1px solid #fff;
        border-radius:50%
    }
    .cursor .dot{
        position:absolute;
        width:6px;
        height:6px;
        background:#fff;
        border-radius:50%
    }
    .cursor .circle,.cursor .dot{
        transform:translate3d(-50%,-50%,0);
        transition:opacity .3s,width .3s,height .3s
    }
    .cursor .arrow{
        position:absolute;
        top:-2px;
        left:0;
        border:1px solid #fff;
        width:6px;
        height:6px;
        border-width:1px 0 0 1px;
        opacity:0;
        transition:opacity .3s,transform .3s;
        transform:translateX(-50px) rotate(-45deg)
    }
    .cursor .arrow.top{
        left:-4px;
        top:-2px;
        transform:translateX(0) translateY(-50px) rotate(0)
    }
    .cursor .arrow.bottom{
        left:-4px;
        top:auto;
        bottom:-2px;
        transform:translateX(0) translateY(50px) rotate(180deg)
    }
    .cursor .arrow.right{
        left:auto;
        right:0;
        transform:translateX(50px) rotate(135deg)
    }
    .cursor .left-addon,.cursor .right-addon{
        position:absolute;
        top:-14px;
        right:100%;
        margin:0 30px;
        white-space:nowrap;
        opacity:0;
        font-size:16px;
        transition:opacity .3s
    }
    .cursor .left-addon.visible,.cursor .right-addon.visible{
        opacity:1
    }
    .cursor .right-addon{
        right:auto;
        left:100%
    }
    .cursor .plus{
        position:absolute;
        top:0;
        left:0;
        width:40px;
        height:40px;
        opacity:0;
        transition:opacity .4s
    }
    .cursor .plus span{
        position:absolute;
        display:block;
        width:100%;
        height:1px;
        background:#fff;
        transition:transform .4s;
        transform:translate3d(-50%,-50%,0) rotate(-90deg)
    }
    .cursor.zoom .dot{
        opacity:0!important
    }
    .cursor.zoom .plus{
        opacity:1
    }
    .cursor.zoom .plus span:nth-child(1){
        transform:translate3d(-50%,-50%,0) rotate(0)
    }
    .cursor.zoom .plus span:nth-child(2){
        transform:translate3d(-50%,-50%,0) rotate(90deg)
    }
    .cursor.click .circle{
        transform:translate3d(-50%,-50%,0) scale3d(.9,.9,1)
    }
    .cursor.drag .arrow{
        opacity:1;
        transform:translateX(-40px) rotate(-45deg)
    }
    .cursor.drag .arrow.right{
        transform:translateX(40px) rotate(135deg)
    }
    .cursor.drag .arrow.bottom,.cursor.drag .arrow.top{
        opacity:0
    }
    .cursor.img-drag .arrow{
        opacity:1;
        transform:translateX(-30px) rotate(-45deg)
    }
    .cursor.img-drag .arrow.top{
        transform:translateX(0) translateY(-30px) rotate(45deg)
    }
    .cursor.img-drag .arrow.bottom{
        transform:translateX(0) translateY(30px) rotate(225deg)
    }
    .cursor.img-drag .arrow.right{
        transform:translateX(30px) rotate(135deg)
    }
    .cursor.click .dot,.cursor.link .dot{
        opacity:.3;
        width:19px;
        height:19px
    }
    .cursor.click .circle,.cursor.link .circle{
        opacity:.6;
        width:48px;
        height:48px;
        border-style:dashed
    }
    .cursor.prev .arrow.left{
        opacity:1;
        transform:translateX(-36px) rotate(-45deg)
    }
    .cursor.next .arrow.right{
        opacity:1;
        transform:translateX(36px) rotate(135deg)
    }
    a.strips{
        position:relative;
        padding-left:4px
    }
    a.strips::after{
        content:"";
        position:absolute;
        bottom:20%;
        display:block;
        width:4px;
        height:0;
        background:#fff;
        left:0;
        opacity:1;
        transition:height .15s
    }
    a.strips span{
        display:inline-block;
        transition:transform .15s
    }
    a.strips:hover:after{
        height:55%
    }
    a.strips:hover span{
        transform:translateX(4px)
    }
    h1,h2{
        font-size:11vw
    }
    h1.smaller,h2.smaller{
        font-size:4em
    }
    h3{
        font-size:1.3em
    }
    h3.bigger{
        font-size:1.8em
    }
    .sm-only{
        display:none
    }
    body.loaded #curtain .slice{
        -webkit-animation:1s forwards curtainloaded;
        animation:1s forwards curtainloaded
    }
    @-webkit-keyframes curtainloaded{
        0%{
            opacity:.07;
            height:0;
            transform:translateY(-50%)
        }
        100%{
            opacity:.07;
            height:1500px;
            transform:translateY(-50%)
        }
    }
    @keyframes curtainloaded{
        0%{
            opacity:.07;
            height:0;
            transform:translateY(-50%)
        }
        100%{
            opacity:.07;
            height:1500px;
            transform:translateY(-50%)
        }
    }
    .content{
        margin:0 auto;
        width:60%;
        padding:0 2%
    }
    header{
        top:30px;
        padding:0 22%;
        font-size:1.1em
    }
    footer{
        padding:20px 22% 25px
    }
    footer .contact{
        padding:0
    }
    footer .contact>a{
        width:25%;
        height:auto;
        border:none;
        text-align:left;
        margin:0;
        font-size:1em
    }
    footer .contact>a::before{
        display:none
    }
    footer .contact>a span{
        display:inline-block
    }
    footer .contact .social li{
        padding-left:15px
    }
    footer .contact .social a{
        padding:0
    }
}
@media all and (min-width:1300px){
    #fluidbox .navigation-panel{
        padding:30px
    }
    h3{
        font-size:1.4em
    }
    header{
        top:40px
    }
    footer{
        padding:20px 22% 35px
    }
    footer .contact{
        font-size:1.2em
    }
    .content{
        padding:0 1.5%
    }
}
@media all and (min-width:1600px){
    body{
        font-size:18px
    }
    h1,h2{
        font-size:9.3em
    }
    h3.bigger{
        font-size:2em
    }
}
@media all and (min-width:2000px){
    body{
        font-size:21px
    }
    h1,h2{
        font-size:8.5vw
    }
    .content{
        width:54%
    }
    #curtain{
        left:26%;
        right:26%
    }
    header{
        padding:0 26%
    }
    footer{
        padding:20px 26% 25px
    }
}