.rotating-slideshow {
	width: 100%;
	height: auto;
	max-height: 590px;
	overflow: hidden;
	position: relative;
	
}
.rotating-slideshow .back {
	height: 0;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative
}
.rotating-slideshow .button {
	position: absolute;
	z-index: 25;
	opacity: .75;
	top: 24%;
	left: 24px;
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.rotating-slideshow .button a {
	display: block;
	width: 42px;
	height: 42px;
	outline: 0;
	margin-right: 10px;
	font-size: 35px;
	color: #fff;
	text-align: center;
	float: left;
	border: 2px solid #fff;
	line-height: 36px
}
.rotating-slideshow .button a:hover {
	background: #fff;
	color: #000
}
.rotating-slideshow #slider-main {
	width: 100%;
	height: 590px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}
.rotating-slideshow #slider-main .spinner, .rotating-slideshow #slider-main .spinner-btn {
	position: absolute;
	transform: rotate(22deg);
	left: 0;
	min-width: 100%;
	transition: all .5s ease, opacity .3s ease
}
.rotating-slideshow #slider-main img {
	max-width: none;
}
.rotating-slideshow #slider-main .spinner {
	top: -172%;
	top: -1030px;
	right: initial;
	opacity: .7;
	z-index: 10
}
.rotating-slideshow #slider-main .spinner-btn {
	top: -172%;
	top: -1030px;
	z-index: 11
}
.rotating-slideshow #slider-main .slides {
	position: relative;
	margin: -590px auto;
	width: 100%;
	max-width: 1920px;
	height: 590px;
	display: none
}
.rotating-slideshow #slider-main .slides img {
	position: absolute;
	top: 0;
	left: 0!important;
	opacity: 0;
	transition: opacity 1.5s ease-out;
	z-index: 9
}
.rotating-slideshow #slider-main .slides img.active {
	opacity: 1
}
.rotating-slideshow #slider-main .slider-overlay {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	height: 100%;
	position: relative
}
.rotating-slideshow #slider-main .slider-overlay .div {
	position: absolute;
	top: 36%;
	left: -100%;
	opacity: 0;
	transition: all .4s ease, opacity .4s ease;
	z-index: 999;
	color: #fff;
	padding: 0 20px;
	width: 72%;
	text-shadow: 0 0 10px rgba(0,0,0,.5)
}
.rotating-slideshow #slider-main .slider-overlay div.active {
	left: 0;
	opacity: 1
}
.rotating-slideshow #slider-main .slider-overlay div h4 {
	font-size: 38px;
	color: #fff;
	text-align: left
}
.rotating-slideshow #slider-main .slider-overlay div p {
	text-align: left;
	color: #fff;
	font-size: 18px
}
.rotating-slideshow #slider-sound {
	display: none
}


@media only screen and (max-width:990px) {
.rotating-slideshow #slider-main .spinner {
    top: -1180px;
}

}

@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spinAround{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@keyframes spinAround{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 0);
  }
}


@media only screen and (max-width:994px) {

.rotating-slideshow {
	max-height: 415px
}
.rotating-slideshow #slider-main .slider-overlay .div {
	top: 24%;
	width: 100%
}
.rotating-slideshow #slider-main .slider-overlay div h4 {
	font-size: 22px;
	line-height: 30px
}
.rotating-slideshow .button {
	top: 10%
}
#slider-main {
	height: 270px!important
}

}

.slider-logo {
  left: 950px;
  position: absolute;
  right: initial;
  top: 37%;
  transform: scaleX(1);
  z-index: 1990;
}