.rotating-slider {
    margin:33px auto 0 auto; 
	height:44%;
	width:44%; 
	position: absolute;
    bottom: 12%; 
    max-width: 80%;
    object-fit:contain;
    background-size:contain;
    background-position:top;
    align-content: center;
    align-items: flex-start;
/*	margin: 5em auto;
	height: 360px;
	 overflow: hidden;
	width: 480px; */
}
.rotating-slider ul.direction-controls {
    list-style:none;
    margin:auto;
    padding: 0;
}
.rotating-slider ul.direction-controls li.left-arrow {
    position: absolute;
    top: 1%;
    right: 55%;
    transform: translateY(-50%);
    display: block;
}
.rotating-slider ul.direction-controls li.right-arrow {
    position: absolute;
    top: 1%;
    left: 75%;
    transform: translateY(-50%);
    display: block;
}


.rotating-slider ul.direction-controls li button {
    background: rgba(0, 0, 0, 0.4);
    border: none;
    color: #ecfa05;
    cursor: pointer;
    font-size: 1.5em;
    font-weight: bold;
    height: 1.5em;
    line-height: 1.5em;
    padding: 0;
    text-align: center;
    transition: background 4s;
    width: 2em;
}
.rotating-slider ul.direction-controls li button:hover {
    background: rgba(0, 0, 0, 0.6);
}
.rotating-slider ul.slides {
    border-radius: 50%;
    object-fit:contain;
    background-position:top;
    background-size: contain;
	width: 100%;
	height: 100%;
    min-height: 50%;
    min-width: 50%;   
    margin:22px auto 22px auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 6%;
    bottom: 12%; 
    left: 64%;
    transform: translateX(-50%) rotate(0);
    transform-origin:center center;
		
}
.rotating-slider ul.slides li {
    background-color: #ecf0f1;
    background-position: top;
    background-size: contain;
	max-width: 100%;
	height: 100%;
    display: block;
    list-style: none;
    position: absolute;
    top: 5%;
    bottom: 12%; 
   left: 50%;
    right: 50%;
    text-align: center;
    transform-origin:center center;;
    min-height: 50%;
    min-width: 50%;   
}

/* Demo Styles 
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,700);*/
body {
    background: #333;
   /* font-family: "Roboto Slab", sans-serif;*/
    font-weight: 300;
    overflow:hidden;
}
.rotating-slider ul.slides li {
    color: #fff;
}
.rotating-slider ul.slides li:nth-of-type(1) {
    background: radial-gradient(#a10898, #2a0228);
}
.rotating-slider ul.slides li:nth-of-type(2) {
    background: url("https://atacajack.cl/loop/images/polvaera-1999-3.jpg");
}
.rotating-slider ul.slides li:nth-of-type(3) {
     background: radial-gradient(#950808, #371208);
}
.rotating-slider ul.slides li:nth-of-type(4) {
   background: url("https://atacajack.cl/loop/images/polvaera-1999-2.jpg");
}
.rotating-slider ul.slides li:nth-of-type(5) {
    background: radial-gradient(#046745, #08251b);
}
.rotating-slider ul.slides li:nth-of-type(6) {
    background: url("https://atacajack.cl/loop/images/polvaera-1999-1.jpg");
}
.rotating-slider ul.slides li .inner {
    box-sizing:border-box;
    padding: 2em;
    height: 100%;
    width: 100%;
min-height: 50%;
    min-width: 50%; 
    mmargin:22px auto 0 auto;
}