html {
  font-size: clamp(0.875rem, 2.875vw, 1rem);
}

/* breakpoints */
/* dimensions common */
/* colors */
/* transition and animation */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes breath {
  0% {
    opacity: 1;
  }
  37% {
    opacity: 1;
  }
  50% {
    opacity: 0.3773;
  }
  73% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes breath {
  0% {
    opacity: 1;
  }
  37% {
    opacity: 1;
  }
  50% {
    opacity: 0.3773;
  }
  73% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  37% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  47% {
    -webkit-transform: rotate(23deg);
            transform: rotate(23deg);
    color: #535328;
  }
  63% {
    -webkit-transform: rotate(-23deg);
            transform: rotate(-23deg);
    color: #535328;
  }
  73% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  37% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  47% {
    -webkit-transform: rotate(23deg);
            transform: rotate(23deg);
    color: #535328;
  }
  63% {
    -webkit-transform: rotate(-23deg);
            transform: rotate(-23deg);
    color: #535328;
  }
  73% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.breath {
  -webkit-animation-name: breath;
          animation-name: breath;
  -webkit-animation-duration: 737ms;
          animation-duration: 737ms;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
  -webkit-animation-duration: 1137ms;
          animation-duration: 1137ms;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.field_question {
  color: #9c9b3c;
  font-weight: bold;
  font-size: clamp(1.25rem, 5vw, 1.5rem);
}

.slower {
  -webkit-animation-duration: 1337ms;
          animation-duration: 1337ms;
}

/* year slider */
#slider {
  height: 250px;
  margin: 10px 40px;
}

.date {
  display: none;
}

.ui-slider-handle:after {
  display: block;
  position: absolute;
  left: 100%;
  margin-left: 10px;
  content: attr(data-content);
}

.fi_hi_form {
  width: 180px;
}

/* common */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #535328;
  background-color: #9c9b3c;
}

#total {
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: block;
  z-index: 6;
  visibility: hidden;
}

#total.active {
  background: #535328;
  opacity: 0.21;
  visibility: visible;
  cursor: pointer;
}

/* preload properties */
.preloader_holder {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100vh;
  background-color: #535328;
  opacity: 0.5;
  display: none;
  z-index: 1;
}

.preloader_holder.active {
  display: block;
}

.preloader {
  /* size */
  width: 73px;
  height: 73px;
  position: absolute;
  left: 50%;
  top: 49vh;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-animation: rotatePreloader 2s infinite ease-in;
          animation: rotatePreloader 2s infinite ease-in;
}

@-webkit-keyframes rotatePreloader {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
            transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
            transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}

@keyframes rotatePreloader {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
            transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
            transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}

.preloader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.preloader div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 10%;
  height: 20%;
  background-color: #ffffff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  /*border-radius: 50%;*/
}

.preloader div:nth-child(1) {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  -webkit-animation: rotateCircle1 2s infinite linear;
          animation: rotateCircle1 2s infinite linear;
  z-index: 12;
}

@-webkit-keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    -webkit-transform: rotateZ(27.69231deg);
            transform: rotateZ(27.69231deg);
  }
  5.84615% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  55.84615% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    -webkit-transform: rotateZ(27.69231deg);
            transform: rotateZ(27.69231deg);
  }
  5.84615% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  55.84615% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(2) {
  -webkit-transform: rotateZ(27.69231deg);
          transform: rotateZ(27.69231deg);
  -webkit-animation: rotateCircle2 2s infinite linear;
          animation: rotateCircle2 2s infinite linear;
  z-index: 11;
}

