#imagebox-overlay {
  display: none;
  position: fixed;
  overflow: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.9);
  transition: opacity 0.4s ease-in-out;
}
#imagebox-overlay.visible {
  opacity: 1;
}
#imagebox-overlay .full-image {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}
#imagebox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#imagebox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}
#imagebox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

#imagebox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: left 0.4s ease, transform 0.4s ease;
}
#imagebox-slider.bounce-from-right {
  animation: bounceFromRight 0.4s ease-out;
}
#imagebox-slider.bounce-from-left {
  animation: bounceFromLeft 0.4s ease-out;
}


.imagebox-button#previous-button, .imagebox-button#next-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.imagebox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}


.imagebox-button#next-button {
  right: 2%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMjAgMzQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+cmlraXQtYXJyb3ctcmlnaHQ8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjIwMjMtcmlraXQtaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0NiwgLTQ1MikiIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjMuNjMxNDUsNDUyLjI2NTYxMyBDMTY0LjAzNjk5OSw0NTEuODkwNzYzIDE2NC42Njk2MDYsNDUxLjkxNTY4NiAxNjUuMDQ0NDE2LDQ1Mi4zMjEyNzkgQzE2NS40MTkyMjUsNDUyLjcyNjg3MiAxNjUuMzk0MzA1LDQ1My4zNTk1NDYgMTY0Ljk4ODc1NSw0NTMuNzM0Mzk2IEwxNDguNDcyNTUyLDQ2OSBMMTY0Ljk4ODc1NSw0ODQuMjY1NjA0IEMxNjUuMzYzMTA5LDQ4NC42MTE2MTkgMTY1LjQxMzEzOSw0ODUuMTc3MzE5IDE2NS4xMjM4MjMsNDg1LjU4MTMxMiBMMTY1LjA0NDQxNiw0ODUuNjc4NzIxIEMxNjQuNjY5NjA2LDQ4Ni4wODQzMTQgMTY0LjAzNjk5OSw0ODYuMTA5MjM3IDE2My42MzE0NSw0ODUuNzM0Mzg3IEwxNDYuMzIxMDU3LDQ2OS43MzQzOTIgTDE0Ni4yOTQ3ODUsNDY5LjcwNDk5OSBMMTQ2LjI2NTM5Nyw0NjkuNjc4NzI1IEwxNDYuMjUxNzksNDY5LjY2MDk5OSBMMTQ2LjIzNDIzNCw0NjkuNjQzNTMyIEwxNDYuMjEwNzk0LDQ2OS42MTA5OTkgTDE0Ni4xODU5ODksNDY5LjU4MTMxNiBMMTQ2LjE3Mjc5OCw0NjkuNTU4OTk5IEwxNDYuMTYwOTc2LDQ2OS41NDQ4NDMgTDE0Ni4xNDc4MDEsNDY5LjUxOTk5OSBMMTQ2LjEyMDcyMSw0NjkuNDc3MTcgTDE0Ni4xMDg4MDUsNDY5LjQ1MTk5OSBMMTQ2LjEwMTMzNyw0NjkuNDM5NjQ5IEwxNDYuMDg4ODA3LDQ2OS40MDg5OTkgTDE0Ni4wNjk1NCw0NjkuMzY3NjEgTDE0Ni4wNjI4MSw0NjkuMzQ2OTk5IEwxNDYuMDU1MzY3LDQ2OS4zMjkyNzQgTDE0Ni4wNDQ4MTIsNDY5LjI5MDk5OSBMMTQ2LjAzMjM5NSw0NjkuMjUzOTYxIEwxNDYuMDI4ODE0LDQ2OS4yMzI5OTkgTDE0Ni4wMjMxMiw0NjkuMjE1MDQzIEwxNDYuMDE2ODE1LDQ2OS4xNzM5OTkgTDE0Ni4wMDkyMzIsNDY5LjEzNzU0NiBMMTQ2LjAwODgxNiw0NjkuMTIyIEwxNDYuMDA0NjQ3LDQ2OS4wOTgyOCBMMTQ2LjAwMjgxNyw0NjkuMDUgTDE0Niw0NjkuMDE5NjkxIEwxNDYuMDAxODE3LDQ2OC45OTkgTDE0Niw0NjguOTgwMzA5IEwxNDYuMDAyODE3LDQ2OC45NDkgTDE0Ni4wMDQ2NDcsNDY4LjkwMTcyIEwxNDYuMDA4ODE2LDQ2OC44NzcgTDE0Ni4wMDkyMzIsNDY4Ljg2MjQ1NCBMMTQ2LjAxNjgxNSw0NjguODI1IEwxNDYuMDIzMTIsNDY4Ljc4NDk1NyBMMTQ2LjAyODgxNCw0NjguNzY2IEwxNDYuMDMyMzk1LDQ2OC43NDYwMzkgTDE0Ni4wNDQ4MTIsNDY4LjcwOCBMMTQ2LjA1NTM2Nyw0NjguNjcwNzI2IEwxNDYuMDYyODEsNDY4LjY1MiBMMTQ2LjA2OTU0LDQ2OC42MzIzOSBMMTQ2LjA4ODgwNyw0NjguNTkgTDE0Ni4xMDEzMzcsNDY4LjU2MDM1MSBMMTQ2LjEwODgwNSw0NjguNTQ3IEwxNDYuMTIwNzIxLDQ2OC41MjI4MyBMMTQ2LjE0NzgwMSw0NjguNDc5IEwxNDYuMTYwOTc2LDQ2OC40NTUxNTcgTDE0Ni4xNzI3OTgsNDY4LjQ0IEwxNDYuMTg1OTg5LDQ2OC40MTg2ODQgTDE0Ni4yMTA3OTQsNDY4LjM4OCBMMTQ2LjIzNDIzNCw0NjguMzU2NDY4IEwxNDYuMjUxNzksNDY4LjMzOCBMMTQ2LjI2NTM5Nyw0NjguMzIxMjc1IEwxNDYuMjk0Nzg1LDQ2OC4yOTQgTDE0Ni4zMjEwNTcsNDY4LjI2NTYwOCBMMTYzLjYzMTQ1LDQ1Mi4yNjU2MTMgWiIgaWQ9InJpa2l0LWFycm93LXJpZ2h0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTUuNjU1LCA0NjkpIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTE1NS42NTUsIC00NjkpIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}
