#canvas,.floor{position:relative}.floor,.popup__message{-webkit-font-smoothing:antialiased}.popup,.popup__content a{color:#fff}.help__text,.loader__title,.popup,.popup__message{text-align:center}.mute,.popup__close{outline:0!important}.mute,.popup__share__link{text-indent:-999px;overflow:hidden}.floor{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;-moz-osx-font-smoothing:grayscale;z-index:1;height:auto}#canvas:after,#canvas:before{display:block;content:''}.floor--1{background:#030303}#canvas{width:100vw;opacity:0;transition:opacity 1s ease-out;pointer-events:none}#canvas canvas,#canvas:after,.overlay,.popup{position:absolute}#canvas.canvas--visible{opacity:1;pointer-events:initial}#canvas:after,.help,.overlay,.popup{pointer-events:none}#canvas:before{width:100vw;height:65vh}@media screen and (min-width:768px){#canvas{width:100%}#canvas:before{width:100%;height:0;padding-bottom:calc(1110 / 1920 * 100%)}}#canvas:after,.overlay{width:100%;height:100%;top:0;left:0}#canvas canvas{top:0;left:0}#canvas:after{display:none;background-size:cover;background:-moz-radial-gradient(center,ellipse cover,rgba(30,87,153,0) 0,rgba(30,86,151,0) 1%,rgba(5,13,23,.9) 85%,rgba(0,0,0,1) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(30,87,153,0) 0,rgba(30,86,151,0) 1%,rgba(5,13,23,.9) 85%,rgba(0,0,0,1) 100%);background:radial-gradient(ellipse at center,rgba(30,87,153,0) 0,rgba(30,86,151,0) 1%,rgba(5,13,23,.9) 85%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000', GradientType=1 );opacity:.5}.overlay,.popup{opacity:0;transition:all .3s}.overlay--visible,.popup--visible{opacity:1;pointer-events:initial}.overlay{background:rgba(3,11,35,.9);z-index:2}.popup__close:hover,.popup__share__link:hover:after{background:#fff}.popup{top:50%;left:50%;transform:translate(-50%,calc(-50% - 50px));z-index:5;width:90%}.popup:before,.popup__share:before{content:'';display:block;position:absolute;width:calc(100% - 60px);left:50%;transform:translateX(-50%);height:1px;background:#fff;top:0}.popup__content,.popup__message,.quotte{position:relative}.popup--visible{transform:translate(-50%,-30%)}.popup__message{font-size:5vw;line-height:1.35em;font-family:museo300,serif}@media (min-width:768px){.popup{width:550px}.popup--visible{transform:translate(-50%,-40%)}.popup__message{font-size:3vw}}@media (min-width:1024px){.popup{width:840px}.popup:before,.popup__share:before{width:calc(100% - 200px)}.popup--visible{transform:translate(-50%,-50%)}}@media (min-width:1680px){.popup__message{font-size:55px}}.quotte:before{font-family:novecento_sans_wide_bookbold,sans-serif;font-size:1.7em;margin-bottom:-.5em;display:inline-block;position:absolute;left:0}.quotte--before:before{content:'“';padding-right:.1em;transform:translateX(-100%);top:-.15em}.quotte--after:before{content:'”';padding-left:.1em;top:-.05em}.popup__close{position:absolute;top:-60px;right:100px;width:40px;height:40px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:30px;line-height:40px;font-family:museo300;transition:all .25s}.popup__close:before{content:'×';display:inline-block;width:100%;height:100%;font-size:26px;margin-top:-4px;transition:all .3s}.popup__message:after,.popup__message:before,.popup__share__link:after,.popup__share__link:before{content:'';display:block}.help,.help__text{transition:all .25s}.popup__close:hover:before{color:#b20338;color:rgba(3,11,35,.9)}.popup__message{padding:60px 0}.popup__share{position:relative;padding:30px 0 0}.popup__share h3{text-transform:uppercase;font-family:novecento_sans_wide_bookbold,sans-serif;font-size:18px;margin:15px 0;font-weight:400}.help,.loader__title{font-family:museo300,serif}.popup__share__link{display:inline-block;width:60px;height:60px;position:relative}.popup__share__link+.popup__share__link{margin-left:20px}.popup__share__link:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.popup__share__link:after{width:100%;height:100%;position:absolute;top:50%;left:50%;border:2px solid #fff;border-radius:50%;margin:-30px 0 0 -30px;transition:all .25s}.popup__share__link--fb:before{background:url(/images/3d/ico-fb.png) 50% 50% no-repeat;width:10px;height:20px}.popup__share__link--fb:hover:before{background-image:url(/images/3d/ico-fb-hover.png)}.popup__visual{display:block;position:absolute}.popup__message:after,.popup__message:before{position:absolute;background-repeat:no-repeat;background-position:50 50%;background-size:contain;z-index:2}.popup__message:before{top:0;left:calc(.75 * 150px);width:calc(.75 * 120px);height:calc(.75 * 120px);transform:translateY(-55%)}.popup__message:after{bottom:0;right:calc(.75 * 200px);width:calc(.75 * 65px);height:calc(.75 * 65px);transform:translateY(75%)}.popup[data-fruit=raspberry] .popup__message:before{background-image:url(/images/3d/popup-raspberry-1.png);width:calc(.75 * 105px);height:calc(.75 * 111px)}.popup[data-fruit=raspberry] .popup__message:after{background-image:url(/images/3d/popup-raspberry-2.png);width:calc(.75 * 63px);height:calc(.75 * 61px)}.popup[data-fruit=grepfruit] .popup__message:before{background-image:url(/images/3d/popup-grep-1.png);width:calc(.75 * 168px);height:calc(.75 * 158px);left:auto;right:calc(.75 * 245px);transform:translateY(-75%)}.popup[data-fruit=grepfruit] .popup__message:after{background-image:url(/images/3d/popup-grep-2.png);width:calc(.75 * 156px);height:calc(.75 * 120px);right:auto;left:calc(.75 * 165px);transform:translateY(60%)}.popup[data-fruit=strawberry] .popup__message:before{background-image:url(/images/3d/popup-strawberry-1.png);width:calc(.75 * 72px);height:calc(.75 * 76px);transform:translateY(-55%)}.popup[data-fruit=strawberry] .popup__message:after{background-image:url(/images/3d/popup-strawberry-2.png);width:calc(.75 * 120px);height:calc(.75 * 143px);transform:translateY(65%);right:40px}.popup[data-fruit=cranberry] .popup__message:before{background-image:url(/images/3d/popup-cranberry-1.png);width:calc(.75 * 111px);height:calc(.75 * 111px);transform:translateY(-70%)}.popup[data-fruit=cranberry] .popup__message:after{background-image:url(/images/3d/popup-cranberry-2.png);width:calc(.75 * 66px);height:calc(.75 * 67px);transform:translateY(65%)}.popup[data-fruit=vitamin] .popup__message:before{background-image:url(/images/3d/popup-vitamin-1.png);width:calc(.75 * 97px);height:calc(.75 * 108px);left:calc(.75 * 80px);transform:translateY(-60%)}.popup[data-fruit=vitamin] .popup__message:after{background-image:url(/images/3d/popup-vitamin-2.png);width:calc(.75 * 75px);height:calc(.75 * 77px);right:30px;transform:translateY(40%)}.popup[data-fruit=mg] .popup__message:before{background-image:url(/images/3d/popup-mg-1.png);width:calc(.75 * 129px);height:calc(.75 * 114px);left:calc(.75 * 80px);transform:translateY(-60%)}.popup[data-fruit=mg] .popup__message:after{background-image:url(/images/3d/popup-mg-2.png);width:calc(.75 * 79px);height:calc(.75 * 54px);right:30px;transform:translateY(47%)}@media (min-width:1024px){.popup__message:before{top:0;left:150px;width:120px;height:120px;transform:translateY(-55%)}.popup__message:after{bottom:0;right:200px;width:65px;height:65px;transform:translateY(75%)}.popup[data-fruit=raspberry] .popup__message:before{background-image:url(/images/3d/popup-raspberry-1.png);width:105px;height:111px}.popup[data-fruit=raspberry] .popup__message:after{background-image:url(/images/3d/popup-raspberry-2.png);width:63px;height:61px}.popup[data-fruit=grepfruit] .popup__message:before{background-image:url(/images/3d/popup-grep-1.png);width:168px;height:158px;left:auto;right:245px;transform:translateY(-75%)}.popup[data-fruit=grepfruit] .popup__message:after{background-image:url(/images/3d/popup-grep-2.png);width:156px;height:120px;right:auto;left:165px;transform:translateY(60%)}.popup[data-fruit=strawberry] .popup__message:before{background-image:url(/images/3d/popup-strawberry-1.png);width:72px;height:76px;transform:translateY(-55%)}.popup[data-fruit=strawberry] .popup__message:after{background-image:url(/images/3d/popup-strawberry-2.png);width:120px;height:143px;transform:translateY(65%);right:150px}.popup[data-fruit=cranberry] .popup__message:before{background-image:url(/images/3d/popup-cranberry-1.png);width:111px;height:111px;transform:translateY(-70%)}.popup[data-fruit=cranberry] .popup__message:after{background-image:url(/images/3d/popup-cranberry-2.png);width:66px;height:67px;transform:translateY(65%)}.popup[data-fruit=vitamin] .popup__message:before{background-image:url(/images/3d/popup-vitamin-1.png);width:97px;height:108px;left:140px;transform:translateY(-60%)}.popup[data-fruit=vitamin] .popup__message:after{background-image:url(/images/3d/popup-vitamin-2.png);width:75px;height:77px;right:130px;transform:translateY(40%)}.popup[data-fruit=mg] .popup__message:before{background-image:url(/images/3d/popup-mg-1.png);width:129px;height:114px;left:140px;transform:translateY(-60%)}.popup[data-fruit=mg] .popup__message:after{background-image:url(/images/3d/popup-mg-2.png);width:79px;height:54px;right:130px;transform:translateY(50%)}}.help{position:absolute;top:5%;left:50%;transform:translate(-50%,-30px);z-index:2;opacity:0}.help--visible{opacity:1;transform:translate(-50%,0);pointer-events:initial}.help:hover .help__text{opacity:1;pointer-events:initial;transform:translateY(0)}.help__label:after,.help__text,.mute{pointer-events:none}.help__label{color:#fff;margin:1em 0;display:inline-block;text-decoration:none}.help__label:after,.help__text:before,.loader__content:before{display:block;content:''}@keyframes arrowPulse{to{transform:translateY(50%)}}.help__label:after{width:11px;height:17px;margin:10px auto 0;background:url(/images/3d/help-arrow.png) 50% 50% no-repeat;background-size:contains;animation:arrowPulse .7s infinite alternate ease-in}.help__text{box-sizing:border-box;background:#fff;padding:1em 2em;border:1px solid #b20338;border-radius:5px;position:absolute;left:100%;top:0;margin-left:1em;color:#b20338;width:190px;opacity:0;transform:translateY(-30px)}.help__text:before{width:0;height:0;border-style:solid;border-width:10px 15px 10px 0;border-color:transparent #fff transparent transparent;position:absolute;top:1em;left:-14px;filter:drop-shadow(-2px 0 0 #b20338)}.loader{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/3d/loader-bg.jpg) 50% 50% no-repeat #000;background-size:cover;transition:all .5s ease-in}.loader.loader--loaded{opacity:0;pointer-events:none}.loader__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .75s ease-in}.loader.loader--loaded .loader__content{transform:translate(-50%,-50%) scale(2)}#oldie,.mute:after,.mute:before{position:absolute;transform:translate(-50%,-50%)}.loader__content:before{width:107px;height:111px;background:url(/images/3d/loader-raspberry.png) 50% 50% no-repeat;background-size:cover;margin:0 auto 55px}.loader__title{color:#fff;margin-bottom:.5em}.loader__bullets{white-space:nowrap;list-style:none;margin:0;padding:0}.loader__bullets__item{display:inline-block;width:10px;height:10px;margin:0 3px;padding:0;border-radius:50%;background:#e9a6a7;overflow:hidden}@keyframes bullet{from{opacity:0}to{opacity:1}}.loader__bullets__item:before{content:'';display:block;width:10px;height:10px;background:#440707;animation:bullet 1s alternate infinite}.loader__bullets__item:nth-child(1):before{animation-delay:0}.loader__bullets__item:nth-child(2):before{animation-delay:.1s}.loader__bullets__item:nth-child(3):before{animation-delay:.2s}.loader__bullets__item:nth-child(4):before{animation-delay:.3s}.loader__bullets__item:nth-child(5):before{animation-delay:.4s}.loader__bullets__item:nth-child(6):before{animation-delay:.5s}.loader.loader--loaded .loader__bullets__item:before{animation-play-state:paused}#oldie{top:50%;left:50%;margin:0!important}.mute{border:1px solid #fff;border-radius:50%;opacity:0;position:absolute;top:20px;left:20px;color:#fff;z-index:1;transition:opacity .25s;display:block;width:40px;height:40px;cursor:pointer}.mute:after,.mute:before{content:'';display:block;top:50%;left:50%}.mute:before{width:13px;height:17px;background:url(/images/3d/note.png) 50% 50% no-repeat}.mute:after{width:21px;height:21px;background:url(/images/3d/mute.png) 50% 50% no-repeat}.mute:hover{background:#fff}.mute:hover:before{background-image:url(/images/3d/note-hover.png)}.mute:hover:after{background-image:url(/images/3d/mute-hover.png)}.mute.visible{opacity:1;pointer-events:initial}.mute.playing:after{display:none}