.akkoman2019 { background: url(../images/kidscomp/006/akkoman/bg.png); background-size: 200px auto; }

.akkoman2019 img { vertical-align: bottom; }

.akkoman2019-title { text-align: center; margin: auto; padding: 1.4rem 0; max-width: 500px; width: 80%; }

@media screen and (min-width: 768px) { .akkoman2019-title { padding: 2rem 0; width: 100%; } }

.akkoman2019-title img { max-width: 100%; }

.akkoman2019-container { max-width: 960px; margin: 0 auto; }

.akkoman2019-photocontainer { display: flex; }

.akkoman2019-navigator { display: none; justify-content: flex-end; margin: 1rem 0; }

.akkoman2019-switch { font-size: 90%; }

.akkoman2019-btn-switch { background: none; border: none; font-weight: bold; font-size: .9rem; color: #555; cursor: pointer; }

.akkoman2019-btn-switch:hover, .akkoman2019-btn-switch.is-active { color: #dd8500; }

.akkoman2019-btn-switch:focus { outline: none; }

.akkoman2019-btn-switch i { margin-right: 5px; }

.akkoman2019-indices { display: none; padding: .5rem; font-size: 80%; text-align: right; }

.akkoman2019-slider { width: 80%; max-width: 650px; margin: 0 auto 2rem; }

.akkoman2019-slider:not(.slick-slider) { display: none; }

@media screen and (min-width: 768px) { .akkoman2019-slider { width: 96%; } }

.akkoman2019-slider img { max-width: 100%; }

.akkoman2019-nav { flex-wrap: wrap; width: 86%; margin: 0 auto; }

.akkoman2019-nav div img { max-width: 100%; transition: all .25s; border: 3px solid #fff; box-sizing: border-box; }

.akkoman2019-nav div img:hover { transform: scale(1.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }

.akkoman2019-nav:not(.slick-slider) { display: flex; }

.akkoman2019-nav:not(.slick-slider).is-loading { display: none; }

.akkoman2019-nav:not(.slick-slider) > div { margin-right: 2%; margin-bottom: 2%; width: 32%; }

.akkoman2019-nav:not(.slick-slider) > div:nth-of-type(3n) { margin-right: 0; }

@media screen and (min-width: 768px) { .akkoman2019-nav:not(.slick-slider) > div { width: 18%; margin-right: 2.5%; }
  .akkoman2019-nav:not(.slick-slider) > div:nth-of-type(3n) { margin-right: 2.5%; }
  .akkoman2019-nav:not(.slick-slider) > div:nth-of-type(5n) { margin-right: 0; } }

.akkoman2019-nav .slick-slide > div { padding: 5px; }

.akkoman2019-nav .slick-current img { box-shadow: 0 0 0 5px #ff9900; }

.akkoman2019-loading { padding: 1rem 0; }

.akkoman2019-loading svg, .akkoman2019-loading img { display: block; margin: 0 auto; }

.akkoman2019-loading svg path, .akkoman2019-loading svg rect { fill: #f90; }

.akkoman2019 .pace { pointer-events: none; user-select: none; }

.akkoman2019 .pace-inactive { display: none; }

.akkoman2019 .pace .pace-progress { background: #ddac00; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 5px; }