Fading and no display effect CSS/JQUERY on scroll

Hi I’m debugging a site for a friend, which kept me looking for a solution for hours. Unfortunately I could not find the source or how the effects are being called.

Here is the site link http://accutrack.thedesigneye.co.nz/

on the scroll event of the page it fades out the elements in it.

What I want to achieve is to permanently display all the items even if I’m scrolling it. Any help would be appreciated

header menu code

<div class="carousel-inner skrollable skrollable-between" data-1440="transform: translateY(-500px);" data-start="transform: translateY(0px);" style="transform: translateY(-116.319px); display: none;">

page content code

<div class="slider_content center skrollable skrollable-between" data-300="opacity: 0; left:1%; top:30%;" data-start="width:98%; opacity:1; left:1%; top:40%;" style="width: 98%; left: 1%; top: 38.9333%; opacity: 0.893333;">

note that I do not know where are they being declared all I know is that its using the Qode Slider for wordpress