/*#region check animatie*/
#check-group {
    animation: 0.32s ease-in-out 1.03s check-group;
    transform-origin: center;
}

#check-group #check {
    animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
    stroke-dasharray: 0, 75px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#check-group #outline {
    animation: 0.38s ease-in outline;
    transform: rotate(0deg);
    transform-origin: center;
}

#check-group #white-circle {
    animation: 0.35s ease-in 0.35s forwards circle;
    transform: none;
    transform-origin: center;
}
@keyframes outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}
@keyframes circle {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
@keyframes check {
  from {
    stroke-dasharray: 0, 75px;
  }
  to {
    stroke-dasharray: 75px, 75px;
  }
}
@keyframes check-group {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.09);
  }
  to {
    transform: scale(1);
  }
}
/*#endregion*/
/*#region load spinner totaal*/
.loading {
    position: fixed;
    z-index: 90;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 110px;
    height: 120px;
}
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--body-background);
    opacity: 0.5;
}
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.loading:not(:required):after {
    content: '';
    display: block;
    width: 110px;
    height: 120px;
}
.loading svg{
    position: fixed;
    z-index: 1;
}
.loading .middle{
  animation-name:jump-middle;
  animation-duration:4s;
  animation-delay:0s;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
  animation-direction:reverse;
  fill: var(--orama-middle-green);
}
.loading .right{
  animation-name:jump-right;
  animation-duration:4s;
  animation-delay:0s;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
  animation-direction:reverse;
  fill: var(--orama-light-green);
}
.loading .left{
  animation-name:jump-left;
  animation-duration:4s;
  animation-delay:0s;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
  animation-direction:reverse;   
  fill: var(--orama-dark-green);
}
@-webkit-keyframes jump-right{
  from{
    -webkit-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    transform:rotate(180deg) translateX(0px) rotate(-180deg);
  }
  33%{
    -webkit-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -moz-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -ms-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -o-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    transform:rotate(0deg) translateX(-360px) rotate(0deg);
  }
  66%{
    -webkit-transform:translateX(-180px);
    -moz-transform:translateX(-180px);
    -ms-transform:translateX(-180px);
    -o-transform:translateX(-180px);
    transform:translateX(-180px);
  }
  to{}
}
@-moz-keyframes jump-right{
  from{
    -webkit-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    transform:rotate(180deg) translateX(0px) rotate(-180deg);
  }
  33%{
    -webkit-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -moz-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -ms-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -o-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    transform:rotate(0deg) translateX(-360px) rotate(0deg);
  }
  66%{
    -webkit-transform:translateX(-180px);
    -moz-transform:translateX(-180px);
    -ms-transform:translateX(-180px);
    -o-transform:translateX(-180px);
    transform:translateX(-180px);
  }
  to{}
}
@-o-keyframes jump-right{
  from{
    -webkit-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    transform:rotate(180deg) translateX(0px) rotate(-180deg);
  }
  33%{
    -webkit-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -moz-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -ms-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -o-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    transform:rotate(0deg) translateX(-360px) rotate(0deg);
  }
  66%{
    -webkit-transform:translateX(-180px);
    -moz-transform:translateX(-180px);
    -ms-transform:translateX(-180px);
    -o-transform:translateX(-180px);
    transform:translateX(-180px);
  }
  to{}
}
@keyframes jump-right{
  from{
    -webkit-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:rotate(180deg) translateX(0px) rotate(-180deg);
    transform:rotate(180deg) translateX(0px) rotate(-180deg);
  }
  33%{
    -webkit-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -moz-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -ms-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    -o-transform:rotate(0deg) translateX(-360px) rotate(0deg);
    transform:rotate(0deg) translateX(-360px) rotate(0deg);
  }
  66%{
    -webkit-transform:translateX(-180px);
    -moz-transform:translateX(-180px);
    -ms-transform:translateX(-180px);
    -o-transform:translateX(-180px);
    transform:translateX(-180px);
  }
  to{}
}
@-webkit-keyframes jump-left{
  from{
  }
  33%{
    -webkit-transform:translateX(180px);
    -moz-transform:translateX(180px);
    -ms-transform:translateX(180px);
    -o-transform:translateX(180px);
    transform:translateX(180px);
  }
  66%{
    -webkit-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
  }
  to{
    -webkit-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -moz-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -ms-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -o-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
  }
}
@-moz-keyframes jump-left{
  from{
  }
  33%{
    -webkit-transform:translateX(180px);
    -moz-transform:translateX(180px);
    -ms-transform:translateX(180px);
    -o-transform:translateX(180px);
    transform:translateX(180px);
  }
  66%{
    -webkit-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
  }
  to{
    -webkit-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -moz-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -ms-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -o-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
  }
}
@-ms-keyframes jump-left{
  from{
  }
  33%{
    -webkit-transform:translateX(180px);
    -moz-transform:translateX(180px);
    -ms-transform:translateX(180px);
    -o-transform:translateX(180px);
    transform:translateX(180px);
  }
  66%{
    -webkit-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
  }
  to{
    -webkit-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -moz-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -ms-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -o-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
  }
}
@keyframes jump-left{
  from{
  }
  33%{
    -webkit-transform:translateX(180px);
    -moz-transform:translateX(180px);
    -ms-transform:translateX(180px);
    -o-transform:translateX(180px);
    transform:translateX(180px);
  }
  66%{
    -webkit-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
    transform:translateX(360px) rotate(180deg) translateX(0px) rotate(-180deg);
  }
  to{
    -webkit-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -moz-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -ms-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    -o-transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
    transform:translateX(360px) rotate(0deg) translateX(-360px) rotate(0deg);
  }
}
@-webkit-keyframes jump-middle{
  from{
  }
  33%{
    -webkit-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
  }
  66%{
   -webkit-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -moz-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -ms-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -o-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
  }
  to{
  }
}
@-moz-keyframes jump-middle{
  from{
  }
  33%{
    -webkit-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
  }
  66%{
   -webkit-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -moz-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -ms-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -o-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
  }
  to{
  }
}
@-o-keyframes jump-middle{
  from{
  }
  33%{
    -webkit-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
  }
  66%{
   -webkit-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -moz-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -ms-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -o-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
  }
  to{
  }
}
@keyframes jump-middle{
  from{
  }
  33%{
    -webkit-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -moz-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -ms-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    -o-transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
    transform:translateX(180px) rotate(180deg) translateX(0px) rotate(-180deg);
  }
  66%{
   -webkit-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -moz-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -ms-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   -o-transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
   transform:translateX(180px) rotate(0deg) translateX(-360px) rotate(0deg);
  }
  to{
  }
}
/*#endregion*/
/*#region load slider regionintro*/
.regionintro-loading {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
}
.regionintro-loading svg{
  transform: translate(160%, 0%);
}
.regionintro-loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.regionintro-loading:not(:required):after {
  content: '';
  display: block;
  width: 150px;
  height: 20px;
}
.regionintro-loading .middle{
animation-name:slide-middle;
animation-duration:4s;
animation-delay:0s;
animation-iteration-count:infinite;
animation-timing-function:ease-in-out;
fill: var(--orama-middle-green);
}