@-webkit-keyframes rotateCircle2 {
  3.84615% {
    opacity: 0;
  }
  3.84625% {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  9.69231% {
    -webkit-transform: rotateZ(-27.69231deg);
            transform: rotateZ(-27.69231deg);
  }
  59.69231% {
    -webkit-transform: rotateZ(-27.69231deg);
            transform: rotateZ(-27.69231deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle2 {
  3.84615% {
    opacity: 0;
  }
  3.84625% {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  9.69231% {
    -webkit-transform: rotateZ(-27.69231deg);
            transform: rotateZ(-27.69231deg);
  }
  59.69231% {
    -webkit-transform: rotateZ(-27.69231deg);
            transform: rotateZ(-27.69231deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(3) {
  -webkit-transform: rotateZ(55.38462deg);
          transform: rotateZ(55.38462deg);
  -webkit-animation: rotateCircle3 2s infinite linear;
          animation: rotateCircle3 2s infinite linear;
  z-index: 10;
}

@-webkit-keyframes rotateCircle3 {
  7.69231% {
    opacity: 0;
  }
  7.69251% {
    opacity: 1;
    -webkit-transform: rotateZ(-27.69231deg);
            transform: rotateZ(-27.69231deg);
  }
  13.53846% {
    -webkit-transform: rotateZ(-55.38462deg);
            transform: rotateZ(-55.38462deg);
  }
  63.53846% {
    -webkit-transform: rotateZ(-55.38462deg);
            transform: rotateZ(-55.38462deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle3 {
  7.69231% {
    opacity: 0;
  }
  7.69251% {
    opacity: 1;
    -webkit-transform: rotateZ(-27.69231deg);
            transform: rotateZ(-27.69231deg);
  }
  13.53846% {
    -webkit-transform: rotateZ(-55.38462deg);
            transform: rotateZ(-55.38462deg);
  }
  63.53846% {
    -webkit-transform: rotateZ(-55.38462deg);
            transform: rotateZ(-55.38462deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(4) {
  -webkit-transform: rotateZ(83.07692deg);
          transform: rotateZ(83.07692deg);
  -webkit-animation: rotateCircle4 2s infinite linear;
          animation: rotateCircle4 2s infinite linear;
  z-index: 9;
}

@-webkit-keyframes rotateCircle4 {
  11.53846% {
    opacity: 0;
  }
  11.53876% {
    opacity: 1;
    -webkit-transform: rotateZ(-55.38462deg);
            transform: rotateZ(-55.38462deg);
  }
  17.38462% {
    -webkit-transform: rotateZ(-83.07692deg);
            transform: rotateZ(-83.07692deg);
  }
  67.38462% {
    -webkit-transform: rotateZ(-83.07692deg);
            transform: rotateZ(-83.07692deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle4 {
  11.53846% {
    opacity: 0;
  }
  11.53876% {
    opacity: 1;
    -webkit-transform: rotateZ(-55.38462deg);
            transform: rotateZ(-55.38462deg);
  }
  17.38462% {
    -webkit-transform: rotateZ(-83.07692deg);
            transform: rotateZ(-83.07692deg);
  }
  67.38462% {
    -webkit-transform: rotateZ(-83.07692deg);
            transform: rotateZ(-83.07692deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(5) {
  -webkit-transform: rotateZ(110.76923deg);
          transform: rotateZ(110.76923deg);
  -webkit-animation: rotateCircle5 2s infinite linear;
          animation: rotateCircle5 2s infinite linear;
  z-index: 8;
}

@-webkit-keyframes rotateCircle5 {
  15.38462% {
    opacity: 0;
  }
  15.38502% {
    opacity: 1;
    -webkit-transform: rotateZ(-83.07692deg);
            transform: rotateZ(-83.07692deg);
  }
  21.23077% {
    -webkit-transform: rotateZ(-110.76923deg);
            transform: rotateZ(-110.76923deg);
  }
  71.23077% {
    -webkit-transform: rotateZ(-110.76923deg);
            transform: rotateZ(-110.76923deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle5 {
  15.38462% {
    opacity: 0;
  }
  15.38502% {
    opacity: 1;
    -webkit-transform: rotateZ(-83.07692deg);
            transform: rotateZ(-83.07692deg);
  }
  21.23077% {
    -webkit-transform: rotateZ(-110.76923deg);
            transform: rotateZ(-110.76923deg);
  }
  71.23077% {
    -webkit-transform: rotateZ(-110.76923deg);
            transform: rotateZ(-110.76923deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(6) {
  -webkit-transform: rotateZ(138.46154deg);
          transform: rotateZ(138.46154deg);
  -webkit-animation: rotateCircle6 2s infinite linear;
          animation: rotateCircle6 2s infinite linear;
  z-index: 7;
}

@-webkit-keyframes rotateCircle6 {
  19.23077% {
    opacity: 0;
  }
  19.23127% {
    opacity: 1;
    -webkit-transform: rotateZ(-110.76923deg);
            transform: rotateZ(-110.76923deg);
  }
  25.07692% {
    -webkit-transform: rotateZ(-138.46154deg);
            transform: rotateZ(-138.46154deg);
  }
  75.07692% {
    -webkit-transform: rotateZ(-138.46154deg);
            transform: rotateZ(-138.46154deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle6 {
  19.23077% {
    opacity: 0;
  }
  19.23127% {
    opacity: 1;
    -webkit-transform: rotateZ(-110.76923deg);
            transform: rotateZ(-110.76923deg);
  }
  25.07692% {
    -webkit-transform: rotateZ(-138.46154deg);
            transform: rotateZ(-138.46154deg);
  }
  75.07692% {
    -webkit-transform: rotateZ(-138.46154deg);
            transform: rotateZ(-138.46154deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(7) {
  -webkit-transform: rotateZ(166.15385deg);
          transform: rotateZ(166.15385deg);
  -webkit-animation: rotateCircle7 2s infinite linear;
          animation: rotateCircle7 2s infinite linear;
  z-index: 6;
}

@-webkit-keyframes rotateCircle7 {
  23.07692% {
    opacity: 0;
  }
  23.07752% {
    opacity: 1;
    -webkit-transform: rotateZ(-138.46154deg);
            transform: rotateZ(-138.46154deg);
  }
  28.92308% {
    -webkit-transform: rotateZ(-166.15385deg);
            transform: rotateZ(-166.15385deg);
  }
  78.92308% {
    -webkit-transform: rotateZ(-166.15385deg);
            transform: rotateZ(-166.15385deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle7 {
  23.07692% {
    opacity: 0;
  }
  23.07752% {
    opacity: 1;
    -webkit-transform: rotateZ(-138.46154deg);
            transform: rotateZ(-138.46154deg);
  }
  28.92308% {
    -webkit-transform: rotateZ(-166.15385deg);
            transform: rotateZ(-166.15385deg);
  }
  78.92308% {
    -webkit-transform: rotateZ(-166.15385deg);
            transform: rotateZ(-166.15385deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(8) {
  -webkit-transform: rotateZ(193.84615deg);
          transform: rotateZ(193.84615deg);
  -webkit-animation: rotateCircle8 2s infinite linear;
          animation: rotateCircle8 2s infinite linear;
  z-index: 5;
}

@-webkit-keyframes rotateCircle8 {
  26.92308% {
    opacity: 0;
  }
  26.92378% {
    opacity: 1;
    -webkit-transform: rotateZ(-166.15385deg);
            transform: rotateZ(-166.15385deg);
  }
  32.76923% {
    -webkit-transform: rotateZ(-193.84615deg);
            transform: rotateZ(-193.84615deg);
  }
  82.76923% {
    -webkit-transform: rotateZ(-193.84615deg);
            transform: rotateZ(-193.84615deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle8 {
  26.92308% {
    opacity: 0;
  }
  26.92378% {
    opacity: 1;
    -webkit-transform: rotateZ(-166.15385deg);
            transform: rotateZ(-166.15385deg);
  }
  32.76923% {
    -webkit-transform: rotateZ(-193.84615deg);
            transform: rotateZ(-193.84615deg);
  }
  82.76923% {
    -webkit-transform: rotateZ(-193.84615deg);
            transform: rotateZ(-193.84615deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(9) {
  -webkit-transform: rotateZ(221.53846deg);
          transform: rotateZ(221.53846deg);
  -webkit-animation: rotateCircle9 2s infinite linear;
          animation: rotateCircle9 2s infinite linear;
  z-index: 4;
}

@-webkit-keyframes rotateCircle9 {
  30.76923% {
    opacity: 0;
  }
  30.77003% {
    opacity: 1;
    -webkit-transform: rotateZ(-193.84615deg);
            transform: rotateZ(-193.84615deg);
  }
  36.61538% {
    -webkit-transform: rotateZ(-221.53846deg);
            transform: rotateZ(-221.53846deg);
  }
  86.61538% {
    -webkit-transform: rotateZ(-221.53846deg);
            transform: rotateZ(-221.53846deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle9 {
  30.76923% {
    opacity: 0;
  }
  30.77003% {
    opacity: 1;
    -webkit-transform: rotateZ(-193.84615deg);
            transform: rotateZ(-193.84615deg);
  }
  36.61538% {
    -webkit-transform: rotateZ(-221.53846deg);
            transform: rotateZ(-221.53846deg);
  }
  86.61538% {
    -webkit-transform: rotateZ(-221.53846deg);
            transform: rotateZ(-221.53846deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(10) {
  -webkit-transform: rotateZ(249.23077deg);
          transform: rotateZ(249.23077deg);
  -webkit-animation: rotateCircle10 2s infinite linear;
          animation: rotateCircle10 2s infinite linear;
  z-index: 3;
}

@-webkit-keyframes rotateCircle10 {
  34.61538% {
    opacity: 0;
  }
  34.61628% {
    opacity: 1;
    -webkit-transform: rotateZ(-221.53846deg);
            transform: rotateZ(-221.53846deg);
  }
  40.46154% {
    -webkit-transform: rotateZ(-249.23077deg);
            transform: rotateZ(-249.23077deg);
  }
  90.46154% {
    -webkit-transform: rotateZ(-249.23077deg);
            transform: rotateZ(-249.23077deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle10 {
  34.61538% {
    opacity: 0;
  }
  34.61628% {
    opacity: 1;
    -webkit-transform: rotateZ(-221.53846deg);
            transform: rotateZ(-221.53846deg);
  }
  40.46154% {
    -webkit-transform: rotateZ(-249.23077deg);
            transform: rotateZ(-249.23077deg);
  }
  90.46154% {
    -webkit-transform: rotateZ(-249.23077deg);
            transform: rotateZ(-249.23077deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(11) {
  -webkit-transform: rotateZ(276.92308deg);
          transform: rotateZ(276.92308deg);
  -webkit-animation: rotateCircle11 2s infinite linear;
          animation: rotateCircle11 2s infinite linear;
  z-index: 2;
}

@-webkit-keyframes rotateCircle11 {
  38.46154% {
    opacity: 0;
  }
  38.46254% {
    opacity: 1;
    -webkit-transform: rotateZ(-249.23077deg);
            transform: rotateZ(-249.23077deg);
  }
  44.30769% {
    -webkit-transform: rotateZ(-276.92308deg);
            transform: rotateZ(-276.92308deg);
  }
  94.30769% {
    -webkit-transform: rotateZ(-276.92308deg);
            transform: rotateZ(-276.92308deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle11 {
  38.46154% {
    opacity: 0;
  }
  38.46254% {
    opacity: 1;
    -webkit-transform: rotateZ(-249.23077deg);
            transform: rotateZ(-249.23077deg);
  }
  44.30769% {
    -webkit-transform: rotateZ(-276.92308deg);
            transform: rotateZ(-276.92308deg);
  }
  94.30769% {
    -webkit-transform: rotateZ(-276.92308deg);
            transform: rotateZ(-276.92308deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(12) {
  -webkit-transform: rotateZ(304.61538deg);
          transform: rotateZ(304.61538deg);
  -webkit-animation: rotateCircle12 2s infinite linear;
          animation: rotateCircle12 2s infinite linear;
  z-index: 1;
}

@-webkit-keyframes rotateCircle12 {
  42.30769% {
    opacity: 0;
  }
  42.30879% {
    opacity: 1;
    -webkit-transform: rotateZ(-276.92308deg);
            transform: rotateZ(-276.92308deg);
  }
  48.15385% {
    -webkit-transform: rotateZ(-304.61538deg);
            transform: rotateZ(-304.61538deg);
  }
  98.15385% {
    -webkit-transform: rotateZ(-304.61538deg);
            transform: rotateZ(-304.61538deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle12 {
  42.30769% {
    opacity: 0;
  }
  42.30879% {
    opacity: 1;
    -webkit-transform: rotateZ(-276.92308deg);
            transform: rotateZ(-276.92308deg);
  }
  48.15385% {
    -webkit-transform: rotateZ(-304.61538deg);
            transform: rotateZ(-304.61538deg);
  }
  98.15385% {
    -webkit-transform: rotateZ(-304.61538deg);
            transform: rotateZ(-304.61538deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

.preloader div:nth-child(13) {
  -webkit-transform: rotateZ(332.30769deg);
          transform: rotateZ(332.30769deg);
  -webkit-animation: rotateCircle13 2s infinite linear;
          animation: rotateCircle13 2s infinite linear;
  z-index: 0;
}

@-webkit-keyframes rotateCircle13 {
  46.15385% {
    opacity: 0;
  }
  46.15505% {
    opacity: 1;
    -webkit-transform: rotateZ(-304.61538deg);
            transform: rotateZ(-304.61538deg);
  }
  52% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
  }
  102% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

@keyframes rotateCircle13 {
  46.15385% {
    opacity: 0;
  }
  46.15505% {
    opacity: 1;
    -webkit-transform: rotateZ(-304.61538deg);
            transform: rotateZ(-304.61538deg);
  }
  52% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
  }
  102% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
  }
  100% {
    -webkit-transform: rotateZ(-332.30769deg);
            transform: rotateZ(-332.30769deg);
    opacity: 1;
  }
}

a {
  color: #9c9b3c;
  text-decoration: none;
  -webkit-transition: 311ms;
  transition: 311ms;
}

a:hover, a:active {
  color: #535328;
  text-decoration: underline;
}

.hidden {
  visibility: hidden;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.inactive_link {
  pointer-events: none;
  cursor: default;
}

h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-size: clamp(1.25rem, 5vw, 1.5rem);
}

h2 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: normal;
}

h2.grande {
  font-size: clamp(1.25rem, 5vw, 1.5rem);
  font-weight: bold;
}

h3, h4 {
  font-size: clamp(0.875rem, 2.875vw, 1rem);
  font-weight: normal;
}

p {
  font-size: clamp(0.875rem, 2.875vw, 1rem);
  line-height: 1.3337373;
}

img.gif50 {
  height: 50px;
  width: 75px;
}

.blur {
  -webkit-filter: brightness(0.37);
          filter: brightness(0.37);
}

/* body */
header {
  height: 9.5vh;
  background-color: #9c9b3c;
  width: 100%;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
  position: fixed;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header #logo {
  height: 100%;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.5vh;
          flex: 0 0 9.5vh;
}

header #logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header #logo a svg {
  opacity: 1;
  height: 100%;
  padding: 0.75rem;
}

header #logo a svg path {
  fill: #ffffff;
}

header #burger_wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100vw - 77vw);
          flex: 0 0 calc(100vw - 77vw);
}

@media (max-aspect-ratio: 7 / 6) {
  header #burger_wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.5vh;
            flex: 0 0 9.5vh;
  }
}

nav {
  z-index: 7;
  position: fixed;
  top: 9.5vh;
  right: 0;
  left: 0;
  height: calc(100vh - 9.5vh);
  width: 100%;
  background-color: #9c9b3c;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
  font-family: Arial, Helvetica, sans-serif;
  padding: 1rem;
  text-align: center;
  -webkit-transition: 311ms ease-out;
  transition: 311ms ease-out;
  opacity: 0;
  pointer-events: none;
}

nav.appear {
  top: 9.5vh;
  opacity: 1;
  pointer-events: initial;
}

nav a {
  display: block;
  color: #ffffff;
  padding: 0.5rem;
}

nav a:hover {
  color: #e9e4b7;
}

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
  padding-top: 9.5vh;
}

@media (max-aspect-ratio: 7 / 6) {
  .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
}

@media (max-aspect-ratio: 7 / 6) {
  .container.aside-down {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

article {
  min-height: 83.5vh;
  width: 100%;
  background: #ffffff;
  padding: 1rem;
}

article h1, article p {
  margin-bottom: 1rem;
}

.naslov h1 {
  margin: 0 auto;
  text-align: center;
}

.about p {
  max-width: calc(100vw - 77vw);
  padding: 1rem;
  margin: 0 auto;
}

#chooser {
  min-height: 83.5vh;
  width: 77vw;
  background: #ffffff;
  position: relative;
}

@media (max-aspect-ratio: 7 / 6) {
  #chooser {
    min-height: initial;
  }
}

#chooser .naslov {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
}

#chooser .naslov.nobottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

#chooser .naslov.found {
  display: block;
  margin: 0;
}

#chooser .naslov #found-title {
  font-size: 5px;
  opacity: 0;
}

.chooser_wrap {
  width: 100%;
  text-align: center;
  display: block;
  padding: 0 1rem;
}

.chooser_wrap.single_flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.chooser_wrap.single_flag h1 {
  padding: 1rem;
}

.chooser_wrap.single_flag h2 {
  padding: 0 1rem 1rem 1rem;
}

.found {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: clamp(0.875rem, 2.875vw, 1rem);
  margin-right: 2rem;
  margin-left: 2rem;
}

.found .found_data {
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  text-align: center;
}

.found .found_pages {
  white-space: nowrap;
  padding: 0.5rem;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: normal;
  color: #9c9b3c;
}

.found:last-of-type {
  margin-bottom: 1rem;
}

.yesbottom {
  margin-bottom: 2rem;
}

.chooser_wrap.country_ {
  opacity: 0;
}

.notop {
  margin-top: 0;
  margin-bottom: 2rem;
}

.found_pages_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.found_pages_menu .found_page {
  padding: 0.5rem;
}

.found_pages_menu .found_page.now {
  background-color: #e9e4b7;
}

.dugme {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  margin: 0.5rem;
  cursor: pointer;
  text-align: center;
}

.dugme a {
  color: #535328;
}

.dugme a:hover {
  text-decoration: none;
}

.dugme figure {
  margin: 0 auto;
}

.dugme figure h2 {
  padding: 0.25rem calc(1rem /2);
  display: table-cell;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin: 0 auto;
  -webkit-transition: 311ms;
  transition: 311ms;
  width: calc(7vw + 7vw/3);
}

@media (min-width: 700px) and (max-width: 1199px) {
  .dugme figure h2 {
    width: calc(11vw + 11vw/3);
  }
}

@media (max-width: 699px) {
  .dugme figure h2 {
    width: calc(17vw + 17vw/3);
  }
}

.dugme figure h2 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dugme figure .button_card {
  margin: 0;
  border-radius: 50%;
  position: relative;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
  border: solid #ffffff calc(7vw /14);
  background-position: center center;
  background-size: 64%;
  font-family: 'fontello';
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 311ms ease-out;
  transition: all 311ms ease-out;
}

.dugme figure .button_card.searches {
  background-size: 100%;
}

@media (min-width: 700px) and (max-width: 1199px) {
  .dugme figure .button_card {
    border: solid #ffffff calc(11vw /14);
  }
}

@media (max-width: 699px) {
  .dugme figure .button_card {
    border: solid #ffffff calc(17vw /14);
  }
}

.dugme figure .button_card i:before {
  font-size: calc(7vw /3);
}

@media (min-width: 700px) and (max-width: 1199px) {
  .dugme figure .button_card i:before {
    font-size: calc(11vw /3);
  }
}

@media (max-width: 699px) {
  .dugme figure .button_card i:before {
    font-size: calc(17vw /3);
  }
}

.dugme figure .button_card [class^="svg_overlay"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: space-evenly;
      align-content: space-evenly;
  width: 76.37%;
  height: 76.37%;
}

.dugme figure .button_card [class^="svg_overlay"] svg {
  width: 100%;
}

.dugme figure .button_card [class^="svg_overlay"] svg > * {
  fill: #535328;
  -webkit-transition: 311ms;
  transition: 311ms;
  stroke: #9c9b3c;
  stroke-width: 0.75%;
}

.dugme:hover .button_card {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-color: #e9e4b7;
  background-color: #9c9b3c;
}

.dugme:hover .button_card svg > * {
  fill: #535328;
}

.dugme:hover h2 {
  color: #9c9b3c;
}

.shapes_form {
  width: 0;
}

.normal figure h2.active {
  color: #9c9b3c;
}

.normal figure h2.color_caption, .normal figure h2.prim_caption {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.25;
}

.normal figure .devices_qty {
  height: 100%;
  width: 100%;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.normal figure .devices_prim {
  height: 100%;
  width: 100%;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(0.875rem, 2.875vw, 1rem);
  font-weight: 800;
}

.rmiddleeast {
  display: none;
}

.button_card {
  background-color: #e9e4b7;
  background-position: center center;
  background-repeat: no-repeat;
  width: calc(7vw);
  height: calc(7vw);
}

@media (min-width: 700px) and (max-width: 1199px) {
  .button_card {
    width: calc(11vw);
    height: calc(11vw);
  }
}

@media (max-width: 699px) {
  .button_card {
    width: calc(17vw);
    height: calc(17vw);
  }
}

.button_card > svg, .button_card img {
  width: 76.37%;
}

.button_card.color_button {
  border: solid #e9e4b7 calc(7vw /14);
}

@media (min-width: 700px) and (max-width: 1199px) {
  .button_card.color_button {
    border: solid #e9e4b7 calc(11vw /14);
  }
}

@media (max-width: 699px) {
  .button_card.color_button {
    border: solid #e9e4b7 calc(17vw /14);
  }
}

.button_card.color_button:hover {
  border: solid #ffffff calc(7vw /14);
}

.button_card.active {
  border-color: #aead43;
  background-color: #9c9b3c;
}

.any_color {
  background-color: transparent !important;
  background-position: center center !important;
  background-repeat: repeat !important;
  background-size: initial !important;
  background-image: url(../images/other_colors.png) !important;
}

/* field_search (bicolor, tricolor) */
#chooser .chooser_wrap.field_search > h2.subtitle {
  font-weight: normal;
}

#chooser .chooser_wrap.field_search > h2.subtitle span {
  font-weight: bold;
}

#chooser .chooser_wrap.field_search.hoist_height {
  height: calc(1.13vw*13);
}

@media (max-aspect-ratio: 7 / 6) {
  #chooser .chooser_wrap.field_search.hoist_height {
    height: calc(3.73vw*13);
  }
}

.hollow_flag {
  height: calc(1.13vw*7);
  width: calc(1.13vw*13);
  margin: 2rem auto;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
  outline: 1px solid #9c9b3c;
}

@media (max-aspect-ratio: 7 / 6) {
  .hollow_flag {
    height: calc(3.73vw*7);
    width: calc(3.73vw*13);
  }
}

.hollow_flag > div {
  height: 100%;
  width: 100%;
}

.stripes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.stripes > div {
  width: 100%;
}

.stripes.hoist_add:before {
  position: absolute;
  content: " ";
  display: block;
  background-color: #535328;
  height: calc(1.13vw*13);
  width: calc(1.13vw/3);
  top: calc(-1.13vw*1);
  left: calc(-1.13vw*1);
}

@media (max-aspect-ratio: 7 / 6) {
  .stripes.hoist_add:before {
    height: calc(3.73vw*13);
    width: calc(3.73vw/3);
    top: calc(-3.73vw*1);
    left: calc(-3.73vw*1);
  }
}

.stripes.horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.stripes.horizontal > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50%;
}

.stripes.vertical {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

.stripes.vertical > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.stripe {
  font-weight: bold;
  color: #535328;
  font-size: clamp(1rem, 2vw, 1.25rem);
}

.stripe .smaller {
  font-size: clamp(1rem, 2vw, 1.25rem);
}

aside {
  background-color: #e9e4b7;
  width: calc(100vw - 77vw);
  min-height: 83.5vh;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 1rem;
}

aside[class^="page-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-flow: column;
      flex-flow: column;
}

aside[class^="page-"] .subtitle {
  margin: 0.5rem 1rem;
  text-align: left;
}

aside[class^="page-"] h2 {
  font-weight: 600;
}

aside[class^="page-10"] .selected_image.year_range {
  display: none;
}

aside[class^="page-10"] .selected_description.historical {
  display: none;
}

aside.fotd {
  padding: 1rem 2rem 2rem 2rem;
}

aside.fotd figure {
  padding: 0;
}

aside.fotd figure a {
  display: block;
  width: 100%;
}

aside.fotd figure a img {
  width: 100%;
  margin: 1rem 0;
}

aside.fotd figure a:hover {
  text-decoration: none;
}

aside.fotd figure figcaption h2 {
  margin-top: 1rem;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
}

aside h2.subtitle.combined {
  display: none;
  opacity: 0;
  -webkit-animation: fadeIn 737ms;
          animation: fadeIn 737ms;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-transition: 737ms;
  transition: 737ms;
  margin: 0.5rem 0;
}

aside h2.subtitle.combined.active {
  opacity: 1;
  display: block;
}

@media (max-aspect-ratio: 7 / 6) {
  aside {
    min-height: initial;
  }
}

aside figure {
  padding: 1rem;
}

aside figure a h3 {
  padding-top: 1rem;
}

/* aside paddings */
aside.page-102, aside.page-999 {
  padding: 0;
}

.fotd_jednazastava {
  margin: 0 auto 1rem auto;
  width: 57%;
}

.fotd_jednazastava span {
  display: block;
}

@media (max-aspect-ratio: 7 / 6) {
  .fotd_jednazastava {
    width: 90%;
    margin: 0 auto 1rem auto;
  }
}

#chooser, aside {
  -webkit-transition: 311ms;
  transition: 311ms;
}

@media (max-aspect-ratio: 7 / 6) {
  #chooser, aside {
    width: 100%;
  }
}

#chooser {
  background-color: #fafae4;
}

.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 1rem;
}

.gif {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.selected_item {
  -webkit-animation: fadeIn 737ms;
          animation: fadeIn 737ms;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-transition: 737ms;
  transition: 737ms;
  margin: 0.5rem 0;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
  background-color: #fafae4;
  display: block;
  width: 100%;
}

.selected_item.before_single_page {
  display: none;
}

.selected_item.before_single_page.selected {
  opacity: 1;
  display: block;
}

@media (max-aspect-ratio: 7 / 6) {
  .selected_item {
    width: 45%;
  }
}

.selected_item .selected_title {
  text-align: left;
  padding: 0.5rem;
  width: 100%;
  background-color: #cac27b;
  -webkit-transition: 737ms;
  transition: 737ms;
  font-size: clamp(0.875rem, 2.875vw, 1rem);
}

.selected_image {
  background-color: #e9e4b7;
  background-position: center center;
  width: calc(7vw/2);
  height: calc(7vw/2);
  border-radius: 50%;
  background-size: 2rem auto;
  border: solid #ffffff calc(7vw/14/2);
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 700px) and (max-width: 1199px) {
  .selected_image {
    border: solid #ffffff calc(11vw /14/2);
    width: calc(11vw/2);
    height: calc(11vw/2);
  }
}

@media (max-width: 699px) {
  .selected_image {
    border: solid #ffffff calc(17vw /14/2);
    width: calc(17vw/2);
    height: calc(17vw/2);
  }
}

.selected_image > div {
  width: 76.37%;
  height: 76.37%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.selected_image svg {
  width: 76.37%;
  fill: #535328;
  -webkit-transition: 311ms;
  transition: 311ms;
}

.selected_image.other {
  background-color: transparent;
  background-image: url(../images/other_colors.png);
  background-size: auto;
  background-repeat: repeat;
  background-size: 1rem auto;
}

.selected_image.colors {
  background-repeat: no-repeat, repeat;
  background-size: cover, 27%;
}

.selected_image.divisions, .selected_image.chapars {
  background-color: #e9e4b7;
}

.selected_image.divisions > img, .selected_image.chapars > img {
  width: 69%;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
}

.selected_image.shapes {
  background-color: #e9e4b7;
}

.selected_image.devices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #cac27b;
}

.selected_image.geo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #cac27b;
}

.selected_image.geo.map svg g {
  fill: #535328;
}

.selected_image.geo.flag {
  background-size: calc(100% - 0.5rem);
  background-repeat: no-repeat;
  background-color: #e9e4b7;
}

.selected_image.history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  position: relative;
}

.selected_image.history > span.from_to {
  height: 0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  top: -0.05rem;
}

.historical {
  padding-bottom: 3rem;
}

.tiles {
  width: 69%;
  height: 69%;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tiles > img {
  min-width: initial;
}

.tiles.qty1 > img {
  width: 100%;
  height: 100%;
}

.tiles.qty2 > img {
  width: 50%;
  height: 50%;
}

.tiles.qty3 > img {
  width: 33.33333333%;
  height: 33.33333333%;
}

.tiles.qty4 > img {
  width: 25%;
  height: 25%;
}

.tiles.qty5 > img {
  width: 20%;
  height: 20%;
}

.tiles.qty5 > img {
  width: 20%;
  height: 20%;
}

.tiles.qty6 > img {
  width: 16.6666666%;
  height: 16.6666666%;
}

.selected_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 0.5rem 0.5rem 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.selected_description > span {
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(0.875rem, 2.875vw, 1rem);
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e9e4b7;
  margin: 0.25rem;
}

.selected_description.divisions > span.main-title {
  background-color: #e9e4b7;
  margin: 0;
}

.selected_description.divisions > span.double-item {
  padding: 0.5rem;
  background-color: #e9e4b7;
  margin: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.selected_description.divisions > span.double-item:nth-child(2) {
  margin-top: 0.5rem;
}

.selected_description.divisions > span.double-item:last-of-type {
  padding-bottom: 0.5rem;
}

.selected_description.divisions > span.double-item span.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #9c9b3c;
  text-align: left;
  width: 50%;
}

.selected_description.divisions > span.double-item span.value {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0.25rem;
  text-align: right;
}

.commands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.commands > a.combined_btn.disabled {
  pointer-events: none;
}

#skip_form {
  height: 0;
  width: 0;
  visibility: hidden;
}

.submit_button {
  background-color: #9c9b3c;
  border: 0;
  padding: 0.5rem;
  color: #ffffff;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
  border: solid #ffffff calc(7vw /14);
  /*width: 9rem;*/
  border-radius: 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: 311ms;
  transition: 311ms;
}

@media (min-width: 700px) and (max-width: 1199px) {
  .submit_button {
    border: solid #ffffff calc(11vw /14);
  }
}

@media (max-width: 699px) {
  .submit_button {
    border: solid #ffffff calc(17vw /14);
  }
}

.submit_button span {
  margin-left: 1rem;
  margin-right: 0.5rem;
}

.submit_button:hover {
  border-color: #e9e4b7;
  background-color: #535328;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color: #e9e4b7;
}

.submit_button:hover i {
  color: #e9e4b7;
}

.submit_button.disabled {
  cursor: not-allowed;
  opacity: 0.1137;
  pointer-events: none;
}

.submit_button i {
  -webkit-transition: 311ms;
  transition: 311ms;
  font-size: clamp(1.25rem, 5vw, 1.5rem);
  margin-right: 0.5rem;
}

.font_normal {
  font-weight: normal;
}

.fi_image_box {
  margin: 0 1rem;
}

.fi_image {
  padding: 0 2rem;
}

.flag_box {
  background-color: #e9e4b7;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
}

.flag_box > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  color: #535328;
}

.flag_box.selected_flag {
  background-color: #cac27b;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.found_box {
  margin: 2rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(9rem, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 1rem;
}

.flag_image_box {
  margin: 1rem;
}

.flag_image {
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.27));
          filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.27));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flag_image_solo {
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.27));
          filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.27));
}

.flag_name {
  margin: 0 1rem 1rem 1rem;
  font-size: clamp(0.875rem, 2.875vw, 1rem);
  word-break: break-word;
}

.legenda {
  padding: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

@media (max-width: 699px) {
  .legenda {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  min-width: 19%;
  margin: 0.5rem;
  background-color: #fafae4;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
}

@media (min-width: 700px) and (max-width: 1199px) {
  .feature {
    width: 100%;
  }
}

@media (max-width: 699px) {
  .feature {
    width: 100%;
  }
}

.feature.horizontal {
  width: 100%;
}

.feature > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(0.875rem, 2.875vw, 1rem);
}

.feature > *.label {
  background: #cac27b;
  text-transform: uppercase;
  font-weight: 300;
  font-size: clamp(0.875rem, 2.875vw, 1rem);
  padding: 0.25rem;
  color: #535328;
  width: 100%;
}

.feature > *.value {
  background-color: #e9e4b7;
  padding: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
}

.feature > *.value a {
  display: inline;
  color: #535328;
}

.feature > *.value a:hover {
  color: #9c9b3c;
}

.feature > *.value a.found_flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 100%;
  margin: 0 0.25rem;
}

.feature > *.value a.found_flag .found_flag_image_box > img {
  height: 3rem;
}

.feature > *.value a.found_flag .found_flag_name {
  font-size: clamp(0.875rem, 2.875vw, 1rem);
}

.feature > *.value.devices {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(9rem, 1fr) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(4rem, 8rem));
  gap: calc(1rem / 3);
}

.fis_sign, .fic_sign {
  height: 1.875rem;
  width: auto;
}

.fis_wire {
  fill: #535328;
}

.fis_dot {
  fill: #535328;
}

.fis_dot.absent {
  fill: transparent;
}

.links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
}

.links > div a img {
  height: 1rem;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
}

.value.division_case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.value.division_case > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.value.division_case > div.division_description {
  display: none;
  /* to do description on tool tip */
}

.value.division_case > div .long_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.25rem;
}

.value.division_case > div .long_row > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.value.division_case > div .long_row > span:first-child {
  padding-right: 0.5rem;
}

.devices {
  background-color: #e9e4b7;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.device_box {
  background-color: #e9e4b7;
  width: calc(7vw);
  margin: 0.5rem;
}

@media (min-width: 700px) and (max-width: 1199px) {
  .device_box {
    width: calc(11vw);
  }
}

@media (max-width: 699px) {
  .device_box {
    width: calc(17vw);
  }
}

.device_box > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  color: #535328;
}

.feature > *.value a.device_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: calc(1rem / 3);
  position: relative;
}

.device_card > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.device_card_description {
  padding: 0 0.5rem 0.5rem 0.5rem;
}

.device_card_image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e9e4b7;
  background-position: center center;
  background-repeat: no-repeat;
  width: calc(7vw);
}

@media (min-width: 700px) and (max-width: 1199px) {
  .device_card_image {
    width: calc(11vw);
    height: calc(11vw);
  }
}

@media (max-width: 699px) {
  .device_card_image {
    width: calc(17vw);
    height: calc(17vw);
  }
}

.device_card_image svg > * {
  fill: #535328;
  -webkit-transition: 311ms;
  transition: 311ms;
  stroke: #9c9b3c;
  stroke-width: 0.75%;
}

.device_card_image > svg, .device_card_image img {
  width: 76.37%;
}

.color_tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.color_tile {
  height: 2rem;
  width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.found_divide {
  width: 100%;
  height: 0;
}

.label_division {
  text-align: left;
}

.value_division {
  text-align: left;
  margin-bottom: 0.5rem;
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 7vh;
  background-color: #9c9b3c;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.27);
  text-align: center;
  width: 100%;
  color: #fafae4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-aspect-ratio: 7 / 6) {
  footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    height: initial;
  }
}

@media (max-width: 699px) {
  footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    height: initial;
  }
}

footer p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(0.875rem, 2.875vw, 1rem);
  margin: 0 1rem;
}

@media (max-aspect-ratio: 7 / 6) {
  footer p {
    margin: 1rem;
  }
}

footer p a {
  color: #e9e4b7;
}

#social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1rem;
  /*flex: 1;*/
}

@media (max-aspect-ratio: 7 / 6) {
  #social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#social div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*margin-right: calc(9.5vh/2.73/2.73);*/
}

#social div a svg {
  height: calc(9.5vh/3.13);
  width: calc(9.5vh/2.09);
}

#social div a svg path {
  fill: #ffffff;
  -webkit-transition: 311ms;
  transition: 311ms;
}

#social div a:hover path {
  fill: #e9e4b7;
}

/*burger*/
/* units */
/* change this unit to change burger box height and width */
/* speed */
/* colours */
#burger {
  height: 6.65vh;
  width: 6.65vh;
  position: absolute;
  top: 1.235vh;
  right: 1.235vh;
  z-index: 100;
  cursor: pointer;
}

#burger:hover .bar {
  background-color: #e9e4b7;
}

#burger .bar {
  position: absolute;
  height: 0.57vh;
  width: 4.18vh;
  background-color: #fafae4;
  border-radius: 0.95vh;
  -webkit-transition: 237ms;
  transition: 237ms;
}

#burger.inactive .burg1 {
  top: 1.235vh;
  left: 1.235vh;
}

#burger.inactive .burg2 {
  top: calc(1.235vh * 2 + 0.57vh);
  left: 1.235vh;
}

#burger.inactive .burg3 {
  bottom: 1.235vh;
  left: 1.235vh;
}

#burger.active .burg1 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  top: calc( 6.65vh / 2 - 0.57vh / 2);
  left: calc( 6.65vh / 2 - 4.18vh / 2);
}

#burger.active .burg2 {
  -webkit-transform: rotate(90);
          transform: rotate(90);
  top: calc(1.235vh * 2 + 0.57vh);
  left: 1.235vh;
  opacity: 0;
}

#burger.active .burg3 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  bottom: calc( 6.65vh / 2 - 0.57vh / 2);
  left: calc( 6.65vh / 2 - 4.18vh / 2);
}

/* form elements */
input, select, textarea {
  padding: 0.5rem;
}

.input_box {
  position: relative;
  height: 7rem;
  /* padding: 1rem; */
  width: 17rem;
  display: block;
  margin: 0 auto 1rem auto;
}

.input_box input.flexselect {
  position: absolute;
  width: 14rem;
  height: 4rem;
  top: 1.5rem;
  left: 1.5rem;
  background-color: #e9e4b7;
  border: 0;
  color: #535328;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
  border: solid #ffffff calc(7vw /14);
  /*width: 9rem;*/
  border-radius: 1.4rem;
  -webkit-transition: 311ms;
  transition: 311ms;
  font-size: clamp(1rem, 2vw, 1.25rem);
  padding: 0 1rem;
  font-family: Arial, Helvetica, sans-serif;
  outline: none;
}

.input_box input.flexselect.active {
  background-color: #9c9b3c;
  color: #ffffff;
}

.input_box label {
  width: 14rem;
  height: 4rem;
  top: 1.5rem;
  left: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-weight: bold;
  pointer-events: none;
}

.input_box label.hide {
  display: none;
}

.input_box .submit_holder {
  width: 3rem;
  height: 4rem;
  top: 1.5rem;
  right: 1.5rem;
  position: absolute;
  background-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.2;
  pointer-events: none;
  cursor: pointer;
}

.input_box .submit_holder.breath {
  pointer-events: initial;
}

.input_box .submit_holder i:before {
  font-size: clamp(1.25rem, 5vw, 1.5rem);
  color: #ffffff;
}

.input_box .submit_holder input.select_submit {
  width: 3rem;
  height: 4rem;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
}

/* geo helpers */
.regional > svg > g {
  opacity: 0.237;
}

.regional > svg > g .special {
  opacity: 0;
}

.regional > svg > g.geo_chosen > svg > g {
  opacity: 1;
}

.continental > svg > g .special {
  opacity: 0;
}

/* history helpers */
.historical {
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.history_button {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.year_range {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  font-size: clamp(0.875rem, 2.875vw, 1rem);
}

aside .year_range {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  font-size: 0.75rem;
}

aside .year_range span.from_to {
  line-height: 0.75;
}

/*aside .byHistory ~ div  {
  display: none;
}*/
/* flexselect */
.flexselect_dropdown {
  display: none;
  position: absolute;
  z-index: 999999;
  margin: 0;
  padding: 0;
  border: 1px solid #e9e4b7;
  /*max-height: 200px;*/
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #ffffff;
  color: #535328;
  text-align: left;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
}

.flexselect_dropdown ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.flexselect_dropdown li {
  margin: 0;
  padding: 0.5rem;
  cursor: pointer;
  display: block;
  width: 100%;
  overflow: hidden;
}

.flexselect_dropdown li.disabled {
  cursor: not-allowed;
  color: #e9e4b7;
}

.flexselect_selected {
  background-color: #e9e4b7;
  color: #535328;
}

/* slider jquery-ui for FI_HI */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
  background-color: #9c9b3c;
  background-image: url("../images/slide.svg");
  outline: none;
}

.ui-slider .ui-slider-handle:hover {
  opacity: 0.889;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background-position: 0 0;
  height: 1.5rem;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: 1.5rem;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.6rem;
  margin-left: -0.5rem;
  cursor: pointer;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 1rem;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3rem;
  margin-left: 0;
  margin-bottom: -0.5rem;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget-content {
  border: 0.27rem solid #e9e4b7;
  background: #e9e4b7;
  color: #9c9b3c;
}

.ui-corner-all {
  border-radius: 0.25rem;
}

.ui-widget-header {
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
  background-color: #fafae4;
  border: 0.27rem solid #ffffff;
  background: #9c9b3c;
  color: #9c9b3c;
  font-weight: bold;
}

.ui-state-default {
  border: 0.27rem solid #cac27b;
  font-weight: normal;
  color: #9c9b3c;
}

/* flag fields */
.flag_field_wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem;
  margin-bottom: 1rem;
}

.flag_fields {
  width: 10vw;
  height: 7.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #cac27b;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #fafae4;
  position: relative;
}

@media (max-aspect-ratio: 7 / 6) {
  .flag_fields {
    width: 30vw;
    height: 20vw;
  }
}

.flag_fields:before {
  content: '';
  position: absolute;
  left: -0.75rem;
  top: -0.5rem;
  background-color: #cac27b;
  height: calc(7.5vw + 7.5vw/3);
  width: calc(10vw/25);
  border-radius: 0.25rem;
}

@media (max-aspect-ratio: 7 / 6) {
  .flag_fields:before {
    height: calc(20vw + 20vw/3);
    width: calc(20vw/25);
  }
}

.flag_fields.horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.flag_fields.horizontal .field {
  width: 100%;
}

.flag_fields.horizontal.bicolor .field {
  height: 50%;
}

.flag_fields.horizontal.bicolor .field:nth-child(2) {
  border-top: 1px solid #cac27b;
}

.flag_fields.horizontal.bicolor .field:nth-child(3) {
  display: none;
}

.flag_fields.horizontal.tricolor .field {
  height: 33.33%;
}

.flag_fields.horizontal.tricolor .field:nth-child(2) {
  border-top: 1px solid #cac27b;
  border-bottom: 1px solid #cac27b;
}

.flag_fields.vertical {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

.flag_fields.vertical .field {
  height: 100%;
}

.flag_fields.vertical.bicolor .field {
  width: 50%;
}

.flag_fields.vertical.bicolor .field:nth-child(2) {
  border-left: 1px solid #cac27b;
}

.flag_fields.vertical.bicolor .field:nth-child(3) {
  display: none;
}

.flag_fields.vertical.tricolor .field {
  width: 33.33%;
}

.flag_fields.vertical.tricolor .field:nth-child(2) {
  border-left: 1px solid #cac27b;
  border-right: 1px solid #cac27b;
}

.flag_fields .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

h2.subtitle {
  padding: 0.5rem;
  margin: 1rem;
  background-color: #e9e4b7;
}

/*goo*/
aside .goo-ad {
  padding: 0rem;
}

.chooser_wrap .goo-ad {
  padding: 1rem;
}

/* cookie */
div#cookie-floater-wrap {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.95);
  width: 100%;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #e9e4b7;
  font-size: clamp(1rem, 2vw, 1.25rem);
}

#content_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: calc(1rem *2);
}

.cookie-floater-text {
  margin-bottom: calc(1rem *2);
}

.cookie-floater-button {
  padding: 7px 10px;
  background-color: #535328;
  color: #ffffff;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  font-size: clamp(1.25rem, 5vw, 1.5rem);
  font-family: arial;
  padding: 1rem;
}

h2#search-title {
  font-size: clamp(1.25rem, 5vw, 1.5rem);
  font-weight: bold;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

h3#search-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

h3#search-tags span {
  font-size: clamp(0.875rem, 2.875vw, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e9e4b7;
  margin: calc(1rem / 5);
  padding: calc(1rem / 3);
}

.copy-tag {
  padding: 1rem;
  font-size: small;
}
/*# sourceMappingURL=flagid.css.map */