@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Eliminar en producción */
body {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow-x: hidden;
}

.vintalight {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 2200px;
  padding: 50px 0;

}

.vintalight__photo img{
 width:300px;
	height:auto;
	margin-top: -3%;
}

.vintalight__container {
  position: relative;
  width: 90%;
  max-width: 10.5em;
  height: 12.8em;
  background-color: #fff;
  font-size: 30px;
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), box-shadow 0.5s, margin 0.5s;
	z-index: 99 !important;
	margin: .5em;
}

@media screen and (max-width: 500px) {
  .vintalight__container {
    max-width: 7.35em;
    height: 9.575em;
  }
}





.vintalight__container:nth-child(1),
.vintalight__container:nth-child(17){
  transform: translate(40px, -30px) rotate(-5deg);
  z-index: 90 !important;
}


	
.vintalight__container:nth-child(2){
  transform: translate(30px, 20px) rotate(7deg);
  z-index: 50;
margin-top: -0.7em;
}



	
.vintalight__container:nth-child(4),
.vintalight__container:nth-child(8),
.vintalight__container:nth-child(14),
.vintalight__container:nth-child(18),
.vintalight__container:nth-child(21),
.vintalight__container:nth-child(6) {
  transform: translate(40px, -10px) rotate(10deg);
  z-index: 99 !important;
}


	
.vintalight__container:nth-child(5),
.vintalight__container:nth-child(16) {
  transform: translate(30px, -20px) rotate(-20deg);
  z-index: 20;
}



.vintalight__container:nth-child(10){
  transform: translate(-20px, 20px) rotate(20deg);
  z-index: 40;
}


.vintalight__container:nth-child(11),
.vintalight__container:nth-child(19),
.vintalight__container:nth-child(22){
  transform: translate(30px, -40px) rotate(2deg);
  z-index: 40;
}


.vintalight__container:nth-child(12),
.vintalight__container:nth-child(20),
.vintalight__container:nth-child(23),
.vintalight__container:nth-child(9){
  transform: translate(30px, -20px) rotate(-4deg);
  z-index: 40;
}



.vintalight__container:nth-child(13),
 {
  transform: translate(30px, -40px) rotate(0deg);
  z-index: 99 !important;
}






	
.vintalight__container:nth-child(1):hover,
.vintalight__container:nth-child(2):hover,
.vintalight__container:nth-child(3):hover ,
.vintalight__container:nth-child(4):hover ,
.vintalight__container:nth-child(5):hover ,
.vintalight__container:nth-child(6):hover ,
.vintalight__container:nth-child(7):hover ,
.vintalight__container:nth-child(8):hover ,
.vintalight__container:nth-child(9):hover ,
.vintalight__container:nth-child(10):hover ,
.vintalight__container:nth-child(11):hover ,
.vintalight__container:nth-child(12):hover ,
.vintalight__container:nth-child(13):hover ,
.vintalight__container:nth-child(14):hover ,
.vintalight__container:nth-child(15):hover ,
.vintalight__container:nth-child(16):hover ,
.vintalight__container:nth-child(17):hover ,
.vintalight__container:nth-child(18):hover ,
.vintalight__container:nth-child(19):hover ,
.vintalight__container:nth-child(20):hover ,
.vintalight__container:nth-child(21):hover ,
.vintalight__container:nth-child(22):hover ,
.vintalight__container:nth-child(23):hover ,
.vintalight__container:nth-child(24):hover ,
.vintalight__container:nth-child(25):hover ,
.vintalight__container:nth-child(26):hover ,
.vintalight__container:nth-child(27):hover ,
.vintalight__container:nth-child(28):hover ,
.vintalight__container:nth-child(29):hover ,
.vintalight__container:nth-child(30):hover  {
  transform: scale(1.15) rotate(0);
}






