.sliderBackground,.sliderContainer{align-items:center;display:flex;flex-direction:column;height:auto;position:relative;width:100%}.sliderContainer .pageWrapper{align-items:center;display:flex;height:100%;justify-content:flex-start;position:relative;transition:.8s;width:100%}.slide{align-items:center;display:flex;flex-direction:row;justify-content:center;transition:.8s ease}.slide.inactive{z-index:0}.slide.inactive,.slide.listed{opacity:0;pointer-events:none;transform:scale(.6)}.sliderControls{height:auto;justify-content:flex-start;margin-top:4rem;width:86.4vw}.sliderControls,.sliderControls .pagination{align-items:center;display:flex;flex-direction:row}.sliderControls .pagination{max-width:14rem;width:50%}.pagination .delimeter{background:#000;flex-grow:1;height:1px;width:auto}.pagination span{color:#000;font-family:Manrope}.pagination span:first-child{font-size:1.4rem;font-weight:500;margin-right:.8rem}.pagination span:nth-child(3){font-size:1rem;font-weight:300;margin-left:.8rem}.sliderControls .buttons{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-left:auto;width:50%}.sliderControls .buttons .next,.sliderControls .buttons .prev{align-items:center;border:1px solid #000;border-radius:50%;-webkit-clip-path:border-box;clip-path:border-box;cursor:pointer;display:flex;height:3.2rem;justify-content:center;overflow:hidden;position:relative;transition:.3s .2s;width:3.2rem}.sliderControls .buttons .next:hover,.sliderControls .buttons .prev:hover{background:#000}.sliderControls .buttons img{transition:.3s;width:40%}.sliderControls .buttons .next:before,.sliderControls .buttons .prev:before{background-color:#000;border-radius:50%;content:"";height:200%;position:absolute;right:0;top:0;transform:translateX(100%);transition:.4s;width:200%;z-index:0}.sliderControls .buttons .prev:before{transform:translateX(-100%)}.sliderControls .buttons .next:hover img,.sliderControls .buttons .prev:hover img{filter:invert()}.sliderControls .buttons .next:hover:before,.sliderControls .buttons .prev:hover:before{transform:translateX(25%) translateY(-25%)}.sliderControls .buttons .prev img{transform:rotate(180deg)}.sliderControls .buttons .next{margin-left:2.5rem}.projectPreloader{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;width:100%}.projectPreloader div{-webkit-animation:loading 1s ease infinite;animation:loading 1s ease infinite;border:5px solid #f1f1f1;border-radius:50%;border-right:5px solid var(--accent-color);height:50px;width:50px}.casesSlider .sliderBackground{background:#1f1b20}.casesSlider{margin-top:auto}.allCasesButtonWrapper{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;position:absolute;top:0}.casesLine{background-color:#000;height:4rem;margin-bottom:12px;width:1px}.allCasesButtonWrapper a{color:#000;font-family:Manrope;font-size:1rem;font-weight:400;line-height:1rem;text-decoration:none;text-transform:uppercase;transition:.3s}.allCasesButtonWrapper a:hover{transform:scale(1.1)}.mocupContainer{height:100%;margin-bottom:15%;margin-right:40px}.mocupContainer img{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.caseDescriptionWrapper{color:#fff;display:flex;flex-direction:column}.caseType{color:#c3ccd9;font-family:Open Sans;font-size:.9rem;font-weight:400;line-height:.9rem;margin-bottom:1.1rem}.caseTitle{color:#fff;font-family:Manrope;font-size:1.7rem;font-weight:300;letter-spacing:.03em;line-height:1.7rem;margin:0 0 1.1rem;padding:0;text-transform:uppercase}.caseDescription{font-family:Open Sans;font-size:1rem;font-weight:400;line-height:1.4rem}.caseButton{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-bottom:30px;text-decoration:none;text-transform:uppercase}.caseButton span{font-family:Manrope;font-size:.9rem;font-style:normal;font-weight:400;margin-left:auto;text-decoration:none!important}.caseButton img{height:.7rem;margin-left:1.5rem;-o-object-fit:contain;object-fit:contain}.caseButton:hover img{-webkit-animation:arrowBounce 1s ease;animation:arrowBounce 1s ease}@media screen and (min-width:1024px) and (max-width:1920px){.mocupContainer{margin:0}.casesSlider .slide{justify-content:flex-start;min-width:100vw;position:relative}.casesSlider .sliderBackground{background-color:#0000}.casesSlide{background:#1f1b20;width:70vw}.caseDescriptionWrapper{margin:auto 7% auto 0;max-width:45%}.caseSlideInner{align-items:center;display:flex;flex-direction:row;height:50vh}.mocupContainer{margin-left:auto;margin-right:3.5rem;max-width:40%}.mocupContainer img{height:100%;max-width:100%;transform:translateY(-12.5%);width:auto}.webSlide .mocupContainer{width:38%}.webSlide .mocupContainer img{width:100%}.caseButton{color:#000;position:absolute;right:6.8vw;top:50%;transform:translateY(-50%)}.caseButton span{font-size:1rem;line-height:1rem}.caseButton img{filter:invert();margin-top:-.2rem;width:3.5rem}}@media screen and (min-width:1024px) and (max-width:1260px){.mocupContainer{height:70%}}@media screen and (max-width:1023px){.projectsContainer{padding-bottom:7vh}.casesSlider .sliderControls{display:none}.casesSlider .sliderBackground{background:transparent}.casesSlider .sliderBackground .pageWrapper{align-items:flex-start;flex-direction:column;transform:none!important}.casesSlider .sliderBackground .pageWrapper .slide.inactive,.casesSlider .sliderBackground .pageWrapper .slide.listed{opacity:1;pointer-events:auto;transform:none}.casesSlider .sliderBackground .pageWrapper .slide:not(:first-child){margin-top:1.43rem}.casesSlider .sliderBackground .pageWrapper .slide .casesSlide{flex-direction:column}.casesSlider .sliderBackground .pageWrapper .slide .caseSlideInner{align-items:center;border-top:1px solid #c3ccd9;display:flex;flex-direction:row-reverse;justify-content:flex-start;margin-bottom:1.85rem;padding-top:1.43rem}.casesSlider .sliderBackground .pageWrapper .slide:last-child .caseDescription{border-bottom:1px solid #c3ccd9;padding-bottom:1.43rem}.casesSlider .sliderBackground .pageWrapper .slide .caseSlideInner .mocupContainer{height:9.64rem;margin-bottom:0;margin-left:auto;margin-top:0;width:auto}.casesSlider .sliderBackground .pageWrapper .slide .caseSlideInner .mocupContainer img{max-width:unset}.casesSlider .sliderBackground .pageWrapper .slide .caseSlideInner .caseTitle{color:#000;margin-bottom:2.57rem}.casesSlider .sliderBackground .pageWrapper .slide .caseDescription{color:#000;font-size:.86rem;width:90%}.casesSlider .sliderBackground .pageWrapper .slide .caseSlideInner .caseDescriptionWrapper{margin-right:1.5rem}.casesLine{height:50px}.allCasesButtonWrapper a{font-size:1rem}.case{align-items:flex-start;flex-direction:column;justify-content:flex-start;margin:0;max-width:100%;position:absolute;width:85%}.mocupContainer{height:28vh;margin:-14vh 0 2.5rem;width:70%}.webSlide .mocupContainer{width:100%}.webSlide .mocupContainer img{width:auto}.projectsContainer{flex-direction:column;padding-top:0}.allCasesButtonWrapper{margin-bottom:6rem;position:static}.caseButton{align-items:center;border:1px solid #000;border-radius:50%;cursor:pointer;display:flex;height:3rem;justify-content:center;margin:0;width:3rem}.caseButton img{height:45%;margin-left:0;-o-object-fit:contain;object-fit:contain;transform:translateX(12.5%);width:auto}.caseButton:hover img{-webkit-animation:none;animation:none}.casesSlide{align-items:center;display:flex;justify-content:center;width:100vw}.caseSlideInner{width:90%}.caseType{font-size:1rem;line-height:1.1rem;margin-bottom:.85rem}.caseTitle{font-size:1.43rem;font-weight:500;line-height:1.6rem;margin-bottom:1.2rem}.caseDescription{font-family:Open Sans;font-size:1rem;font-weight:400;line-height:1.3em}}