.imagebox-button#previous-button {
  left: 2%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMjAgMzQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+cmlraXQtYXJyb3ctbGVmdDwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjAyMy1yaWtpdC1pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTQsIC00NTQpIiBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNMTExLjYzMzUyNSw0NTQuMjY1NjA4IEMxMTIuMDM5MTE4LDQ1My44OTA3NTggMTEyLjY3MTc5Myw0NTMuOTE1NjgxIDExMy4wNDY2NDMsNDU0LjMyMTI3NCBDMTEzLjQyMTQ5Miw0NTQuNzI2ODY4IDExMy4zOTY1Nyw0NTUuMzU5NTQyIDExMi45OTA5NzYsNDU1LjczNDM5MiBMOTYuNDczLDQ3MC45OTk5OTUgTDExMi45OTA5NzYsNDg2LjI2NTYwOSBDMTEzLjM2NTM3LDQ4Ni42MTE2MjQgMTEzLjQxNTQwNiw0ODcuMTc3MzI0IDExMy4xMjYwNTgsNDg3LjU4MTMxOCBMMTEzLjA0NjY0Myw0ODcuNjc4NzI3IEMxMTIuNjcxNzkzLDQ4OC4wODQzMiAxMTIuMDM5MTE4LDQ4OC4xMDkyNDMgMTExLjYzMzUyNSw0ODcuNzM0MzkzIEw5NC4zMjEyNzQzLDQ3MS43MzQzOTMgTDk0LjI5NSw0NzEuNzA1IEw5NC4yNjU2MDgxLDQ3MS42Nzg3MjYgTDk0LjI1Miw0NzEuNjYxIEw5NC4yMzQ0NDIsNDcxLjY0MzUzMyBMOTQuMjExLDQ3MS42MTEgTDk0LjE4NjE5MjIsNDcxLjU4MTMxNyBMOTQuMTczLDQ3MS41NTkgTDk0LjE2MTE3NjgsNDcxLjU0NDg0NCBMOTQuMTQ4LDQ3MS41MiBMOTQuMTIwOTE3Miw0NzEuNDc3MTcgTDk0LjEwOSw0NzEuNDUyIEw5NC4xMDE1MzA4LDQ3MS40Mzk2NSBMOTQuMDg5LDQ3MS40MDkgTDk0LjA2OTczMDksNDcxLjM2NzYxIEw5NC4wNjMsNDcxLjM0NyBMOTQuMDU1NTU2Myw0NzEuMzI5Mjc1IEw5NC4wNDUsNDcxLjI5MSBMOTQuMDMyNTgxMyw0NzEuMjUzOTYxIEw5NC4wMjksNDcxLjIzMyBMOTQuMDIzMzA1NCw0NzEuMjE1MDQ0IEw5NC4wMTcsNDcxLjE3NCBMOTQuMDA5NDE2MSw0NzEuMTM3NTQ3IEw5NC4wMDksNDcxLjEyMiBMOTQuMDA0ODMwMyw0NzEuMDk4MjggTDk0LjAwMyw0NzEuMDUgTDk0LjAwMDE4MzEsNDcxLjAxOTY5MiBMOTQuMDAyLDQ3MC45OTkgTDk0LjAwMDE4MzEsNDcwLjk4MDMwOSBMOTQuMDAzLDQ3MC45NDkgTDk0LjAwNDgzMDMsNDcwLjkwMTcyMSBMOTQuMDA5LDQ3MC44NzcgTDk0LjAwOTQxNjEsNDcwLjg2MjQ1NCBMOTQuMDE3LDQ3MC44MjUgTDk0LjAyMzMwNTQsNDcwLjc4NDk1NyBMOTQuMDI5LDQ3MC43NjYgTDk0LjAzMjU4MTMsNDcwLjc0NjA0IEw5NC4wNDUsNDcwLjcwOCBMOTQuMDU1NTU2Myw0NzAuNjcwNzI2IEw5NC4wNjMsNDcwLjY1MiBMOTQuMDY5NzMwOSw0NzAuNjMyMzkxIEw5NC4wODksNDcwLjU5IEw5NC4xMDE1MzA4LDQ3MC41NjAzNTEgTDk0LjEwOSw0NzAuNTQ3IEw5NC4xMjA5MTcyLDQ3MC41MjI4MzEgTDk0LjE0OCw0NzAuNDc5IEw5NC4xNjExNzY4LDQ3MC40NTUxNTcgTDk0LjE3Myw0NzAuNDQgTDk0LjE4NjE5MjIsNDcwLjQxODY4NCBMOTQuMjExLDQ3MC4zODggTDk0LjIzNDQ0Miw0NzAuMzU2NDY4IEw5NC4yNTIsNDcwLjMzOCBMOTQuMjY1NjA4MSw0NzAuMzIxMjc1IEw5NC4yOTUsNDcwLjI5NCBMOTQuMzIxMjc0Myw0NzAuMjY1NjA4IEwxMTEuNjMzNTI1LDQ1NC4yNjU2MDggWiIgaWQ9InJpa2l0LWFycm93LWxlZnQiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}
