/*-----------------------------------------------------------------------------
- Revolution Slider 5.0 Navigation Skin Style -
ZEUS SKIN (Minimal Version)
-----------------------------------------------------------------------------*/

/* ARROW CONTAINER */
.zeus.tparrows {
  cursor: pointer;
  min-width: 70px;
  min-height: 70px;
  position: absolute;
  display: block;
  z-index: 100;
  border-radius: 35px;
  overflow: hidden;
  background: rgba(0,0,0,0.1);
  transition: background 0.3s ease; /* Smooth bg hover */
}

/* ARROW ICON BASE */
.zeus.tparrows:before {
  display: block;
  line-height: 70px;
  text-align: center;
  z-index: 2;
  position: relative;
}

/* LEFT ARROW */
.zeus.tparrows.tp-leftarrow:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"/></svg>');
  transition: transform 0.3s ease;
}
.zeus.tparrows.tp-leftarrow:hover:before {
  transform: translateX(-3px);
}

/* RIGHT ARROW */
.zeus.tparrows.tp-rightarrow:before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg>');
  transition: transform 0.3s ease;
}
.zeus.tparrows.tp-rightarrow:hover:before {
  transform: translateX(3px);
}

/* HOVER STATES */
.zeus.tparrows:hover {
  background: rgba(0,0,0,0.7);
	background: #ac001d;
}