/* CSS Document */
	
.container{
  width:600px;
  height:380px;
  display:block;
  justify-content:center;
  align-items:center;
}
.slider {
  height:440px;
  width:600px;
  display: block;
  perspective: 433px;
  position: relative;
  align-items:center;
}



.slider [class*="box"] {
/*   float: left; */
  overflow: hidden;
  border-radius:20px;
border: 5px solid #BBA908;

  transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    position:absolute;
}
.slider [class*="box"]:nth-child(7),
.slider [class*="box"]:nth-child(1) {
  width: 350px;
  height: 350px;
  transform: scale(0.2) translate(-110%,-50%);
  top: -10%;
  z-index:1;
	
}
.slider [class*="box"]:nth-child(2),
.slider [class*="box"]:nth-child(6) {
  width: 350px;
  height: 350px;
  transform: scale(0.4) translate(-50%,-50%);
  top: 10%;
  z-index:2;
}
.slider [class*="box"]:nth-child(3),
.slider [class*="box"]:nth-child(5) {
  width: 350px;
  height: 350px;
  transform: scale(0.6) translate(-50%,-50%);
  top: 20%;
  z-index:3;
}
.slider [class*="box"]:nth-child(4) {
  width: 370px;
  height: 370px;
  border-color: #c92026;
  color: #fff;
  transform: scale(1) translate(-40%,-50%);
  top: 41%;
  z-index:4;
}
.slider [class*="box"]:nth-child(1){
  left:-22%;}
.slider [class*="box"]:nth-child(2){
  left:-10%;}
.slider [class*="box"]:nth-child(3){
  left:18%;}
.slider [class*="box"]:nth-child(4){
  left:50%;}
.slider [class*="box"]:nth-child(5){
  left:71%;}
.slider [class*="box"]:nth-child(6){
  left:85%;}
.slider [class*="box"]:nth-child(7){
  left:100%;}
.slider .firstSlide {
    -webkit-animation:  firstChild 1s;
    animation:  firstChild 1s;
}
/*Animation for buyers landing page slider*/
@-webkit-keyframes firstChild {
    0% {left:100%; transform: scale(0.2) translate(-50%,-50%);}
    100% {left: -13%; transform: scale(0.2) translate(-50%,-50%);}
}
@keyframes firstChild {
   0% {left:100%; transform: scale(0.2) translate(-50%,-50%);}
    100% {left: -13%; transform: scale(0.2) translate(-50%,-50%);}
}