.regionintro-loading .right{
animation-name:slide-right;
animation-duration:4s;
animation-delay:0s;
animation-iteration-count:infinite;
animation-timing-function:ease-in-out;
fill: var(--orama-light-green);
}

.regionintro-loading .left{
animation-name:slide-left;
animation-duration:4s;
animation-delay:0s;
animation-iteration-count:infinite;
animation-timing-function:ease-in-out; 
fill: var(--orama-dark-green);
}
@-webkit-keyframes slide-right{
from{}
33%{
  -webkit-transform:translateX(-180px);
  -moz-transform:translateX(-180px);
  -ms-transform:translateX(-180px);
  -o-transform:translateX(-180px);
  transform:translateX(-180px);
}
38%{
  -webkit-opacity:1;
  -moz-opacity:1;
  -ms-opacity:1;
  -o-opacity:1;
  opacity:1;
}
67%{
  -webkit-transform:translateX(-360px);
  -webkit-opacity:0;
  -moz-transform:translateX(-360px);
  -moz-opacity:0;
  -ms-transform:translateX(-360px);
  -ms-opacity:0;
  -o-transform:translateX(-360px);
  -o-opacity:0;
  transform:translateX(-360px);
  opacity:0;
}
68%{
  -webkit-transform:translateX(180px);
  -webkit-opacity:0;
  -moz-transform:translateX(180px);
  -moz-opacity:0;
  -ms-transform:translateX(180px);
  -ms-opacity:0;
  -o-transform:translateX(180px);
  -o-opacity:0;
  transform:translateX(180px);
  opacity:0;
}
90%{
  -webkit-opacity:1;
  -moz-opacity:1;
  -ms-opacity:1;
  -o-opacity:1;
  opacity:1;
}
to{}
}
@-moz-keyframes slide-right{
  from{}
  33%{
    -webkit-transform:translateX(-180px);
    -moz-transform:translateX(-180px);
    -ms-transform:translateX(-180px);
    -o-transform:translateX(-180px);
    transform:translateX(-180px);
  }
  38%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  67%{
    -webkit-transform:translateX(-360px);
    -webkit-opacity:0;
    -moz-transform:translateX(-360px);
    -moz-opacity:0;
    -ms-transform:translateX(-360px);
    -ms-opacity:0;
    -o-transform:translateX(-360px);
    -o-opacity:0;
    transform:translateX(-360px);
    opacity:0;
  }
  68%{
    -webkit-transform:translateX(180px);
    -webkit-opacity:0;
    -moz-transform:translateX(180px);
    -moz-opacity:0;
    -ms-transform:translateX(180px);
    -ms-opacity:0;
    -o-transform:translateX(180px);
    -o-opacity:0;
    transform:translateX(180px);
    opacity:0;
  }
  90%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  to{}
  }
