@charset "UTF-8";
/* CSS Document */
*, html, body {
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue', sans-serif;
}



/* ----------------------- general -----------------------*/

body{background:transparent;}
html{background: black;}
.backstretch.noStartPage{opacity: 0.8;
	animation: fadingBackground ease-in-out 12s;
    animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-fill-mode:forwards; /*FF 5+*/
	-webkit-animation: fadingBackground ease-in-out 12s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode:forwards; /*FF 5+*/
	-moz-animation: fadingBackground ease-in-out 12s;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: fadingBackground ease-in-out 12s;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: infinite;
	-o-animation-fill-mode:forwards; /*FF 5+*/
	-ms-animation: fadingBackground ease-in-out 12s;
	-ms-animation-delay: 0s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-fill-mode:forwards; /*FF 5+*/
}

.backstretch img{opacity: 0;transition: all 900ms ease-in-out;}
.backstretch.noStartPage.fadeIn img{opacity: 1;}

#wrapper {max-width:80%; margin: auto;}
.text-links a{border-color:white; }
.text-links a:hover{background: white; color:black;}
.backstretch.noStartPage {opacity: 0.8;}
.backstretch:after{position: absolute; content: ""; width:100%; height:100%;top:0; left:0;background: black;opacity: 0.6;}
.background-layer, .background-layer-watch{position: absolute; width:100%; height: 110%; top:-10%; background: #080808;opacity: 0; z-index: 2;}
.background-layer-watch {height: 200%;opacity: 0; pointer-events: none;transition: all 800ms ease-in-out;z-index: 6;position: fixed;}
.typed-cursor {display: none;}
.music-btn {position: absolute;top:20px;right:20px;width: 60px;height: 60px;border-radius: 50px;}
.music-btn .fa{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color:white;opacity: 0;transition: all 500ms ease-in-out;}
.unttld-menu p {color: white; font-size: 112px; font-weight: 900;padding: 0;margin: 0 0 -70px 0;position: relative;}
.unttld-menu p a {text-decoration: none;border: none;transition:all 300ms ease-in-out;}
.unttld-menu p.notActivePage a:hover {text-decoration: none;border: none; color:white;display: inline-flex;}
.unttld-menu p.notActivePage a:active, .unttld-menu p.notActivePage a:focus {color:white;}
/* .unttld-menu p.activePage a{text-decoration: line-through;} */

/* .unttld-menu p.activePage a:after{content: "";height: 14px; background: white;left: -1%; bottom: 41%;position: absolute;} */

.custom-linethrough.activePage{height: 14px; background: white;left: -1%; bottom: 41%;position: absolute;pointer-events: none !important;}

/*
.unttld-menu p.activePage a.menu-item-gallery:after{width: 92%;}
.unttld-menu p.activePage a.menu-item-about:after{width: 80%;}
.unttld-menu p.activePage a.menu-item-contact:after{width: 103%;}
*/
.custom-linethrough.activePage.menu-item-gallery{width: 92%;}
.custom-linethrough.activePage.menu-item-about{width: 80%;}
.custom-linethrough.activePage.menu-item-contact{width: 103%;}
/* .unttld-menu p.activePage a:hover {text-decoration: none;border: none; color:white;text-decoration: none;} */
.unttld-menu p.activePage a:hover {color:white;}
.unttld-menu p.activePage a:active, .unttld-menu p.activePage a:focus {color:white;text-decoration: none;}
.unttld-menu {position: fixed; top:46%; transform:translate(0, -50%);z-index: 1;}
.unttld-menu.closeItem{ top:50vh;}

.unttld-menu.closeItem a:hover, .unttld-menu.closeItem a:focus, .unttld-menu.closeItem a:active{color: white;}
.unttld-menu.closeItem .letter{display: inline-block;}
.unttld-menu.closeItem p {line-height: 0;}
.col-inner-space{padding: 0px 20px;}
::selection{background: rgba(255,255,255,1);color:black;}
.free-space{background: transparent; opacity: 0.5; height: 200px;}
.no-margin {margin:0 !important;}
.floatLeft{float: left;}
.underlay{background: rgba(0,0,0,0);}
.topSpace{margin-top: 40px;}
.min-height-fixer{margin-top: -1px;}
.no-padding{padding:0px 0px 0px 0px !important;}
.playIcon{position: relative;width: 100%;float: left;}
.testerino{position: fixed;z-index: 1;width: 20px;height: 20px;float: left;right: -30px;transition: all 400ms ease-in-out;cursor: pointer;}
.testerino:hover {transform:scale(1.1,1.1); cursor: pointer !important;}
.playIcon:hover{ cursor: pointer !important;}
.unttld-menu-container{z-index: 5;position: relative;}
.unttld-logo{color: white;font-weight: 900;font-size: 28px;position: fixed;bottom: 40px;left: 35px;z-index:3;line-height: 1.2;}
.unttld-logo a, .unttld-logo a:active, .unttld-logo a:focus{color:white;border:none;transition: all 300ms ease-in-out;text-decoration: none;}
.unttld-logo a{display: inline-flex;}
.unttld-logo a:hover { color:white; border:none; text-decoration: none;}
.unttld-footer{display: inline-flex;margin-top: 200px;width: 100%;}
.unttld-logo a span:nth-child(2),
.journey-no-option a p:nth-child(2){transform: scale(-1, 1) !important;}
.mobile-menu{ position: fixed; top: 0; left: 0; background: black; width:100%; height: 100%;z-index: 101;
	-webkit-transform: translate(0,-101vh);
    -ms-transform: translate(0,-101vh);
	transform: translate(0,-101vh);
          
          
	-webkit-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mobile-menu.showMobileMenu{-webkit-transform: translate(0,0vh);
    -ms-transform: translate(0,0vh);
	transform: translate(0,0vh);}
.mobile-menu-close{position: fixed;color: white;top: 15px;right: 7px;z-index: 3;font-weight: 900;padding: 5px 10px 5px 20px;    line-height: 0.9;}
.mobile-menu-btn{position: fixed;color: white;top: 15px;right: 5px;z-index: 68;font-weight: 900;padding: 5px 10px 5px 20px;display: none;font-size: 21px;}
.language-links {position: fixed;top: 40px;left: 35px;z-index: 5;}
language-links.mobile li a span{color:white;}
.language-links ul {list-style: none;line-height: 1.2;}
/* .language-links li {float: left;} */
.language-links li a{color:white; text-decoration: none; font-weight: 900;font-size: 28px;border-bottom: 0px solid transparent;position: relative;}
.language-links li.active a.lang-item:after{position: absolute; bottom:50%;left: -4%;height: 3px;width: 108%;content: '';background: white;transform: translate(0,120%);}
.language-links li a:hover, .language-links li a:focus, .language-links li a:active{color: white; text-decoration: none;}
.lang-divider{color: white;font-weight: 900;font-size: 28px;}
.social-menu{position: fixed;top: 40px;left: 20%;z-index: 5;}
.social-menu ul{list-style: none;line-height: 1.2;}
.social-menu ul li a{text-decoration: none; color:white;font-weight: 900;font-size: 28px;border-bottom: 0;display: inline-flex;}
.gallery-series-title-headline li{position: relative;display: table;}
.gallery-series-title-headline li.active:after{position: absolute; bottom:50%;left: -1%;height: 3px;width: 102%;content: '';background: white;transform: translate(0,120%);}
.un-link:hover{background: white; color:black;}
.un-link-cursor:hover{cursor: pointer;}
.lowercase,
.lowercase p{text-transform: lowercase !important;}

.mobile-menu-btn,
.unttld-logo,
.gallery-series-title-headline,
.work-info,
.journey-no-option,
.series-info-text p{text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.15);}
.language-links ul,
.social-menu.mobile ul{margin-bottom: 0;}
.magenta{color:rgba(255,0,255,1) !important;}


/* ----------------------- grid-example -----------------------*/

.custom-grid{position:absolute; display:none;}
/* .custom-grid{position:absolute; display:inherit;} */
.custom-grid-item{opacity: 0.8;height: 3000px;border: 1px solid black;margin: 0; padding: 0 20px;
background: red;
background: -moz-linear-gradient(top, #0ca1c9 0%, #0bfaa7 100%);
background: -webkit-linear-gradient(top, #0ca1c9 0%,#0bfaa7 100%);
background: linear-gradient(to bottom, #0ca1c9 0%,#0bfaa7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ca1c9', endColorstr='#0bfaa7',GradientType=0 );}



/* ----------------------- start page -----------------------*/

div.journey-choice-box .row{padding-top: 25%;}
.startTitle{ position:absolute;top:50%;transform:translateY(-50%);color:white;font-size: 140px; font-weight: 900;transition: all 1000ms ease-in-out; left: 35px;z-index: 4;line-height: 1.2;}
.startTitle a {text-decoration: none;border:none;background: transparent !important;}
.startTitle:hover{cursor: pointer;}
/*.startTitle a:after {position: absolute;left:2.5%;bottom:20%;content:"";width:0%; height:4px; background: white;transition: all 600ms ease-in-out;}
.startTitle a:hover:after{width:95%;}*/
/* .startTitle p.letter{transition: all 600ms ease-in-out;} */
/* .startTitle:hover a{color:rgba(255,255,0,1);} */
.startTitle p{display: inline-flex; margin: 0;padding: 0;background: transparent !important;}
.custom-choice-row{top: 50%;position: fixed;}
.journeyChoice01{text-align: center;line-height: 1.2;}
/* .journeyChoice01{float: left;top: 50%;} */
.journeyChoice02{float: left;text-align: right;}
/* .journey-option-01, .journey-option-02{position: fixed;color: white;font-size: 144px;font-weight: 900;top: 50%;transform: translate(0%,-50%);} */
.journey-option-01, .journey-option-02, .journey-no-option{color: white;font-size: 112px;font-weight: 900;display: inline-flex;border-color: transparent;}
.journey-option-01 a, .journey-option-02 a, .journey-no-option a{border-color: transparent;display: inline-flex;}
.journey-option-01 p, .journey-no-option p{transform: translate(0,-40px); opacity: 0; }
.journey-option-02 p{transform: translate(0,40px); opacity: 0;}
.journey-option-01 p, .journey-option-02 p{transition: all 1500ms ease-in-out;}
.journey-option-01, .journey-option-02{display: inline;}
.journey-no-option{transition: 400ms all cubic-bezier(0.445, 0.05, 0.55, 0.95);display: inline;}
.journey-option-01:hover, .journey-option-02:hover, .journey-no-option:hover{cursor: pointer;color: white; text-decoration: none;}
.journey-no-option a:hover {color: white; text-decoration: none;}
.journey-option-01 a:hover, .journey-option-02 a:hover, div.link-to-journey p a:hover{text-decoration: none; border-color: transparent; color:white;}
.journey-option-01 p, .journey-option-02 p, .journey-no-option p{display: inline-flex; margin: 0;line-height: 1.2;}
.journey-no-option {position: relative; color:white;}
.journey-no-option.visible{position: absolute;color: white;z-index: 2;top: 52%;opacity:0;left: 35px;transform: translate(0%,-50%);transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1200ms; }
.journey-no-option.visible.fadeup{top: 50%;opacity:1;}
.journey-no-option.not-visible p{opacity: 0;}
div.journey-no-option p{opacity: 1;transform: scale(1,1);}
div.title-crosser{background: white; position: absolute; bottom:43%; left:50%; width: 0%; height: 8px;transition: all 1000ms ease-in-out;}

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}


/* ----------------------- journey page -----------------------*/

.journey-choice-box{z-index: 3;max-width: 100%;margin: auto;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);}
.journey-headline {color:white;font-weight: 900; font-size: 140px;}
.journey-headline p.getsType-journeyHeadline {text-align: center;position: relative;margin-top: 20%;}
p.hastoType-journeyHeadline, p.hastoType-journeyHeadline01, p.hastoType-journeyHeadline02{position:absolute;opacity: 0;}
.choice-container {margin-top: 10%;}
.startWatch, .startRead {text-align: center; opacity: 0;}
.startWatch p, .startRead p{color:white; font-weight: 900; font-size: 72px;}
.startWatch p a, .startRead p a {border: none;transition: all 400ms ease-in-out;}
.startWatch p a:hover, .startRead p a:hover {text-decoration: none;color:white;}
.startWatch p a:hover, .startRead p a:hover{letter-spacing: 2px;}



/* ----------------------- watch/about page -----------------------*/

.unttld-imageVideo-container {position: relative;padding: 0;margin: 0;opacity: 0;z-index: 3;}
.unttld-aboutVideo-container {position: relative;padding: 0;margin: 0;}
.unttld-aboutVideo{top: 50%;position: relative;transform: translate(0,-25%);width: 100%;background: transparent;}
.unttld-imageVideo{width: 100%;background: transparent;}
.responsive-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.responsive-video {position: relative;padding-bottom: 56.25%;padding-top: 0px;height: 0;overflow: hidden;}
.about-text-box{margin: 0 0 35px 0;padding: 0 0 0 60px;}
.about-text-box.video-bottom-fix{margin-bottom:200px;}
.about-text-box p{font-weight: 900;line-height: 1.2;font-size: 28px;color: white;}
.inner-about-text-box{margin-top: 105px;}
.about-content-box {position: absolute;}
.about-video-box{width: 70%;pointer-events: none;z-index: 7;position: fixed;top: 50vh;transform: translate(-50%, -50%);margin-left: 50%;}
.about-headline p{margin:0; font-weight: 900;}
.about-video-container{padding-left: 60px;margin: 100px 0 0px 0;}
.link-to-journey a{font-weight: 900;}

.read-more-link p,
.watch-video-link p{display: initial;}
div.link-to-journey p a {display: block;text-decoration: none;border-color: transparent;position: relative;}
div.link-to-journey p a:hover{transform:scale(-1,1);}
div.link-to-journey p a:active, div.link-to-journey p a:focus {transform:scale(-1,1);}
.read-more-link.hide{display: none;}
.read-less-link p:hover,
.read-more-link p:hover,
.watch-video-link p:hover{cursor: pointer;}

.read-more{display: none;opacity: 0;transition: all 600ms ease-in-out; transform: translate(0, 25px);}
.read-more.show{display: block;}
.read-more.fadeIn{opacity: 1;transform: translate(0, 0);	}

/* ----------------------- contact page -----------------------*/

.contact-content-box {position: absolute;}
.contact-content{padding: 0 0 0 60px;color:white;font-weight: 900;line-height: 1.2;font-size: 28px;}
.contact-content a {color: white; text-decoration: none;font-weight: 900;display: inline-block;}
.contact-content a:hover {text-decoration: none;}
/* .contact-content a:active, .contact-content a:focus {transform:scale(-1,1);} */
/* .contact-content .contact-content-text{padding-bottom: 250px;} */



/* ----------------------- gallery page -----------------------*/

.gallery-content-box {position: absolute;}
.gallery-item-container{width: 100%;position: relative;height: auto; overflow: hidden !important;}
.gallery-item-container img {width: 100%; height: auto;}
.gallery-item-container p {transition: all 800ms ease-in-out;font-size: 108px;font-weight: 900;}
/* .gallery-item {width:100%; height: auto;transition: all 800ms ease-in-out;} */
.gallery-item img{width: 100%; height: auto; position: absolute; top:0; left: 0;}
.gallery-series-title {background: rgba(0,0,0,0);position: absolute;bottom: -40px;padding: 0 10px 0 60px;transition: all 800ms ease-in-out; opacity: 0;margin-left: -30px;}

.gallery-item-container:hover .gallery-item {transform:scale(1.05,1.05);}
.gallery-item-container:hover a {color:white;}
.gallery-item-container:hover .gallery-series-title {opacity: 1;margin-left: 0px;background: rgba(0,0,0,0.5);}
.unttld-gallery p.gallery-series-title-scroller{color: white;font-size: 112px;font-weight: 900;padding: 0;margin: 0 0 0 40%;display: initial;transform: translate(0%, -60%);position: absolute;z-index: 11;    transition: all 300ms ease-in-out;}
.gallery-series-title-scroller .letter,
.series-overview-link .letter,
.getInto-Link .letter,
.series-info-text-link .letter,
.read-less-link .letter,
.read-more-link .letter,
.watch-video-link .letter{display: inline-block;}
.series-info-text-link,
.series-overview-link{pointer-events: all;}
.series-info-text p{margin-bottom: 0;}
.series-overview-link a{border:0;}
.series-overview-link a:hover{color:white;}
.gallery-series-title-scroller a{border-color: transparent;}
.gallery-series-title-scroller a:hover, .gallery-series-title-scroller a:active, .gallery-series-title-scroller a:focus{color: white;}
.gallery-series-title-small{font-weight: 900;font-size: 22.5px;}
.limy{color: white;padding:0px 40px 20px 0px; margin-bottom: 20px;}
.section.gallery-item .fp-tableCell:after{position: absolute; content: ""; width:100%; height:100%;top:0; left:0;background: black;opacity: 0.4;z-index: 10;}
.series-nav-top{position: fixed;left: 40%;top: 40px;z-index: 11;width: 55px;transition: 400ms all  ease-in-out;}
.series-nav-bottom{position: fixed;left: 40%;bottom: 40px;z-index: 11;width: 55px;transform: scale(1,-1);transition: 400ms all  ease-in-out;}
.series-nav-top:hover{cursor: pointer;transform: translate(0,-10px);}
.series-nav-bottom:hover{cursor: pointer;transform: translate(0,10px)scale(1,-1);}
.hero-video{height: 100vh;width: 100%;background-color: #000;position: fixed;}
video#fullVideo {transition: 0.8s opacity ease-in-out;opacity: 0;width: 100%;}
video#fullVideo.fade-in {opacity: 1;}
.work-info{text-align: left !important; opacity:0;animation: fadeInBuyLink ease-in-out 500ms;
    animation-delay: 600ms;
	animation-iteration-count: 1;
	animation-fill-mode:forwards; /*FF 5+*/
	-webkit-animation: fadeInBuyLink ease-in-out 500ms;
	-webkit-animation-delay: 600ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards; /*FF 5+*/
	-moz-animation: fadeInBuyLink ease-in-out 500ms;
	-moz-animation-delay: 600ms;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: fadeInBuyLink ease-in-out 500ms;
	-o-animation-delay: 600ms;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards; /*FF 5+*/
	-ms-animation: fadeInBuyLink ease-in-out 500ms;
	-ms-animation-delay: 600ms;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards; /*FF 5+*/}




/* ----------------------- series page -----------------------*/

.series-item img{height: auto; position: relative; top:0; left: 0;}

.series-content-box {position: absolute;}
.series-content{padding: 0 60px 0 0 ;}
.series-title {color: white;font-size: 28px;font-weight: 900;}
div.series-text p {color: white;font-size: 28px;font-weight: 900;margin-bottom: 100px;}
.series-item-container{width: 100%;position: relative;height: auto; overflow: hidden !important;}
.series-item-container img {width: 100%; height: auto;}
.series-item-container:hover .series-item {transform:scale(1.02,1.02);}
/* .series-item {width:100%; height: auto;transition: all 800ms ease-in-out;} */
.series-info{position: absolute;top: 0;z-index: 5;color: black;width: 70%;background: rgba(255,255,255,1);height: 50%;margin: 0% 0 0 15%;font-size: 18px;font-weight: 900;text-align: center;padding-top: 30px;box-shadow: 3px 3px 12px #424241;transition: all 700ms ease-in-out;transform:translate(0, 50%) scale(1.05,1.05); opacity: 0;padding: 10px 20px 0 20px;}
.series-item-container:hover {cursor: pointer;}
.series-item-container:hover .series-info {transform:translate(0, 50%) scale(1,1);opacity: 1;background:rgba(255,255,255,0.9);}
.series-headline{padding: 0 20px;}
.series-info p:nth-child(2){font-weight: 900;font-size: 16px;color:black;padding: 0 30px;line-height: 1.2;}
.series-detail{position: fixed;z-index: 99999;color: white;top: 50%;margin-left: 12%;width: 20%;font-weight: 900;opacity: 0;pointer-events: none;transition: all 1000ms ease-in-out;font-size: 28px;transform: translate(0,-50%);}
.series-detail-text {font-weight: 900;font-size: 28px;}
.series-detail:after{position: absolute; top:0%; left:-35px; height: 90%; background: white; border-radius: 30px; width:3px; content:"";}
.get-this-item{transition:all 400ms ease-in-out; display: inline;text-shadow: 3px 3px 10px transparent;text-decoration: underline;}
.get-this-item:hover{color:black; background: white; cursor: pointer;text-shadow: 3px 3px 10px transparent;}

.slider-key {position: fixed;z-index: 100;top: 50%;width: 55px;transform: translate(0,-50%); transition: all 400ms ease-in-out;}
.slider-key:hover{cursor: pointer;}
.slider-key.left {/* left: 35px; */left: 90%;transform: translate(0px,-50%)rotate(-90deg);}
.slider-key.left:hover{transform: translate(-10px,-50%)rotate(-90deg);}
.slider-key.right,
.slider-key.dive {left: 95%;transform: translate(0px,-50%)rotate(90deg);}
.slider-key.right:hover,
.slider-key.dive:hover{transform: translate(10px,-50%)rotate(90deg);}
.slider-key img {position: relative;width: 100%;height: auto;}
.slider-key a{border-bottom: none;}
.gallery-series-title-headline{color: white;position: fixed;top: 40px;font-weight: 900;font-size: 28px;left: 40%;display: inline-flex;z-index: 68;transition: all 400ms ease-in-out;pointer-events: none;}
.gallery-series-title-headline.inner-works.yes-mobile{opacity: 0; pointer-events: none;}
.gallery-series-title-headline ul{margin: 0;line-height: 1.2;list-style: none;}
.gallery-series-title-headline:hover{cursor: pointer;}
.gallery-series-title-headline .letter.hide,
.getInto-Link .letter.hide,
.letter.hide{color: transparent;}
div.container-fluid.series-fluid{width: 100%;padding-right: 0px;padding-left: 0px;margin-left: auto;position: relative;height: 100%;z-index: 1;}
.series-info-box{position: fixed;background: rgba(0, 0, 0, 0.6);z-index: 2;top: 0;width: 100%;height: 100%;color: white;font-weight: 900;font-size: 28px;z-index: 2;opacity: 0;pointer-events: none; transition: 600ms ease-in-out;}
.series-info-text{line-height: 1.2;transition: 600ms ease-in-out;opacity: 0;pointer-events: none;}
.series-info-col{position: absolute;top: 40%;padding: 0;}
.work-info{z-index: 12;position: fixed;top: 40px;font-size: 28px;font-weight: 900;color: white;padding: 0px;line-height: 1.2;text-align: right; left:80%;transition: all 400ms ease-in-out;}
span.getInto-Link{display: -webkit-inline-box;}
span.getInto-Link:hover{cursor: pointer;}
.gallery-overview{position: absolute;z-index: 61;top: 50vh;transform: translate(0px, -50%);left: 20%;padding-right: 20px;transition: 600ms ease-in-out;}
.gallery-overview .row{margin-left: 0;}
.gallery-overview .series-item-element{position: relative; padding: 4px;width: 12.5%; height: auto; float: left;transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.gallery-overview .series-item-element .sold-info{position: absolute;width: 100%;height: 100%;top:0%;left: 0%;background: rgba(255, 0, 255, 0.22);}
.gallery-overview .series-item-element .sold-info p{font-weight: 900;font-size: 28px;padding: 0;margin: 10px;line-height: 1;}
.gallery-overview a{pointer-events: none;}
.gallery-overview.animin a{pointer-events: all;}
.gallery-overview.animin a:hover{cursor: pointer;}
.gallery-overview a:hover .series-item-element .sold-info p{color:black;}
.gallery-overview a .series-item-element{opacity: 0;top:20px;}
.gallery-overview.animin a .series-item-element{	animation: fadeInSeriesItem ease-in-out 600ms;
    animation-delay: 600ms;
	animation-iteration-count: 1;
	animation-fill-mode:forwards; /*FF 5+*/
	-webkit-animation: fadeInSeriesItem ease-in-out 800ms;
	-webkit-animation-delay: 600ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards; /*FF 5+*/
	-moz-animation: fadeInSeriesItem ease-in-out 800ms;
	-moz-animation-delay: 600ms;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: fadeInSeriesItem ease-in-out 800ms;
	-o-animation-delay: 600ms;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards; /*FF 5+*/
	-ms-animation: fadeInSeriesItem ease-in-out 800ms;
	-ms-animation-delay: 600ms;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards; /*FF 5+*/
}
.gallery-item-element-box{position: relative;}
.gallery-overview .series-item-element:after{position: absolute;width: calc(100% - 8px);height: calc(100% - 8px);content: "";top: 4px;left: 4px;background: white; opacity: 0;transition: all 400ms ease-in-out;}
.gallery-overview .series-item-element:hover:after{opacity: 0.22;cursor: pointer;}


.gallery-overview a:nth-child(2) .series-item-element{animation-delay: 700ms;-webkit-animation-delay: 700ms;-moz-animation-delay: 700ms;-o-animation-delay: 700ms;-ms-animation-delay: 700ms;}
.gallery-overview a:nth-child(3) .series-item-element{animation-delay: 800ms;-webkit-animation-delay: 800ms;-moz-animation-delay: 800ms;-o-animation-delay: 800ms;-ms-animation-delay: 800ms;}
.gallery-overview a:nth-child(4) .series-item-element{animation-delay: 900ms;-webkit-animation-delay: 900ms;-moz-animation-delay: 900ms;-o-animation-delay: 900ms;-ms-animation-delay: 900ms;}
.gallery-overview a:nth-child(5) .series-item-element{animation-delay: 1000ms;-webkit-animation-delay: 1000ms;-moz-animation-delay: 1000ms;-o-animation-delay: 1000ms;-ms-animation-delay: 1000ms;}
.gallery-overview a:nth-child(6) .series-item-element{animation-delay: 1100ms;-webkit-animation-delay: 1100ms;-moz-animation-delay: 1100ms;-o-animation-delay: 1100ms;-ms-animation-delay: 1100ms;}
.gallery-overview a:nth-child(7) .series-item-element{animation-delay: 1200ms;-webkit-animation-delay: 1200ms;-moz-animation-delay: 1200ms;-o-animation-delay: 1200ms;-ms-animation-delay: 1200ms;}
.gallery-overview a:nth-child(8) .series-item-element{animation-delay: 1300ms;-webkit-animation-delay: 1300ms;-moz-animation-delay: 1300ms;-o-animation-delay: 1300ms;-ms-animation-delay: 1300ms;}
.gallery-overview a:nth-child(9) .series-item-element{animation-delay: 1400ms;-webkit-animation-delay: 1400ms;-moz-animation-delay: 1400ms;-o-animation-delay: 1400ms;-ms-animation-delay: 1400ms;}
.gallery-overview a:nth-child(10) .series-item-element{animation-delay: 1500ms;-webkit-animation-delay: 1500ms;-moz-animation-delay: 1500ms;-o-animation-delay: 1500ms;-ms-animation-delay: 1500ms;}
.gallery-overview a:nth-child(11) .series-item-element{animation-delay: 1600ms;-webkit-animation-delay: 1600ms;-moz-animation-delay: 1600ms;-o-animation-delay: 1600ms;-ms-animation-delay: 1600ms;}
.gallery-overview a:nth-child(12) .series-item-element{animation-delay: 1700ms;-webkit-animation-delay: 1700ms;-moz-animation-delay: 1700ms;-o-animation-delay: 1700ms;-ms-animation-delay: 1700ms;}
.gallery-overview a:nth-child(13) .series-item-element{animation-delay: 1800ms;-webkit-animation-delay: 1800ms;-moz-animation-delay: 1800ms;-o-animation-delay: 1800ms;-ms-animation-delay: 1800ms;}
.gallery-overview a:nth-child(14) .series-item-element{animation-delay: 1900ms;-webkit-animation-delay: 1900ms;-moz-animation-delay: 1900ms;-o-animation-delay: 1900ms;-ms-animation-delay: 1900ms;}
.gallery-overview a:nth-child(15) .series-item-element{animation-delay: 2000ms;-webkit-animation-delay: 2000ms;-moz-animation-delay: 2000ms;-o-animation-delay: 2000ms;-ms-animation-delay: 2000ms;}
.gallery-overview a:nth-child(16) .series-item-element{animation-delay: 2100ms;-webkit-animation-delay: 2100ms;-moz-animation-delay: 2100ms;-o-animation-delay: 2100ms;-ms-animation-delay: 2100ms;}
.gallery-overview a:nth-child(17) .series-item-element{animation-delay: 2200ms;-webkit-animation-delay: 2200ms;-moz-animation-delay: 2200ms;-o-animation-delay: 2200ms;-ms-animation-delay: 2200ms;}
.gallery-overview a:nth-child(18) .series-item-element{animation-delay: 2300ms;-webkit-animation-delay: 2300ms;-moz-animation-delay: 2300ms;-o-animation-delay: 2300ms;-ms-animation-delay: 2300ms;}
.gallery-overview a:nth-child(19) .series-item-element{animation-delay: 2400ms;-webkit-animation-delay: 2400ms;-moz-animation-delay: 2400ms;-o-animation-delay: 2400ms;-ms-animation-delay: 2400ms;}
.gallery-overview a:nth-child(20) .series-item-element{animation-delay: 2500ms;-webkit-animation-delay: 2500ms;-moz-animation-delay: 2500ms;-o-animation-delay: 2500ms;-ms-animation-delay: 2500ms;}
.gallery-overview a:nth-child(21) .series-item-element{animation-delay: 2600ms;-webkit-animation-delay: 2600ms;-moz-animation-delay: 2600ms;-o-animation-delay: 2600ms;-ms-animation-delay: 2600ms;}
.gallery-overview a:nth-child(22) .series-item-element{animation-delay: 2700ms;-webkit-animation-delay: 2700ms;-moz-animation-delay: 2700ms;-o-animation-delay: 2700ms;-ms-animation-delay: 2700ms;}
.gallery-overview a:nth-child(23) .series-item-element{animation-delay: 2800ms;-webkit-animation-delay: 2800ms;-moz-animation-delay: 2800ms;-o-animation-delay: 2800ms;-ms-animation-delay: 2800ms;}
.gallery-overview a:nth-child(24) .series-item-element{animation-delay: 2900ms;-webkit-animation-delay: 2900ms;-moz-animation-delay: 2900ms;-o-animation-delay: 2900ms;-ms-animation-delay: 2900ms;}

#fullpage.series-works { opacity: 0; transform: translate(0, -20px ); }
#fullpage.unttld-gallery{ opacity: 0; margin-top:20px; }
#fullpage.series-works.animIn {
	animation: fadeInSeries ease-in-out 600ms;
    animation-delay: 600ms;
	animation-iteration-count: 1;
	animation-fill-mode:forwards; /*FF 5+*/
	-webkit-animation: fadeInSeries ease-in-out 800ms;
	-webkit-animation-delay: 600ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards; /*FF 5+*/
	-moz-animation: fadeInSeries ease-in-out 800ms;
	-moz-animation-delay: 600ms;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: fadeInSeries ease-in-out 800ms;
	-o-animation-delay: 600ms;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards; /*FF 5+*/
	-ms-animation: fadeInSeries ease-in-out 800ms;
	-ms-animation-delay: 600ms;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards; /*FF 5+*/
}
#fullpage.unttld-gallery.animIn{
	animation: fadeInGallery ease-in-out 600ms;
    animation-delay: 600ms;
	animation-iteration-count: 1;
	animation-fill-mode:forwards; /*FF 5+*/
	-webkit-animation: fadeInGallery ease-in-out 800ms;
	-webkit-animation-delay: 600ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards; /*FF 5+*/
	-moz-animation: fadeInGallery ease-in-out 800ms;
	-moz-animation-delay: 600ms;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: fadeInGallery ease-in-out 800ms;
	-o-animation-delay: 600ms;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards; /*FF 5+*/
	-ms-animation: fadeInGallery ease-in-out 800ms;
	-ms-animation-delay: 600ms;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards; /*FF 5+*/
}

.work-info .is-sold.hide,
.work-info .not-sold.hide{display: none;}



/* ----------------------- error page -----------------------*/

.error-headline-container{text-align: center;background: rgba(19,19,19,0.2);width: 70%;transform: translate(-0%,-50%);padding: 90px 180px;margin: 50vh 0 0 15%; transition: all 500ms ease-in-out;}
.error-headline-container:hover{background: rgba(19,19,19,0.5);}
.error-headline p {font-weight: 900;font-size: 70px;color: white;}
.error-text{color: white;font-weight: 900;font-size: 28px;}
.error-text p a{color:white; border-color: transparent;text-decoration: none;display: inline-block;}
.error-text p a:active, .error-text p a:focus{transform:scale(-1,1);}
.error-text p a:hover{text-decoration: none; transform:scale(-1,1);}

@-webkit-keyframes fadingBackground {
  0% {
    opacity:0.8;
  }
  50% {
    opacity:0.4;
  }
  100% 
    opacity:0.8;
  }
}
 
@keyframes fadingBackground {
  0% {
    opacity:0.8;
  }
  50% {
    opacity:0.4;
  }
  100% {
    opacity:0.8;
  }
}

@keyframes fadeInSeriesItem {
	0%{
		opacity: 0;
		top:20px;
	}
	100%{
		opacity: 1;
		top:0px;
	}
}

@-webkit-keyframes fadeInSeriesItem {
	0%{
		opacity: 0;
		top:20px;
	}
	100%{
		opacity: 1;
		top:0px;
	}
}

@keyframes fadeInGallery {
	0%{
		opacity: 0;
		margin-top:20px;
	}
	100%{
		opacity: 1;
		margin-top:0px;
	}
}

@-webkit-keyframes fadeInGallery {
	0%{
		opacity: 0;
		margin-top:20px;
	}
	100%{
		opacity: 1;
		margin-top:0px;
	}
}

@keyframes fadeInBuyLink {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

@-webkit-keyframes fadeInBuyLink {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

@keyframes fadeInSeries {
	0%{
		opacity: 0; 
		transform: translate(0, -20px );
	}
	100%{
		opacity: 1; 
		transform: translate(0, 0px );
	}
}

@-webkit-keyframes fadeInSeries {
	0%{
		opacity: 0; 
		transform: translate(0, -20px );
	}
	100%{
		opacity: 1; 
		transform: translate(0, 0px );
	}
}

@media (max-width:1680px){
	.unttld-menu p{font-size: 112px;margin: 0 0 -56px 0;}
	.unttld-gallery p.gallery-series-title-scroller{font-size: 112px;}
/* 	.unttld-menu p.activePage a:after{height: 12px;} */
	.custom-linethrough.activePage{height: 12px;}
	.gallery-overview{left: 30%;}
}

@media (max-width:1280px){
	.unttld-menu p{font-size: 84px;margin: 0 0 -28px 0;}
	.unttld-gallery p.gallery-series-title-scroller{font-size: 84px;    transform: translate(0%, -70%);}
/* 	.unttld-menu p.activePage a:after{height: 8px;bottom: 41.5%;} */
	.custom-linethrough.activePage{height: 8px;bottom: 41.5%;}
	.about-text-box,
	.about-video-container{width: 100% !important;max-width: 100% !important;padding-right: 40px !important;flex: 0 0 100%;}
	.mobile-container{width: 100% !important;max-width: 100% !important;padding-right: 40px !important;flex: 0 0 100%;}
/*
	.about-text-box p,
	.contact-content{font-size: 21px;}
*/
	.unttld-aboutVideo{transform: translate(0,-30%);}
	
	.series-nav-bottom{width: 45px;}
	.series-nav-top{width: 45px;}
	.slider-key.right, .slider-key.dive{right: 20px;left:unset;}
	.work-info{right: 20px;left: unset;}
	.slider-key.left{right:90px;left:unset;}
	.gallery-series-title-headline{left:30%;}
	.about-text-box.video-bottom-fix{margin-bottom:120px;}
}

@media (max-width:1020px){
	.gallery-series-title-headline{left:20%;}	
}

@media (max-width:890px){
	.social-menu.mobile{display: inherit;right: 15px;left: unset;bottom: 30px;top: unset;}
	.social-menu.mobile ul li a{font-size: 21px; color:white;}
	.mobile-full{width: 100% !important;max-width: 100% !important;padding-right: 40px !important;flex: 0 0 100%;}
	.free-space,
	.unttld-menu-container,
	.language-links.no-mobile{display: none !important;}
	.contact-content p,
	.about-text-box p{padding: 0 15px;font-size: 21px;}
	.unttld-menu{z-index: 5;opacity: 0;}
	.unttld-menu.showMobileMenu{opacity: 1;left: 15px;}
	.unttld-menu p{color: white;}
	.journey-no-option.visible{left: 15px;}
	.about-video-container{padding: 0 15px !important;}
	.col-inner-space{padding: 0;}
/* 	.unttld-menu p.activePage a:after{background: black;pointer-events: none;} */
	.custom-linethrough.activePage{background: white;pointer-events: none;}
	.unttld-menu p.activePage a:hover {color:white;}
	.unttld-menu p.activePage a:active, .unttld-menu p.activePage a:focus {color:white;text-decoration: none;}
	.unttld-logo{left: 15px;font-size: 21px;position: fixed;top: 20px;z-index: 101;bottom: unset;display:-webkit-inline-box;	}
	.unttld-logo.showMobileMenu a, .unttld-logo.showMobileMenu a:active, .unttld-logo.showMobileMenu a:focus{color: white;}
	/* _____________________ BLACK OR WHITE? _____________________ */
/*
	.mobile-menu,
	.unttld-logo a, .unttld-logo a:active, .unttld-logo a:focus{filter: invert(0); }
	.language-links.mobile.showMobileMenu li a span,
	.mobile-menu .social-menu.mobile ul li a{color:black;}
	.mobile-menu.showMobileMenu,
	.unttld-logo.showMobileMenu a, .unttld-logo.showMobileMenu a:active, .unttld-logo.showMobileMenu a:focus{filter: invert(1);}
	.language-links.mobile.showMobileMenu li a span,
	.mobile-menu .social-menu.mobile ul li a{color:white;}
*/
	/* ___________________________________________________________ */	
	
	.unttld-logo.showMobileMenu a:hover{color:red;}
	.unttld-logo.showMobileMenu {position: fixed;}
	.social-menu{display: none;}
	.language-links{left: 15px;top:unset; bottom:30px;}
	.language-links.mobile li a span{color: white;font-size: 21px;}
	.language-links li.active a.lang-item:after{background: white;height: 3px;transform: translate(0,60%);}
	.language-links li a:hover, .language-links li a:focus, .language-links li a:active{color: white; text-decoration: none;}		
	.language-links.showMobileMenu{display: inherit;}
	.lang-divider{font-size: 21px;color: white;}

	.unttld-gallery p.gallery-series-title-scroller{margin: 0 0 0 15px;transform: translate(0%, -50%);}
	
	.topSpace{margin-top:90px;}
	.mobile-menu.noTouch, .unttld-menu.noTouch{pointer-events: none;}
	.gallery-series-title-headline{left: 15px;font-size: 21px;top:63px;}
	.slider-key, .slider-key:hover{width: 45px;}
	.slider-key.right{right: 15px;left:unset;}
	.slider-key.left{left: 15px; right:unset;}
	.series-info-box{font-size: 21px;}
	.work-info{right: 15px;font-size: 21px;top: 63px;}
	.mobile-menu-btn{display: block;    line-height: 1.2;}
	.unttld-menu p.notActivePage a:hover, .mobile-menu-close:hover, .unttld-logo.showMobileMenu a:hover{color: white;}
	.unttld-logo a:hover, .mobile-menu-btn:hover, .gallery-series-title-scroller a:hover, .gallery-series-title-headline:active{color: white;}
	.slider-key:active {width: 38px;}
	.about-video-box{width:100%;}

	.series-nav-bottom{left: 50%;width: 35px;bottom: 20px;transform: translate(-50%,0)scale(1,-1);}
	.series-nav-top{left: 50%;width: 35px;top: 20px;transform: translate(-50%,0)scale(1,1);}
	.series-nav-bottom:hover{transform: translate(-50%,10px)scale(1,-1);}
	.series-nav-top:hover{transform: translate(-50%,-10px)scale(1,1);}
	.slider-key.dive{right: 15px;left:unset;}
	.gallery-overview{left: 15px;    padding-right: 15px;}
	.gallery-overview .series-item-element .sold-info p {font-size: 21px;}
	.about-text-box.video-bottom-fix{margin-bottom:20px;}
}

@media (max-width:600px){
		.mobile-full{padding-right: 15px !important;}
		.mobile-full.video-bottom-fix{padding-right: 15px !important;padding-left: 15px !important;}
		.mobile-container,
		.about-text-box{padding-right: 0px !important;}
		.unttld-menu p,
		.unttld-gallery p.gallery-series-title-scroller {font-size: 56px;}
		.gallery-overview .series-item-element{padding: 1.5px;}
		.gallery-overview .series-item-element{    width: 12.5%;}
		.about-text-box p{padding: 0;}
}
@media (max-width:540px){
	.gallery-series-title-headline.inner-works.no-mobile{opacity: 0; pointer-events: none;}
	.gallery-series-title-headline.inner-works.yes-mobile{opacity: 1; pointer-events: all; top: unset;bottom: 20px;text-align: left !important;right: unset;left: 15px;}
	.gallery-series-title-headline.inner-works.yes-mobile li{display: inherit;}
	.gallery-series-title-headline.inner-works.yes-mobile li.active:after{display: none;}
	.gallery-series-title-headline.inner-works.yes-mobile li.active .line-through:after{position: absolute; bottom:50%;left: -1%;height: 3px;width: 102%;content: '';background: white;transform: translate(0,120%);}
	.gallery-series-title-headline.inner-works.yes-mobile li .line-through{display: initial;position: relative;}
	.gallery-series-title-headline.inner-works.yes-mobile .series-info-text-link{margin-top: 25px;}
}

@media only screen and (min-device-width: 375px) 
	and (max-device-height: 812px) 
	and (-webkit-device-pixel-ratio: 3) ,
only screen 
	and (min-device-width: 375px) 
	and (max-device-height: 667px) 
	and (-webkit-device-pixel-ratio: 2) ,   (max-width:600px) {
	.journey-option-01, .journey-option-02, .journey-no-option{font-size: 56px;}
	
}