html, body, .section_height, .et_pb_section_first {
    padding:0px;
    margin:0px;
    padding-top:0px !important;
}
form input {
    width:100%;
}
.blackBox{
    width:90%;
    background:black;
    text-align: center;
    padding:20px;
}
.whiteText{
    width:100%;
    color:white;
    font-size: 28px;
}
.orangeText{
  color:#EB860D;
}
.formBox{
    background-color:white;
    height:60px;
    padding:10px;
}
.formBoxContainer {
  margin-bottom:15px;
}
.rightText{
    width:90%;
    text-align:right;
    color:white;
    
}
#section_one, #section_two, #section_three {
  display:none;
}
.section_show {
  display:block !important;
}
#qr{
    height:290px;
    width:290px;
    border:5px orange solid;
    margin:auto;
    background-color:black;
}

#registration-form form {
  margin-top: 0%;
}

#registration-form input {
  width: 100%;
  border: none;
  height: 60px;
  margin: 7px 0;
  padding: 10px;
  border-radius: 2px;
  font-family: 'Play', sans-serif;
  
}

#registration-form input::placeholder {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  margin-top: -5px;
}

hr {
  position: absolute;
  margin: -19px 0 0 10px;
  border-top: 1px solid #000;
  width: 77%;
  z-index: 10;
  padding: 0 10px;
}

.required {
  text-align: right;
  color: #fff;
  font-size: 14px;
  margin-top: 15px;
  font-family: 'Play', sans-serif;
}

#avatar-slider button, #registration-form button {
  font-size: 20px;
  color: #F37A2F;
  text-transform: uppercase;
  background-color: #000;
  border: 5px solid #EB860D;
  padding: 10px 52px;
  border-radius: 2px;
  display: block;
  font-weight: bold;
  margin: 60px auto 40px auto;
}
/***************************************/
#avatar-selection .button-style {
  margin: 20px auto 40px auto;
}
/* Adjust slider style  */


#avatar-slider {
  position: relative;
  width: 100%;
  margin: auto;
}

.slick-slide {
  opacity: .5;
	margin:-20px;
  margin-left:-70px;
  margin-right:-70px;
  transform:scale(.5);
  max-height:50vh;
}
/*.slick-slide img {
    max-height:50vh;
}*/
.slick-slide img {
  height:50vh;
  max-height: 460px;
}

.slick-slide.slick-current{
    transform:scale(.9);
    opacity: 1;
}

.slick-current, .slick-slide{
      transition: all .2s ease;
}

.slick-track {
  display: flex !important;
  align-items: center;
}

#avatar-slider .slick-slide{
  transform: scale(0.75);
  transition: all 0.4s ease-in-out;
}
#avatar-slider  .slick-slide,
#avatar-slider  .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transform: scale(0.5, 0.5);
  transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
#avatar-slider  .slick-center,
#avatar-slider  .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(.9);

}
#avatar-slider .slick-slide{
 z-index:1000;
}

#avatar-slider .slick-center{
  z-index:999;
}

.page-title {
  z-index:1000
}