body {
    background: #FFF;
    overflow: hidden;
}

body::before {  display: none;  }

#Page_Footer::after {
  z-index: 100;
}

:root {
  
  --color-FLEX-logo-start: #06472f;
	--color-FLEX-logo-end: #fff;
}

.front-logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
    z-index: 50;
    animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 8s both;
}

@keyframes scale-down-center {
  0%    {    transform: scale(1);   }
  100%  {    transform: scale(0.5); }
}

.whiteBox {
  width: 500px;
  height: 95vh;
  background: var(--theme-color);
  margin: 1%;
  right: 0;
  position: absolute;
  border-radius: 0 12px 12px 0;
  animation: .5s front-video ease-in 9.5s both;
}

.front-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* Behind the content */
  overflow: hidden;
  animation: .5s front-video ease-in 8.5s both;
}

.front-video::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000009c;
  content: "";
}

@keyframes front-video {
  0%    {  opacity: 0;  }
  100%  {  opacity: 1;  }
}

#video-background {
  object-fit: cover; /* Ensures the video covers the full container */
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* --------------------------------------   FORM START  ------------------------------------- */
form {
  border-radius: 0 0 6px 6px;
  border: none;    
  display: grid;
  padding: 50px 15px 50px 15px;	
  position: fixed;    
  top: calc(50% + -76px);
  right: calc(0% + 50px);
  margin: auto;
  min-height: 300px;
  max-height: 300px;
  height: min-content;
  min-width: 390px;
  width: fit-content;
  background: url(/_customers/images/ui/KampsPallets/Login.svg) transparent;
  background-position: left 15px top 0px;
  background-repeat: no-repeat;
  background-size: 120px;
  color: #000;
  z-index: 10;
  animation: slit-in-diagonal-1 .3s ease-out 9s both;
}
  
@keyframes slit-in-diagonal-1 {
  0% {
    transform: scaleY(0);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

form div {
      font-size: 12px;
      text-align: left;
      /* grid-area: 6 / 1 / 9 / 2; */
      grid-area: 6 / 1 / 8 / 1;
      margin-top: 40px;
      color: #fff;
      font-family: Helvetica, sans-serif;
      font-style: normal;
      padding:10px;
      letter-spacing: 1px;
}
  
input {
      padding: 10px 20px;
      color: #333;
      background: #fafafa;
      border-bottom: 1px solid #adadad;
      border-top: unset;
      border-left: unset;
      border-right: unset;
      font-size: 14px;
      outline: none;
      margin-top: 10px;
      width: 400px;
      height: 40px;
      border-radius: 0px;
}
  
input[name="email"] {
      grid-area: 2 / 1 / 3 / 2;
  }
  
input[name="password"] {
      grid-area: 3 / 1 / 4 / 2;	
  }
  
input[name="code"] {
      grid-area: 4 / 1 / 5 / 2;
  }
  
input[name="code"]::placeholder {
      color: #ccc;
  }
  
  ::placeholder {
      color: #888888;
      font-family: var(--form-font);
      font-size: 14px;
      font-weight: 400;
  }
  
button  {
      border: none;
      color: #FFF;
      cursor:pointer;
      font-family: sans-serif;
      font-weight: 600;
      font-size: 16px;
      letter-spacing: .5px;
      text-transform: uppercase;
      outline: none;
      display: block;
      margin-top: 10px;
      height: 40px;
      width: 195px;
      border-radius: 3px;
  }
  
button.login-only.login {
      background: #107f4a;
      cursor: pointer;
      display: block;
      grid-area: 4 / 1 / 6 / 2;
  }
  
button.login-only.login:hover {
      background: transparent;
      border: 2px solid  #107f4a;
      color: var(--theme-color-2);
      transition: 0.3s;
  }
  
button.login-only.register {
      background: var(--theme-color-orange);
      border: none;
      color: #06472f;
      margin-left: 205px;
      cursor: pointer;
      display: block;
      grid-area: 4 / 1 / 6 / 2;
  }
  
button.login-only.register:hover {
      background: transparent;
      border: 2px solid  var(--theme-color-orange);
      color: var(--theme-color-orange);
      transition: 0.3s;
  }
  
button.login-only.forgot {
      background: none;
      color: #ffbd11;
      width: 50%;
      text-align: left;
      font-weight: 400;
      line-height: 20px;
      cursor: pointer;
      font-size: 13px;
      grid-area: 5 / 1 / 8 / 2;
      margin-top: 34px;
      height: 20px;
  }
  
button.login-only.forgot:hover {
      color: #ddd;
      font-weight: 400;
      transition: 0.3s;
  }
  
button.register-only.register {
      background: var(--theme-color-2);
      color: #fff;
      grid-area: 5 / 1 / 7 / 2;
  }
  
button.register-only.register:hover {
      background: transparent;
      border: 2px solid  var(--theme-color-2);
      color: var(--theme-color-2);
      transition: 0.3s;
  }
  
button.register-only.cancel {
      background: var(--theme-color-orange);
      margin-left: 205px;
      grid-area: 5 / 1 / 7 / 2;
  }
  
button.register-only.cancel:hover {
      background: transparent;
      border: 2px solid  var(--theme-color-orange);
      color: var(--theme-color-orange);
      transition: 0.3s;
  }
/* --------------------------------------   FORM START  ----------------- */

 @keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 514.6943359375px;
    stroke-dasharray: 514.6943359375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 514.6943359375px;
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 174, 0);
  }
}

