.ssc {
  background: #F1F0EF;
  position: relative;
}

.ssc, .ssc-content, .ssc-content span {
  display:block;
  text-align:center;
  margin:auto;
}

.ssc-content {
  overflow:hidden;
  width: 100%;
}

.ssc-title {
  font-weight:bold;
}

.ssc-index { font: normal 14px 'AvenirLight', Arial; color: #3F4243; display: none; }
.ssc-current { color: #4d95d2; }

.ssc-previous, .ssc-next { z-index: 99; top: 45%; display: block; position: absolute; background: rgba(63,66,67,0.7); width: 47px; height: 47px; text-indent: 101%; white-space: nowrap; overflow: hidden; transition: all linear 200ms; }
.ssc-previous { left: 30px; background-image: url('images/arrow_left.png'); background-repeat: no-repeat; background-position: center center; }
.ssc-next { right: 30px; background-image: url('images/arrow_right.png'); background-repeat: no-repeat; background-position: center center; }

.ssc-previous:hover { background: url('images/arrow_left.png') no-repeat center center rgba(63,66,67,1) !important; }
.ssc-next:hover { background: url('images/arrow_right.png') no-repeat center center rgba(63,66,67,1) !important; }

.ssc-nav { margin: 4px auto !important; padding: 0px 0px 1px 4px; display:table; }
.ssc-nav li { float: left; margin: 8px; list-style: none; background-image:none; padding: 0; }
.ssc-nav a { padding: 3px; display: block; border: 1px solid #ccc; }
.ssc-nav li.activeSlide a { background: #88f }
.ssc-nav a:focus { outline: none; }
.ssc-nav img { border: none; display: block }