.imagebox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 40px;
  height: 40px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMzUgMzQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+cmlraXQtYXJyb3ctY2xvc2U8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjIwMjMtcmlraXQtaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNiwgLTM1MykiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMjcuMjkyODkzLDM1My4yOTI4OTMgQzEyNy42ODM0MTgsMzUyLjkwMjM2OSAxMjguMzE2NTgyLDM1Mi45MDIzNjkgMTI4LjcwNzEwNywzNTMuMjkyODkzIEwxNDMuNSwzNjguMDg1IEwxNTguMjkyODkzLDM1My4yOTI4OTMgQzE1OC42NTMzNzcsMzUyLjkzMjQwOSAxNTkuMjIwNjA4LDM1Mi45MDQ2OCAxNTkuNjEyODk5LDM1My4yMDk3MDUgTDE1OS43MDcxMDcsMzUzLjI5Mjg5MyBDMTYwLjA5NzYzMSwzNTMuNjgzNDE4IDE2MC4wOTc2MzEsMzU0LjMxNjU4MiAxNTkuNzA3MTA3LDM1NC43MDcxMDcgTDE0NC45MTQsMzY5LjUgTDE2MC43MDcxMDcsMzg1LjI5Mjg5MyBDMTYxLjA2NzU5MSwzODUuNjUzMzc3IDE2MS4wOTUzMiwzODYuMjIwNjA4IDE2MC43OTAyOTUsMzg2LjYxMjg5OSBMMTYwLjcwNzEwNywzODYuNzA3MTA3IEMxNjAuMzE2NTgyLDM4Ny4wOTc2MzEgMTU5LjY4MzQxOCwzODcuMDk3NjMxIDE1OS4yOTI4OTMsMzg2LjcwNzEwNyBMMTQzLjUsMzcwLjkxNSBMMTI3LjcwNzEwNywzODYuNzA3MTA3IEMxMjcuMzQ2NjIzLDM4Ny4wNjc1OTEgMTI2Ljc3OTM5MiwzODcuMDk1MzIgMTI2LjM4NzEwMSwzODYuNzkwMjk1IEwxMjYuMjkyODkzLDM4Ni43MDcxMDcgQzEyNS45MDIzNjksMzg2LjMxNjU4MiAxMjUuOTAyMzY5LDM4NS42ODM0MTggMTI2LjI5Mjg5MywzODUuMjkyODkzIEwxNDIuMDg1LDM2OS41IEwxMjcuMjkyODkzLDM1NC43MDcxMDcgQzEyNi45MzI0MDksMzU0LjM0NjYyMyAxMjYuOTA0NjgsMzUzLjc3OTM5MiAxMjcuMjA5NzA1LDM1My4zODcxMDEgTDEyNy4yOTI4OTMsMzUzLjI5Mjg5MyBaIiBpZD0icmlraXQtYXJyb3ctY2xvc2UiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}
.imagebox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

.imagebox__spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.imagebox-bounce1,
.imagebox-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: bounce 2s infinite ease-in-out;
}

.imagebox-bounce2 {
  animation-delay: -1s;
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}