@media screen and (max-width: 700px) {
  .vintalight__container:nth-child(1) {
    transform: translate(0) rotate(-5deg);
margin:0 0.5em 3em 0.5em;
  }

.vintalight__container {
    margin: 1em 0.5em;
}

.vintalight__container.team-hamburg .vintalight__photo:after, .vintalight__container.team-benelux .vintalight__photo:after {
    font-size: .7rem !important;
       /* right: -40px !important; */
       /* top:30px !important; */
   }


  .vintalight__container:nth-child(1):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(2) {
    transform: translate(0) rotate(7deg);
  }
  .vintalight__container:nth-child(2):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(10) {
    transform: translate(0) rotate(20deg);
  }
  .vintalight__container:nth-child(10):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }


  .vintalight__container:nth-child(4) {
    transform: translate(0) rotate(10deg);
  }
  .vintalight__container:nth-child(4):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(5) {
    transform: translate(0) rotate(-20deg);
  }
  .vintalight__container:nth-child(5):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(6) {
    transform: translate(0) rotate(-10deg);
  }
  .vintalight__container:nth-child(6):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(8) {
    transform: translate(0) rotate(10deg);
  }
  .vintalight__container:nth-child(8):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(18) {
    transform: translate(0) rotate(0deg);
  }
  .vintalight__container:nth-child(18):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(11) {
    transform: translate(0) rotate(2deg);
  }
  .vintalight__container:nth-child(11):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(12) {
    transform: translate(0) rotate(-4deg);
  }
  .vintalight__container:nth-child(12):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(14) {
    transform: translate(0) rotate(10deg);
  }
  .vintalight__container:nth-child(14):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(16) {
    transform: translate(0) rotate(-20deg);
  }
  .vintalight__container:nth-child(16):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(19) {
    transform: translate(0) rotate(2deg);
  }
  .vintalight__container:nth-child(19):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(20) {
    transform: translate(0) rotate(-4deg);
  }
  .vintalight__container:nth-child(20):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }

  .vintalight__container:nth-child(21) {
    transform: translate(0) rotate(10deg);
  }
  .vintalight__container:nth-child(21):hover {
    transform: scale(1.1) translate(0) rotate(0);
  }
	 .vintalight__container:hover {
    margin: 0 25px;
  }
}

.vintalight__container:hover {
  box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.4);
  z-index: 100;
}



.vintalight__container:hover .vintalight__photo::before {
  transform: scale(1);
}

.vintalight__container.active, .vintalight__container.active:hover {
  transform: rotate(0) scale(1.25);
}

@media screen and (max-width: 500px) {
  .vintalight__container.active, .vintalight__container.active:hover {
    transform: rotate(0) scale(1.15);
  }
}

.vintalight__container.active {
  position: relative;
}

.vintalight__container.active .vintalight__photo {
  cursor: default;
}

.vintalight__container.active .vintalight__photo::before {
  display: none;
}

.vintalight__photo {
  position: relative;
  width: 9.25em;
  height: 9.25em;
  margin: 0.625em auto 0;
  overflow: hidden;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  .vintalight__photo {
    width: 6.475em;
    height: 6.475em;
    margin: 0.4375em auto 0;
  }
}

.vintalight__photo::before {
  content: "Details";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: .8em;
  transform: scale(0);
  transition: all 0.25s;
}

.vintalight__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vintalight__caption {
  /*display: flex;*/
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.375em;
}

@media screen and (max-width: 500px) {
  .vintalight__caption {
    height: 1.6625em;
  }
}

.vintalight__text {
  color: #000;
  font-size: .6em;
   font-family: 'assistant-semibold';
}

.vintalight-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  z-index: 999999999;
  transition: opacity 0.5s;
  top: 0;
}

.vintalight-overlay.active {
  opacity: 1;
}

.vintalight__button {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-color: #cb6523;
  border: 3px solid #fff;
  border-radius: 50%;
  outline: none;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.3);
  z-index: 10000;
  cursor: pointer;
}

.vintalight__container h3.vintalight__text {
    text-transform: none !important;
    text-align: center !important;
    margin: 1.1em auto 0 auto !important;
    line-height: 1.4em !important;
    font-size: 20px !important;
}

h3.vintalight__textdesc {
    text-transform: none !important;
    text-align: center !important;
    margin: 0.8em auto !important;
    line-height: 1.6em !important;
    font-size: 45% !important;
}

h3.vintalight__text a{
text-align:center !important;
}

.jobtitle {
    width: 100%!important;
    text-align: center !important;
    margin: .5em auto -.5em auto !important;
    font-size: 55% !important;
    line-height: 1.3em !important;
}

@media screen and (max-width: 999px) {
  .vintalight__photo img {
    width: 200px;
 }
.vintalight__text {
    color: #222;
    font-size: .6em;
}
.jobtitle {
    margin: 0.3em auto -1em auto !important;
    font-size: 40% !important;
}
h3.vintalight__text {
    margin: .5em auto 0 auto ;
}
h3.vintalight__text a {
    margin: -.5em auto 0 auto !important;
}

}