.svg-elem-1 {
  animation: animate-svg-stroke-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both,
               animate-svg-fill-1 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s both;
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 444.3006896972656px;
    stroke-dasharray: 444.3006896972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 444.3006896972656px;
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 174, 0);
  }
}

.svg-elem-2 {
  animation: animate-svg-stroke-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.72s both,
               animate-svg-fill-2 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 514.6943359375px;
    stroke-dasharray: 514.6943359375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 514.6943359375px;
  }
}

.svg-elem-3 {
  animation: animate-svg-stroke-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.84s both,
               animate-svg-fill-3 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s both;
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 444.3006896972656px;
    stroke-dasharray: 444.3006896972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 444.3006896972656px;
  }
}

.svg-elem-4 {
  animation: animate-svg-stroke-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.96s both,
               animate-svg-fill-4 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 394.7412414550781px;
    stroke-dasharray: 394.7412414550781px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 394.7412414550781px;
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 174, 0);
  }
}

.svg-elem-5 {
  animation: animate-svg-stroke-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.08s both,
               animate-svg-fill-5 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 480.20281982421875px;
    stroke-dasharray: 480.20281982421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 480.20281982421875px;
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 174, 0);
  }
}

.svg-elem-6 {
  animation: animate-svg-stroke-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both,
               animate-svg-fill-6 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9s both;
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 110px;
    stroke-dasharray: 110px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 110px;
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-7 {
  animation: animate-svg-stroke-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3200000000000003s both,
               animate-svg-fill-7 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 203.43441772460938px;
    stroke-dasharray: 203.43441772460938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 203.43441772460938px;
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-8 {
  animation: animate-svg-stroke-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.44s both,
               animate-svg-fill-8 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s both;
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 112px;
    stroke-dasharray: 112px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112px;
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-9 {
  animation: animate-svg-stroke-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.56s both,
               animate-svg-fill-9 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 126.30026245117188px;
    stroke-dasharray: 126.30026245117188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 126.30026245117188px;
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-10 {
  animation: animate-svg-stroke-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.68s both,
               animate-svg-fill-10 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 203.3865966796875px;
    stroke-dasharray: 203.3865966796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 203.3865966796875px;
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-11 {
  animation: animate-svg-stroke-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both,
               animate-svg-fill-11 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 123.6009521484375px;
    stroke-dasharray: 123.6009521484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 123.6009521484375px;
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-12 {
  animation: animate-svg-stroke-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.92s both,
               animate-svg-fill-12 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 109.248291015625px;
    stroke-dasharray: 109.248291015625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 109.248291015625px;
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-13 {
  animation: animate-svg-stroke-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.04s both,
               animate-svg-fill-13 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s both;
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 182.53939819335938px;
    stroke-dasharray: 182.53939819335938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 182.53939819335938px;
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-14 {
  animation: animate-svg-stroke-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.16s both,
               animate-svg-fill-14 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s both;
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 113.56346130371094px;
    stroke-dasharray: 113.56346130371094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 113.56346130371094px;
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-15 {
  animation: animate-svg-stroke-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.28s both,
               animate-svg-fill-15 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both;
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 211.16615295410156px;
    stroke-dasharray: 211.16615295410156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 211.16615295410156px;
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-16 {
  animation: animate-svg-stroke-16 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both,
               animate-svg-fill-16 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s both;
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 111.98929595947266px;
    stroke-dasharray: 111.98929595947266px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 111.98929595947266px;
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-17 {
  animation: animate-svg-stroke-17 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.52s both,
               animate-svg-fill-17 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5s both;
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 109.248291015625px;
    stroke-dasharray: 109.248291015625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 109.248291015625px;
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-18 {
  animation: animate-svg-stroke-18 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.640000000000001s both,
               animate-svg-fill-18 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s both;
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 132.6009521484375px;
    stroke-dasharray: 132.6009521484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 132.6009521484375px;
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-19 {
  animation: animate-svg-stroke-19 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.76s both,
               animate-svg-fill-19 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s both;
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 256px;
    stroke-dasharray: 256px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 256px;
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-20 {
  animation: animate-svg-stroke-20 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.88s both,
               animate-svg-fill-20 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s both;
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 130.80865478515625px;
    stroke-dasharray: 130.80865478515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 130.80865478515625px;
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-21 {
  animation: animate-svg-stroke-21 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5s both,
               animate-svg-fill-21 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s both;
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 256px;
    stroke-dasharray: 256px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 256px;
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-22 {
  animation: animate-svg-stroke-22 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.12s both,
               animate-svg-fill-22 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s both;
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 112px;
    stroke-dasharray: 112px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112px;
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-23 {
  animation: animate-svg-stroke-23 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.24s both,
               animate-svg-fill-23 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s both;
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 80.82920837402344px;
    stroke-dasharray: 80.82920837402344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 80.82920837402344px;
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-24 {
  animation: animate-svg-stroke-24 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.359999999999999s both,
               animate-svg-fill-24 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s both;
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 110px;
    stroke-dasharray: 110px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 110px;
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-25 {
  animation: animate-svg-stroke-25 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.48s both,
               animate-svg-fill-25 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5.800000000000001s both;
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 110px;
    stroke-dasharray: 110px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 110px;
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-26 {
  animation: animate-svg-stroke-26 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s both,
               animate-svg-fill-26 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s both;
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 108px;
    stroke-dasharray: 108px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 108px;
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-27 {
  animation: animate-svg-stroke-27 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.720000000000001s both,
               animate-svg-fill-27 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 6s both;
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 108px;
    stroke-dasharray: 108px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 108px;
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-28 {
  animation: animate-svg-stroke-28 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.84s both,
               animate-svg-fill-28 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1s both;
}

@keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 203.80865478515625px;
    stroke-dasharray: 203.80865478515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 203.80865478515625px;
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-29 {
  animation: animate-svg-stroke-29 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.96s both,
               animate-svg-fill-29 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s both;
}

@keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 203.40093994140625px;
    stroke-dasharray: 203.40093994140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 203.40093994140625px;
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-30 {
  animation: animate-svg-stroke-30 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.08s both,
               animate-svg-fill-30 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 6.300000000000001s both;
}

@keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 203.40093994140625px;
    stroke-dasharray: 203.40093994140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 203.40093994140625px;
  }
}

@keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-31 {
  animation: animate-svg-stroke-31 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.199999999999999s both,
               animate-svg-fill-31 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s both;
}

@keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 201.49510192871094px;
    stroke-dasharray: 201.49510192871094px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 201.49510192871094px;
  }
}

@keyframes animate-svg-fill-32 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-32 {
  animation: animate-svg-stroke-32 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.32s both,
               animate-svg-fill-32 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s both;
}

@keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 201.24880981445312px;
    stroke-dasharray: 201.24880981445312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 201.24880981445312px;
  }
}

@keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-33 {
  animation: animate-svg-stroke-33 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4399999999999995s both,
               animate-svg-fill-33 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s both;
}

@keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 205.63330078125px;
    stroke-dasharray: 205.63330078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 205.63330078125px;
  }
}

@keyframes animate-svg-fill-34 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-34 {
  animation: animate-svg-stroke-34 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5600000000000005s both,
               animate-svg-fill-34 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 6.7s both;
}

@keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 4827.79345703125px;
    stroke-dasharray: 4827.79345703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 4827.79345703125px;
  }
}

@keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(13, 128, 76);
  }
}

.svg-elem-35 {
  animation: animate-svg-stroke-35 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.68s both,
               animate-svg-fill-35 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 6.800000000000001s both;
}


/* ------------------------------------------------------------------------------- RESPONSIVE --------------------- */

@media screen and (width <= 1520px) {
	.front-logo { display: none;  }
}