Epik Sliders CSS – Change to Royal Slider

Hi

Wonder if you can help out. I note that in the Epik Theme CSS there appears to be styling for both the Genesis Slider and Layer Slider and another slider?

I am using Royal Slider instead, but think that im hitting some issues with the inherited CSS (makes sense). Appreciate that its not a theme issue, but wondered if you perhaps knew the correct CSS to add for Royal Slider instead as the developers of the Epik Theme. At the moment, Royal Slider is working (with a few issues) but added via a widget not directly via CSS

Any help is greatly appreciated, many thanks. My CSS is a work in progress, hence the cheat of adding it via the widget!

Default Epik CSS

21 Genesis Slider Plugin
—————————————————————————————————- */

.slider-inner {
margin: 0 auto !important;
overflow: hidden;
padding: 0 0 40px !important;
width: 1152px;
}

.slider-inner .widget {
margin: 0 0 20px;
}

.slider-title {
font-family: “Open Sans”,sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 48px;
margin: 0;
}

#genesis-responsive-slider {
background: none !important;
border: none !important;
margin: 0 auto;
padding: 0 !important;
position: relative;
}

.flexslider {
background: none !important;
}

.flex-direction-nav li .prev {
left: 0 !important;
}

.flex-direction-nav li .next {
right: 0 !important;
}

.flex-control-nav {
margin: 20px 0 0 !important;
}

#genesis-slider {
background-color: #fff !important;
border: medium none !important;
margin: 0 auto !important;
padding: 0 !important;
}

.slider-previous, .slider-previous:hover {
margin-left: 10px !important;
}

.slider-next, .slider-next:hover {
margin-right: 10px !important;
}

/* Layer Slider */

.layerslider_widget {
margin: 0 0 40px;
}

.ls-defaultskin .ls-nav-prev {
left: -10px !important;
}

.ls-defaultskin .ls-nav-next {
right: -10px !important;
}

.ls-defaultskin {
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
background: none !important;
padding: 0 !important;
}