@-o-keyframes slide-right{
  from{}
  33%{
    -webkit-transform:translateX(-180px);
    -moz-transform:translateX(-180px);
    -ms-transform:translateX(-180px);
    -o-transform:translateX(-180px);
    transform:translateX(-180px);
  }
  38%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  67%{
    -webkit-transform:translateX(-360px);
    -webkit-opacity:0;
    -moz-transform:translateX(-360px);
    -moz-opacity:0;
    -ms-transform:translateX(-360px);
    -ms-opacity:0;
    -o-transform:translateX(-360px);
    -o-opacity:0;
    transform:translateX(-360px);
    opacity:0;
  }
  68%{
    -webkit-transform:translateX(180px);
    -webkit-opacity:0;
    -moz-transform:translateX(180px);
    -moz-opacity:0;
    -ms-transform:translateX(180px);
    -ms-opacity:0;
    -o-transform:translateX(180px);
    -o-opacity:0;
    transform:translateX(180px);
    opacity:0;
  }
  90%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  to{}
}
@keyframes slide-right{
  from{}
  33%{
    -webkit-transform:translateX(-180px);
    -moz-transform:translateX(-180px);
    -ms-transform:translateX(-180px);
    -o-transform:translateX(-180px);
    transform:translateX(-180px);
  }
  38%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  67%{
    -webkit-transform:translateX(-360px);
    -webkit-opacity:0;
    -moz-transform:translateX(-360px);
    -moz-opacity:0;
    -ms-transform:translateX(-360px);
    -ms-opacity:0;
    -o-transform:translateX(-360px);
    -o-opacity:0;
    transform:translateX(-360px);
    opacity:0;
  }
  68%{
    -webkit-transform:translateX(180px);
    -webkit-opacity:0;
    -moz-transform:translateX(180px);
    -moz-opacity:0;
    -ms-transform:translateX(180px);
    -ms-opacity:0;
    -o-transform:translateX(180px);
    -o-opacity:0;
    transform:translateX(180px);
    opacity:0;
  }
  90%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  to{}
}

