.rotateslider-container { position: relative; width: 100%; padding:0 90px; height:500px; margin: 0 auto 100px; }
.rotateslider-container .inner { width:530px; border: 3px solid #000; border-radius: 20px; background: #fed44c; }
.rotateslider-container .inner figure {  }
.rotateslider-container .inner figure img { border-radius: 17px; }
.rotateslider-container .inner .text { border-top: 4px solid #000; padding: 20px 30px; min-height: 180px; display: none; flex-wrap: wrap; align-items: center; background: #ffd202; border-radius: 0 0 17px 17px; }
.rotateslider-container .rotateslider-item.now .inner { box-shadow: 3px 3px 0px 3px #000; }
.rotateslider-container .rotateslider-item.now .inner figure img { border-radius: 17px 17px 0 0; }


.rotateslider-container .rotateslider-item {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%) scale(0.955);
-ms-transform: translateY(-50%) translateX(-50%) scale(0.955);
transform: translateY(-50%) translateX(-50%) scale(0.955);
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.rotateslider-container .rotateslider-item.next {
  left: 71%;
  opacity: 1;
}

.rotateslider-container .rotateslider-item.prev {
  left: 28.5%;
  opacity: 1;
}

.rotateslider-container .rotateslider-item.now {
  z-index:1;
  opacity: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.rotateslider-container .rotateslider-item.now .inner .text { display:flex; }

/*
.rotateslider-container .arrow {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #000;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
  color: #fff;
  text-align: center;
}
*/
.rotateslider-container .arrow.left { left: 0; }

.rotateslider-container .arrow.right { right: 0; }




.rotateslider-container .arrow { transition: all 0.3s; cursor: pointer; width: 60px; height: 80px; border-radius: 20px; border: 3px solid #000; font-size: 0; line-height: 0; background: #ffd202 url(../images/arrow.png) center center no-repeat; background-size: auto 40px; position: absolute; left: 0; top: 50%; margin-top: -40px; z-index: 1; transform: scale(-1,1); }
.rotateslider-container .arrow.right { left: auto; right: 0; transform: scale(1,1); }
.slider_sec .slick-arrow:hover { background-color: #f8de8b; }




@media only screen and (max-width: 1279px) {
.rotateslider-container .inner { width: 387px; }
.rotateslider-container { height: 430px; }
.rotateslider-container { margin-bottom: 60px; }
  

}

@media only screen and (max-width: 1023px) {
.rotateslider-container .inner { width: calc(100% - 180px); margin:auto }
.rotateslider-container .rotateslider-item { width: 100%; }
.rotateslider-container .rotateslider-item.next { left:50%; }
.rotateslider-container .rotateslider-item.prev { left:50%; }

.rotateslider-container { display: none; }

}