.case-study-wrapper.case-study--mattoni{opacity:1;color:#546679;position:relative}.case-study-wrapper.case-study--mattoni:after{content:"";z-index:-1;background:#1e2730;width:100%;height:100%;display:block;position:absolute;top:0;left:0}@media only print,only screen and (min-width:1440px){.case-study-wrapper.case-study--mattoni:after{top:90px}}.case-study-wrapper.case-study--mattoni .section--floor,.case-study-wrapper.case-study--mattoni .section--floor .container{top:0;left:0;transform:translate(0,0)}.case-study-wrapper.case-study--mattoni .section--digitalart{background:#ccdde7;padding-bottom:0}.case-study-wrapper.case-study--mattoni .section--digitalart:after{content:"";background:url(/img/jpg/mattoni-bottle-mobile.jpg) 100% 0/cover no-repeat;padding-bottom:50%;display:block}.case-study-wrapper.case-study--mattoni .section--digitalart .container{width:280px}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--mattoni .section--digitalart{min-height:320px}.case-study-wrapper.case-study--mattoni .section--digitalart .container{width:60%}}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .section--digitalart{background:#fff;padding-bottom:60px}.case-study-wrapper.case-study--mattoni .section--digitalart:after{background:url(/img/jpg/mattoni-bottle.jpg) 0 no-repeat;width:50%;height:100%;padding-bottom:0;position:absolute;top:0;right:0}.case-study-wrapper.case-study--mattoni .section--digitalart .container{width:auto}}@media only print,only screen and (min-width:650px) and (min-width:650px){.case-study-wrapper.case-study--mattoni .section--digitalart .section__part{width:50%}}.case-study-wrapper.case-study--mattoni .section--videos{padding-top:40px;padding-bottom:40px;overflow:hidden}.case-study-wrapper.case-study--mattoni .section--videos video{height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .section--videos video{width:100%;height:auto}}.case-study-wrapper.case-study--mattoni .section--videos:after{content:"";background:url(/img/png/mattoni-dots.png);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.case-study-wrapper.case-study--mattoni .section--videos .container{z-index:2}.case-study-wrapper.case-study--mattoni .section--optimizations .container{max-width:1040px}@media only print,only screen and (max-width:650px){.case-study-wrapper.case-study--mattoni .section--optimizations{padding-top:0}}@media only print,only screen and (max-width:767px){.case-study-wrapper.case-study--mattoni .section--iconography{padding-top:0}.case-study-wrapper.case-study--mattoni .section--iconography .container{width:110%;transform:translate(-5%)}}.case-study-wrapper.case-study--mattoni .section--html5{background:url(/img/jpg/mattoni-product-slider-apples.jpg) 50%/cover no-repeat;padding:0}.case-study-wrapper.case-study--mattoni .section--interactive{background:#fff;padding-top:130px;padding-bottom:0}.case-study-wrapper.case-study--mattoni .section--interactive:after{content:"";pointer-events:none;border:2px dotted #546679;border-radius:40px;width:90%;max-width:960px;position:absolute;top:140px;bottom:30px;left:50%;transform:translate(-50%)}@media only print,only screen and (min-width:767px){.case-study-wrapper.case-study--mattoni .section--interactive{padding-bottom:220px}.case-study-wrapper.case-study--mattoni .section--interactive:after{bottom:180px}}.case-study-wrapper.case-study--mattoni .section--parallax{padding-top:0;display:block}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .section--parallax{padding-top:50px;padding-bottom:130px;display:block}}@media only print,only screen and (min-width:1280px){.case-study-wrapper.case-study--mattoni .section--parallax .container{max-width:1040px}}.case-study-wrapper.case-study--mattoni .section--cocktails{background:url(/img/jpg/mattoni-drinks-bg-mobile.jpg) 100%/cover no-repeat}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .section--cocktails{background:url(/img/jpg/mattoni-drinks-bg.jpg) 50%/cover no-repeat;padding-top:80px;padding-bottom:220px}}@media only print,only screen and (min-width:1440px){.case-study-wrapper.case-study--mattoni .section--cocktails{padding-bottom:260px}}.case-study-wrapper.case-study--mattoni .section--next{padding-bottom:70px;position:relative}.case-study-wrapper.case-study--mattoni .cols--3 img{max-width:100%;display:block}.case-study-wrapper.case-study--mattoni .col--1-of-3{padding:0 40px;position:relative}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .col--1-of-3{padding:0 25px}}.case-study-wrapper.case-study--mattoni .col--1-of-3 .ico--outline{position:absolute;bottom:-60px;left:-15px}.case-study-wrapper.case-study--mattoni .header--case{background:#7f634c url(/img/jpg/mattoni-intro-bg.jpg) 50%/cover no-repeat;top:0;left:0}.case-study-wrapper.case-study--mattoni .header--case:after{content:"";background:url(/img/png/mattoni-dots.png);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.case-study-wrapper.case-study--mattoni .heading--primary{color:#fff}.case-study-wrapper.case-study--mattoni .header--description{color:#ffe4a4}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .header--description{font-size:1.125rem}}.case-study-wrapper.case-study--mattoni .header--description .heading,.case-study-wrapper.case-study--mattoni .header--description .heading__subtitle{opacity:0;backface-visibility:hidden;transition:transform .15s ease-in,opacity .3s ease-in;position:relative;overflow:hidden}.case-study-wrapper.case-study--mattoni .header--description .heading{transform:translate(40px)}.case-study-wrapper.case-study--mattoni .header--description .heading__subtitle{font-size:1rem;display:inline-block;transform:translate(-40px)}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .header--description .heading__subtitle{font-size:1.125rem}}.case-study-wrapper.case-study--mattoni .section--animate .header--description .heading,.case-study-wrapper.case-study--mattoni .section--animate .header--description .heading__subtitle{opacity:1;transform:translate(0)}.case-study-wrapper.case-study--mattoni .section--digitalart .header{padding-top:0}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .section--digitalart .header{text-align:left;padding-left:40px;padding-right:40px}}@media only print,only screen and (min-width:1280px){.case-study-wrapper.case-study--mattoni .section--digitalart .header{padding-top:45px;padding-right:115px}.case-study-wrapper.case-study--mattoni .section--digitalart .header:after{margin-bottom:70px}}.case-study-wrapper.case-study--mattoni .section--digitalart .heading--primary{color:#546679}.case-study-wrapper.case-study--mattoni .section--digitalart p{font-size:1rem;line-height:1.3em}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--mattoni .section--digitalart p{font-size:1.125rem}}.case-study-wrapper.case-study--mattoni .section--videos .header{width:90%;padding-top:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only print,only screen and (max-width:767px){.case-study-wrapper.case-study--mattoni .section--videos .header .heading__subtitle span{display:block}.case-study-wrapper.case-study--mattoni .section--videos .header .heading__subtitle span+span{margin-top:.2em}}.case-study-wrapper.case-study--mattoni .section--optimizations .header{max-width:960px;margin-left:auto;margin-right:auto}@media only print,only screen and (max-width:650px){.case-study-wrapper.case-study--mattoni .section--optimizations .heading--primary{width:100%}.case-study-wrapper.case-study--mattoni .section--optimizations .heading__subtitle{width:80%}}@media only print,only screen and (max-width:767px){.case-study-wrapper.case-study--mattoni .section--iconography .header{padding-top:0}}.case-study-wrapper.case-study--mattoni .section--html5{z-index:2}.case-study-wrapper.case-study--mattoni .section--html5 .heading__subtitle{color:#fff;-webkit-font-smoothing:antialiased}.case-study-wrapper.case-study--mattoni .section--interactive .heading--primary,.case-study-wrapper.case-study--mattoni .section--interactive .heading__subtitle{color:#c8a042}@media only print,only screen and (max-width:650px){.case-study-wrapper.case-study--mattoni .section--interactive .heading__subtitle{width:72%;margin:0 auto}}.case-study-wrapper.case-study--mattoni .section--parallax .header{max-width:650px;margin:0 auto}.case-study-wrapper.case-study--mattoni .section--cocktails .header{width:75%;margin:0 auto;padding-top:0;padding-bottom:60px}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .section--cocktails .header{text-align:left;width:50%;margin:0;padding-bottom:0;padding-left:40px}.case-study-wrapper.case-study--mattoni .section--cocktails .header--description{width:70%}.case-study-wrapper.case-study--mattoni .section--cocktails .header--description .heading{margin-left:0}}.case-study-wrapper.case-study--mattoni .section--next .header{padding-top:0}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .section--next .header{width:60%;margin:0 auto}}.case-study-wrapper.case-study--mattoni .section--letyourbodydrive .header{padding-top:0}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .section--letyourbodydrive .header{text-align:left;max-width:400px;padding-top:25px;padding-left:40px}}.case-study-wrapper.case-study--mattoni .section--letyourbodydrive .heading__subtitle{max-width:200px}.case-study-wrapper.case-study--mattoni .section--3d .header{padding:0}.case-study-wrapper.case-study--mattoni .section--3d .heading--primary{margin-top:0;margin-bottom:1em;padding-top:1em}.case-study-wrapper.case-study--mattoni .section--game .header{padding:0}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .section--game .heading--primary{padding-bottom:1em}}.case-study-wrapper.case-study--mattoni .section--motion .header{max-width:500px;margin-left:auto;margin-right:auto}@media only print,only screen and (max-width:649px){.case-study-wrapper.case-study--mattoni .section--motion{margin-top:60px}.case-study-wrapper.case-study--mattoni .section--motion .header{padding-top:0}}.case-study-wrapper.case-study--mattoni .section--social .header{max-width:670px;margin-left:auto;margin-right:auto;padding:50px 0 60px}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .section--social .header{padding-top:110px}}.case-study-wrapper.case-study--mattoni .section--breaking .header{width:90%;max-width:630px;margin-left:auto;margin-right:auto}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .section--breaking .header{width:75%}}.case-study-wrapper.case-study--mattoni .section--next .btn--primary span,.case-study-wrapper.case-study--mattoni .section--next .btn--primary span:hover,.case-study-wrapper.case-study--mattoni .section--next .btn--primary span:active{color:#7f634c}.case-study-wrapper.case-study--mattoni .section--next .btn--primary span{background-color:#ffe4a4}.case-study-wrapper.case-study--mattoni .intro{text-align:center;align-items:center;display:flex;position:relative;overflow:hidden}.case-study-wrapper.case-study--mattoni .intro__text{z-index:2;width:100%;max-width:960px;margin:0 auto;position:relative}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .intro__text{width:90%}}.case-study-wrapper.case-study--mattoni .intro__customer,.case-study-wrapper.case-study--mattoni .intro__perex,.case-study-wrapper.case-study--mattoni .intro__title{opacity:0;transform-style:preserve-3d;transition:opacity .3s ease-out,transform .3s linear}.case-study-wrapper.case-study--mattoni .intro__customer{color:#ffe4a4;transform:translate(10px)}.case-study-wrapper.case-study--mattoni .intro__perex,.case-study-wrapper.case-study--mattoni .intro__title{color:#fff}.case-study-wrapper.case-study--mattoni .intro__perex{transition-delay:.1s;transform:translate(30px)}.case-study-wrapper.case-study--mattoni .intro__title{font-size:3.125rem;transition-delay:.2s;position:relative;transform:translate(60px)}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .intro__title{margin-bottom:25px;font-size:4.375rem}}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--mattoni .intro__title{font-size:8.125rem}}.case-study-wrapper.case-study--mattoni .intro__title span{font-size:.43em;line-height:.75em;display:inline-block;position:absolute;top:50%;transform:rotate(-90deg)translate(35%)translateY(-140%)}.case-study-wrapper.case-study--mattoni .section--animate .intro__customer,.case-study-wrapper.case-study--mattoni .section--animate .intro__perex,.case-study-wrapper.case-study--mattoni .section--animate .intro__title{opacity:1;transform:translate(0)}.case-study-wrapper.case-study--mattoni .intro__actions{display:inline-block}.case-study-wrapper.case-study--mattoni .icons__item__image{color:#323232;fill:#ffe4a4}.case-study-wrapper.case-study--mattoni .icons__item__label{color:#ffe4a4}.case-study-wrapper.case-study--mattoni .icons__item a:hover .icons__item__image{color:#7f634c;fill:#fff}.case-study-wrapper.case-study--mattoni .icons__item a:hover .icons__item__label{color:#fff}.case-study-wrapper.case-study--mattoni .mouse{color:#ffe4a4;border-color:#ffe4a4}.case-study-wrapper.case-study--mattoni .mouse__wheel{background-color:#ffe4a4}.case-study-wrapper.case-study--mattoni .intro .mouse{z-index:2;bottom:65px;margin-left:-24px!important;left:50%!important}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--mattoni .intro .mouse{bottom:40px}}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-slide:not(.slick-current){opacity:.35;filter:alpha(opacity=35)}.case-study-wrapper.case-study--mattoni .screens--desktop.slick-slider{margin:60px 0 0!important}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-slide{padding-top:30px;transform:scale(.9)translateY(200px);outline:none!important}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .screens--desktop .slick-slide{padding-top:0}}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-list{padding:25% 0!important}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-list:before{content:"";z-index:5;border:1px solid #ffe4a4;border-radius:50px;width:calc(100% - 1px);height:calc(50% + 110px);max-height:660px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-current{z-index:2!important;transform:scale(1)!important}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-current+.slick-slide{z-index:1!important;transform:scale(.9)translateY(-200px)!important}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-arrow{z-index:5;width:20px;height:30px}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-arrow,.case-study-wrapper.case-study--mattoni .screens--desktop .slick-arrow:hover,.case-study-wrapper.case-study--mattoni .screens--desktop .slick-arrow:focus{color:#fff}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-dots{z-index:10;width:auto;top:50%;bottom:auto;right:12px;transform:translateY(-50%)}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-dots li{width:auto;height:auto;margin:5px 5px 10px;display:block}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-dots li button{background:#ffe4a4;border-radius:50%;width:4px;height:4px;margin:auto;padding:0}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-dots li button:before{content:none}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-dots li.slick-active button{width:9px;height:9px}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-prev,.case-study-wrapper.case-study--mattoni .screens--desktop .slick-next{z-index:15;color:#ffe4a4;transition:all .5s;left:50%;transform:translate(-50%)}@media only print,only screen and (max-width:420px){.case-study-wrapper.case-study--mattoni .screens--desktop .slick-prev,.case-study-wrapper.case-study--mattoni .screens--desktop .slick-next{display:none!important}}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-prev:hover,.case-study-wrapper.case-study--mattoni .screens--desktop .slick-next:hover{color:#ffcd58}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-prev{top:calc(50% - 400px);transform:rotate(-90deg)translate(-50%)}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-next{top:auto;bottom:calc(50% - 400px);transform:rotate(90deg)translate(-50%)}@media only print,only screen and (max-width:1100px){.case-study-wrapper.case-study--mattoni .screens--desktop .slick-prev{top:60px}.case-study-wrapper.case-study--mattoni .screens--desktop .slick-next{bottom:60px}}.case-study-wrapper.case-study--mattoni .screens--mobile{width:100%;height:548px;max-width:623px!important}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-slide:not(.slick-current):before{content:"";opacity:.7;width:266px;height:100%;filter:alpha(opacity=70);background:#000;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.case-study-wrapper.case-study--mattoni .screens--mobile.slick-slider{margin:80px auto 0!important}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-list{width:630px;margin:0 auto;position:absolute;top:0;left:50%;transform:translate(-50%);padding:68px 0!important}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-list:before{content:"";z-index:5;background:url(/img/png/mattoni-slick-phone.png);width:289px;height:548px;position:absolute;top:0;left:50%;transform:translate(-50%)}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-slide{z-index:1;outline:none;transform:scale(.9)translate(485px)!important}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-current{z-index:2!important;transform:scale(1)!important}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-current+.slick-slide{z-index:1!important;transform:scale(.9)translate(-485px)!important}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-current+.slick-slide~.slick-slide{transform:scale(.8)translate(-142px)!important}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-arrow{z-index:5;width:20px;height:30px}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-arrow,.case-study-wrapper.case-study--mattoni .screens--mobile .slick-arrow:hover,.case-study-wrapper.case-study--mattoni .screens--mobile .slick-arrow:focus{color:#fff}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-dots{z-index:10;width:auto;bottom:27px;left:50%;transform:translate(-50%)}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-dots li{width:auto;height:auto;margin:5px}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-dots li button{background:#ffe4a4;border-radius:50%;width:4px;height:4px;margin:auto;padding:0}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-dots li button:before{content:none}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-dots li.slick-active button{width:9px;height:9px}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-prev,.case-study-wrapper.case-study--mattoni .screens--mobile .slick-next{color:#ffe4a4;transition:all .5s}@media only print,only screen and (max-width:420px){.case-study-wrapper.case-study--mattoni .screens--mobile .slick-prev,.case-study-wrapper.case-study--mattoni .screens--mobile .slick-next{display:none!important}}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-prev:hover,.case-study-wrapper.case-study--mattoni .screens--mobile .slick-next:hover{color:#ffcd58}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-prev{left:10px;transform:rotate(-180deg)translateY(50%)}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-next{right:calc(50% - 200px)}.case-study-wrapper.case-study--mattoni .screens--mobile .slick-prev{left:calc(50% - 200px)}.case-study-wrapper.case-study--mattoni .video-border{border:2px dotted #ffe4a4;border-radius:40px;width:90%;position:relative;top:10%;left:5%}.case-study-wrapper.case-study--mattoni .video-border:before{content:"";padding-bottom:100%;display:block}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--mattoni .video-border:before{padding-bottom:75%}}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .video-border:before{padding-bottom:50%}}.case-study-wrapper.case-study--mattoni .screens{position:relative}.case-study-wrapper.case-study--mattoni .screen{transition:transform .3s;position:relative;transform:scale(.9)}.case-study-wrapper.case-study--mattoni .screen__image{max-width:100%;margin:0 auto;padding:0 39px;display:block}.case-study-wrapper.case-study--mattoni .screen--active{z-index:2;transform:scale(1)}.case-study-wrapper.case-study--mattoni .screen--active .screen__image{opacity:1}.case-study-wrapper.case-study--mattoni .screens--desktop{max-width:100%;margin-top:70px;margin-bottom:75px;display:none}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .screens--desktop{display:block}.case-study-wrapper.case-study--mattoni .screens--mobile{width:auto;max-width:100%;margin:0 auto}}.case-study-wrapper.case-study--mattoni .screens--mobile img{max-width:100%;margin:0 auto;display:block}@media only print,only screen and (max-width:767px){.case-study-wrapper.case-study--mattoni .section--iconography{padding-top:0}}.case-study-wrapper.case-study--mattoni .iconography{text-align:center;max-width:100%;position:relative}.case-study-wrapper.case-study--mattoni .iconography:before{content:"";padding-bottom:37.8%;display:block}.case-study-wrapper.case-study--mattoni .iconography__icons{max-width:100%;height:100%;margin:0 auto;display:block;position:absolute;top:0;left:0}.case-study-wrapper.case-study--mattoni .product-slider{position:relative}.case-study-wrapper.case-study--mattoni .product-slider__slide{display:flex;position:relative}.case-study-wrapper.case-study--mattoni .product-slider__slide__part{flex:1}.case-study-wrapper.case-study--mattoni .product-slider__slide__part--product{background:url(/img/png/mattoni-product-apple.png) 50% 0/cover no-repeat;display:none}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .product-slider__slide__part--product{background-size:auto 100%;display:block}}.case-study-wrapper.case-study--mattoni .product-slider__slide__part--text{padding-top:60px;padding-bottom:45%}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .product-slider__slide__part--text{padding-bottom:120px}}.case-study-wrapper.case-study--mattoni .product-slider__slide__visual{background:url(/img/png/mattoni-product-apple-visual.png) 50%/contain no-repeat;width:100%;position:absolute;bottom:0;left:0;transform:translateY(45%)}.case-study-wrapper.case-study--mattoni .product-slider__slide__visual:before{content:"";padding-bottom:60%;display:block}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .product-slider__slide__visual{width:40%;min-width:400px;bottom:0;left:50%;transform:translate(-10%,45%)}.case-study-wrapper.case-study--mattoni .product-slider__slide__part--text{padding-top:80px;padding-bottom:180px}}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--mattoni .product-slider__slide__part--text{text-align:left}}.case-study-wrapper.case-study--mattoni .dehydration{text-align:left;background:#ffe4a4;border-radius:3px;margin:65px -6% 0;padding:40px 0 90px}@media only print,only screen and (min-width:767px){.case-study-wrapper.case-study--mattoni .dehydration{margin:45px -2% 0;padding:40px 0}}.case-study-wrapper.case-study--mattoni .dehydration__content{width:70%;max-width:760px;margin:0 auto}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .dehydration__content{width:80%}}.case-study-wrapper.case-study--mattoni .dehydration__content__label{text-transform:uppercase;width:60%;font-family:Lexend,Arial,sans-serif;font-size:.875rem}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .dehydration__content__label{width:100%}}.case-study-wrapper.case-study--mattoni .dehydration__content__description{width:75%;font-size:.875rem}.case-study-wrapper.case-study--mattoni .dehydration__content__description strong{font-weight:400}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .dehydration__content__description{width:50%;font-size:1rem}}.case-study-wrapper.case-study--mattoni .dehydration__content__meter{max-width:450px;margin:25px 0;display:block;transform:translate(-65%)}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .dehydration__content__meter{max-width:80%;margin:15px 0 15px -8px;transform:translate(0)}}.case-study-wrapper.case-study--mattoni .dehydration__runner{z-index:2;background:url(/img/png/mattoni-runner.png) no-repeat;width:214px;position:absolute;bottom:0;right:0;transform:translate(-30%,32%)}.case-study-wrapper.case-study--mattoni .dehydration__runner:before{content:"";padding-bottom:146.5%;display:block}@media only print,only screen and (max-width:1023px){.case-study-wrapper.case-study--mattoni .dehydration__runner{transform:translate(-5%,30%)}}@media only print,only screen and (max-width:767px){.case-study-wrapper.case-study--mattoni .dehydration__runner{transform:scaleX(-1)translate(-50%,-30%)}}.case-study-wrapper.case-study--mattoni .cocktails{width:320px;display:none;position:absolute;top:50%;right:0;transform:translateY(-60%)}.case-study-wrapper.case-study--mattoni .cocktails:before{content:"";padding-bottom:100%;display:block}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .cocktails{display:block}}.case-study-wrapper.case-study--mattoni .cocktail{-webkit-font-smoothing:antialiased;background:#fff;border-radius:500px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.case-study-wrapper.case-study--mattoni .cocktail strong{font-weight:600}.case-study-wrapper.case-study--mattoni .cocktail__header{text-transform:uppercase;margin-bottom:10px;font-family:Lexend,Arial,sans-serif;font-size:1.25rem;font-weight:200}.case-study-wrapper.case-study--mattoni .parallax-frame{width:80%;max-width:960px;height:330px;margin:80px auto 30px;position:relative}.case-study-wrapper.case-study--mattoni .parallax-frame:before{content:"";z-index:-1;border:1px solid #ffe4a4;border-radius:20px;display:block;position:absolute;inset:-20px}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .parallax-frame{width:90%;height:635px}.case-study-wrapper.case-study--mattoni .parallax-frame:before{border-radius:30px;inset:-30px}}@media only print,only screen and (min-width:1280px){.case-study-wrapper.case-study--mattoni .parallax-frame{width:100%}.case-study-wrapper.case-study--mattoni .parallax-frame:before{border-radius:40px;inset:-40px}}.case-study-wrapper.case-study--mattoni .parallax-frame-viewport{width:100%;height:100%;overflow:hidden}.case-study-wrapper.case-study--mattoni .parallax--image{height:200px;position:relative;overflow:hidden}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .parallax--image{height:350px}}.case-study-wrapper.case-study--mattoni .parallax--image-bg{background-position:top;background-repeat:no-repeat;background-size:480px;width:100%;height:100%}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--mattoni .parallax--image-bg{background-size:1280px}}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .parallax--image-bg{background-size:1280px}}.case-study-wrapper.case-study--mattoni .parallax--image-karlovy-vary{background-image:url(/img/jpg/mattoni-karlovy-vary.jpg)}.case-study-wrapper.case-study--mattoni .parallax--image-doupovske-hory{background-image:url(/img/jpg/mattoni-doupovske-hory.jpg)}.case-study-wrapper.case-study--mattoni .parallax--image-mineraly{background-image:url(/img/jpg/mattoni-mineraly.jpg)}.case-study-wrapper.case-study--mattoni .parallax--image-dozravani{background-image:url(/img/jpg/mattoni-dozravani.jpg)}.case-study-wrapper.case-study--mattoni .parallax--text{background:#fff;padding:30px 0}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .parallax--text{padding:50px 0}}.case-study-wrapper.case-study--mattoni .parallax--text__title,.case-study-wrapper.case-study--mattoni .parallax--text__paragraph{color:#526578;text-align:center;-webkit-font-smoothing:antialiased;width:80%;max-width:530px;margin-left:auto;margin-right:auto}.case-study-wrapper.case-study--mattoni .parallax--text__title{text-transform:uppercase;margin-bottom:15px;font-family:mattoni-title,Arial,sans-serif;font-size:1.125rem;line-height:1.2em}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .parallax--text__title{margin-bottom:22px;font-size:2.5rem}}.case-study-wrapper.case-study--mattoni .parallax--text__title--primary{position:relative}.case-study-wrapper.case-study--mattoni .parallax--text__title--primary:before,.case-study-wrapper.case-study--mattoni .parallax--text__title--primary:after{content:"";background:#526578;width:80px;height:1px;display:none;position:absolute;top:50%}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .parallax--text__title--primary:before,.case-study-wrapper.case-study--mattoni .parallax--text__title--primary:after{display:block}}.case-study-wrapper.case-study--mattoni .parallax--text__title--primary:before{right:110%}.case-study-wrapper.case-study--mattoni .parallax--text__title--primary:after{left:110%}.case-study-wrapper.case-study--mattoni .parallax--text__paragraph{font-family:mattoni-paragraph,Arial,sans-serif;font-size:.9375rem}@media only print,only screen and (min-width:650px){.case-study-wrapper.case-study--mattoni .parallax--text__paragraph{font-size:1.125rem}}.case-study-wrapper.case-study--mattoni .parallax--iscroll-ui{width:12px;height:100%;position:absolute;transform:translate(2px);transition:width .125s ease-in,transform .125s ease-in!important;right:-21px!important;overflow:visible!important}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .parallax--iscroll-ui{right:-31px!important}}@media only print,only screen and (min-width:1280px){.case-study-wrapper.case-study--mattoni .parallax--iscroll-ui{right:-41px!important}}.case-study-wrapper.case-study--mattoni .parallax--iscroll-handle{cursor:move;cursor:grab;cursor:-webkit-grab;background:0 0!important;border:0!important}.case-study-wrapper.case-study--mattoni .parallax--iscroll-handle-inner{width:100%;position:absolute;top:25px;bottom:25px;background:#fff!important;border-radius:20px!important}.case-study-wrapper.case-study--mattoni .parallax--iscroll-handle-inner:before,.case-study-wrapper.case-study--mattoni .parallax--iscroll-handle-inner:after{content:"";background-color:#1e2730;background-position:50%;background-repeat:no-repeat;background-size:20px;width:20px;height:25px;display:block;position:absolute;left:50%;transform:translate(-50%)}.case-study-wrapper.case-study--mattoni .parallax--iscroll-handle-inner:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216.72%22%20height%3D%229.32%22%20viewBox%3D%220%200%2016.72%209.32%22%3E%3Cpath%20d%3D%22M0.36%2C9l8-8.26%2C8%2C8.26%22%20style%3D%22fill%3Anone%3Bstroke%3A%23ffe4a4%3Bstroke-miterlimit%3A10%3Bfill-rule%3Aevenodd%22/%3E%3C/svg%3E);bottom:100%}.case-study-wrapper.case-study--mattoni .parallax--iscroll-handle-inner:after{background-image:url(data:image/svg+xml,%3Csvg%20id%3D%22Vrstva_1%22%20data-name%3D%22Vrstva%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216.72%22%20height%3D%229.32%22%20viewBox%3D%220%200%2016.72%209.32%22%3E%3Ctitle%3Etemp%3C/title%3E%3Cpath%20d%3D%22M16.36%2C0.35l-8%2C8.26-8-8.26%22%20style%3D%22fill%3Anone%3Bstroke%3A%23ffe4a4%3Bstroke-miterlimit%3A10%3Bfill-rule%3Aevenodd%22/%3E%3C/svg%3E);top:100%}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--mattoni .parallax--iscroll-handle-inner{top:45px;bottom:45px}.case-study-wrapper.case-study--mattoni .parallax--iscroll-handle-inner:before,.case-study-wrapper.case-study--mattoni .parallax--iscroll-handle-inner:after{height:45px}}.case-study-wrapper.case-study--mattoni .mattoni-water{padding-top:40px}.case-study-wrapper.case-study--mattoni .mattoni-water__image{max-width:100%;display:block}@media only print,only screen and (max-width:1441px){.case-study--color--mattoni .breadcrumbs li{color:#ffe4a4}.case-study--color--mattoni .nav-top--filled .breadcrumbs li{color:#323232}.case-study--color--mattoni .menu,.case-study--color--mattoni .menu:before{color:#ffe4a4}.case-study--color--mattoni .menu:hover{color:#f60}.case-study--color--mattoni .menu .menu__sign--desktop,.case-study--color--mattoni .menu .menu__sign--desktop:before,.case-study--color--mattoni .menu .menu__sign--desktop:after,.case-study--color--mattoni .menu .menu__sign--mobile,.case-study--color--mattoni .menu .menu__sign--mobile:before,.case-study--color--mattoni .menu .menu__sign--mobile:after{background-color:#ffe4a4}}@font-face{font-family:mattoni-title;src:url(/font/avantgarde-book/AvantGardeBook.woff)format("woff");font-style:normal}
.case-study-wrapper.case-study--meopta{opacity:1;width:100%;max-width:1440px;margin-bottom:0;margin-left:auto;margin-right:auto}@media only print,only screen and (max-width:1441px){.menu,.menu:before{color:#fff}.menu .menu__sign--desktop,.menu .menu__sign--desktop:before,.menu .menu__sign--desktop:after{background-color:#fff}.menu:hover{color:#f60}.menu:hover .menu__sign--desktop,.menu:hover .menu__sign--desktop:before,.menu:hover .menu__sign--desktop:after{background-color:#f60}.menu .menu__sign--mobile,.menu .menu__sign--mobile:before,.menu .menu__sign--mobile:after{background-color:#fff}.breadcrumbs li{color:#fff}.nav-top--filled .breadcrumbs li{color:#323232}}.mouse{color:#fff;z-index:5;border-color:#fff;border:2px solid #fff!important}.mouse .mouse__wheel{background-color:#fff}.intro .mouse{bottom:45px}.intro .mouse:hover{color:#fff;border-color:#fff}.intro .mouse:hover .mouse__wheel{background-color:#fff}@media only print,only screen and (min-width:1024px){.intro .mouse{bottom:40px}}section.intro--meopta{background-color:#3a3a3a;width:100%;min-height:800px}@media screen and (max-width:400px){section.intro--meopta{min-height:720px}}section.intro--meopta .intro--flowers{background-image:url(/img/case-meopta/shadow-flowers.png);width:1440px;height:702px;position:absolute;top:0;right:0}section.intro--meopta .intro--map{z-index:1;background-image:url(/img/case-meopta/map.png);width:1440px;height:1055px;position:absolute;top:0;left:0}section.intro--meopta div.intro--wrapper{width:90%;max-width:1200px;margin:0 auto;padding:120px 0;display:table}section.intro--meopta div.intro--wrapper div.intro--content{color:#fff;text-transform:uppercase;box-sizing:border-box;width:100%;padding-left:120px;font-family:Lexend;display:table;position:relative}section.intro--meopta div.intro--wrapper div.intro--content img.intro--img{z-index:5;opacity:0;width:551px;height:551px;position:absolute;top:0;right:0;transform:translate(40px)}section.intro--meopta div.intro--wrapper div.intro--content p{color:#d5aa2b;opacity:0;padding:0 0 15px;font-size:14px;transform:translate(-40px)}section.intro--meopta div.intro--wrapper div.intro--content h2{opacity:0;padding:0 0 15px;font-size:20px;transform:translate(-40px)}section.intro--meopta div.intro--wrapper div.intro--content h1{opacity:0;font-size:87px;font-weight:700;line-height:87px;display:table;position:relative;transform:translate(-40px)}section.intro--meopta div.intro--wrapper div.intro--content h1:before{content:"A";font-size:30px;line-height:30px;display:block;position:absolute;top:11px;left:-36px}section.intro--meopta div.intro--wrapper div.intro--content h1:after{content:"FOR";font-size:30px;line-height:30px;display:block;position:absolute;bottom:182px;right:36px}@media screen and (max-width:1200px){section.intro--meopta div.intro--wrapper{padding:120px 0 180px}section.intro--meopta div.intro--wrapper div.intro--content{z-index:3;text-align:center;padding-left:0;position:relative}section.intro--meopta div.intro--wrapper div.intro--content img.intro--img{width:90%;max-width:400px;height:auto;margin:0 auto;display:block;position:static}section.intro--meopta div.intro--wrapper div.intro--content p{padding-top:120px}section.intro--meopta div.intro--wrapper div.intro--content h2{padding:25px 0 40px}section.intro--meopta div.intro--wrapper div.intro--content h1{width:100%;max-width:660px;margin:0 auto;display:block}section.intro--meopta div.intro--wrapper div.intro--content h1:before{left:55px}section.intro--meopta div.intro--wrapper div.intro--content h1:after{bottom:96px;right:70px}section.intro--meopta div.intro--wrapper div.intro--content h1 br{display:none}}@media screen and (max-width:850px){section.intro--meopta div.intro--wrapper{padding:120px 0 180px}section.intro--meopta div.intro--wrapper div.intro--content img.intro--img{max-width:350px}section.intro--meopta div.intro--wrapper div.intro--content p{padding-top:80px;padding-bottom:0}section.intro--meopta div.intro--wrapper div.intro--content h2{padding:15px 0 30px;font-size:18px}section.intro--meopta div.intro--wrapper div.intro--content h1{max-width:420px;font-size:55px;line-height:55px}section.intro--meopta div.intro--wrapper div.intro--content h1:before{font-size:22px;line-height:22px;top:8px;left:30px}section.intro--meopta div.intro--wrapper div.intro--content h1:after{font-size:22px;line-height:2px;bottom:70px;right:34px}}@media screen and (max-width:500px){section.intro--meopta div.intro--wrapper{padding:80px 0 140px}section.intro--meopta div.intro--wrapper div.intro--content img.intro--img{max-width:300px}section.intro--meopta div.intro--wrapper div.intro--content p{padding-top:60px}section.intro--meopta div.intro--wrapper div.intro--content h2{padding:12px 0 20px}section.intro--meopta div.intro--wrapper div.intro--content h1{max-width:340px;font-size:45px;line-height:45px}section.intro--meopta div.intro--wrapper div.intro--content h1:before{font-size:18px;line-height:18px;top:6px;left:24px}section.intro--meopta div.intro--wrapper div.intro--content h1:after{font-size:18px;line-height:18px;bottom:50px;right:28px}}@media screen and (max-width:400px){section.intro--meopta div.intro--wrapper{padding:80px 0 100px}section.intro--meopta div.intro--wrapper div.intro--content img.intro--img{max-width:250px}section.intro--meopta div.intro--wrapper div.intro--content h1{max-width:270px;font-size:35px;line-height:35px}section.intro--meopta div.intro--wrapper div.intro--content h1:before{font-size:16px;line-height:16px;top:5px;left:30px}section.intro--meopta div.intro--wrapper div.intro--content h1:after{font-size:16px;line-height:16px;bottom:37px;right:10px}}section.its-showtime div.intro--wrapper div.intro--content img.intro--img{opacity:1;transition:transform 1.25s ease-in-out .25s,opacity 1.25s ease-in-out .25s;transform:translate(0)}section.its-showtime div.intro--wrapper div.intro--content p{opacity:1;transition:transform 1s ease-in-out,opacity 1s ease-in-out;transform:translate(0)}section.its-showtime div.intro--wrapper div.intro--content h2{opacity:1;transition:transform 1s ease-in-out .25s,opacity 1s ease-in-out .25s;transform:translate(0)}section.its-showtime div.intro--wrapper div.intro--content h1{opacity:1;transition:transform 1s ease-in-out .5s,opacity 1s ease-in-out .5s;transform:translate(0)}section.brand_story{background-color:#3a3a3a;width:100%;min-height:800px;padding:60px 0}section.brand_story div.brand_story--container{z-index:2;width:100%;max-width:1200px;margin:0 auto;display:table;position:relative}section.brand_story div.brand_story--container div.brand_story--wrapper{text-align:center;width:100%;max-width:1080px;margin:0 auto;display:table}section.brand_story div.brand_story--container div.brand_story--wrapper h2{color:#d5aa2b;opacity:0;font-family:Lexend;font-size:60px;line-height:60px;transform:translate(-40px)}section.brand_story div.brand_story--container div.brand_story--wrapper h1{color:#fff;text-transform:uppercase;opacity:0;padding:40px 0;font-family:Lexend;font-size:50px;font-weight:700;line-height:50px;transform:translate(-40px)}section.brand_story div.brand_story--container div.brand_story--wrapper p{color:#c2c2c2;opacity:0;margin:0;font-family:Lexend,sans-serif;font-size:18px;line-height:24px;transform:translate(-40px)}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container{width:100%;max-width:960px;margin:0 auto;padding:75px 0 0;display:table}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div#brand_story--story-wrapper-second{padding:0 153px}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper{float:left;opacity:0;width:218px;display:table;transform:translateY(40px)}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper div.brand_story--black-bubble{background-color:#1c1c1c;border-radius:100%;width:218px;height:218px;position:relative}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper div.brand_story--black-bubble div.brand_story--yellow-bubble{background-color:#d5aa2b;border-radius:100%;width:54px;height:54px;position:absolute;top:30px;left:30px}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper div.brand_story--black-bubble #brand_story--yellow-bubble1{top:50px;left:43px}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper div.brand_story--black-bubble #brand_story--yellow-bubble2{top:35px;left:90px}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper div.brand_story--black-bubble #brand_story--yellow-bubble3{top:78px;left:50px}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper div.brand_story--black-bubble img.brand_story--story-img{margin:0 auto;display:block;position:relative}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper div.brand_story--black-bubble img#brand_story--story-img1{padding:59px 0}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper div.brand_story--black-bubble img#brand_story--story-img2{padding:54px 0}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper div.brand_story--black-bubble img#brand_story--story-img3{padding:55.5px 0}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper h2{text-align:center;text-transform:uppercase;color:#d5aa2b;margin:0;padding:40px 0 25px;font-family:Lexend;font-size:24px;line-height:24px}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper p{text-align:center;color:#d5aa2b;margin:0;font-family:Lexend,sans-serif;font-size:18px;line-height:18px}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper #brand_story-last-paragraph{position:absolute}@media screen and (max-width:1200px){section.brand_story div.brand_story--container div.brand_story--wrapper{width:90%}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container{max-width:754px}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div#brand_story--story-wrapper-second{padding:0 50px}}@media screen and (max-width:900px){section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container{max-width:218px}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div#brand_story--story-wrapper-second{padding:50px 0}section.brand_story div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper{float:none}}section.its-showtime div.brand_story--container div.brand_story--wrapper h2{opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transform:translate(0)}section.its-showtime div.brand_story--container div.brand_story--wrapper h1{opacity:1;transition:transform .5s ease-in-out .25s,opacity .5s ease-in-out .25s;transform:translate(0)}section.its-showtime div.brand_story--container div.brand_story--wrapper p{opacity:1;transition:transform .5s ease-in-out .5s,opacity .5s ease-in-out .5s;transform:translate(0)}section.its-showtime div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper:first-child{opacity:1;transition:transform 1s ease-in-out .5s,opacity 1s ease-in-out .5s;transform:translateY(0)}section.its-showtime div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper:nth-child(2){opacity:1;transition:transform 1s ease-in-out 1.25s,opacity 1s ease-in-out 1.25s;transform:translateY(0)}section.its-showtime div.brand_story--container div.brand_story--wrapper div.brand_story--story-container div.brand_story--story-wrapper:nth-child(3){opacity:1;transition:transform 1s ease-in-out 2s,opacity 1s ease-in-out 2s;transform:translateY(0)}section.brand-book{background-repete:no-repete;background-image:url(/img/case-meopta/books-bg.png);background-size:cover;width:100%;height:1457px;display:table;position:relative}section.brand-book:before{content:"";background-image:url(/img/case-meopta/transition-1.png);width:1440px;height:658px;display:block;position:absolute;top:-500px;left:0}section.brand-book img.brand-book--shadow-tree{width:1440px;height:1457px;position:absolute;bottom:0;left:0}section.brand-book div.brand-book--wrapper{width:100%;max-width:1200px;margin:0 auto;padding:175px 0 200px;display:table;position:relative}section.brand-book div.brand-book--wrapper img.brand-book--img{width:1257px;height:1272px;position:absolute;top:250px;left:60px}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper{width:100%;padding-bottom:575px;display:table}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper div{float:right;width:537px;display:table}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper div h2{color:#d5aa2b;opacity:0;font-family:Lexend;font-size:50px;line-height:50px;transform:translate(-40px)}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper div h1{color:#fff;text-transform:uppercase;opacity:0;padding:50px 0 40px;font-family:Lexend;font-size:50px;font-weight:700;line-height:50px;transform:translate(-40px)}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper div p{color:#c2c2c2;opacity:0;width:350px;font-family:Lexend,sans-serif;font-size:18px;line-height:24px;transform:translate(-40px)}section.brand-book div.brand-book--wrapper div.brand-book--description-wrapper{width:100%;display:table}section.brand-book div.brand-book--wrapper div.brand-book--description-wrapper div{float:left;width:300px;padding-left:60px;display:table}section.brand-book div.brand-book--wrapper div.brand-book--description-wrapper div h2{color:#d5aa2b;text-transform:uppercase;opacity:0;font-family:Lexend;font-size:24px;font-weight:700;line-height:24px;transform:translate(-40px)}section.brand-book div.brand-book--wrapper div.brand-book--description-wrapper div p{color:#d5aa2b;opacity:0;padding-top:25px;font-family:Lexend,sans-serif;font-size:18px;line-height:24px;transform:translate(-40px)}@media screen and (max-width:1200px){section.brand-book div.brand-book--wrapper img.brand-book--img{width:95%;height:auto;left:5%}}@media screen and (max-width:1050px){section.brand-book div.brand-book--wrapper img.brand-book--img{width:996px;height:1008px;left:unset;right:0%}section.brand-book div.brand-book--wrapper div.brand-book--description-wrapper{padding-left:unset;box-sizing:border-box;padding-right:380px}section.brand-book div.brand-book--wrapper div.brand-book--description-wrapper div{float:right;padding:0}}@media screen and (max-width:750px){section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper{width:90%;margin:0 auto}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper div{float:none;width:100%;max-width:350px;margin:0 auto}section.brand-book div.brand-book--wrapper div.brand-book--description-wrapper{padding-right:unset}section.brand-book div.brand-book--wrapper div.brand-book--description-wrapper div{float:none;width:90%;max-width:300px;margin:0 auto}}@media screen and (max-width:650px){section.brand-book div.brand-book--wrapper img.brand-book--img{top:275px;right:-75px}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper{padding-bottom:600px}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper div{text-align:center}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper div p{width:100%;max-width:350px}}@media screen and (max-width:550px){section.brand-book div.brand-book--wrapper img.brand-book--img{right:-115px}}@media screen and (max-width:350px){section.brand-book div.brand-book--wrapper img.brand-book--img{top:325px}section.brand-book div.brand-book--wrapper div.brand-book--text-wrapper{padding-bottom:650px}}section.its-showtime div.brand-book--wrapper div.brand-book--text-wrapper div h2{opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transform:translate(0)}section.its-showtime div.brand-book--wrapper div.brand-book--text-wrapper div h1{opacity:1;transition:transform .5s ease-in-out .25s,opacity .5s ease-in-out .25s;transform:translate(0)}section.its-showtime div.brand-book--wrapper div.brand-book--text-wrapper div p{opacity:1;transition:transform .5s ease-in-out .5s,opacity .5s ease-in-out .5s;transform:translate(0)}section.its-showtime div.brand-book--wrapper div.brand-book--description-wrapper div h2{opacity:1;transition:transform .5s ease-in-out 1s,opacity .5s ease-in-out 1s;transform:translate(0)}section.its-showtime div.brand-book--wrapper div.brand-book--description-wrapper div p{opacity:1;transition:transform .5s ease-in-out 1.25s,opacity .5s ease-in-out 1.25s;transform:translate(0)}section.practical-design{background-color:#3a3a3a;width:100%;padding-bottom:100px;position:relative}section.practical-design:before{content:"";z-index:-1;background-color:#3a3a3a;width:100%;height:200px;display:block;position:absolute;top:-200px;left:0}section.practical-design img.practical-design--shadow1{width:746px;height:1013px;position:absolute;top:300px;left:0}section.practical-design img.practical-design--shadow2{width:303px;height:596px;position:absolute;top:-350px;right:0}section.practical-design table.practical-design--info{width:90%;max-width:1200px;margin:0 auto;padding:160px 0 100px;display:table}section.practical-design table.practical-design--info tbody tr td.practical-design--info--text{z-index:3;width:400px;position:relative}section.practical-design table.practical-design--info tbody tr td.practical-design--info--text h2{color:#d5aa2b;opacity:0;max-width:200px;font-family:Lexend;font-size:50px;line-height:50px;transform:translateY(40px)}section.practical-design table.practical-design--info tbody tr td.practical-design--info--text h1{color:#fff;text-transform:uppercase;opacity:0;max-width:200px;padding:50px 0 40px;font-family:Lexend;font-size:50px;font-weight:700;line-height:50px;transform:translateY(40px)}section.practical-design table.practical-design--info tbody tr td.practical-design--info--text p{color:#c2c2c2;opacity:0;max-width:280px;font-family:Lexend,sans-serif;font-size:18px;line-height:24px;transform:translateY(40px)}section.practical-design table.practical-design--info tbody tr td.practical-design--info--text h3{color:#d5aa2b;text-transform:uppercase;opacity:0;max-width:220px;padding:55px 0 20px;font-family:Lexend;font-size:24px;line-height:30px;transform:translateY(40px)}section.practical-design table.practical-design--info tbody tr td.practical-design--info--text p#practical-design--info--text-yellow{color:#d5aa2b;opacity:0;max-width:220px;transform:translateY(40px)}section.practical-design table.practical-design--info tbody tr td.practical-design--info--img{width:calc(100% - 400px);position:relative}section.practical-design table.practical-design--info tbody tr td.practical-design--info--img img.practical-design--shadow{z-index:1;opacity:0;width:100%;max-width:768px;height:auto;position:absolute;bottom:-90px;right:0;transform:translateY(40px)}section.practical-design table.practical-design--info tbody tr td.practical-design--info--img img.practical-design--box{float:right;z-index:2;opacity:0;width:100%;max-width:704px;height:auto;position:relative;transform:translateY(40px)}section.practical-design table.practical-design--slider-arrow{width:90%;max-width:1200px;margin:0 auto}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-line{width:calc(50% - 230px)}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-line div{background-color:#999;width:100%;height:1px}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content{width:460px}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table{width:100%}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table tbody tr td.practical-design--slider-arrow-content-arrow{width:60px;padding:0 25px}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table tbody tr td.practical-design--slider-arrow-content-arrow img{cursor:pointer;z-index:6;width:60px;height:60px;margin:0 auto;display:block;position:relative}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table tbody tr td.practical-design--slider-arrow-content-text{width:calc(100% - 170px)}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table tbody tr td.practical-design--slider-arrow-content-text p{text-align:center;color:#999;text-transform:uppercase;margin:0;padding:0;font-family:Lexend;font-size:24px;line-height:24px}section.practical-design div.practical-design--slider{margin:75px 0 20px}section.practical-design div.practical-design--slider img.sliderImg{padding:0 30px}@media screen and (max-width:1100px){section.practical-design table.practical-design--info tbody tr td.practical-design--info--img img.practical-design--shadow{bottom:-50px}}@media screen and (max-width:1000px){section.practical-design table.practical-design--info tbody tr td.practical-design--info--img img.practical-design--shadow{bottom:-20px}}@media screen and (max-width:950px){section.practical-design table.practical-design--info{padding:40px 0 60px}section.practical-design table.practical-design--info tbody tr td.practical-design--info--text{float:left;width:100%}section.practical-design table.practical-design--info tbody tr td.practical-design--info--text h2,section.practical-design table.practical-design--info tbody tr td.practical-design--info--text h1,section.practical-design table.practical-design--info tbody tr td.practical-design--info--text p,section.practical-design table.practical-design--info tbody tr td.practical-design--info--text h3{text-align:center;max-width:800px;margin:0 auto}section.practical-design table.practical-design--info tbody tr td.practical-design--info--text p#practical-design--info--text-yellow{text-align:center;max-width:800px;margin:0 auto 80px}section.practical-design table.practical-design--info tbody tr td.practical-design--info--img{float:left;width:100%}section.practical-design table.practical-design--info tbody tr td.practical-design--info--img img.practical-design--shadow{width:100%;max-width:500px;bottom:-80px;right:calc(50% - 250px)}section.practical-design table.practical-design--info tbody tr td.practical-design--info--img img.practical-design--box{float:none;max-width:500px;margin:0 auto;display:block}}@media screen and (max-width:600px){section.practical-design table.practical-design--info tbody tr td.practical-design--info--img img.practical-design--shadow{right:0}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-line{display:none}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content{width:100%}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table{width:auto;margin:0 auto;display:table}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table tbody tr td.practical-design--slider-arrow-content-arrow{width:45px}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table tbody tr td.practical-design--slider-arrow-content-arrow img{width:45px;height:45px}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table tbody tr td.practical-design--slider-arrow-content-text{width:calc(100% - 140px)}section.practical-design table.practical-design--slider-arrow tbody tr td.practical-design--slider-arrow-content table tbody tr td.practical-design--slider-arrow-content-text p{font-size:21px;line-height:21px}}section.its-showtime table.practical-design--info tbody tr td.practical-design--info--text h2{opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transform:translateY(0)}section.its-showtime table.practical-design--info tbody tr td.practical-design--info--text h1{opacity:1;transition:transform .5s ease-in-out .25s,opacity .5s ease-in-out .25s;transform:translateY(0)}section.its-showtime table.practical-design--info tbody tr td.practical-design--info--text p#practical-design--info--text{opacity:1;transition:transform .5s ease-in-out .5s,opacity .5s ease-in-out .5s;transform:translateY(0)}section.its-showtime table.practical-design--info tbody tr td.practical-design--info--text h3{opacity:1;transition:transform .5s ease-in-out .75s,opacity .5s ease-in-out .75s;transform:translateY(0)}section.its-showtime table.practical-design--info tbody tr td.practical-design--info--text p#practical-design--info--text-yellow{opacity:1;transition:transform .5s ease-in-out 1s,opacity .5s ease-in-out 1s;transform:translateY(0)}section.its-showtime table.practical-design--info tbody tr td.practical-design--info--img img.practical-design--shadow,section.its-showtime table.practical-design--info tbody tr td.practical-design--info--img img.practical-design--box{opacity:1;transition:transform 1.5s ease-in-out,opacity 1.5s ease-in-out;transform:translateY(0)}section.catalogue{z-index:1;background-color:#3a3a3a;width:100%;height:1050px;display:table;position:relative}section.catalogue img.catalogue--book{z-index:2;width:65%;max-width:991px;height:auto;display:block;position:absolute;top:100px;right:0}section.catalogue div.catalogue--wrapper{background-image:url(/img/case-meopta/forest-bg.png);background-size:cover;width:100%;height:1234px;position:absolute;top:0}section.catalogue div.catalogue--wrapper div.catalogue--content{width:90%;max-width:1200px;margin:0 auto;padding:200px 0 0;display:table}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper{float:left;width:200px;display:table}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper h2{color:#000;text-transform:uppercase;text-align:center;opacity:0;padding-bottom:27px;font-family:Lexend;font-size:24px;line-height:30px;transform:translateY(40px)}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper p{color:#000;text-align:center;opacity:0;font-family:Lexend,sans-serif;font-size:18px;line-height:24px;transform:translateY(40px)}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper div.catalogue--img-wrapper{width:100%;padding:70px 0 0;display:table}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper div.catalogue--img-wrapper .catalogue--badge1{opacity:0;width:145px;height:auto;margin:0 auto;padding:0 0 35px;display:block;transform:translateY(40px)}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper div.catalogue--img-wrapper .catalogue--badge2{opacity:0;width:130px;height:auto;margin:0 auto;display:block;transform:translateY(40px)}@media screen and (max-width:1200px){section.catalogue img.catalogue--book{top:250px}}@media screen and (max-width:800px){section.catalogue{height:1130px}section.catalogue img.catalogue--book{width:90%;max-width:515px;top:640px}section.catalogue div.catalogue--wrapper div.catalogue--content{padding:200px 0 0}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper{float:none;width:350px;margin:0 auto}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper div.catalogue--img-wrapper .catalogue--badge1{float:left;margin-right:75px;padding:0}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper div.catalogue--img-wrapper .catalogue--badge2{float:left;padding-top:4.5px}}@media screen and (max-width:500px){section.catalogue{height:1100px}}@media screen and (max-width:400px){section.catalogue{height:1000px}section.catalogue img.catalogue--book{top:580px}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper{width:250px}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper div.catalogue--img-wrapper .catalogue--badge1{width:115px;margin-right:35px}section.catalogue div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper div.catalogue--img-wrapper .catalogue--badge2{float:left;width:100px;padding-top:6px}}section.its-showtime div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper h2{opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transform:translateY(0)}section.its-showtime div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper p{opacity:1;transition:transform .5s ease-in-out .25s,opacity .5s ease-in-out .25s;transform:translateY(0)}section.its-showtime div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper div.catalogue--img-wrapper .catalogue--badge1{opacity:1;transition:transform .5s ease-in-out .5s,opacity .5s ease-in-out .5s;transform:translateY(0)}section.its-showtime div.catalogue--wrapper div.catalogue--content div.catalogue--content-wrapper div.catalogue--img-wrapper .catalogue--badge2{opacity:1;transition:transform .5s ease-in-out .75s,opacity .5s ease-in-out .75s;transform:translateY(0)}section.new-website{z-index:0;background-color:#3a3a3a;width:100%;display:table;position:relative}section.new-website:after{content:"";z-index:-2;background-color:#3a3a3a;width:100%;height:300px;display:block;position:absolute;bottom:-200px;left:0}section.new-website div.new-website-text{width:90%;max-width:1200px;margin:0 auto}section.new-website div.new-website-text h2{color:#d5aa2b;text-align:center;opacity:0;font-family:Lexend;font-size:60px;line-height:60px;transform:translate(-40px)}section.new-website div.new-website-text h1{color:#fff;text-transform:uppercase;text-align:center;opacity:0;padding:40px 0;font-family:Lexend;font-size:50px;font-weight:700;line-height:50px;transform:translate(-40px)}section.new-website div.new-website-text p{color:#c2c2c2;text-align:center;opacity:0;margin:0;padding:0 0 125px;font-family:Lexend,sans-serif;font-size:18px;line-height:24px;transform:translate(-40px)}section.new-website div.new-website-text p a{text-decoration:underline}section.new-website div.new-website--environment{width:100%;height:365px;box-sizing:unset;padding:0 0 170px;position:relative}section.new-website div.new-website--environment div.new-website--environment-wrapper{width:1190px;height:365px;position:absolute;left:0}section.new-website div.new-website--environment div.new-website--environment-wrapper div.new-website--environment-item{float:left;z-index:0;background-size:cover;width:238px;height:365px;transition:transform .4s ease-in-out,z-index .4s ease-in-out,box-shadow .4s ease-in-out;position:relative;transform:scale(1);box-shadow:0 0 #0000}section.new-website div.new-website--environment div.new-website--environment-wrapper div.new-website--environment-item:hover{z-index:5;transition:transform .4s ease-in-out,z-index .4s ease-in-out,box-shadow .4s ease-in-out;transform:scale(1.2);box-shadow:5px 5px 20px #0006}section.new-website div.new-website--environment div.new-website--environment-wrapper div.new-website--environment-item:hover div.new-website-hover,section.new-website div.new-website--environment div.new-website--environment-wrapper div.new-website--environment-item:hover img.new-website--cross{opacity:1;transition:opacity .4s ease-in-out}section.new-website div.new-website--environment div.new-website--environment-wrapper div.new-website--environment-item div.new-website-hover{opacity:0;background-size:cover;width:238px;height:365px;transition:opacity .4s ease-in-out;position:absolute;top:0;left:0}section.new-website div.new-website--environment div.new-website--environment-wrapper div.new-website--environment-item h2{color:#fff;text-align:center;text-transform:uppercase;z-index:2;width:100%;font-family:Lexend;font-size:20px;font-weight:700;position:absolute;bottom:30px}section.new-website div.new-website--environment div.new-website--environment-wrapper div.new-website--environment-item img.new-website--cross{opacity:0;width:132px;height:132px;transition:opacity .4s ease-in-out;display:block;position:absolute;top:137px;left:54px}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-desert{background-image:url(/img/case-meopta/desert.png?v3)}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-desert div.new-website-hover{background-image:url(/img/case-meopta/desert-hover.png)}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-forest{background-image:url(/img/case-meopta/forest.png?v3)}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-forest div.new-website-hover{background-image:url(/img/case-meopta/forest-hover.png)}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-snow{background-image:url(/img/case-meopta/snow.png?v4)}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-snow div.new-website-hover{background-image:url(/img/case-meopta/snow-hover.png)}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-greenfield{background-image:url(/img/case-meopta/greenfield.png?v3)}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-greenfield div.new-website-hover{background-image:url(/img/case-meopta/greenfield-hover.png)}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-mountain{background-image:url(/img/case-meopta/mountain.png?v3)}section.new-website div.new-website--environment div.new-website--environment-wrapper div#new-website--environment-item-mountain div.new-website-hover{background-image:url(/img/case-meopta/mountain-hover.png)}section.its-showtime div.new-website-text h2{opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transform:translate(0)}section.its-showtime div.new-website-text h1{opacity:1;transition:transform .5s ease-in-out .25s,opacity .5s ease-in-out .25s;transform:translate(0)}section.its-showtime div.new-website-text p{opacity:1;transition:transform .5s ease-in-out .5s,opacity .5s ease-in-out .5s;transform:translate(0)}section.social-media{background-image:url(/img/case-meopta/social-media-bg.png);background-size:cover;width:100%;height:1043px;position:relative}section.social-media:before{z-index:4;content:"";background-image:url(/img/case-meopta/lines.png);background-size:cover;width:100%;height:189px;display:block;position:absolute;top:-43px;left:0}section.social-media div.social-media--wrapper{width:90%;max-width:1200px;margin:0 auto;padding:120px 0 0}section.social-media div.social-media--wrapper h2{color:#d5aa2b;opacity:0;max-width:420px;font-family:Lexend;font-size:50px;line-height:50px;transform:translateY(40px)}section.social-media div.social-media--wrapper h1{color:#000;text-transform:uppercase;opacity:0;max-width:420px;padding:50px 0 40px;font-family:Lexend;font-size:50px;font-weight:700;line-height:50px;transform:translateY(40px)}section.social-media div.social-media--wrapper p{color:#000;opacity:0;max-width:355px;font-family:Lexend,sans-serif;font-size:18px;line-height:24px;transform:translateY(40px)}section.social-media div.social-media--wrapper h3{color:#fff;text-transform:uppercase;opacity:0;max-width:180px;padding:135px 0 20px;font-family:Lexend;font-size:24px;line-height:30px;transform:translateY(40px)}section.social-media div.social-media--wrapper p#social-media--info--text-white{color:#fff;opacity:0;max-width:180px;transform:translateY(40px)}section.social-media img.social-media--phone{width:673px;height:933px;position:absolute;bottom:30px;left:370px}section.social-media img.social-media--facebook{z-index:4;width:119px;height:119px;animation:1.5s ease-in-out infinite alternate bubble-animation;position:absolute;top:160px;left:640px}section.social-media img.social-media--twiter{z-index:4;width:110px;height:110px;animation:1.5s ease-in-out 1.2s infinite alternate bubble-animation;position:absolute;top:450px;left:930px}section.social-media img.social-media--youtube{z-index:4;width:91px;height:92px;animation:1.5s ease-in-out .7s infinite alternate bubble-animation;position:absolute;top:680px;left:1010px}section.social-media img.social-media--instagram{z-index:4;width:110px;height:110px;animation:1.5s ease-in-out .2s infinite alternate bubble-animation;position:absolute;top:510px;left:390px}section.social-media img.social-media--bubble-1{z-index:4;width:9px;height:8px;animation:2s ease-in-out infinite alternate bubble-animation;position:absolute;top:680px;left:423px}section.social-media img.social-media--bubble-2{z-index:4;width:25px;height:25px;animation:2s ease-in-out .6s infinite alternate bubble-animation;position:absolute;top:490px;left:545px}section.social-media img.social-media--bubble-3{z-index:4;width:9px;height:8px;animation:2s ease-in-out 1.3s infinite alternate bubble-animation;position:absolute;top:320px;left:633px}section.social-media img.social-media--bubble-4{z-index:4;width:25px;height:25px;animation:2s ease-in-out 1.8s infinite alternate bubble-animation;position:absolute;top:200px;left:843px}section.social-media img.social-media--bubble-5{z-index:4;width:9px;height:8px;animation:2s ease-in-out .25s infinite alternate bubble-animation;position:absolute;top:330px;left:1193px}section.social-media img.social-media--bubble-6{z-index:4;width:20px;height:18px;animation:2s ease-in-out 1s infinite alternate bubble-animation;position:absolute;top:760px;left:963px}@media screen and (max-width:1150px){section.social-media img.social-media--phone{left:unset;right:7%}section.social-media img.social-media--facebook{left:unset;right:32%}section.social-media img.social-media--twiter{left:unset;right:10%}section.social-media img.social-media--youtube{left:unset;right:5%}section.social-media img.social-media--instagram{left:unset;right:60%}section.social-media img.social-media--bubble-1{left:unset;right:55%}section.social-media img.social-media--bubble-2{left:unset;right:45%}section.social-media img.social-media--bubble-3{left:unset;right:40%}section.social-media img.social-media--bubble-4{left:unset;right:20%}section.social-media img.social-media--bubble-5,section.social-media img.social-media--bubble-6{left:unset;right:7%}}@media screen and (max-width:840px){section.social-media img.social-media--phone{left:100px;right:unset}section.social-media img.social-media--facebook{left:400px;right:unset}section.social-media img.social-media--twiter{left:550px;right:unset}section.social-media img.social-media--youtube{left:600px;right:unset}section.social-media img.social-media--instagram{left:210px;right:unset;top:545px}section.social-media img.social-media--bubble-1{left:620px;right:unset}section.social-media img.social-media--bubble-2{left:630px;right:unset}section.social-media img.social-media--bubble-3{left:550px;right:unset}section.social-media img.social-media--bubble-4{left:600px;right:unset}section.social-media img.social-media--bubble-5{left:640px;right:unset}section.social-media img.social-media--bubble-6{left:630px;right:unset}}@media screen and (max-width:600px){section.social-media img.social-media--facebook,section.social-media img.social-media--twiter,section.social-media img.social-media--youtube,section.social-media img.social-media--instagram,section.social-media img.social-media--bubble-1,section.social-media img.social-media--bubble-2,section.social-media img.social-media--bubble-3,section.social-media img.social-media--bubble-4,section.social-media img.social-media--bubble-5,section.social-media img.social-media--bubble-6{display:none}}section.its-showtime div.social-media--wrapper h2{opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transform:translateY(0)}section.its-showtime div.social-media--wrapper h1{opacity:1;transition:transform .5s ease-in-out .25s,opacity .5s ease-in-out .25s;transform:translateY(0)}section.its-showtime div.social-media--wrapper p#social-media--info--text{opacity:1;transition:transform .5s ease-in-out .5s,opacity .5s ease-in-out .5s;transform:translateY(0)}section.its-showtime div.social-media--wrapper h3{opacity:1;transition:transform .5s ease-in-out .75s,opacity .5s ease-in-out .75s;transform:translateY(0)}section.its-showtime div.social-media--wrapper p#social-media--info--text-white{opacity:1;transition:transform .5s ease-in-out 1s,opacity .5s ease-in-out 1s;transform:translateY(0)}@keyframes bubble-animation{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes bubble-animation2{0%{transform:translateY(0)}to{transform:translateY(6px)}}section.higher{background-color:#000;width:100%;display:table;position:relative}section.higher:before{content:"";z-index:-1;background-color:#000;width:100%;height:200px;display:block;position:absolute;top:-180px;left:0}section.higher div.higher-wrapper{text-align:center;width:90%;max-width:660px;margin:0 auto;padding:100px 0;display:table}section.higher div.higher-wrapper h2{color:#d5aa2b;opacity:0;font-family:Lexend;font-size:60px;line-height:60px;transform:translate(-40px)}section.higher div.higher-wrapper h1{color:#fff;text-transform:uppercase;opacity:0;padding:40px 0;font-family:Lexend;font-size:50px;font-weight:700;line-height:50px;transform:translate(-40px)}section.higher div.higher-wrapper p{color:#c2c2c2;opacity:0;margin:0;font-family:Lexend,sans-serif;font-size:18px;line-height:24px;transform:translate(-40px)}section.higher a.video--href{width:100%;display:table}section.higher a.video--href .video{width:100%;display:table;position:relative}section.higher a.video--href .video:before{content:"";background-image:url(/img/case-meopta/play-btn.png);background-size:cover;width:118px;height:118px;display:block;position:absolute;top:calc(50% - 59px);bottom:0;left:calc(50% - 59px)}section.higher a.video--href .video img{width:100%;height:auto;display:block}@media screen and (max-width:600px){section.higher a.video--href .video:before{width:75px;height:75px;top:calc(50% - 37.5px);left:calc(50% - 37.5px)}}section.its-showtime div.higher-wrapper h2{opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transform:translate(0)}section.its-showtime div.higher-wrapper h1{opacity:1;transition:transform .5s ease-in-out .25s,opacity .5s ease-in-out .25s;transform:translate(0)}section.its-showtime div.higher-wrapper p{opacity:1;transition:transform .5s ease-in-out .5s,opacity .5s ease-in-out .5s;transform:translate(0)}section.final{background-color:#333;width:100%;padding:90px 0;display:table}section.final div.finnal--wrapper{width:90%;max-width:820px;margin:0 auto;padding-bottom:40px;position:relative}section.final div.finnal--wrapper:before{opacity:.4;content:"";background-color:#000;width:150px;height:30px;display:block;position:absolute;bottom:40px;left:calc(50% - 75px)}section.final div.finnal--wrapper h1{color:#fff;text-transform:uppercase;text-align:center;max-width:620px;margin:0 auto;padding:40px 0;font-family:Lexend,sans-serif;font-size:50px;font-weight:700;line-height:50px}section.final div.finnal--wrapper a.final__button{text-transform:uppercase;color:#000;background:#d5aa2b;margin:14px auto 0;padding:28px 37px;font-family:Lexend,sans-serif;font-size:16px;font-weight:700;line-height:1;transition:transform .4s;display:table;position:relative;transform:translateY(0)}section.final div.finnal--wrapper a.final__button:hover{transition:transform .4s;transform:translateY(-10px)}@media screen and (max-width:600px){section.final{padding:60px 0}section.final div.finnal--wrapper{padding-bottom:0}section.final div.finnal--wrapper:before{width:120px;bottom:1px;left:calc(50% - 60px)}section.final div.finnal--wrapper h1{padding:0 0 20px;font-size:24px;line-height:30px}section.final div.finnal--wrapper a.final__button{padding:20px 24px;display:table}}footer{background-color:#000;width:100%;max-width:1440px;margin:0 auto}.footer__counter,.footer__next-title{color:#fff!important}.footer.hover a,.footer.hover a span{border-color:#ca71c7!important}.footer .mouse{border:2px solid #fff!important}.footer.hover a .mouse__wheel{background:#ca71c7!important}
.case-study-wrapper.case-study--narodni-divadlo{opacity:1;color:#000;background-color:#fff;padding-top:0;font-size:14px;line-height:1.4;position:relative}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo{font-size:16px}}.case-study-wrapper.case-study--narodni-divadlo ::selection{background:#917930b3}.case-study-wrapper.case-study--narodni-divadlo .nowrap{white-space:nowrap}.case-study-wrapper.case-study--narodni-divadlo strong{font-weight:700}.case-study-wrapper.case-study--narodni-divadlo .heading{text-transform:uppercase;margin-bottom:24px;font-size:25px;font-weight:700}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .heading{font-size:48px}}.case-study-wrapper.case-study--narodni-divadlo .heading--gold{color:#917930}.case-study-wrapper.case-study--narodni-divadlo .paragraph{margin-bottom:48px;line-height:1.6}.case-study-wrapper.case-study--narodni-divadlo .paragraph:last-child{margin-bottom:0}.case-study-wrapper.case-study--narodni-divadlo .text--left{text-align:left}.case-study-wrapper.case-study--narodni-divadlo .text--right{text-align:right}.case-study-wrapper.case-study--narodni-divadlo .text--right .paragraph{margin-left:auto}.case-study-wrapper.case-study--narodni-divadlo .text--center{text-align:center}.case-study-wrapper.case-study--narodni-divadlo .heading-outline{color:#917930;font-family:Lexend,sans-serif;font-size:80px;font-weight:700}.case-study-wrapper.case-study--narodni-divadlo .heading-outline:after{color:#000;font-size:78px;font-weight:700}.case-study-wrapper.case-study--narodni-divadlo .section{padding:56px 20px}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--narodni-divadlo .section{padding:160px 80px}}.case-study-wrapper.case-study--narodni-divadlo .image-heading--small{width:auto;height:61px;margin-bottom:16px}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .image-heading--small{height:70px}}.case-study-wrapper.case-study--narodni-divadlo .image-heading--big{width:auto;height:61px;margin-bottom:40px}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--narodni-divadlo .image-heading--big{height:110px;margin-bottom:45px}}.case-study-wrapper.case-study--narodni-divadlo .heading-ttu{text-transform:uppercase;margin-bottom:48px;font-family:Lexend,Arial,sans-serif;font-size:24px;font-weight:700;line-height:1.4}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .heading-ttu{font-size:48px}}.case-study-wrapper.case-study--narodni-divadlo .content{z-index:1;text-align:center;margin:0 auto;position:relative}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--narodni-divadlo .content{width:90%}}.case-study-wrapper.case-study--narodni-divadlo .section--dark{color:#fff}.case-study-wrapper.case-study--narodni-divadlo .section--black{color:#fff;background:#0a0a0a}.case-study-wrapper.case-study--narodni-divadlo .connection{width:80%;max-width:666px;height:78px;margin:40px auto;position:relative}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .connection{height:256px}}.case-study-wrapper.case-study--narodni-divadlo .connection .line{background:#917930;width:100%;height:1px;position:absolute;top:50%;left:0}.case-study-wrapper.case-study--narodni-divadlo .connection:before,.case-study-wrapper.case-study--narodni-divadlo .connection:after{content:"";background:#917930;width:1px;height:50%;position:absolute}.case-study-wrapper.case-study--narodni-divadlo .connection:before{top:0}.case-study-wrapper.case-study--narodni-divadlo .connection:after{top:50%}.case-study-wrapper.case-study--narodni-divadlo .connection--toleft:before{right:0}.case-study-wrapper.case-study--narodni-divadlo .connection--toleft:after{left:0}.case-study-wrapper.case-study--narodni-divadlo .connection--toleft .line{left:auto;right:0}.case-study-wrapper.case-study--narodni-divadlo .connection--toright:before{left:0}.case-study-wrapper.case-study--narodni-divadlo .connection--toright:after{right:0}.case-study-wrapper.case-study--narodni-divadlo .button{text-transform:uppercase;color:#fff;cursor:pointer;background:#000;padding:20px 40px;font-family:Lexend,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1;position:relative}.case-study-wrapper.case-study--narodni-divadlo .button span{z-index:1;position:relative}.case-study-wrapper.case-study--narodni-divadlo .button:after{content:"";background:#000;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-study-wrapper.case-study--narodni-divadlo .button:hover:after{opacity:0;width:calc(100% + 40px);height:calc(100% + 40px);transition:opacity .3s,width .5s,height .5s}.case-study-wrapper.case-study--narodni-divadlo .breadcrumbs{color:#fff}.case-study-wrapper.case-study--narodni-divadlo .quote{max-width:800px;margin-left:auto;margin-right:auto}.case-study-wrapper.case-study--narodni-divadlo .quote .quote__text{opacity:0;transition:opacity 1s}.case-study-wrapper.case-study--narodni-divadlo .quote.its-showtime .quote__text{opacity:1}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--narodni-divadlo .quote--left{flex-direction:row;display:flex}}.case-study-wrapper.case-study--narodni-divadlo .quote--left .quote__avatar{align-items:flex-start}.case-study-wrapper.case-study--narodni-divadlo .quote--left .quote__author{text-align:left;border-left:1px solid #917930;padding:34px 0 0 16px;transform:translate(50%,-16px)}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--narodni-divadlo .quote--left .quote__author{border:0;padding-left:0;transform:none}.case-study-wrapper.case-study--narodni-divadlo .quote--left .quote__text{margin-left:32px}}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .quote--left .quote__text{margin-left:88px}}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--narodni-divadlo .quote--left .quote__text:after{right:calc(100% + 16px)}}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .quote--left .quote__text:after{right:calc(100% + 38px)}}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--narodni-divadlo .quote--right{flex-direction:row-reverse;display:flex}}.case-study-wrapper.case-study--narodni-divadlo .quote--right .quote__avatar{align-items:flex-end}.case-study-wrapper.case-study--narodni-divadlo .quote--right .quote__author{text-align:right;border-right:1px solid #917930;margin-top:-16px;padding:34px 16px 0 0;transform:translate(-50%)}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--narodni-divadlo .quote--right .quote__author{border:0;padding-right:0;transform:none}.case-study-wrapper.case-study--narodni-divadlo .quote--right .quote__text{margin-right:32px}}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .quote--right .quote__text{margin-right:88px}}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--narodni-divadlo .quote--right .quote__text:after{left:calc(100% + 16px)}}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .quote--right .quote__text:after{left:calc(100% + 38px)}}.case-study-wrapper.case-study--narodni-divadlo .quote__avatar{flex-direction:column;align-items:flex-end;margin-bottom:40px;display:flex;position:relative}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--narodni-divadlo .quote__avatar{margin-bottom:0}}.case-study-wrapper.case-study--narodni-divadlo .quote__avatar img{width:176px;height:176px}.case-study-wrapper.case-study--narodni-divadlo .quote__author{color:#917930;flex-direction:column;width:176px;display:flex;position:relative}.case-study-wrapper.case-study--narodni-divadlo .quote__text{text-align:left;max-width:512px}@media only print,only screen and (min-width:480px){.case-study-wrapper.case-study--narodni-divadlo .quote__text{margin-top:88px;position:relative}.case-study-wrapper.case-study--narodni-divadlo .quote__text:after{content:"";background:#917930;width:50px;height:1px;display:block;position:absolute;top:16px}}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .quote__text:after{width:82px}}.case-study-wrapper.case-study--narodni-divadlo .mission{background:#917930;position:relative}.case-study-wrapper.case-study--narodni-divadlo .mission:after{content:"";background:url(/img/case-nd/background-gold.jpg) 50% 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.case-study-wrapper.case-study--narodni-divadlo .mission__checklist{flex-direction:column;align-items:center;display:flex}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .mission__checklist{flex-flow:wrap;justify-content:center}}.case-study-wrapper.case-study--narodni-divadlo .mission__checklist li{text-transform:uppercase;text-align:left;background:#fff;width:100%;max-width:460px;padding:16px 20px;font-family:Lexend,Arial,sans-serif;display:flex;box-shadow:0 1.95789px 2.23268px #0000000d,0 4.95165px 5.64662px #00000012,0 10.1009px 11.5186px #00000017,0 20.8059px 23.7261px #0000001c,0 57px 65px #00000029}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .mission__checklist li{width:auto;max-width:none;margin:8px}}.case-study-wrapper.case-study--narodni-divadlo .mission__checklist li:before{content:"";background:url(/img/case-nd/tick.svg) 0 0/cover;flex-shrink:0;width:20px;height:13px;margin:4px 16px 0 0;display:block}@media only print,only screen and (max-width:768px){.case-study-wrapper.case-study--narodni-divadlo .mission__checklist li+li{margin-top:16px}}.case-study-wrapper.case-study--narodni-divadlo .team{text-align:center}.case-study-wrapper.case-study--narodni-divadlo .team .paragraph{max-width:746px;margin-left:auto;margin-right:auto}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .team__cards{flex-direction:row;justify-content:center;display:flex}}.case-study-wrapper.case-study--narodni-divadlo .team__card{color:#fff;background:#000;max-width:336px;padding:40px 20px}@media only print,only screen and (max-width:768px){.case-study-wrapper.case-study--narodni-divadlo .team__card{margin:0 auto}}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .team__card{width:calc(33.3333% - 10.6667px)}}.case-study-wrapper.case-study--narodni-divadlo .team__card .heading-ttu{font-size:20px}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .team__card .heading-ttu{font-size:24px}}.case-study-wrapper.case-study--narodni-divadlo .team__card+.team__card{margin-top:24px}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .team__card+.team__card{margin-top:0;margin-left:16px}}.case-study-wrapper.case-study--narodni-divadlo .ux{text-align:center;background:#000;position:relative}.case-study-wrapper.case-study--narodni-divadlo .ux:before{opacity:.1;content:"";background:url(/img/case-nd/ux-background.jpg) 0 0/contain;width:100%;height:100%;position:absolute;top:0;left:0}.case-study-wrapper.case-study--narodni-divadlo .ux:after{content:"";background:linear-gradient(#1b1b1b 0%,#0a0a0a 100%);width:100%;height:200px;position:absolute;bottom:0;left:0}.case-study-wrapper.case-study--narodni-divadlo .ux__box{border:1px solid #fff6;flex-direction:column;width:100%;padding:102px 16px 40px;display:flex;position:relative}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ux__box{padding:96px 112px 59px}}.case-study-wrapper.case-study--narodni-divadlo .ux__box:before{color:#917930;counter-increment:list;content:counter(list);background:#181818;border:1px solid #917930;justify-content:center;align-items:center;width:50px;height:50px;font-family:Lexend,Arial,sans-serif;font-size:32px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;transform:translateY(-32px)}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ux__box:before{width:80px;height:80px;top:50%;transform:translateY(-50%)}}.case-study-wrapper.case-study--narodni-divadlo .ux__box .paragraph{margin-bottom:0}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ux__box-inner{max-width:512px}}.case-study-wrapper.case-study--narodni-divadlo .ux__process{counter-reset:list;flex-direction:column;display:flex}.case-study-wrapper.case-study--narodni-divadlo .ux__process li{margin-top:31px}.case-study-wrapper.case-study--narodni-divadlo .ux__process li+li{margin-top:64px}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ux__process li+li{margin-top:38px}}.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(odd){text-align:left}.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(odd) .ux__box-placeholder{align-self:flex-end}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(odd) .ux__box-placeholder{right:-64px}}.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(odd) .ux__box:before{align-self:flex-start}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(odd) .ux__box:before{left:-24px}}.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(2n){text-align:right}.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(2n) .ux__box-placeholder{align-self:flex-start}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(2n) .ux__box-placeholder{left:-64px}.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(2n) .ux__box-inner{margin-left:auto}}.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(2n) .ux__box:before{align-self:flex-end}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ux__process li:nth-child(2n) .ux__box:before{right:-24px}}.case-study-wrapper.case-study--narodni-divadlo .ux__box-placeholder{text-transform:uppercase;color:#917930;word-break:break-word;text-align:center;background:#181818;border:1px solid #917930;justify-content:center;align-items:center;width:100px;height:100px;font-family:Lexend,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.5;display:flex;position:absolute;top:0;overflow:hidden;transform:translateY(-32px)}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ux__box-placeholder{width:160px;height:160px;padding:20px;font-size:16px;top:64px;transform:none}}@media only print,only screen and (min-width:1154px){.case-study-wrapper.case-study--narodni-divadlo .ux__box-placeholder{width:272px;height:272px}}.case-study-wrapper.case-study--narodni-divadlo .ux__box-placeholder:before,.case-study-wrapper.case-study--narodni-divadlo .ux__box-placeholder:after{transform-origin:top;content:"";background:#917930;width:1px;height:141.4%;position:absolute;top:50%;left:50%;transform:rotate(45deg)translate(-50%,-50%)}.case-study-wrapper.case-study--narodni-divadlo .ux__box-placeholder:after{transform:rotate(-45deg)translate(-50%,-50%)}.case-study-wrapper.case-study--narodni-divadlo .ux__quote{margin-bottom:56px}.case-study-wrapper.case-study--narodni-divadlo .ui{padding-top:0;position:relative;overflow:hidden}.case-study-wrapper.case-study--narodni-divadlo .ui .ui-moodboards-text{max-width:441px}.case-study-wrapper.case-study--narodni-divadlo .ui .ui-hifi-text{max-width:734px;margin-left:auto}.case-study-wrapper.case-study--narodni-divadlo .ui .ui-design-text{max-width:937px}.case-study-wrapper.case-study--narodni-divadlo .ui .content{position:relative}.case-study-wrapper.case-study--narodni-divadlo .ui:before{opacity:.23;content:"";background:url(/img/case-nd/ui-lofi.jpg) 0 0/cover;width:950px;height:1974px;transition:transform 2s 1s;position:absolute;top:70%;right:0;transform:rotate(45deg)translate(-50%,50%)}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ui:before{width:1426px;height:2964px;top:80%}}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--narodni-divadlo .ui:before{top:75%;left:-60%}}@media only print,only screen and (min-width:1440px){.case-study-wrapper.case-study--narodni-divadlo .ui:before{left:-10%}}.case-study-wrapper.case-study--narodni-divadlo .ui:after{opacity:.2;content:"";transform-origin:50%;background:url(/img/case-nd/ui-moodboard.jpg) 0 0/cover;width:331px;height:371px;transition-property:transform,opacity;transition-duration:2s;transition-delay:0s,1s;position:absolute;top:30%;right:0;transform:rotate(45deg)translate(50%,-100%)}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ui:after{width:700px;height:784px;top:0}}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--narodni-divadlo .ui:after{width:892px;height:1000px}}@media only print,only screen and (min-width:1440px){.case-study-wrapper.case-study--narodni-divadlo .ui:after{right:-10%}}.case-study-wrapper.case-study--narodni-divadlo .ui.its-showtime:after{transform:rotate(45deg)translate(50%)}.case-study-wrapper.case-study--narodni-divadlo .ui.its-showtime:before{transform:rotate(45deg)translate(-100%)}.case-study-wrapper.case-study--narodni-divadlo .ui__quote{margin-bottom:96px}.case-study-wrapper.case-study--narodni-divadlo .ui-final{padding-bottom:0}.case-study-wrapper.case-study--narodni-divadlo .ui-final__box{background-color:#917930;background-size:cover;flex-direction:column;padding:70px 0;display:flex}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--narodni-divadlo .ui-final__box{padding:88px 0}}.case-study-wrapper.case-study--narodni-divadlo .ui-final__box .heading-ttu{margin-bottom:0;font-size:20px}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ui-final__box .heading-ttu{font-size:24px}}.case-study-wrapper.case-study--narodni-divadlo .ui-final__stats li{width:100%;max-width:372px;margin:0 auto}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ui-final__stats{flex-direction:row;justify-content:center;display:flex}.case-study-wrapper.case-study--narodni-divadlo .ui-final__stats li+li{margin-left:16px}}@media only print,only screen and (max-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ui-final__stats li+li{margin-top:24px}}.case-study-wrapper.case-study--narodni-divadlo .ui-final__stats li:first-child .ui-final__box{background-image:url(/img/case-nd/background-gold-1.jpg)}.case-study-wrapper.case-study--narodni-divadlo .ui-final__stats li:nth-child(2) .ui-final__box{background-image:url(/img/case-nd/background-gold-2.jpg)}.case-study-wrapper.case-study--narodni-divadlo .ui-final__stats li:nth-child(3) .ui-final__box{background-image:url(/img/case-nd/background-gold-3.jpg)}.case-study-wrapper.case-study--narodni-divadlo .ui-final__value{color:#fff;text-shadow:0 7px 7px #0003;font-family:Lexend,Arial,sans-serif;font-size:96px;font-weight:700;line-height:1}.case-study-wrapper.case-study--narodni-divadlo .ui-final__value .odometer-inside{padding:10px}.case-study-wrapper.case-study--narodni-divadlo .ui-final__slider-wrapper{width:80%;max-width:1153px;margin:0 auto;position:relative}@media screen and (min-height:900px){.case-study-wrapper.case-study--narodni-divadlo .ui-final__slider-wrapper{width:100%}}.case-study-wrapper.case-study--narodni-divadlo .ui-final__slider-holder{overflow:hidden;box-shadow:0 2.76726px 2.21381px #00000005,0 6.6501px 5.32008px #00000007,0 12.5216px 10.0172px #00000009,0 22.3363px 17.869px #0000000b,0 41.7776px 33.4221px #0000000d,0 100px 80px #00000012}.case-study-wrapper.case-study--narodni-divadlo .ui-final__slider{background-color:#0d0f14;width:100%;height:0;padding-bottom:55.555%}.case-study-wrapper.case-study--narodni-divadlo .ui-final__slider-content{width:100%;height:auto}.case-study-wrapper.case-study--narodni-divadlo .ui-final__slider-item{opacity:0;pointer-events:none;width:100%;max-height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:translateY(100%)}.case-study-wrapper.case-study--narodni-divadlo .ui-final__slider-item img{width:100%;height:auto}.case-study-wrapper.case-study--narodni-divadlo .ui-final__nav{flex-direction:row;justify-content:center;margin:40px 0 120px;display:flex}.case-study-wrapper.case-study--narodni-divadlo .ui-final__progressbar{border:1px solid #917930;border-radius:12px;width:118px;height:12px;overflow:hidden}.case-study-wrapper.case-study--narodni-divadlo .ui-final__progressbar-value{background:#917930;width:0;height:100%;display:block}.case-study-wrapper.case-study--narodni-divadlo .ui-final__dot{border:1px solid #917930;border-radius:100%;width:12px;height:12px;margin-left:32px}.case-study-wrapper.case-study--narodni-divadlo .ui-final__dot--active{background:#917930}.case-study-wrapper.case-study--narodni-divadlo .ui-final__scroll{flex-direction:column;justify-content:center;align-items:center;width:60px;display:flex;position:absolute;top:50%;left:calc(100% + 40px);transform:translate(-50%,-50%)}@media only print,only screen and (min-width:1440px){.case-study-wrapper.case-study--narodni-divadlo .ui-final__scroll{left:calc(100% + 72px)}}.case-study-wrapper.case-study--narodni-divadlo .ui-final__scroll .mouse{border-color:#917930;margin:0 0 12px;display:block;position:static}.case-study-wrapper.case-study--narodni-divadlo .ui-final__scroll .mouse__wheel{background:#917930}.case-study-wrapper.case-study--narodni-divadlo .ui-final__scroll .text{text-align:center;text-transform:uppercase;font-family:Lexend,Arial,sans-serif;font-size:8px;font-weight:700;line-height:2;display:inline-block}.case-study-wrapper.case-study--narodni-divadlo .ui-final .show-on-desktop{display:none}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--narodni-divadlo .ui-final .show-on-desktop{display:block}.case-study-wrapper.case-study--narodni-divadlo .ui-final .show-on-mobile{display:none}}.case-study-wrapper.case-study--narodni-divadlo .ui-final__mobileslider{margin-bottom:50px}.case-study-wrapper.case-study--narodni-divadlo .ui-final__mobileslider .slick-list{border-radius:7px;overflow:hidden}.case-study-wrapper.case-study--narodni-divadlo .ui-final__mobileslider .item{width:100%}.case-study-wrapper.case-study--narodni-divadlo .ui-final__mobileslider .item img{width:100%;max-width:720px;height:auto;margin:auto}.case-study-wrapper.case-study--narodni-divadlo .ui-final__mobileslider .slick-dots{flex-direction:row;justify-content:center;margin-top:24px;display:flex;position:static}.case-study-wrapper.case-study--narodni-divadlo .ui-final__mobileslider .slick-dots li{justify-content:center;align-items:center;display:flex}.case-study-wrapper.case-study--narodni-divadlo .ui-final__mobileslider .slick-dots li.slick-active button{background:#917930}.case-study-wrapper.case-study--narodni-divadlo .ui-final__mobileslider .slick-dots li button{border:1px solid #917930;border-radius:100%;width:12px;height:12px;padding:0}.case-study-wrapper.case-study--narodni-divadlo .ui-final__mobileslider .slick-dots li button:before{display:none}.case-study-wrapper.case-study--narodni-divadlo .ui-final__video-wrapper{justify-content:center;align-items:center;margin-top:20px;margin-bottom:-20px;display:flex;position:relative}@media only print,only screen and (min-width:1024px){.case-study-wrapper.case-study--narodni-divadlo .ui-final__video-wrapper{margin-top:40px;margin-bottom:-91px}}.case-study-wrapper.case-study--narodni-divadlo .ui-final__video-wrapper .play{z-index:1;cursor:pointer;background:url(/img/case-nd/play-bg.jpg) 0 0/cover no-repeat;justify-content:center;align-items:center;width:75px;height:75px;transition:opacity .3s;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ui-final__video-wrapper .play{width:100px;height:100px}}.case-study-wrapper.case-study--narodni-divadlo .ui-final__video-wrapper .play:after{content:"";background:url(/img/case-nd/play-bg.jpg) 0 0/cover no-repeat;width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-study-wrapper.case-study--narodni-divadlo .ui-final__video-wrapper .play:hover:after{opacity:0;width:calc(100% + 40px);height:calc(100% + 40px);transition:opacity .3s,width .5s,height .5s}.case-study-wrapper.case-study--narodni-divadlo .ui-final__video-wrapper .play__triangle{z-index:1;width:30px;height:auto;position:relative}@media only print,only screen and (min-width:768px){.case-study-wrapper.case-study--narodni-divadlo .ui-final__video-wrapper .play__triangle{width:39px}}.case-study-wrapper.case-study--narodni-divadlo .ui-final__video{width:100%;max-width:1153px;margin:0 auto}.case-study-wrapper.case-study--narodni-divadlo .ui-final__video:focus{border:0;outline:none}.case-study-wrapper.case-study--narodni-divadlo .ui-final__rewind.text{background:0;border:0;margin-top:10px;padding:10px 20px;text-decoration:underline;display:none}.case-study-wrapper.case-study--narodni-divadlo .ui-final__rewind.text:focus{outline:none}.case-study-wrapper.case-study--narodni-divadlo .dev{position:relative}.case-study-wrapper.case-study--narodni-divadlo .dev:before{opacity:.15;content:"";background:url(/img/case-nd/dev-background.jpg) 0 0/contain repeat-y;width:100%;height:100%;position:absolute;top:0;left:0}.case-study-wrapper.case-study--narodni-divadlo .dev__quote{margin-bottom:96px}.case-study-wrapper.case-study--narodni-divadlo .dev__process .paragraph{max-width:523px}.case-study-wrapper.case-study--narodni-divadlo .client__subheading{color:#917930}.case-study-wrapper.case-study--narodni-divadlo .end{background:#917930 url(/img/case-nd/background-gold.jpg) 50% 0}.case-study-wrapper.case-study--narodni-divadlo .end .content{flex-direction:column;align-items:center;display:flex}.case-study.case-study--color--narodnidivadlo .intro{background:url(/img/case-nd/intro-background.jpg) 0 0/cover;margin-left:0;padding-left:20px;padding-right:20px;position:relative}@media only print,only screen and (min-width:800px){.case-study.case-study--color--narodnidivadlo .intro{padding-top:120px;padding-bottom:120px}}@media only print,only screen and (min-width:1024px){.case-study.case-study--color--narodnidivadlo .intro{padding-left:112px}}.case-study.case-study--color--narodnidivadlo .intro:after{content:"";background:linear-gradient(90deg,#000 10%,#0000004d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.case-study.case-study--color--narodnidivadlo .intro .mouse{z-index:3;top:auto;bottom:39px;left:50%}.case-study.case-study--color--narodnidivadlo .intro__text{z-index:1;height:100%;position:relative}.case-study.case-study--color--narodnidivadlo .intro__customer{color:#917930;margin-top:36px;margin-bottom:24px}@media only print,only screen and (min-width:1024px){.case-study.case-study--color--narodnidivadlo .intro__customer{margin-top:0}}.case-study.case-study--color--narodnidivadlo .intro__title{margin-bottom:32px;font-size:27px;line-height:1.14815}@media only print,only screen and (min-width:768px){.case-study.case-study--color--narodnidivadlo .intro__title{font-size:80px}}@media only print,only screen and (min-width:1024px){.case-study.case-study--color--narodnidivadlo .intro__title{font-size:100px;line-height:1}}.case-study.case-study--color--narodnidivadlo .intro__perex{margin-bottom:28px;font-weight:500;display:inline-block}.case-study.case-study--color--narodnidivadlo .intro__perex--bottom{margin-bottom:42px}@media only print,only screen and (min-width:1024px){.case-study.case-study--color--narodnidivadlo .intro__perex--bottom{margin-bottom:49px}}.case-study.case-study--color--narodnidivadlo .icons__item{opacity:1;fill:#917930;color:#fff;transform:translateY(0)}.case-study.case-study--color--narodnidivadlo .header--case{color:#fff;background:#000}.case-study.case-study--color--narodnidivadlo .nav-top--filled .menu{color:#000}.case-study.case-study--color--narodnidivadlo .nav-top--filled .menu:hover .menu__sign--desktop,.case-study.case-study--color--narodnidivadlo .nav-top--filled .menu:hover .menu__sign--desktop:before,.case-study.case-study--color--narodnidivadlo .nav-top--filled .menu:hover .menu__sign--desktop:after{background-color:#f60}.case-study.case-study--color--narodnidivadlo .nav-top--filled .menu__sign--desktop,.case-study.case-study--color--narodnidivadlo .nav-top--filled .menu__sign--desktop:before,.case-study.case-study--color--narodnidivadlo .nav-top--filled .menu__sign--desktop:after{background-color:#000}.case-study.case-study--color--narodnidivadlo .menu{color:#fff}.case-study.case-study--color--narodnidivadlo .menu:hover{color:#f60}@media only print,only screen and (min-width:1550px){.case-study.case-study--color--narodnidivadlo .menu{color:#333}}.case-study.case-study--color--narodnidivadlo .menu__sign--desktop,.case-study.case-study--color--narodnidivadlo .menu__sign--desktop:before,.case-study.case-study--color--narodnidivadlo .menu__sign--desktop:after{background-color:#fff}@media only print,only screen and (min-width:1550px){.case-study.case-study--color--narodnidivadlo .menu__sign--desktop,.case-study.case-study--color--narodnidivadlo .menu__sign--desktop:before,.case-study.case-study--color--narodnidivadlo .menu__sign--desktop:after{background-color:#333}}.case-study.case-study--color--narodnidivadlo .mouse{cursor:pointer;border-color:#fff}.case-study.case-study--color--narodnidivadlo .mouse__wheel{background-color:#fff}.case-study.case-study--color--narodnidivadlo .breadcrumbs{color:#fff}.case-study.case-study--color--narodnidivadlo .nav-top--filled .breadcrumbs{color:#000}.case-study.case-study--color--narodnidivadlo footer{background-color:#000;max-width:1440px;margin:0 auto}.case-study.case-study--color--narodnidivadlo footer .mouse{color:#917930;border-color:#917930}.case-study.case-study--color--narodnidivadlo footer .mouse__wheel{background-color:#917930}.case-study.case-study--color--narodnidivadlo .footer__counter,.case-study.case-study--color--narodnidivadlo .footer__next-title{color:#fff}.case-study.case-study--color--narodnidivadlo .connection:before,.case-study.case-study--color--narodnidivadlo .connection:after{height:0;transition:height .5s}.case-study.case-study--color--narodnidivadlo .connection .line{width:0;transition:width 1s .5s}.case-study.case-study--color--narodnidivadlo .connection:after{transition-delay:1.5s}.case-study.case-study--color--narodnidivadlo .connection.its-showtime:before,.case-study.case-study--color--narodnidivadlo .connection.its-showtime:after{height:50%}.case-study.case-study--color--narodnidivadlo .connection.its-showtime .line{width:100%}.case-study.case-study--color--narodnidivadlo .mission__checklist li{transform-origin:50%;opacity:0;transition:all .5s;transform:scale(2)}.case-study.case-study--color--narodnidivadlo .mission__checklist li:nth-child(2){transition-delay:.6s}.case-study.case-study--color--narodnidivadlo .mission__checklist li:nth-child(3){transition-delay:.9s}.case-study.case-study--color--narodnidivadlo .mission__checklist li:nth-child(4){transition-delay:1.2s}.case-study.case-study--color--narodnidivadlo .mission__checklist li:nth-child(5){transition-delay:1.5s}.case-study.case-study--color--narodnidivadlo .mission__checklist li:nth-child(6){transition-delay:1.8s}.case-study.case-study--color--narodnidivadlo .mission__checklist.its-showtime li{opacity:1;transform:scale(1)}.case-study.case-study--color--narodnidivadlo .team__cards .team__card{opacity:0;transition:opacity 1s}.case-study.case-study--color--narodnidivadlo .team__cards .team__card:first-child{transition-delay:0s}.case-study.case-study--color--narodnidivadlo .team__cards .team__card:nth-child(2){transition-delay:.5s}.case-study.case-study--color--narodnidivadlo .team__cards .team__card:nth-child(3){transition-delay:1s}.case-study.case-study--color--narodnidivadlo .team__cards.its-showtime .team__card{opacity:1}.case-study.case-study--color--narodnidivadlo .ux__process--1,.case-study.case-study--color--narodnidivadlo .ux__process--2,.case-study.case-study--color--narodnidivadlo .ux__process--3{opacity:0;transition:opacity 1s}.case-study.case-study--color--narodnidivadlo .ux__process--1.its-showtime,.case-study.case-study--color--narodnidivadlo .ux__process--2.its-showtime,.case-study.case-study--color--narodnidivadlo .ux__process--3.its-showtime{opacity:1}.case-study.case-study--color--narodnidivadlo .intro{opacity:0;background-position:0 0;transition:opacity 5s,background-position 5s}.case-study.case-study--color--narodnidivadlo .intro.its-showtime{opacity:1;background-position:50% 0}@media only print,only screen and (min-width:1440px){.case-study.case-study--color--narodnidivadlo .intro{background-position:70px 0;background-size:cover}.case-study.case-study--color--narodnidivadlo .intro.its-showtime{opacity:1;background-position:0 0}}.case-study.case-study--color--narodnidivadlo .team{transition:all 1s}.case-study.case-study--color--narodnidivadlo .team.on-exit{color:#fff;background-color:#1b1b1b}.case-study.case-study--color--narodnidivadlo .team.on-enter+.ux:not(.on-enter){color:#000;background-color:#fff}.case-study.case-study--color--narodnidivadlo .dev{color:#000;background-color:#fff;transition:all 1s}.case-study.case-study--color--narodnidivadlo .dev:before{opacity:0;transition:all 1s}.case-study.case-study--color--narodnidivadlo .dev.on-enter{color:#fff;background-color:#000}.case-study.case-study--color--narodnidivadlo .dev.on-enter:before{opacity:.15}.case-study.case-study--color--narodnidivadlo .ux{color:#000;background-color:#fff;transition:all 1s}.case-study.case-study--color--narodnidivadlo .ux.on-enter,.case-study.case-study--color--narodnidivadlo .ux.on-exit{color:#fff;background-color:#1b1b1b}.case-study.case-study--color--narodnidivadlo .ux:before{opacity:0}.case-study.case-study--color--narodnidivadlo .ux.on-enter:before{opacity:.1}.case-study.case-study--color--narodnidivadlo .ux.on-enter+.ui.on-exit{color:#fff;background-color:#000}.case-study.case-study--color--narodnidivadlo .ui{transition:all 1s}.case-study.case-study--color--narodnidivadlo .ui:after,.case-study.case-study--color--narodnidivadlo .ui:before{opacity:0;transition:all 1s}.case-study.case-study--color--narodnidivadlo .ui.on-exit{color:#000;background-color:#fff}.case-study.case-study--color--narodnidivadlo .ui.on-exit:after,.case-study.case-study--color--narodnidivadlo .ui.on-exit:before{opacity:0}.case-study.case-study--color--narodnidivadlo .ui.on-enter:after,.case-study.case-study--color--narodnidivadlo .ui.on-enter:before{opacity:.2}@media only print,only screen and (min-width:1440px){.case-study.case-study--color--narodnidivadlo .ui.on-enter:after,.case-study.case-study--color--narodnidivadlo .ui.on-enter:before{opacity:1}}.case-study.case-study--color--narodnidivadlo .ui-final{color:#fff;background-color:#0a0a0a;transition:all 1s}.case-study.case-study--color--narodnidivadlo .ui-final.on-enter,.case-study.case-study--color--narodnidivadlo .dev.on-exit+.client.on-exit{color:#000;background-color:#fff}.case-study.case-study--color--narodnidivadlo .client{transition:all 1s}.case-study.case-study--color--narodnidivadlo .client.on-enter{color:#000;background-color:#fff}.case-study.case-study--color--narodnidivadlo .client.on-exit{color:#fff;background-color:#000}