@-webkit-keyframes slide-left{
  from{
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
  }
  1%{
    -webkit-transform:translateX(540px);
    -webkit-opacity:0;
    -moz-transform:translateX(540px);
    -moz-opacity:0;
    -ms-transform:translateX(540px);
    -ms-opacity:0;
    -o-transform:translateX(540px);
    -o-opacity:0;
    transform:translateX(540px);
    opacity:0;
  }
  28%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  33%{
    -webkit-transform:translateX(360px);
    -moz-transform:translateX(360px);
    -ms-transform:translateX(360px);
    -o-transform:translateX(360px);
    transform:translateX(360px);
  }
  67%{
    -webkit-transform:translateX(180px);
    -webkit-opacity:1;
    -moz-transform:translateX(180px);
    -moz-opacity:1;
    -ms-transform:translateX(180px);
    -ms-opacity:1;
    -o-transform:translateX(180px);
    -o-opacity:1;
    transform:translateX(180px);
    opacity:1;
  }
  72%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  to{
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
  }
}
@-moz-keyframes slide-left{
  from{
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
  }
  1%{
    -webkit-transform:translateX(540px);
    -webkit-opacity:0;
    -moz-transform:translateX(540px);
    -moz-opacity:0;
    -ms-transform:translateX(540px);
    -ms-opacity:0;
    -o-transform:translateX(540px);
    -o-opacity:0;
    transform:translateX(540px);
    opacity:0;
  }
  28%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  33%{
    -webkit-transform:translateX(360px);
    -moz-transform:translateX(360px);
    -ms-transform:translateX(360px);
    -o-transform:translateX(360px);
    transform:translateX(360px);
  }
  67%{
    -webkit-transform:translateX(180px);
    -webkit-opacity:1;
    -moz-transform:translateX(180px);
    -moz-opacity:1;
    -ms-transform:translateX(180px);
    -ms-opacity:1;
    -o-transform:translateX(180px);
    -o-opacity:1;
    transform:translateX(180px);
    opacity:1;
  }
  72%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  to{
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
  }
}
@-o-keyframes slide-left{
  from{
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
  }
  1%{
    -webkit-transform:translateX(540px);
    -webkit-opacity:0;
    -moz-transform:translateX(540px);
    -moz-opacity:0;
    -ms-transform:translateX(540px);
    -ms-opacity:0;
    -o-transform:translateX(540px);
    -o-opacity:0;
    transform:translateX(540px);
    opacity:0;
  }
  28%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  33%{
    -webkit-transform:translateX(360px);
    -moz-transform:translateX(360px);
    -ms-transform:translateX(360px);
    -o-transform:translateX(360px);
    transform:translateX(360px);
  }
  67%{
    -webkit-transform:translateX(180px);
    -webkit-opacity:1;
    -moz-transform:translateX(180px);
    -moz-opacity:1;
    -ms-transform:translateX(180px);
    -ms-opacity:1;
    -o-transform:translateX(180px);
    -o-opacity:1;
    transform:translateX(180px);
    opacity:1;
  }
  72%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  to{
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
  }
}
@keyframes slide-left{
  from{
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
  }
  1%{
    -webkit-transform:translateX(540px);
    -webkit-opacity:0;
    -moz-transform:translateX(540px);
    -moz-opacity:0;
    -ms-transform:translateX(540px);
    -ms-opacity:0;
    -o-transform:translateX(540px);
    -o-opacity:0;
    transform:translateX(540px);
    opacity:0;
  }
  28%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  33%{
    -webkit-transform:translateX(360px);
    -moz-transform:translateX(360px);
    -ms-transform:translateX(360px);
    -o-transform:translateX(360px);
    transform:translateX(360px);
  }
  67%{
    -webkit-transform:translateX(180px);
    -webkit-opacity:1;
    -moz-transform:translateX(180px);
    -moz-opacity:1;
    -ms-transform:translateX(180px);
    -ms-opacity:1;
    -o-transform:translateX(180px);
    -o-opacity:1;
    transform:translateX(180px);
    opacity:1;
  }
  72%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  to{
    -webkit-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
  }
}
@-webkit-keyframes slide-middle{
  from{}
  5%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  33%{
    -webkit-transform:translateX(-180px);
    -webkit-opacity:0;
    -moz-transform:translateX(-180px);
    -moz-opacity:0;
    -ms-transform:translateX(-180px);
    -ms-opacity:0;
    -o-transform:translateX(-180px);
    -o-opacity:0;
    transform:translateX(-180px);
    opacity:0;
  }
  34%{
    -webkit-transform:translateX(360px);
    -webkit-opacity:0;
    -moz-transform:translateX(360px);
    -moz-opacity:0;
    -ms-transform:translateX(360px);
    -ms-opacity:0;
    -o-transform:translateX(360px);
    -o-opacity:0;
    transform:translateX(360px);
    opacity:0;
  }
  57%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  67%{
    -webkit-transform:translateX(180px);
    -moz-transform:translateX(180px);
    -ms-transform:translateX(180px);
    -o-transform:translateX(180px);
    transform:translateX(180px);
  }
  to{}
}
@-moz-keyframes slide-middle{
  from{}
  5%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  33%{
    -webkit-transform:translateX(-180px);
    -webkit-opacity:0;
    -moz-transform:translateX(-180px);
    -moz-opacity:0;
    -ms-transform:translateX(-180px);
    -ms-opacity:0;
    -o-transform:translateX(-180px);
    -o-opacity:0;
    transform:translateX(-180px);
    opacity:0;
  }
  34%{
    -webkit-transform:translateX(360px);
    -webkit-opacity:0;
    -moz-transform:translateX(360px);
    -moz-opacity:0;
    -ms-transform:translateX(360px);
    -ms-opacity:0;
    -o-transform:translateX(360px);
    -o-opacity:0;
    transform:translateX(360px);
    opacity:0;
  }
  57%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  67%{
    -webkit-transform:translateX(180px);
    -moz-transform:translateX(180px);
    -ms-transform:translateX(180px);
    -o-transform:translateX(180px);
    transform:translateX(180px);
  }
  to{}
}
@-o-keyframes slide-middle{
  from{}
  5%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  33%{
    -webkit-transform:translateX(-180px);
    -webkit-opacity:0;
    -moz-transform:translateX(-180px);
    -moz-opacity:0;
    -ms-transform:translateX(-180px);
    -ms-opacity:0;
    -o-transform:translateX(-180px);
    -o-opacity:0;
    transform:translateX(-180px);
    opacity:0;
  }
  34%{
    -webkit-transform:translateX(360px);
    -webkit-opacity:0;
    -moz-transform:translateX(360px);
    -moz-opacity:0;
    -ms-transform:translateX(360px);
    -ms-opacity:0;
    -o-transform:translateX(360px);
    -o-opacity:0;
    transform:translateX(360px);
    opacity:0;
  }
  57%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  67%{
    -webkit-transform:translateX(180px);
    -moz-transform:translateX(180px);
    -ms-transform:translateX(180px);
    -o-transform:translateX(180px);
    transform:translateX(180px);
  }
  to{}
}
@keyframes slide-middle{
  from{}
  5%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  33%{
    -webkit-transform:translateX(-180px);
    -webkit-opacity:0;
    -moz-transform:translateX(-180px);
    -moz-opacity:0;
    -ms-transform:translateX(-180px);
    -ms-opacity:0;
    -o-transform:translateX(-180px);
    -o-opacity:0;
    transform:translateX(-180px);
    opacity:0;
  }
  34%{
    -webkit-transform:translateX(360px);
    -webkit-opacity:0;
    -moz-transform:translateX(360px);
    -moz-opacity:0;
    -ms-transform:translateX(360px);
    -ms-opacity:0;
    -o-transform:translateX(360px);
    -o-opacity:0;
    transform:translateX(360px);
    opacity:0;
  }
  57%{
    -webkit-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
  }
  67%{
    -webkit-transform:translateX(180px);
    -moz-transform:translateX(180px);
    -ms-transform:translateX(180px);
    -o-transform:translateX(180px);
    transform:translateX(180px);
  }
  to{}
}
/*#endregion*/
/*#region dual ring*/
.lds-dual-ring {
  color: var(--orama-green);
}
.lds-dual-ring,
.lds-dual-ring:after {
  box-sizing: border-box;
}
.lds-dual-ring {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  margin: 4px;
  border-radius: 50%;
  border: 3px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*#endregion */