How to place the slider in the center of the page, provided that the navbar should be nailed to the top?

Question

css

for example here https://jsfiddle.net/kLpw91bf/ the slider goes in the center, but when adding a navbar it turns out like this https://jsfiddle.net/kLpw91bf/2/
According to the layout, I have a navbar at the top and an owl-carousel in the center of the page.
tried navbar top: 0 doesn't work

Answer 1

https://jsfiddle.net/7aaLrodx/