/* ------------------MENU ------------------ */
.links-wrapper,.gears-wrapper,.links,.large-gear,.small-gear,.nav-music,.nav-menu,.nav-contact,.nav-about,.nav-neural{position:relative;}
.menu-wrapper,.links-wrapper,.gears-wrapper{margin:0 auto;}
.links-wrapper{text-align:center;width:50%;}
.gears-wrapper{width:300px;height:300px;padding-top:5%;}
.links{display:inline;opacity:1;text-shadow:none;}
.links a{background:transparent;color:#D67500;font-size:2vw;text-decoration:none;padding:10px;font-weight: 300;}
.links a:hover{background:#D67500;color:#450201;}
.large-gear{background-image:url(../svg/menu/big.svg);background-repeat:no-repeat;background-size:100%;border-radius:50%;width:300px;height:300px;opacity:0;}
.small-gear{background-image:url(../svg/menu/sm.svg);}
.m-letter{position:absolute;/*background-image:url(../svg/menu/mletter.svg);*/z-index: 1;}
.small-gear,.m-letter{background-size:100%;background-repeat:no-repeat;border-radius:50%;width:300px;height:300px;}

.m-letter path{fill: #0c0301;transition: fill 0.5s;}
#two:hover~.gears-wrapper>.gears>.m-letter path,
#three:hover~.gears-wrapper>.gears>.m-letter path,
#four:hover~.gears-wrapper>.gears>.m-letter path{fill:#D67500;}

#one:hover~.gears-wrapper>.gears>.small-gear>.large-gear{-moz-transform:rotate(50deg);-ms-transform:rotate(50deg);-o-transform:rotate(50deg);-webkit-transform:rotate(50deg);opacity:1;transform:rotate(50deg);}
#two:hover~.gears-wrapper .gears>.small-gear>.large-gear{-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);-webkit-transform:rotate(130deg);opacity:1;transform:rotate(130deg);}
#three:hover~.gears-wrapper .gears>.small-gear>.large-gear{-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);-webkit-transform:rotate(30deg);opacity:1;transform:rotate(30deg);}
#four:hover~.gears-wrapper .gears>.small-gear>.large-gear{-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-webkit-transform:rotate(20deg);opacity:1;transform:rotate(20deg);}
#one:hover~.gears-wrapper .gears>.small-gear{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);opacity:1;transform:rotate(-30deg);}
#two:hover~.gears-wrapper .gears>.small-gear{-moz-transform:rotate(-50deg);-ms-transform:rotate(-50deg);-o-transform:rotate(-50deg);-webkit-transform:rotate(-50deg);transform:rotate(-50deg);}
#three:hover~.gears-wrapper .gears>.small-gear{-moz-transform:rotate(70deg);-ms-transform:rotate(70deg);-o-transform:rotate(70deg);-webkit-transform:rotate(70deg);transform:rotate(70deg);}
#four:hover~.gears-wrapper .gears>.small-gear{-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);}
#one:hover~.gears-wrapper .gears>.small-gear>.large-gear>.arrow{filter:alpha(opacity=100);opacity:1;}
#two:hover~.gears-wrapper .gears>.small-gear>.large-gear>.arrow{filter:alpha(opacity=100);opacity:1;}
#three:hover~.gears-wrapper .gears>.small-gear>.large-gear>.arrow{filter:alpha(opacity=100);opacity:1;}
#four:hover~.gears-wrapper .gears>.small-gear>.large-gear>.arrow{filter:alpha(opacity=100);opacity:1;}
.menu-color{stroke:#FFF0B2;}
.menu-fill-color{fill:#FFF0B2;}

#workssvg path, 
#brainsvg path,
#mesvg circle,
#contactsvg path,
#contactsvg line,
.infosvg .st00045,
.infosvg line,
.infosvg .fill-color{-webkit-transition: fill 400ms cubic-bezier(0.68,0,0.265,1.55), stroke 400ms cubic-bezier(0.68,0,0.265,1.55);transition: fill 400ms cubic-bezier(0.68,0,0.265,1.55), stroke 400ms cubic-bezier(0.68,0,0.265,1.55);}

#workssvg path, 
#brainsvg path,
#mesvg circle,
#contactsvg path,
#contactsvg line,
.infosvg .st00045,
.infosvg line{fill: transparent;}


/* MODES */
.modes{position:fixed;z-index:990;/* overflow:hidden; */-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
/* TOGGLE BUTTON */
/*.modes:hover{transform:scale(1.2);}*/
.modes:hover .flux-dot {animation-name: flux-dot-hover;animation-iteration-count:infinite;animation-duration: 1s;}
#time-1,#time-2,#time-3,.flux-dot {opacity:0;animation-duration: 0.5s;animation-timing-function: cubic-bezier(0.66, 0.03, 0.6, 0.51);animation-iteration-count:3;}

.toggleWrapper{position:absolute;width:100%;overflow:hidden;padding:0;background:transparent;}
.modes input{position:absolute;}
.toggle{cursor:pointer;display:inline-block;position:relative;background-color:transparent;border:none;}
.moon-icon{position:absolute;opacity:1;}
.sun-icon{position:absolute;opacity:0;}
.toggle__handler{display:inline-block;position:relative;z-index:1;}
.mode-text{margin-left:0;width: 100%;height: 50%;transition: all 0.7s cubic-bezier(0.68,-0.55,0.265,1.55);}
.am-text,.pm-text{position:absolute;text-align:center;transition:opacity 0.3s ease-in-out;}
.pm-text{color:#FFF0B2;}
.am-text{color:#FFF0EA;opacity:0;margin-left:100%;}
input:checked + label .mode-text .pm-text{opacity:0;}
input:checked + label .mode-text .am-text{opacity:1;}
input:checked + label .mode-text{transform: translateX(-100%);}

/* WINTER CELEBRATIONS */
.winter-mode-pm {position:absolute;top:0;left:0;right:0;bottom:0;background-size: 100%;background-repeat: no-repeat;background-image:url(../svg/main/winter-mode.svg);}
.winter-mode-am {position:absolute;top:0;left:0;right:0;bottom:0;background-size: 100%;background-repeat: no-repeat;background-image:url(../svg/main/winter-mode-am.svg);}
.winter-mode {display:none;}

.christmas-block {display: block;top: 82vw;left: 52vw;}
.tree {top: 0;left: 0;background-size: 100%;background-repeat: no-repeat;}
.christmas-block, .tree {position: absolute;width: 21vw;height: 32vw;}
.christmas-block-mobile {display: block;top: 188vw;left: 13vw;}
.christmas-block-mobile .tree {top: 0;left: 0;background-size: 100%;background-repeat: no-repeat;}
.christmas-block-mobile, .christmas-block-mobile .tree {position: absolute;width: 32vw;height: 48vw;}
.tree-pm {background-image:url(../svg/main/elements/tree/pm-tree.svg);}
.tree-am {background-image:url(../svg/main/elements/tree/am-tree.svg);}
.pm-bulbs-red {background-image:url(../svg/main/elements/tree/pm-bulbs-red.svg);}
.pm-bulbs-yellow {background-image:url(../svg/main/elements/tree/pm-bulbs-yellow.svg);}
.am-bulbs-red {background-image:url(../svg/main/elements/tree/pm-bulbs-red.svg);}
.am-bulbs-yellow {background-image:url(../svg/main/elements/tree/pm-bulbs-yellow.svg);}
.pm-bulbs-red,.am-bulbs-red {animation: bulbs 1s;animation-iteration-count: infinite;animation-delay: -0.5s;}
.pm-bulbs-yellow,.am-bulbs-yellow {animation: bulbs 1s;animation-iteration-count: infinite;}
@keyframes bulbs {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* PARALLAX */

/* MAIN PARALLAX */
.object-wrapper,.layer-back,.layer-front,.layer-text,.works-object-wrapper,.works-layer-back,.works-layer-middle,.works-layer-front,.more-object-wrapper,.more-layer-front,more-layer-back{position:absolute;}
.parallax .object-wrapper .object{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;}
.parallax-perspective{perspective:1px;-webkit-perspective:1px;-moz-perspective:1px;}
.parallax{height: 100vh;overflow-x:hidden;overflow-y: scroll;-webkit-overflow-scrolling:touch;background: #000;}
.object-wrapper{top:0;right: 0;bottom:0;left:0;justify-content:center;/* overflow: hidden; */}
.speed-back{transform:translateZ(-4px) scale(5.1);-webkit-transform:translateZ(-4px) scale(5.1);-moz-transform:translateZ(-4px) scale(5.1);}
.speed-front{transform:translateZ(0px) scale(1);-webkit-transform:translateZ(0px) scale(1);-moz-transform:translateZ(0px) scale(1);}
.speed-text{transform:translateZ(0.5px) scale(0.5);-webkit-transform: translateZ(0.6px) scale(0.4);backface-visibility: hidden;/* overflow: hidden; */-moz-transform:translateZ(0.5px) scale(0.5);}
.object{position:relative;overflow: hidden;}
.layer-text{width:100vw;}
.layer-front-bg,.layer-back-bg,.layer-front-bg-am,.layer-back-bg-am {position: absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:100%;}
.layer-back-bg,.layer-front-bg{visibility:visible;opacity:1;}
.layer-back-bg-am,.layer-front-bg-am{visibility:hidden;opacity:0;-webkit-transition: opacity 1.5s ease-in-out;transition: opacity 1.5s ease-in-out;}
.mode-transitioning .layer-back-bg-am,.mode-transitioning .layer-front-bg-am{will-change:opacity;}
.am-mode-vis .layer-back-bg-am,.am-mode-vis .layer-front-bg-am{visibility:visible;}
.am-mode .layer-back-bg-am,.am-mode .layer-front-bg-am{opacity:1 !important;}
.pm-mode-novis .layer-back-bg,.pm-mode-novis .layer-front-bg{display:none;visibility:hidden;}


/*.layer-back-bg{background-image:url(../svg/main/day-back.svg);}*/
.layer-back-bg::before,.layer-back-bg-am::before,
.layer-back-bg::after,.layer-back-bg-am::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  mix-blend-mode: darken;
  mix-blend-mode: difference;
  mix-blend-mode: exclusion;
  mix-blend-mode: multiply;
}
.layer-back-bg::before {
  background: #000;
  filter: url('../svg/filter.svg#external-noise-filter');
}
.layer-back-bg-am::before {content:none;}

.layer-back-bg::after {
  background-image:url(../svg/main/day-back.svg);
background-repeat:no-repeat;background-size:100%;
  filter: contrast(100%) brightness(150%);
}
.layer-back-bg-am::after {
  background-image:url(../svg/main/day-back-am.svg);
background-repeat:no-repeat;background-size:100%;
  filter: contrast(100%) brightness(150%);
}



.layer-front-bg{background-image:url(../svg/main/day-front.svg);}
.layer-front-bg-am {background-image:url(../svg/main/day-front-am.svg);}
/*.layer-back-bg-am {background-image:url(../svg/main/day-back-am.svg);}*/

/* NEURAL PARALLAX */
.neural-object-wrapper,.neural-layer-back,.neural-layer-middle,.neural-layer-front,.neural-layer-text,.neural-layer-middle{position:absolute;}
.neural-parallax .neural-object-wrapper .neural-object{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;}
.neural-parallax-perspective{perspective:1px;-webkit-perspective:1px;-moz-perspective:1px;}
.neural-parallax{height:100vh;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;background:#000;}
.neural-object-wrapper{top:0;right:0;bottom:0;left: 0;justify-content:center;}
.neural-speed-back{transform:translateZ(-4px) scale(5.1);-webkit-transform:translateZ(-4px) scale(5.1);-moz-transform:translateZ(-4px) scale(5.1);}
.neural-speed-middle{transform:translateZ(-2px) scale(3);-webkit-transform: translateZ(-2px) scale(3.1);-moz-transform:translateZ(-2px) scale(3);}
.neural-speed-front{transform:translateZ(0px) scale(1);-webkit-transform:translateZ(0px) scale(1);-moz-transform:translateZ(0px) scale(1);}
.neural-speed-text{transform:translateZ(0.5px) scale(0.5);-webkit-transform:translateZ(0.5px) scale(0.5);-moz-transform:translateZ(0.5px) scale(0.5);}
.neural-object{position:relative;}
.neural-layer-back,.neural-layer-middle,.neural-layer-front,.neural-layer-text{width:100vw;background-size: 100%;background-repeat:no-repeat;}
.neural-layer-back{height:180vh;}
.neural-layer-front{overflow:hidden;}
.neural-layer-middle{height:180vh;}

/* WORKS PARALLAX */
#works-parallaxed {scroll-behavior: auto;}
.works-parallax .works-object-wrapper .works-object{transform-style:preserve-3d;}
.works-parallax-perspective{perspective:1px;-webkit-perspective:1px;-moz-perspective:1px;}
.works-parallax{height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.works-object-wrapper{top:0;right:0;bottom:0;left:0;}
.works-speed-back{transform:translateZ(-3px) scale(4.1);-webkit-transform:translateZ(-3px) scale(4.1);-moz-transform:translateZ(-3px) scale(4.1);}
.works-speed-middle{transform:translateZ(-2px) scale(3);-webkit-transform:translateZ(-2px) scale(3);-moz-transform:translateZ(-2px) scale(3);}
.works-speed-front{transform:translateZ(0px) scale(1);-webkit-transform:translateZ(0px) scale(1);-moz-transform:translateZ(0px) scale(1);}
.works-speed-text{transform:translateZ(0.5px) scale(0.5);-webkit-transform:translateZ(0.5) scale(1);-moz-transform:translateZ(0.5px) scale(0.5);
pointer-events:none;}
.works-object{position:relative;overflow: hidden;}
.works-layer-back{width:100%;height:140vh;/*background-image:url(../svg/main/night-back.svg);background-size:100%;background-repeat:no-repeat;*/}
.works-layer-middle{width:100%;height:400vh;/*background-image:url(../svg/main/night-middle.svg);background-size:100%;background-repeat:no-repeat;*/}
.works-layer-middle img,.works-layer-back img{width:100%;top:0;left:0;}
.works-layer-front{width:100vw;height:250vh;background-size:100%;background-repeat:no-repeat;}

#neon-arrow{cursor:pointer;animation-duration:3s;animation-timing-function:linear;position:absolute;z-index:998;width:16vw;left:55.5vw;top:13.2vw}
#neon-arrow-glow{pointer-events:none;position:absolute;opacity:0;z-index:999;width:16vw;left:55.5vw;top:13.2vw}
#neon-arrow:hover ~ #neon-arrow-glow{opacity:1}
#works-window-green,#works-window-orange,#works-window-red,#works-window-pink,#works-window-orange2,#works-window-yellow,#works-window-green2,#works-window-orange3{animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;opacity:0;z-index:997}
#works-window-green{animation-delay:1s;width:16vw;left:65.8vw;top:21.9vw}
#works-window-orange{animation-delay:1.1s;width:1.5vw;left:53.89vw;top:41.5vw}
#works-window-red{animation-delay:1.2s;width:1.2vw;left:59.2vw;top:44.8vw}
#works-window-pink{animation-delay:1.3s;width:13vw;left:50.72vw;top:35.75vw}
#works-window-orange2{animation-delay:1.4s;width:.5vw;left:74.4vw;top:40.6vw}
#works-window-yellow{animation-delay:1.5s;width:1.2vw;left:66.53vw;top:53vw}
#works-window-green2{animation-delay:1.6s;width:14.2vw;left:70vw;top:56.7vw}
#works-window-orange3{animation-delay:1.7s;width:15.5vw;left:56.2vw;top:67.85vw}
@keyframes neon-arrow-anim {
0%{opacity:0}
15%{opacity:0}
24%{opacity:1}
25%{opacity:0}
30%{opacity:0}
31%{opacity:1}
32%{opacity:0}
35%{opacity:0}
38%{opacity:1}
}
@keyframes works-window-anim {
from{opacity:0}
to{opacity:1}
}

/* MORE GALLERY PARALLAX */
.more-parallax .more-object-wrapper .more-object{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;}
.parallax-perspective{-webkit-perspective:1px;-moz-perspective:1px;}
.more-parallax{perspective:1px;height:100vh;overflow-x:hidden;overflow-y: scroll;-webkit-overflow-scrolling:touch;}
.more-object-wrapper{top:0;right:0;bottom:0;left:0;justify-content:center;}
.more-speed-back{transform:translateZ(-2px) scale(3);-webkit-transform:translateZ(-2px) scale(3);-moz-transform:translateZ(-2px) scale(3);}
.more-speed-front{transform:translateZ(0px) scale(1);-webkit-transform:translateZ(0px) scale(1);-moz-transform:translateZ(0px) scale(1);}
.more-object{position:relative;}
.more-layer-front,.more-layer-back{width:100%;background-size:100%;background-repeat:no-repeat;}
.more-layer-back{height:270vh;background-image:url(../svg/main/night-more-back.svg);}