@font-face{
  font-family:'Satoshi-Variable';
  src:url(../fonts/Satoshi-Variable.woff2) format("woff2");
  font-weight:300 900;
  font-display:swap;
  font-style:normal
}


html{
  font-size:100%;
  height:100%;
 /* overflow-x: hidden;*/
  touch-action: pan-x pan-y;
}
body,html{
  width:100%;
  /*height:100%;*/
  max-width: 100vw!important;
  margin:0;
  padding:0;
  background:inherit;
  background-color: #dfe0e3;
  /*overflow: auto;*/
  touch-action: pan-x pan-y;


 /*   background: linear-gradient( rgb(246 246 246 / 95%), rgb(246 246 246 / 0%) ), url(./keep-cad-04.jpg);*/

}
body{
  color:#00568F;
  color: #054d75;
  line-height:1.42;
 /* letter-spacing: 0.05rem;*/

  font-family: Satoshi-Variable;


  font-family: GeneralSans; /* ok */ 
  font-family: Pretendard; /* ? */
  font-family: Overused; /* ok ok ok */  
  font-family: 'Aspekta Variable'; /* ok ok */
  font-family: Satoshi-Variable;
 
 

}


.sticky-top{
  position:fixed
}
.main{
 /* overflow: hidden;*/
  padding-top:4rem;
  padding-bottom: .5rem
}

/* title slide up */


.keep-video-front {
  max-width: 1440px;
  margin: auto;
  float: inherit;
  margin-top: 120px;
}
@media (max-width:576px){
  .keep-video-front {
    margin-top: 0px;
  }
}

.keep-desktop {
  display: inherit;
}
@media (max-width:576px){
  .keep-desktop {
    display: none;
  }
}
.keep-mobile {
  display: none;
}
@media (max-width:576px){
  .keep-mobile {
    display: inherit;
  }
}

.heading {
  /* margin: 80px 0 0 80px; */
 /* font-size: 64px; */
  
 /* width: -webkit-max-content; */
 /* width: -moz-max-content; */
 /* width: max-content; */
  display: flex;
  flex-direction: column;

  margin-top: -.3rem;
}
.heading > div {
   overflow: hidden; 
 
}
.heading > div > p {
 /* width: -webkit-max-content;*/
 /* width: -moz-max-content;*/
 /* width: max-content;*/
  white-space: nowrap;
  margin: 0;
  line-height: 117%;
}

div.heading p {
  line-height: 1.1;
}
div.heading-02 p {
  line-height: 1.2;
}
div.heading > div {
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
div.heading > div:nth-child(2) > p {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}

div.heading > div:nth-child(3) > p {
  -webkit-animation-delay: 0.075s;
          animation-delay: 0.075s;
}
div.heading > div:nth-child(4) > p {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}


.slide-up {
  -webkit-animation: slide-up 0.75s cubic-bezier(0.65, 0, 0.35, 1) both;
          animation: slide-up 0.75s cubic-bezier(0.65, 0, 0.35, 1) both;
          position: relative;
}

@-webkit-keyframes slide-up {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 100;
  }
}

@keyframes slide-up {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 100;
  }
}
.first {
  top: -0.25rem;
}
.second {
  top: -.6rem;
  top: -.5rem;
}
@media (max-width:768px){
  .second {
    top: -.2rem;
  }
}
.third {
  top: -.9rem;
  top: -.8rem;
}
@media (max-width:992px){
  .third {
    top: -.7rem;
  }
}
@media (max-width:768px){
  .third {
    top: -.55rem;
    top: -.35rem;
  }
}
.fourth {
  top: -.55rem;
}


/* title slide-up */


h1{
  margin-top:0;

  font-size: clamp(1.953rem, 1.1022rem + 2.3634vw, 3.052rem)!important;
  line-height: 1.1;
}


h2{
  margin-top:0;

  font-size: clamp(1.953rem, 1.1022rem + 2.3634vw, 3.052rem)!important;
  line-height: 1.1;
}

h3{
  font-size: clamp(1.953rem, 1.5752rem + 1.0495vw, 2.441rem)!important;
  line-height: 1.4!important;
}
@media (max-width:991px){
  h3{
    line-height: 1.3!important;
  }
}
h4{

  font-size: clamp(1.414rem, 0.9949rem + 1.1642vw, 1.999rem)!important;
  line-height: 1.41!important;
  font-weight: 450!important;

}
h5{

  font-size: clamp(1.25rem, 1.0077rem + 0.6731vw, 1.563rem)!important;
  font-size: clamp(1rem, 0.7034rem + 0.8239vw, 1.414rem)!important;
  line-height: 40px;
  line-height: 1.61!important;
  font-weight: 450!important;
  /*text-align: justify;*/
}
h6{
  font-size:1.25rem!important;
  line-height: 32px;
  line-height: 1.61;
  font-weight: 450!important;
}

h6{
  font-size:1rem;
  line-height: 1.61;
}




/** font clash */

.keep-font-front {
  font-weight: 900;
  font-size: clamp(2.441rem, -1.1483rem + 9.9701vw, 7.451rem)!important;
}

.keep-font-00{
  font-size: clamp(2.441rem, 0.1399rem + 6.392vw, 5.653rem)!important;
  font-size: clamp(2.827rem, 0.8024rem + 5.6239vw, 5.653rem)!important;
  line-height: 0.95!important;
  font-weight: 700!important;
}
@media (max-width:768px){
  .keep-font-00{
    line-height: 1!important;
    font-weight: 700!important;
  }
}
.keep-font-01{
  font-size: clamp(1.999rem, 0.5669rem + 3.9781vw, 3.998rem)!important;
  line-height: 1!important;
  font-weight: 700!important;
}
.keep-font-02{
  font-size: clamp(1.999rem, 1.4058rem + 1.6478vw, 2.827rem)!important;
  line-height: 1.2!important;
}
.keep-font-03{
  /*font-size: clamp(1.953rem, 0.451rem + 2.88vw, 2.441rem)!important;*/
  font-size: clamp(1.999rem, 1.4058rem + 1.6478vw, 2.827rem)!important;
  line-height: 1.2!important;
  /* letter-spacing: .05rem; */
  font-weight: 600;
}

@media (max-width:768px){
  .keep-font-03{
    line-height: 1.4!important;
  }
}
.keep-font-04{
  font-size: clamp(1.414rem, 0.9949rem + 1.1642vw, 1.999rem)!important;
  line-height: 1.41!important;
  font-weight: 450!important;

}
.keep-font-05{
  /*font-size: clamp(1.25rem, 1.0077rem + 0.6731vw, 1.563rem)!important;*/
  font-size: clamp(1rem, 0.7034rem + 0.8239vw, 1.414rem)!important;
  line-height: 1.61!important;
  font-weight: 450!important;
  /*text-align: justify;*/
}
.keep-font-06{
  font-size: 1.25rem!important;
  line-height: 1.61!important;
}
.keep-font-07{
  font-size: clamp(1.999rem, 0.5669rem + 3.9781vw, 3.998rem)!important;
  line-height: 1.2!important;
  font-weight: 700!important;
}
@media (max-width:768px){
  .keep-font-07{
    line-height: 1.35!important;
  }
}
.keep-font-strong {
  font-weight: 800!important;
}
.keep-font-bold {
  font-weight: 700!important;
}
.keeponmoving-menu-logo {
  display: inherit;
}

.keep-modal {padding-top: 2rem;}

.header-title {
  /*font-weight:normal;*/
  -webkit-user-select:text;
  user-select:text;
 /* font-family:Satoshi-Variable;*/
  /*text-transform:uppercase;*/
  letter-spacing: -.15rem;
  font-weight: 800!important;
}

.header-title-02 {
  /*font-weight:normal;*/
  -webkit-user-select:text;
  user-select:text;
 /* font-family:Satoshi-Variable;*/
  /*text-transform:uppercase;*/
  letter-spacing: -.15rem;
  pointer-events: none;
}

h5 .nav-main.title{
  font-size:1.25rem;
  line-height:1.5;
  padding-bottom:0;
}
.header-background{
  position:relative;
  height:450px;
  z-index:-1
}

.main-background{
  width:100%
}
.main-foreground{
  width:100%
}


.donate {
  color:rgb(248, 102, 36)!important;
  border-color: rgb(248, 102, 36)!important;
}


/* exercises */
.keep-exercises-font-01 {
  color: #03344E
}
.keep-exercises-font-02 {
  color: #F86624
}
.keep-exercises-background-01 {
  background: #E0E1DD
}
.keep-exercises-background-02 {
  background: #F5F5F4
}
.keep-exercises-background-03 {
  background: #F86624
}
.keep-exercises-background-04 {
  background-image: repeating-linear-gradient(142deg, transparent, transparent 500px, #F86624 500px, #F86624 1000px);
  background-color: #ffffff00;
}
@media (max-width:768px){
  .keep-exercises-background-04 {
    background-image: repeating-linear-gradient(142deg, transparent, transparent 100px, #F86624 100px, #F86624 400px);
    background-color: #ffffff00;
    }
  }


/* theory */
.keep-theory-font-01 {
  color: #03344E
}
.keep-theory-font-02 {
  color: #63ADF2
}
.keep-theory-background-01 {
  background: #E4EBF1
}
.keep-theory-background-02 {
  background: #F2F5F8
}
.keep-theory-background-03 {
  background: #63ADF2
}
.keep-theory-background-04 {
  background-image: repeating-linear-gradient(142deg, transparent, transparent 500px, #63adf2 500px, #63ADF2 1000px);
  background-color: #ffffff00;
}
@media (max-width:768px){
  .keep-theory-background-04 {
    background-image: repeating-linear-gradient(142deg, transparent, transparent 100px, #63adf2 100px, #63adf2 400px);
    background-color: #ffffff00;
    }
  }


/* training */
.keep-training-font-01 {
  color: #270B0A
}
.keep-training-font-02 {
  color: #E3170A
}
.keep-training-background-01 {
  background: #DFD6C9
}
.keep-training-background-02 {
  background: #E7E2DA
}
.keep-training-background-03 {
  background: #E3170A
}
.keep-training-background-04 {
  background-image: repeating-linear-gradient(142deg, transparent, transparent 500px, #E3170A 500px, #E3170A 1000px);
  background-color: #ffffff00;
}
@media (max-width:768px){
  .keep-training-background-04 {
    background-image: repeating-linear-gradient(142deg, transparent, transparent 100px, #E3170A 100px, #E3170A 400px);
    background-color: #ffffff00;
    }
  }



/* trunk */
.keep-trunk-font-01 {
  color: #03344E
}
.keep-trunk-font-02 {
  color: #63ADF2
}
.keep-trunk-background-01 {
  background: #E0E1DD
}
.keep-trunk-background-02 {
  background: #F5F5F4
}
.keep-trunk-background-03 {
  background: #63ADF2
}
.keep-trunk-background-04 {
  background-image: repeating-linear-gradient(142deg, transparent, transparent 500px, #03344E 500px, #03344E 1000px);
  background-color: #ffffff00;
}
@media (max-width:768px){
.keep-trunk-background-04 {
  background-image: repeating-linear-gradient(142deg, transparent, transparent 100px, #03344E 100px, #03344E 400px);
  background-color: #ffffff00;
  }
}

.keep-trunk-line {
  line-height: 1.1!important;
}

.keep-height-01 {
  line-height: 1.2!important;
}
.keep-height-02 {
  line-height: 1.1!important;
}

.keep-brightness-01 {
  filter: brightness(1.1);
}
.keep-brightness-02 {
  filter: brightness(1.05);
}

.video-front{
  object-fit:cover;
  width:inherit;
  max-height:300px;
  object-position:100% 50%;
  border-radius:.6rem!important;
  filter:contrast(.7)
}
/*
.video-front-02{
  object-fit:cover;
  width:100%;
  max-height:800px;
  min-height: 450px;
  object-position:100% 50%;
  border-radius:.6rem!important;
}
*/
/*
@media (max-width:768px){
  .video-front-02{
    max-height:800px;
    min-height: 206px;
  }
}
*/


video#keep-main {
/*  filter: hue-rotate(350deg) sepia(0.2) contrast(.8) saturate(1.5) */
}
.video-full{
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
  margin-bottom:-.4rem!important;
  padding-top:3rem;
  padding-left:2rem!important;
  padding-right:2rem!important;
  padding-bottom:.7rem!important;
  margin-bottom:0!important;
  padding-top:0rem!important;
  
  padding-left:1.2rem!important;
  padding-right:1.2rem!important;
  padding-bottom:0.5rem!important;
  margin-bottom:0!important
  
}
.video-full-02{
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
  margin-bottom:-.4rem!important;
  padding-top:3rem;
  padding-left:2rem!important;
  padding-right:2rem!important;
  padding-bottom:.7rem!important;
  margin-bottom:0!important;
  padding-top:3rem;
  padding-left:1.2rem!important;
  padding-right:1.2rem!important;
  padding-bottom:0.5rem!important;
  margin-bottom:0!important
}
@media (max-width:991px){
  .video-full-02{
    padding-left:.2rem!important;
    padding-right:.2rem!important;
  }
  }


  @media (min-width: 1400px) {
      .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
    }
  }

.theory-background {
  background: #C9CEA1;
  background: #d9dddf;
}
.exercises-background {
  background: #D8DCBC;
  background: #e9e9e7;
}
.training-background {
  background: #C9CEA1;
  background: #e9e4db;
  background: #E7E2DA;
}
.trunk-background {
  background: #D9DCBC;
  background:#e9e8d6;
  background: #c8cac9;
  background: #e9ede6;
  background: #e9e9e9;
 
  
}
.keep-image-background-01 {
  background:#1a1a1a;
  background:#110f00;
}
.keep-image-background-02 {
  background: #F4F4F8;
  background: #dddddd;
 
}

.keep-image-background-03 {
  background: #e1e5e7;
  background: #cdd2d4;
}
.keep-image-background-04 {
  background: #D0D5AF;
}
.keep-image-background-05 {
  background: #dfd6c9;
}
.keep-image-background-06 {
  background: #ddddd9;
}
.keep-image-background-07 {
  background: #e9e9e9;
}

/* google form */

.form-element {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.form-element span {
  margin-bottom: 10px;
}
input, textarea {
  border: 1px solid #054d75;
  padding: 5px;
  border-radius: 5px;
  background: initial;
  color: #054d75;
}
input {
  line-height: 2;
}
textarea {
  line-height: 1.4;
  font-size: 18px;
}

form button {
  width: 100%;
  padding: 20px;
  color: #F4F4F8;
  background: #054d75;
  border-radius: 5px;
  border: none;

}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #054d75;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #054d75;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #054d75;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #054d75;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color:    #054d75;
}

::placeholder { /* Most modern browsers support this now. */
 color:    #054d75;
}




.image-front{
  object-fit:cover;
  width:inherit;
  max-height:300px;
  min-height: 300px;
  object-position:100% 50%;
  border-radius:.8rem!important;
  filter:contrast(.8);
}
@media (max-width:768px){
  .image-front{
  
    max-height:400px;
    min-height:400px;
    object-position:50% 50%;
  }
  }
.image-front-02{
  object-fit:cover;
  width:inherit;
  max-height:400px;
  min-height: 400px;
  object-position:100% 50%;
  border-radius:.8rem!important;
  filter:contrast(.8);
}
@media (max-width:768px){
  .image-front-02{
  
    max-height:400px;
    min-height:400px;
    object-position:50% 50%;
  }
  }
.keep-image-front{
  object-fit:cover;
  width:inherit;
  max-height:300px;
  min-height: 300px;
  object-position:100% 50%;
  border-radius:.8rem!important;
  filter:contrast(.8)
}

.keep-image-01{
  object-fit:cover;
  width:inherit;
  max-height:500px;
  min-height:500px;
  object-position:50% 50%;
  border-radius:.8rem!important;
  filter:contrast(.8)
}
.keep-image-02{
  object-fit:cover;
  width:inherit;
  max-height:500px;
  min-height:500px;
  object-position:50% 20%;
  border-radius:.8rem!important;
  filter:contrast(.8)
}
.keep-image-03{
  object-fit:cover;
  width:100%;
  max-height:270px;
  min-height:270px;
  object-position:50% 50%;
  border-radius:.8rem!important;
  filter:contrast(.8)
}
.keep-image-04{
  object-fit:cover;
  width:inherit;
  max-height:500px;
  min-height:500px;
  object-position:50% 50%;
  border-radius:.8rem!important;
  filter:contrast(.8)
}
.keep-image-05{
  object-fit:cover;
  width:100%;
 /* max-height:600px;*/
  min-height:650px;
  object-position:50% 50%;
  
}
@media (max-width:768px){
  .keep-image-05{
    min-height:850px;
  }
} 
.keep-image-06{
  object-fit:cover;
  width:100%;
  max-height:600px;
  min-height:300px;
  object-position:100% 50%;
  border-radius:.8rem!important;
}
@media (max-width:768px){
  .keep-image-06 {
    max-height: 300px;
    min-height: 320px;
}
} 
.keep-image-07{
  object-fit:cover;
  width:100%;
 /* max-height:600px;*/
  min-height:650px;
  object-position:25% 50%;
   margin-top: 200px;
}
@media (max-width:768px){
  .keep-image-07 {
    object-fit: cover;
    width: 100%;
    /* max-height: 600px; */
    min-height: 360px;
    object-position: 25% 50%;
    margin-top: 200px;
  }
}

.keep-image-06a{
  object-fit:cover;
  width:100%;
  max-height:600px;
  min-height:300px;
  object-position:100% 50%;
  border-radius:.8rem!important;
}
@media (max-width:768px){
  .keep-image-06a {
    max-height: 450px;
    min-height: 410px;
}
} 
.keep-image-07a{
  object-fit:cover;
  width:100%;
 /* max-height:600px;*/
  min-height:650px;
  object-position:25% 50%;
   margin-top: 200px;
}
@media (max-width:768px){
  .keep-image-07a {
    object-fit: cover;
    width: 100%;
    /* max-height: 600px; */
    min-height: 360px;
    object-position: 25% 50%;
    margin-top: 200px;
  }
}


.keep-image-08{
  object-fit:cover;
  width:100%;
 /* max-height:600px;*/
  min-height:650px;
  object-position:50% 50%;
  filter:contrast(.8)
}
.keep-image-09{
  object-fit:cover;
  width:100%;
 /* max-height:600px;*/
  min-height:650px;
  object-position:50% 50%;
 /* filter:contrast(.7) */
}
.keep-image-10{
  object-fit:cover;
  width:100%;
  max-height:500px;
  min-height:400px;
  object-position:100% 50%;
  border-radius:.8rem!important;
}
.keep-image-11{
  object-fit:cover;
  width:inherit;
  max-height:500px;
  min-height:500px;
  object-position:50% 50%;
  border-radius:.8rem!important;
}
.keep-image-12{
  object-fit:cover;
  width:inherit;
  max-height:500px;
  min-height:500px;
  object-position:50% 20%;
  border-radius:.8rem!important;
  filter:contrast(.8)
}
/*
@media (max-width:576px){
  .keep-image-03{
    max-height:350px;
    min-height:350px;
  }
}
*/
.image-full{
  padding-left:1.2rem!important;
  padding-right:1.2rem!important;
  padding-bottom:0!important;
  margin-bottom:.4rem!important
}
.navbar-brand img{
  
  width:300px;
  height:30px;
  
}
@media (max-width:991px){
  .navbar-brand img{
      width:100px;
      height:24px
  }
}
@media (max-width:1024px){
  .video-wrap{
      background:initial
  }
}
.keep-navbar-logo {
  /* font-weight: 800; */
}
.mobile-menu{
  padding-top:.5rem!important
}
.main-menu-mobile .mega-content .container {
  padding-left: .8rem;
  padding-right: inherit;
}
@media (max-width:576px){
.main-menu-mobile .mega-content .container {
  padding-left: 0;
  padding-right: 0;
  }
}
/*
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){
  .navbar{
      -webkit-backdrop-filter:blur(20px);
      backdrop-filter:saturate(180%) blur(20px);
      background-color:rgba(204,218,209,.85)!important
  }
}
*/

/* cycle */
/*
#warm-cycle {
  background-image: url(../images/keeponmoving-warm.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150px 150px;
}
  */
/*
input[type="image"]{
  width:150px;
  height:150px;
  background-image: url(../images/keeponmoving-warm.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150px 150px;
}
*/

input[type="image"] {
  width: 159px;
  height: 59px;
}


.keep-move-01 {
  position: relative;
  overflow: hidden;
}
/*
.scroll {
  position: absolute;
  z-index: -1000;
}
*/
.video-wrap video{
  max-width:100%;
  min-height:400px
}
.image-wrap img{
  max-width:100%
}
@media (max-width:1024px){
  .image-wrap img{
      padding-left:0;
      padding-right:0
  }
}
@media (max-width:576px){
  .image-wrap img{
      padding-left:0;
      padding-right:0;
      margin-top:11vh
  }
}
span.space{
  letter-spacing:50px
}
.keep-front-main {
  overflow: hidden;
}
.keep-front-rd{
  transform:scale(1.5) translateY(0px)!important;
}
@media (max-width:991px){
  .keep-front-rd{
      transform:scale(1.2) translateY(150px)!important;
  }
}
@media (max-width:768px){
  .keep-front-rd{
      transform:scale(1.2) translateY(120px)!important;
  }
}
@media (max-width:576px){
  .keep-front-rd{
      transform:scale(1.2) translateY(200px)!important;
  }
}
.keep-front-client{
  transform: scale(1.3) translateY(0px)!important;
}
@media (max-width:991px){
  .keep-front-client{
      transform:scale(1) translateY(300px)!important;
  }
}
@media (max-width:768px){
  .keep-front-client{
      transform:scale(1.2) translateY(150px)!important;
  }
}
@media (max-width:576px){
  .keep-front-client{
      transform:scale(1.2) translateY(140px)!important;
  }
}
.keep-vector-world{
  transform:scale(1) translateY(0px)!important;
  filter: sepia(60%) hue-rotate(170deg) saturate(50%) contrast(0.8);
  object-fit: cover;
  object-position: 100% 0%;
  min-height: 300px;
  width: 80%;
}
@media (max-width:991px){
  .keep-vector-world{
    transform:scale(1)translateY(140px)!important;
    object-position: 40% 0%;
    min-height: 500px;
    width: 100%;
  }
}
@media (max-width:768px){
  .keep-vector-world{
    transform:scale(1) translateY(110px)!important;
    object-position: 40% 0%;
    min-height: 500px;
    width: 100%;
  }
}
/*
.keep-overflow {
  overflow-x:initial;
}
@media (max-width:991px){
  .keep-overflow {
    overflow-x: hidden;
  }
}
*/


.display-1{
  font-weight:500;
  line-height:1.1;
  -webkit-user-select:text;
  user-select:text
}
.display-2{
  font-weight:normal;
  line-height:1.1;
  -webkit-user-select:text;
  user-select:text;
  font-family:Eurostile;
  text-transform:uppercase;
  /*font-size:2.5rem!important;*/
  letter-spacing: 0;
}
/*
@media (min-width:1200px){
  .display-2{
     font-size: 3rem!important;
  }
}
*/
@media (max-width:768px){
  .big-format-responsive{
      padding-left:var(--bs-gutter-x,.75rem);
      padding-right:var(--bs-gutter-x,.75rem)
  }
}


/**** smm colors 01 ****/
/*
.keep-background-01{
  background:#ccdad1
}
.keep-background-02{
  background:#f9f9f9
}
.keep-background-03{
  background:#2f2f2f
}
.keep-background-04{
  background:#657973
}
.keep-background-05{
  border:1px solid
}
.keep-background-06{
  background:#9caea9
}

.keep-color-01{
  color:#151e3f
}
.keep-color-02{
  color:#38302e
}
.keep-color-03{
  color:#ccdad1
}
.keep-color-04{
  color:#657973
}
*/

/**** smm colors 02 ****/

.keep-background-01{
  background: #F1F3F4;
  background: #EBEBEB;
  background:#f6f6f6;
}
.keep-background-02{
  background:#f6f6f6;
  border: 1px solid;
}
.keep-background-03{
  background:#98C3E0;
  background:#7fa5bf;
  background: #ced8df;
}
.keep-background-04{
  background:#657973
}
/*
.keep-background-05{
  border:1px solid
}
*/
.keep-background-05{
  border: none;
}

/*
@media (max-width:991px){
  .keep-background-05{
    border:1px solid;
    background: linear-gradient(270deg, rgba(233,233,233,1) 0%, rgba(244,244,248,1) 100%); 
  }
}
*/
.keep-background-trunk-01 {
  background: none
}
@media (max-width:991px){
  .keep-background-trunk-01 {
    background: linear-gradient(270deg, rgb(233 233 233) 0%, rgba(244,244,248,1) 100%);
    background: #e9e9e9;
  }
}

.keep-background-trunk-02 {
  background: none
}
@media (max-width:991px){
  .keep-background-trunk-02 {
    background: linear-gradient(270deg, rgb(245 245 244) 0%, rgb(224 225 221) 100%);
    background: #d9dbd5;
  }
}

.keep-background-theory {
  background: none
}
@media (max-width:991px){
  .keep-background-theory {
    background: linear-gradient(270deg, #63adf2 0%, rgb(228 235 241) 100%);
    background: #63adf2;
    background: #d0d4d7;
  }
}

.keep-background-exercises {
  background: none
}
@media (max-width:991px){
  .keep-background-exercises {
    background: linear-gradient(270deg, #f86624 0%, rgb(224 225 221) 100%);
    background: #f86624;
    background: #d0d1cf;
  }
}

.keep-background-training {
  background: none
}
@media (max-width:991px){
  .keep-background-training {
    background: linear-gradient(270deg, #e3170a 0%, rgb(223 214 201) 100%);
    background: #e3170a;
    background: #d1c9bd;
  }
}

.keep-background-06{
  background:#7BB4D8;
  background: #D5E4ED;
  background: #ced8df;
}
.keep-background-07{
  background: #98C3E0;
}
.keep-background-08{
  background: #D0E4F1;
}
.keep-background-09{
  background: #0072BC;
}
.keep-background-10{
  background: #7fa5bf;
}
.keep-background-11{
  background: #2c72b4;
}
.keep-background-12{
  background: #E6EBEF;
}
.keep-background-13{
  background: #9CB0BF;
}
.keep-background-20{
  background:  linear-gradient(0.45turn, #cee2eb, #ebf8e1, #e2e0f0);
  background: linear-gradient(0.45turn, #f6f6f6, #d9eaf7, #e0eaf0);

}
/**/
.keep-background-30{
  background: #d0e4f1;
}
.keep-background-31 {
  background: #98C3E0;
}
.keep-color-30 {
  color: #00253D
}
.keep-color-31 {
  color: #003D66;
}
.keep-background-33 {
  background: #CED8DF;
}

.keep-background-34 {
  background: #C0DBEC;
}
/* menu */
.keep-background-32 {
  background: #d0e4f1;
}
.keep-color-32{
  color: #00253D
}
/**/

/*
.keep-background-40{
  background: #87ceeb;
  background: #87ceeb;
}
*/


/********************************/
/* repres  */
.keep-background-40 {
	background: #E1F3F4;
  background: #ced8df;
  background: #ebf7ff;
  background: #D2D4C8;
  background: #cedbe3;
}
.keep-color-40 {
	color: #393d3f;
  color: #393d3f;
}
/* menu */
.keep-color-41 {
	color: #E1F3F4;
  color: #ced8df;
  color: #ebf7ff;
  color: #E3E4DD;
  color: #cedbe3;
}
.keep-background-41 {
	background: #393d3f
}
/* */
/* references */
.keep-color-50 {
  color: #970C11;
  color: #BD0F15;
}
.keep-background-50 {
  background: #E1F3F4;
  background: #ebebeb;
  background: #D2D4C8!important;
  background: #E3E4DD!important;
}
/* menu */
.keep-color-51 {
  color: #E1F3F4;
  color: #E3E4DD;
  color: #BD0F15;
}
.keep-background-51 {
  background:#970C11;
  background: #BD0F15;
  background: #E3E4DD;
}
/* */
/* company */
.keep-color-60 {
  color: #0087e0;
  color: #0072BC;
  color: #3a6382;
  color: #00568F;
  
}
.keep-background-60 {
  background: #E1F3F4;
  background: #eef8f9;
  background: #ebf7ff;
  background: #AFD2E9;
  background: #BED8D4;
  background: #D2D4C8;
  background: #cedbe3;

}
/* menu */
.keep-color-61 {
  color: #E1F3F4;
  color: #eef8f9;
  color: #AFD2E9;
  color: #BED8D4;
  color: #D2D4C8;
  color: #cedbe3;
  color: #00568F;
}
.keep-background-61 {
  background:#0072BC;
  background: #3a6382;
  background: #00568F;
  background: #cedbe3;
}
/* */
/* quality  */
.keep-background-70 {
	background: #E1F3F4;
  background: #ced8df;
  background: #AFD2E9;
  background: #D2D4C8;
  background: #cedbe3;
}
.keep-color-70 {
	color: #00253D;
  color: #393d3f;
}
/* menu */
.keep-color-71 {
	color: #E1F3F4;
  color: #ced8df;
  color: #AFD2E9;
  color: #E3E4DD;
  color: #cedbe3!important;
}
.keep-background-71 {
	background: #393d3f!important;
}
/* */
/* client  */
.keep-background-80 {
	background: #E1F3F4;
  background: #ced8df;
  background: #ebf7ff!important;
  background: #cedbe3!important;
}
.keep-color-80 {
	color: #393d3f;
  color: #393d3f;
}
/* menu */
.keep-color-81 {
	color: #E1F3F4;
  color: #ced8df;
  color: #ebf7ff;
  color: #cedbe3;
}
.keep-background-81 {
	background: #393d3f;
}
/* */

/* engine  */
.keep-background-90 {
	background: #E1F3F4;
  background: #ced8df;
  background: #ebf7ff;
  background: #cedbe3!important;
}
.keep-color-90 {
	color: #0072BC;
  color: #00568F;

}
.keep-background-92 {
  background: #393d3f;
}
.keep-color-92 {
	color: #cedbe3;
}
/* menu */
.keep-color-91 {
	color: #E1F3F4;
  color: #ced8df;
  color: #eef8f9;
  color: #00568F;
}
.keep-background-91 {
  background: #cedbe3;
}
/* */
/* */
/* main */
.keep-color-100 {
  color: #0087e0;
  color: #0072BC;
  color: #3a6382;
  color: #393d3f;
  color: #00568F;
  color: #03344E;

  
}
.keep-background-100 {
  background: #E1F3F4;
  background: #eef8f9;
  background: #ebf7ff;
  background: #AFD2E9;
  background: #D2D4C8;
  background: #ebf7ff;
  background: #cedbe3;
}
.keep-background-102 {
  background: #C0DBEC;
  background: #393d3f;
  background: #B1C6D2;
  background: #e9f1f7;
}
.keep-background-103 {
  background: #00253D;
  background: #98C3E0;
}
.keep-color-102 {
  color: #BFDBED;
  color: #00568F;
  color: #03344E;
}
/* menu */
.keep-color-101 {
  color: #E1F3F4;
  color: #00568F;
  color: #03344E;
}
.keep-background-101 {
  background:#0072BC;
  background: #3a6382;
  background: #393d3f;
  background: #cedbe3;
}


.keep-background-200 {
 background: #dfe0e3;
 background: #e7e9d4;
 background: #F4F4F8;
}
.keep-background-201 {
  background: #1a1a1a;
 }





.keep-color-200 {
  color: #006973;
  color: #054d75;
  color: #03344E;
}
.keep-color-201 {
  color: #f2f2f2;
}
.keep-color-202 {
  color: #03344E;
}
.keep-color-203 {
  color: #F4F4F8;
}
.keep-color-exercises {
  color: #e28269;
}
.keep-cycles-vimeo {
  height: initial;
}
@media (max-width:576px){
  .keep-cycles-vimeo {
    height: 55%;
  }  
}

video {
  border-radius: 1rem;
  width: 100%;
  height: auto;
  transform: rotateY(180deg) translateX(15px) translateY(0px);
}
@media (max-width:576px){
  video {
    transform: rotateY(180deg) translateX(0px) translateY(-20px);
    max-height: 300px;
    max-width: 100%;
  } 
}

iframe {
  border-radius: 1rem;
  /* max-height: 710px; */
}
/* */

/* 
.keep-background-80 {
	background: #eef8f9
}
.keep-background-81 {
	border: 1px solid
}
.keep-color-80 {
	color: #0087e0;
  color: #0072BC;
}
.keep-color-81 {
	color: #eef8f9
}
.keep-background-82 {
	background: #0072BC;
}
*/


.keep-color-01{
  color:#151e3f
}
.keep-color-02{
  color:#050517;
  color: #03314F;
  color: #205383;
  color: #003D66;
}
.keep-color-03{
  color:#050517;
  color: #205383;
  color: #003D66;
  color: #03314F;
  color: #205383;
}
.keep-color-04{
  color:#657973
}
.keep-color-05{
  color: #0072BC;
}
.keep-color-06{
  color: #2c72b4
}
.keep-color-07{
  color: #E6EBEF;
}
.keep-color-08{
  color:#C0DBEC ;
}
.keep-color-09{
  color: #BD0F15;
}
.keep-color-10{
  color: #f6f6f6;
}


/* font-size: calc(var(--t-headline-3-size)/1440*100vw); */
/* font-size: calc(4.15vw - 1px); */


.keep-letter-01 {
  letter-spacing: 0.05rem;
}
.keep-letter-02 {
  letter-spacing: -.1rem;
}
.keep-font-front {
  line-height: 1.3!important;
}
@media (max-width:576px){
  .keep-font-front {
    line-height: 1.41!important;
  }
}


.keep-front-01{
 /*padding-left: 1.2rem!important;*/
 /*padding-right: 1.2rem!important;*/
  padding-left: .8rem!important;
  padding-right:.8rem!important;
}
/*
@media (max-width:576px){
  .keep-front-01{
    padding-left: 0!important;
    padding-right: 0!important;
  }
}
*/
.keep-front-02{
  padding-bottom: 10.7rem;
}
@media (max-width:1399px){
  .keep-front-02{
    padding-bottom: 11.4rem;
  }
}
@media (max-width:1199px){
  .keep-front-02{
    padding-bottom: 0;
  }
}
.keep-front-03{
  object-fit: cover;
  /* min-height: 100%; */
  width: 100%;
  max-height: 350px;
  object-position: 10% 18%;
}
@media (max-width:576px){
  .keep-front-03{
    max-height: 400px;
    min-height: 400px;
    object-position: 10% 15%;
  }
}
.keep-front-04{
  object-fit: cover;
  width: 100%;
  max-height: 400px;
  min-height: 400px;
  object-position:100% 25%;
}
.keep-button-01{
 /* padding: 0.2rem 2rem;*/
  /* height: 65px!important; */
 /* border-radius: calc(16px / 2);*/
  /*border: 1px solid;*/
  line-height: 2;
}

@media (max-width:768px){
  .keep-button-01{
      padding: 0 0;
      border-radius: 0;
      border: none;
      line-height: 1.4;
  }
}

.keep-border-01{
  border-radius:1rem!important;
}
.keep-border-02{
  border-radius:1rem 1rem 0 0
}
.keep-border-03{
  border-radius:0 0 1rem 1rem
}
.keep-border-04{
  border-radius:.6rem
}
.keep-padding-01{
  padding-left:3rem;
  padding-top:3rem;
  padding-right:3rem;
  padding-bottom:3rem
}
@media (max-width:991px){
  .keep-padding-01{
      padding-left:0rem;
      padding-top:3rem;
      padding-right:0rem;
      padding-bottom:3rem
  }
}


.keep-padding-200{
  padding-left:3.5rem;
  padding-top:3rem;
  padding-right:3.5rem;
  padding-bottom:3rem
}
@media (max-width:991px){
  .keep-padding-200{
      padding-left:1rem;
      padding-top:3rem;
      padding-right:1rem;
      padding-bottom:3rem
  }
}

.keep-padding-100{
  padding-left:4rem!important;
  padding-top:4rem!important;
  padding-right:4rem!important;
  padding-bottom:4rem!important;
}
@media (max-width:991px){
  .keep-padding-100{
      padding-left:1rem!important;
      padding-top:3rem!important;
      padding-right:1rem!important;
      padding-bottom:3rem!important;
  }
}


.keep-padding-02{
  padding-left:3.5rem;
  padding-top:3rem;
  padding-right:3rem
}
@media (max-width:991px){
  .keep-padding-02{
      padding-left:1rem;
      padding-top:3rem;
      padding-right:1rem
  }
}
.keep-padding-03{
  padding-left:3.5rem;
  padding-top:2.5rem;
  padding-right:3rem;
  padding-bottom:2rem
}
@media (max-width:991px){
  .keep-padding-03{
      padding-left:1rem;
      padding-right:1rem
  }
}
.keep-padding-04{
  padding-left:3rem;
  padding-top:2.5rem;
  padding-right:3rem
}
.keep-padding-05{
  padding-left:3rem;
  padding-top:2.5rem;
  padding-right:2.5rem;
  padding-bottom:2.5rem
}
@media (max-width:991px){
  .keep-padding-05{
      padding-left:1rem;
      padding-top:2rem;
      padding-right:1rem;
      padding-bottom:2rem
  }
}
.keep-padding-06{
  padding-left:3.5rem;
  padding-top:2rem;
  padding-right:3rem
}
.keep-padding-07{
  padding-top:.5rem
}
.keep-padding-08{
  padding-top:3rem
}
.keep-padding-09{
  padding-bottom:.5rem
}
.keep-padding-10{
  padding-bottom:3rem
}
.keep-padding-11{
  padding-left:3.5rem;
  padding-bottom:1rem
}
@media (max-width:991px){
  .keep-padding-11{
      padding-left:1rem
  }
}
.keep-padding-12{
  padding-left:4rem;
  padding-top:3rem;
  padding-right:3rem
}
@media (max-width:991px){
  .keep-padding-12{
      padding-left:1.5rem;
      padding-top:3rem;
      padding-right:1.5rem
  }
}
.keep-padding-13{
  padding-left:4rem;
  padding-top:2rem;
  padding-right:3rem
}
@media (max-width:991px){
  .keep-padding-13{
      padding-left:1.5rem;
      padding-top:2rem;
      padding-right:1.5rem
  }
}
.keep-padding-14{
  padding-left:0;
  padding-top:3rem;
  padding-right:3rem;
  padding-bottom:3rem
}
.keep-padding-15{
  padding-left:3.5rem;
  padding-top:3.01rem;
  padding-right:3rem;
  padding-bottom:3rem
}
@media (max-width:991px){
  .keep-padding-15{
      padding-left:1.5rem;
      padding-top:0;
      padding-right:1.5rem;
      padding-bottom:0
  }
}
.keep-padding-16{
  padding-bottom:10rem
}
@media (max-width:991px){
  .keep-padding-16{
      padding-bottom:4rem
  }
}
.keep-padding-17{
  padding-left:3.5rem;
  padding-top:3rem;
  padding-right:3rem;
  padding-bottom:3rem
}
@media (max-width:991px){
  .keep-padding-17{
      padding-left:1.5rem;
      padding-top:0;
      padding-right:1.5rem;
      padding-bottom:3rem
  }
}
.keep-padding-18{
  padding-left:3.5rem;
  padding-top:0;
  padding-right:3rem;
  padding-bottom:2rem
}
@media (max-width:991px){
  .keep-padding-18{
      padding-left:1rem;
      padding-top:0;
      padding-right:1.5rem;
      padding-bottom:2rem
  }
}
.keep-padding-19{
  padding-left:3.5rem;
  padding-top:2.5rem;
  padding-right:3rem;
  padding-bottom:1rem
}
@media (max-width:991px){
  .keep-padding-19{
      padding-left:1rem;
      padding-right:1rem
  }
}
.keep-padding-20{
  padding-left:.5rem;
  padding-top:.5rem;
  padding-right:.5rem;
  padding-bottom:.5rem
}
.keep-padding-21{
  padding-left:3rem;
  padding-right:3rem;
  padding-bottom:2rem
}
@media (max-width:991px){
  .keep-padding-21{
      padding-left:.5rem;
      padding-right:.5rem
  }
}
.keep-padding-22{
  padding-left:0;
  padding-right:0;
  padding-top:0;
  padding-bottom:0
}
@media (max-width:1199px){
  .keep-padding-22{
      padding-left:3rem;
      padding-right:3rem;
      padding-top:0;
      padding-bottom:0
  }
}
@media (max-width:991px){
  .keep-padding-22{
      padding-left:0;
      padding-right:0;
      padding-top:0;
      padding-bottom:0
  }
}
.keep-padding-23{
  padding-left:3rem;
  padding-top:3rem;
  padding-right:3rem;
  padding-bottom:3rem
}
@media (max-width:991px){
  .keep-padding-23{
      padding-left:.5rem;
      padding-top:3rem;
      padding-right:.5rem;
      padding-bottom:3rem
  }
}
.keep-padding-24{
  padding-top:.5rem;
  padding-bottom:.5rem;
  padding-left:.5rem;
  padding-right:.5rem
}
.keep-padding-25{
  padding-left:3.5rem;
  padding-top:0;
  padding-right:3rem;
  padding-bottom:3rem
}
@media (max-width:991px){
  .keep-padding-25{
      padding-left:1.5rem;
      padding-top:0;
      padding-right:1.5rem;
      padding-bottom:0
  }
}
.keep-padding-26{
  padding-left:3.5rem;
  padding-top:3rem;
  padding-right:3rem;
  padding-bottom:3rem
}
@media (max-width:991px){
  .keep-padding-26{
      padding-left:1rem;
      padding-top:3rem;
      padding-right:1rem;
      padding-bottom:3rem
  }
}
@media (max-width:576px){
  .keep-padding-26{
      padding-left:1rem;
      padding-top:1rem;
      padding-right:1rem;
      padding-bottom:3rem
  }
}
.keep-padding-30{
  padding-left:3.5rem;
  padding-top:3.01rem;
  padding-right:3rem;
  padding-bottom:3rem
}
@media (max-width:991px){
  .keep-padding-30{
      padding-left:1.5rem;
      padding-top:3rem;
      padding-right:1.5rem;
      padding-bottom:3rem
  }
}
.keep-padding-31{
  padding-left:3.5rem;
  padding-top:0rem;
  padding-right:3rem;
  padding-bottom:2rem
}
@media (max-width:991px){
  .keep-padding-31{
      padding-left:1rem;
      padding-right:1rem
  }
}
.keep-padding-32{
  padding-left:2rem;
  padding-right:2rem;
  padding-bottom:2rem
}
@media (max-width:991px){
  .keep-padding-32{
      padding-left:.5rem;
      padding-right:.5rem
  }
}
.keep-padding-50 {
  padding-left:4rem;
  padding-top:1rem;
  padding-right:4rem;
  padding-bottom:1rem
}
@media (max-width:991px){
  .keep-padding-50{
    padding-left:0rem;
    padding-top:3rem;
    padding-right:0rem;
    padding-bottom:3rem
  }
}
.keep-padding-51 {
  padding-left:5rem;
  padding-top:2rem;
  padding-right:5rem;
  padding-bottom:2rem
}
@media (max-width:991px){
  .keep-padding-51{
    padding-left:0rem;
    padding-top:3rem;
    padding-right:0rem;
    padding-bottom:3rem
  }
}


.keep-margin-01{
  margin-left:3rem;
  margin-right:3rem;
  margin-top:3rem;
  margin-bottom:3rem
}
.keep-margin-02{
  margin-top:3rem;
  margin-bottom:3rem
}
.keep-margin-03{
  margin-left:-.2rem;
  margin-right:-.2rem
}
.keep-font-16{
  font-size:16px
}
.keep-image-filter{
  filter:contrast(.8)
}
.keep-image-filter-front{
  filter:contrast(.9)
}
.keep-image-opacity{
  filter:opacity(.7)
}
.keep-hr-front{
  margin:2rem 0;
  border:0;
  opacity:1;
  width:150%
}
@media (max-width:991px){
  .keep-hr-front{
      display:none
  }
}
.keep-row-01{
  --bs-gutter-x:.5rem
}
.keep-row-02{
  --bs-gutter-x:1rem
}
.keep-row-03{
  --bs-gutter-x:1.5rem
}
.keep-image{
  width:100%;
  max-height:300px;
  object-fit:cover;
  object-position:100% 0%
}
.keep-maribor{
  width:initial;
  height:initial;
  object-fit:initial
}
@media (max-width:991px){
  .keep-maribor{
      width:960px;
      height:360px;
      object-fit:cover
  }
}
.translate-object-01{
  position:relative
}
.scrolled-down{
  transform:translateY(-100%);
  transition:all .3s ease-in-out
}
.scrolled-up{
  transform:translateY(0);
  transition:all .3s ease-in-out
}
.front-image{
  padding:0
}
.logo{
  padding-left:0;
  padding-right:0
}

nav{
  background: inherit;
  padding-right: 0px!important;
  margin-right: 0px!important;
}
.fixed-top{
  z-index:1
}
.navbar-brand{
  /* padding-left:var(--bs-gutter-x,.75rem); */
  padding-left: 0.2rem;
  padding-top: 0;
}
@media (max-width:576px){
  .navbar-brand{
      padding-left:0rem;
      padding-right:0;
      margin-right:0;
      padding-top:0;
  }
}
.title-main{
  position:absolute;
  z-index:8;
  top:6rem;
  color:#1c5181;
  color:#205281;
  color:#14548f;
  color:#f2f2f2;
  color:#fff;
  color:#0454be;
  color:#f2f2f2;
  color:#f9f9f9;
  left:50%;
  transform:translateX(-50%);
  top:23%
}
@media (max-width:768px){
  .title-main{
      top:10%
  }
}
.title-main-mobile{
  position:absolute;
  z-index:8;
  top:6rem;
  color:#1c5181;
  color:#205281;
  color:#14548f;
  color:#f2f2f2;
  color:#fff;
  color:#0454be;
  color:#f2f2f2;
  color:#f9f9f9;
  left:50%;
  transform:translateX(-50%);
  top:23%
}
@media (max-width:576px){
  .title-main-mobile{
      top:15%
  }
}
a.title-display-2{
  color:#1a1a1a
}
a.title-display-3{
  color:#1a1a1a
}
@media (max-width:576px){
  a.title-display-3{
      font-size:.7em
  }
}
.cube-system{
  padding:2em
}
@keyframes fadeOut{
  from{
      opacity:1
  }
  to{
      opacity:0
  }
}
@keyframes fadeIn{
  from{
      opacity:0
  }
  to{
      opacity:1
  }
}
.dropdown-menu.show{
  -webkit-animation:fadeIn .3s alternate;
  animation:fadeIn .3s alternate
}
.dropdown-menu{
  -webkit-animation:fadeOut .3s alternate;
  animation:fadeOut .3s alternate
}
.main-menu-desktop{
  display:initial
}
@media (max-width:991px){
  .main-menu-desktop{
      display:none
  }
}
.main-menu-mobile{
  display:none
}
@media (max-width:991px){
  .main-menu-mobile{
      display:initial
  }
}
.navbar{
  padding-top:0;
  background: inherit;
  background-color: inherit;
  transition: transform 0.4s;
  background-color: rgb(244 244 248 / 70%);
    -webkit-backdrop-filter: blur(20px)!important;
  backdrop-filter: saturate(180%) blur(20px)!important;
}
.navbar-exercises{
  background-color: rgb(224 225 221 / 80%)!important;
}
.navbar-training{
  background-color: rgb(223 214 201 / 80%)!important
}
.navbar-theory{
  background-color: rgb(228 235 241 / 80%)!important
}


.keep-desktop-video{
  display:initial!important
}
@media (max-width:991px){
  .keep-desktop-video{
      display:none!important
  }
}
.keep-mobile-video{
  display:none!important
}
@media (max-width:991px){
  .keep-mobile-video{
      display:initial!important
  }
}


.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230072BC'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  filter: none!important;
}
.reference .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23BD0F15'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  filter: none!important;
}
.client .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23393d3f'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  filter: none!important;
}
.engine .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300568F'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  filter: none!important;
}
.carousel-dark .carousel-control-next-icon.front,.carousel-dark .carousel-control-prev-icon{
  filter:none
}
@media (max-width:768px){
  .carousel-dark .carousel-control-next-icon.front,.carousel-dark .carousel-control-prev-icon{
      margin-top: 25px;
  }
}
span.carousel-control-next-icon.main-next.front{

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300568F'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
  height: 40px;
  width: 30px;
  margin-right: 0px;
  margin-left: 0px;
}
@media (max-width:768px){
  span.carousel-control-next-icon.main-next.front{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300568F'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   /* height: 25px;*/
   /* width: 25px;*/
  }
}
span.carousel-control-next-icon.main-next.front-03{

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300568F'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
  height: 40px;
  width: 30px;
  margin-right: 0px;
  margin-left: 0px;
}
@media (max-width:768px){
  span.carousel-control-next-icon.main-next.front-03{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300568F'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   /* height: 25px;*/
   /* width: 25px;*/
  }
}
span.carousel-control-next-icon.main-next.front-04{

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300568F'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
  height: 40px;
  width: 30px;
  margin-right: 0px;
  margin-left: 0px;
}
@media (max-width:768px){
  span.carousel-control-next-icon.main-next.front-04{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300568F'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   /* height: 25px;*/
   /* width: 25px;*/
  }
}

/*
.carousel-inner{
  filter:contrast(.8)
}
*/
/*
.carousel-inner img{
  filter:saturate(.8)
}
*/
.carousel-indicators [data-bs-target]{
  height:15px;
  border:1px solid;
  border-radius:.3rem;
  opacity:.5
}
.carousel-dark .carousel-indicators [data-bs-target]{
  background-color:#2f2f2f
}
.carousel-indicators .active{
  opacity:1;
  background-color:#f9f9f9
}
@media (min-width:0px){
  .navbar-expand-sm{
      flex-wrap:nowrap;
      justify-content:flex-start
  }
}
@media (min-width:0px){
  .navbar-expand-sm .navbar-collapse{
      display:flex!important;
      flex-basis:auto
  }
}
@media (min-width:0px){
  .navbar-expand-sm .navbar-nav{
      flex-direction:row
  }
}
.nav-item.dropdown.dropdown-mega{
  position:static
}
.nav-item.dropdown.dropdown-mega .dropdown-menu{
  width:100%;
  left:0;
  right:0;
  top:60px;
  margin-left:auto;
  margin-right:auto;
  position:absolute;
  min-height:100vh;
  max-height:100vh;
  overflow-y:scroll;
  padding-bottom:4em;
  -ms-overflow-style:none;
  scrollbar-width:none
}
.nav-item.dropdown.dropdown-mega .dropdown-menu::-webkit-scrollbar{
  display:none
}
.dropdown-menu{
  border:none;
  border-radius:0
}
@media (max-width:991px){
  .nav-item.dropdown.dropdown-mega .dropdown-menu{
      top:50px;

  }
}
@media (max-width:576px){
  .nav-item.dropdown.dropdown-mega .dropdown-menu{
      width:100%;

  }
}
.navbar-toggler{
  border:none;
  padding:0;
  outline:0
}
.navbar-toggler:focus{
  box-shadow:none
}
.navbar-toggler .hamburger-toggle{
  position:relative;
  display:inline-block;
  width:50px;
  height:50px;
  z-index:11;
  float:right
}
.navbar-toggler .hamburger-toggle .hamburger{
  position:absolute;
  transform:translate(-50%,-50%) rotate(0);
  left:50%;
  top:50%;
  width:50%;
  height:50%;
  pointer-events:none
}
.navbar-toggler .hamburger-toggle .hamburger span{
  width:100%;
  height:4px;
  position:absolute;
  background:#333;
  border-radius:2px;
  z-index:1;
  transition:transform .2s cubic-bezier(.77, .2, .05, 1),background .2s cubic-bezier(.77, .2, .05, 1),all .2s ease-in-out;
  left:0
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child{
  top:10%;
  transform-origin:50% 50%;
  transform:translate(0 -50%)!important
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2){
  top:50%;
  transform:translate(0,-50%)
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child{
  left:0;
  top:auto;
  bottom:10%;
  transform-origin:50% 50%
}
.navbar-toggler .hamburger-toggle .hamburger.active span{
  position:absolute;
  margin:0
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child{
  top:45%;
  transform:rotate(45deg)
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2){
  left:50%;
  width:0
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child{
  top:45%;
  transform:rotate(-45deg)
}
.navbar-nav>li{
  padding-right:20px
}
@media (max-width:576px){
  .navbar-nav>li{
      padding-left:0;
      padding-right:0
  }
}
@media (max-width:576px){
  .navbar-nav .nav-link{
      padding-right:1rem;
  }
}
a.nav-link.company-link{
  padding-right:0
}
@media (max-width:576px){
  a.nav-link.company-link{
      padding-right:0;
  }
}
a.nav-link{
  font-size:  1.25rem;
  font-weight: 700;
}
@media (max-width:576px){
  a.nav-link{
    font-size: 1rem;
  }
}

.nav-link.mobile-menu {
  padding-top: 0.2rem!important;
}
a:hover{
 
  /*text-decoration: underline;*/
}
.dropdown-menu a{
  letter-spacing:.05rem
}
.navbar-light .navbar-toggler-icon{
  background-image:none
}
.navbar-toggler-icon{
  width:initial;
  height:1rem
}
.navbar p{
  color:#f9f9f9
}
.navbar h6{
  color:#f9f9f9;
  margin-bottom:2em
}
.navbar h5{
  color:inherit;
  text-transform:uppercase;
  letter-spacing:.05rem
}
.navbar .text-small.link-dark{
  color:#f9f9f9
}
.navbar .link-dark{
  color:#f9f9f9
}
.dropdown-menu[data-bs-popper]{
  margin-top:0
}
.row.menu-news{
  padding-bottom:4rem
}
.nav-link{
  color:inherit!important;
 /* padding:0 1rem 0; */
  letter-spacing:.05rem;
 /* text-transform:uppercase */
}
.nav-link:hover{
  color:inherit!important
}
.stroke-red{
  outline:4px solid #ed1c24
}
.stroke-blue{
  outline:4px solid #176fc1
}
img.keep-parts{
  max-height:200px
}
.back-red-small{
  outline:1px solid #ed1c24
}
/*
.navbar li .row a:focus,.navbar li .row a:hover{
  transition:.3s;
  -webkit-transition:.3s
}
*/
@media (max-width:768px){
  .navbar.sticky-top{
      margin-top:0!important
  }
}
@media (max-width:768px){
  .contact-link{
      display:none
  }
}

.margin-left{
  margin-left:20px
}
@media (max-width:576px){
  .header-title.representation{
      font-size:1.5rem
  }
}
.list-group-item{
  position:relative;
  display:block;
  padding:.5rem 0;
  color:#f9f9f9;
  text-decoration:none;
  background-color:initial;
  border:none
}
.list-group-item+.list-group-item{
  border-top-width:1px
}
.list-group{
  border-radius:0
}
.list-group-item:last-child{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  border-top-left-radius:0;
  border-top-right-radius:0
}
.footer-main{
  border-top:1px solid #858585;
 /* letter-spacing:.05rem*/
}
.footer-link{
  border-top:1px solid #858585;
  text-transform:uppercase
}
.nav-link-text{
  border-top:1px solid;
  text-transform:uppercase;
 /* letter-spacing:.05rem;*/
  font-size: 1.25rem;
  font-size: clamp(1rem, 0.7034rem + 0.8239vw, 1.414rem)!important;
  font-weight: 400;
}
.navbar-address{
  font-size: 1.25rem;
}
.link-light:focus,.link-light:hover{
  color:inherit
}
.nav-main{
  border-top:1px solid
}
.border-bottom{
  border-bottom:1px solid!important
}
.title-strong{
  text-transform:uppercase
}
.title-strong-reference{
  font-size:1rem
}
.light{
}
.title-middle{
  font-weight:400;
  line-height:1.4em
}
.title-normal{
  font-weight:400
}
.title-small{
  font-weight:400;
  font-size:1rem
}
.icons{
  display:inline-flex;
  margin-left:auto
}
.icons a{
  transition:all .2s ease-in-out;
  padding:.2rem .4rem;
  color:#ccc!important;
  text-decoration:none
}
.icons a:hover{
  color:#f9f9f9;
  text-shadow:0 0 30px #f9f9f9
}
a{
  text-decoration:none;
  color:inherit
}
hr:not([size]) {
  height: 3px;
}
hr{
  margin:1rem 0;
  /*color:#1e1e1e;*/
  background-color:#054d75;
  max-width: 20%;
  border:0;
  opacity:1
}
.hr-divide{
  margin-bottom:.2em
}
.link-dark{
  color:#1e1e1e;
  -webkit-transition:padding .3s;
  transition:padding .3s
}
.link-dark:focus,.link-dark:hover{
  transition:.3s;
  -webkit-transition:.3s;
  padding-left:.5em
}
.link-light{
  color:inherit;
  -webkit-transition:padding .3s;
  transition:padding .3s
}
/*
.link-light:focus,.link-light:hover{
  transition:.3s;
  -webkit-transition:.3s;
  padding-left:.5em
}
*/
.keep-goodyear-storage img{
  max-height:500px
}
.card{
  border:none
}
.carousel-control-next.main-next{
  background:#223c4e;
  background: #f6f6f6;
  opacity:1!important;
  height:100px;
  width:100px;
  border-radius:0 1rem 0 0;
  right: -1px;
}
@media (max-width:991px){
  .carousel-control-next.main-next{
      height:80px;
      width:80px
  }
}
@media (max-width:768px){
  .carousel-control-next.main-next{
      height:60px;
      width:60px;
      /*background:0 0*/
  }
}
.carousel-control-next.main-next.front{
  background:#223c4e;
  background:transparent;
  opacity:1!important;
  height:80px;
  width:80px;
  border-radius:0 0 .6rem 0;
  right: -32px;
  top: -15px;
}
@media (max-width:991px){
  .carousel-control-next.main-next.front{
      background:0 0;
    /*  filter:invert(1) grayscale(100); */
      top:-19px;
      right:-15px
  }
}
@media (max-width:768px){
  .carousel-control-next.main-next.front{
      filter:none;
      top:-16px;
  }
}
.carousel-control-next.main-next.front-02{
  background:#223c4e;
  background:transparent;
  opacity:1!important;
  height:80px;
  width:80px;
  border-radius:0 0 .6rem 0;
  right: 22px;
  top: -95px;
}
@media (max-width:991px){
  .carousel-control-next.main-next.front-02{
      background:0 0;
    /*  filter:invert(1) grayscale(100); */
    top: -91px;
    right: 0px;
  }
}
@media (max-width:768px){
  .carousel-control-next.main-next.front-02{
      filter:none;
      top:-105px;
  }
}
@media (max-width:576px){
  .mobile-break-show{
      display:none
  }
}
@media (min-width:577px){
  .mobile-break-hide{
      display:none
  }
}
.carousel-control-prev.main-prev{
  display:none
}

.keep-front-engineering{
  width:659px;
  height:659px
}
@media (max-width:991px){
  .keep-front-engineering{
      width:100%;
      height:auto
  }
}
.carousel-control-next,.carousel-control-prev{
  width:25%;
  display:initial
}
@media (max-width:991px){
  .carousel-indicators{
      display:none
  }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
  font-weight:normal;
}

@keyframes caret{
  50%{
      border-color:transparent
  }
}
.container-fluid.production-services{
  padding-left:0;
  padding-right:0
}
.container-fluid.kocka{
  padding-left:0;
  padding-right:0
}
.col-12.news-nav{
  background:#4c5f6c
}
.text-small.smm{
  line-height: 2.5;
}
.title-middle{
  text-transform:uppercase
}
.kocka-back1{
  transition:background .5s;
  -webkit-transition:background .5s
}
.kocka-back1:hover{
  background:#b2d4ff;
  transition:.5s;
  -webkit-transition:.5s
}
.kocka-back1a,.kocka-back2a{
  background:#fff
}
.kocka-back2{
  transition:background .5s;
  -webkit-transition:background .5s
}
.kocka-back2:hover{
  background:#4892ff;
  transition:.5s;
  -webkit-transition:.5s
}
.border1{
  border-left:1px solid;
  border-right:1px solid
}
.border2{
  border-left:1px solid;
  border-right:1px solid
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
  background-color:initial
}
.title-dark:hover{
  color:initial!important
}
.nav-link.active .title-active{
  font-weight:500
}


::-moz-selection{
  color:#F6f6f6;
  background:#0072BC
}
::selection{
  color:#F6f6f6;
  background:#0072BC
}
:focus{
  outline:0;
  border-color:inherit;
  -webkit-box-shadow:none;
  box-shadow:none
}
.sticky{
  position:-webkit-sticky;
  position:sticky;
  top:100px
}
/*
.research-solutions h5{
  padding:0;
  line-height:1.38em;
  padding-bottom:.2em;
  padding-top:.5em
}
.research-solutions .nav-link{
  border:1px solid transparent
}
.research-solutions .nav-link.active{
  border:1px solid
}
*/
.accordion-button::after{
  margin-left:1rem;
  width: 2rem;
  height: 2rem;
  background-size: 2rem;
}
@media (max-width:768px){
  .accordion-button::after{
    margin-left:auto;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem;
  }
}
.accordion-button{
  background:0 0;
  transition:border .3s;
  color:inherit;
  line-height: 1;
}
.accordion-item{
  border:none;
  background-color:transparent
}
.accordion-button:not(.collapsed){
  color:inherit;
  background-color:transparent;
  box-shadow:none;
  transition:border .3s
}
.accordion-button.collapsed{
  transition:border 1s
}
.accordion-button::after{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23054d75' class='bi bi-plus-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
  /*filter: invert(28%) sepia(15%) saturate(2258%) hue-rotate(168deg) brightness(99%) contrast(94%);*/
}
.representation .accordion-button::after{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23393d3f' class='bi bi-plus-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
  /*filter: invert(28%) sepia(15%) saturate(2258%) hue-rotate(168deg) brightness(99%) contrast(94%);*/
}
.engine .accordion-button::after{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2300568F' class='bi bi-plus-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
  /*filter: invert(28%) sepia(15%) saturate(2258%) hue-rotate(168deg) brightness(99%) contrast(94%);*/
}
.accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23054d75' class='bi bi-dash-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>")
}
.representation .accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23393d3f' class='bi bi-dash-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>")
}
.engine .accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2300568F' class='bi bi-dash-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>")
}

.training .accordion-button::after{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23270B0A' class='bi bi-plus-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
  /*filter: invert(28%) sepia(15%) saturate(2258%) hue-rotate(168deg) brightness(99%) contrast(94%);*/
}
.training .accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23270B0A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 
 transform:rotate(-180deg);
  /*filter: invert(28%) sepia(15%) saturate(2258%) hue-rotate(168deg) brightness(99%) contrast(94%);*/
}


.research-border{
  padding:.6em 1.2em;
  border:1px solid;
  border-radius:.25rem
}
.accordion-body{
  padding:0
}
.accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23054d75'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 
 transform:rotate(-180deg);
  /*filter: invert(28%) sepia(15%) saturate(2258%) hue-rotate(168deg) brightness(99%) contrast(94%);*/
}
.representation .accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23054d75'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 
 transform:rotate(-180deg);
  /*filter: invert(28%) sepia(15%) saturate(2258%) hue-rotate(168deg) brightness(99%) contrast(94%);*/
}
.engine .accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300568F'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 
 transform:rotate(-180deg);
  /*filter: invert(28%) sepia(15%) saturate(2258%) hue-rotate(168deg) brightness(99%) contrast(94%);*/
}
.research-title{
  /* font-weight:400; */
  padding:.3rem 0!important
}
/*
.research-title-strong{
  font-weight:500
}
*/
.solutions-intro{
  background:#195a97;
  color:#f9f9f9
}
.container-wide{
  padding:0
}
.research-table{
  margin-left:auto;
  margin-right:auto;
  border:1px solid grey;
  width:100%;
  border-collapse:collapse;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:5px
}
.kocka-level1:hover{
  background:#d4e1f3
}
.kocka-level2:hover{
  background:#6ea5ed
}
.kocka-level3:hover{
  background:#2e7bc3
}
.uppercase{
  text-transform:uppercase;
  /*letter-spacing:.05rem*/
}
.keep-underline {
  text-decoration: underline;
  color: inherit;
  text-underline-offset: 0.5rem;
  text-decoration-thickness: 4px;
}
.underline{

  text-decoration: underline;
  color: inherit;
  text-underline-offset: 0.5rem;
  text-decoration-thickness: 2px;
}
.underline-blue{
  border-bottom:1px solid;
  padding-bottom:.05em
}
.underline-text{
  border-bottom:1px solid;
  padding-bottom:.05em;
  display:inline-block
}
.lowercase{
  text-transform:capitalize
}
.research-image-small{
  padding:.2rem .1rem
}
.production h5{
  padding:0;
  line-height:1.38em;
  padding-bottom:.2em;
  padding-top:.5em
}
.boxes{
  padding:1em 1.4em;
  background:#0454be;
  color:#f9f9f9;
  margin-bottom:1.5em
}
.company-title{
  padding:.3rem 0;
  text-transform:uppercase
}
.company-border.accordion-button:not(.collapsed){
  color:inherit;
  background-color:transparent;
  box-shadow:none;
  transition:none;
  border-right:none
}
.company-green{
  color:#5da642
}
.company-image-border{
  box-shadow:0 0 0 2px #2c4fa0;
  border-radius:5px
}
/*
.representation{
  padding-bottom:10%
}
*/
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.cursor {
cursor:url('data:image/svg+xml,<svg fill="%2303344E" width="24px" height="24px" viewBox="0 0 24 24" id="cross" data-name="Flat Line" xmlns="http://www.w3.org/2000/svg" class="icon flat-line"><path id="primary" d="M19,19,5,5M19,5,5,19" style="fill: none; stroke: %2303344E; stroke-linecap: square; stroke-linejoin: square; stroke-width: 2;"/></svg>'), auto;
}
.cursor-white {
  cursor:url('data:image/svg+xml,<svg fill="%23ffffff" width="24px" height="24px" viewBox="0 0 24 24" id="cross" data-name="Flat Line" xmlns="http://www.w3.org/2000/svg" class="icon flat-line"><path id="primary" d="M19,19,5,5M19,5,5,19" style="fill: none; stroke: %23E6EBEF; stroke-linecap: square; stroke-linejoin: square; stroke-width: 2;"/></svg>'), auto;
}
.cursor-red {
  cursor:url('data:image/svg+xml,<svg fill="%23BD0F15" width="24px" height="24px" viewBox="0 0 24 24" id="cross" data-name="Flat Line" xmlns="http://www.w3.org/2000/svg" class="icon flat-line"><path id="primary" d="M19,19,5,5M19,5,5,19" style="fill: none; stroke: %23BD0F15; stroke-linecap: square; stroke-linejoin: square; stroke-width: 2;"/></svg>'), auto;
}  
.cursor-training {
  cursor:url('data:image/svg+xml,<svg fill="%23270B0AE" width="24px" height="24px" viewBox="0 0 24 24" id="cross" data-name="Flat Line" xmlns="http://www.w3.org/2000/svg" class="icon flat-line"><path id="primary" d="M19,19,5,5M19,5,5,19" style="fill: none; stroke: %23270B0A; stroke-linecap: square; stroke-linejoin: square; stroke-width: 2;"/></svg>'), auto;
  }

.blue {
  color: dodgerblue;
}
.green {
  color: green;
}
.red {
  color: red;
}

.keep-fade-01 {
  opacity: 1;
  transform: scale(1,1) translate(0px, 0px);
  -webkit-transform: scale(1,1) translate(0px, 0px);
  transition: opacity 1s ease,
    transform 1s ease;
  -webkit-transition: opacity 1s ease,
    transform 1s ease;

  &.is-hidden {
    opacity: 0;
    transform: scale(1,1) translate(0px, 100px);
    -webkit-transform: scale(1,1) translate(0px, 100px);

  }
}
/*
.keep-fade-02 {
  opacity: 1;
  transform: scale(1);

  transition: opacity 1s ease-in-out,
    transform 1s ease-in-out;

  &.is-hidden {
    opacity: 0;
    transform: scale(.8,.8);
  }
}
*/

.smmanimone{
  line-height: 3000;
  z-index: 4700;
  opacity: 4700;
  display: none;
}
.smmanimtwo{
  line-height: 3000;
  z-index: 4400;
  opacity: 4700;
  display: none;
}

#parent{
  height: 100%;
  min-height: 1000px;
}
@media (max-width:991px){
  #parent{
    height: 100%;
    min-height: 1600px;
  }
}
@media (max-width:576px){
  #parent{
    height: 100%;
    min-height: 1400px;
  }
}


/* modal */
/*
.keep-modal {
  max-width: 700px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
*/
.modal-header {
  border: none;
}

.keep-modal {
  padding-top: 3rem;
}
.btn-link {
  color: inherit!important;
  text-decoration: none;
}
.btn{
  border: none;
  box-shadow: none;
  padding: 0;
  vertical-align: inherit;
}
.btn:focus,.btn:active {
  outline: none !important;
  box-shadow: none;
}
/*
.modal-header {
  border-bottom: none!important;
}
.modal-footer {
  border-top: none!important;
}
.modal-backdrop {
  background-color: transparent;
}
.modal-content{
  border: 1px solid;
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
}
*/
body.modal-open {
  padding-right: 0px!important;
  overflow: inherit!important;
  overflow: hidden!important;
}
body.modal-open nav {
  padding-right: 0px!important;
  margin-right: 15px!important;
}
.keep-image-video {
  cursor: pointer;
  max-height: 600px;
}
.keep-image-training {
  object-fit: cover;
  min-height: 400px;
}
.keep-cursor {
  cursor: pointer;
}
video#webcam-video {
  width: 100%;
  height: auto;
}

/*
.modal-body {
  margin-right: 15px;
}
*/
.modal-content {

  border: none!important;
}
.modal-footer {
  border: none;
  padding-right: 2rem;
}
.keep-padding-modal {
  padding-left: 1rem!important;
  padding-top: 1rem!important;
  padding-right: 1rem!important;
  padding-bottom: 0rem!important;
}
.cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn {
  border: 1px solid #c9d9e1;
  margin-left: 0px;
  border-radius: .5rem;
}
.cookie-consent-modal .modal-content-wrap .modal-content .modal-footer {
  border: none;
}
.cookie-consent-modal .modal-content-wrap .modal-content .modal-header {
  border-bottom: none;
  padding: 1rem 1rem 0 1rem;
}
.cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons {
  padding: 0rem 1rem 0.5rem 1rem;
}
.cookie-consent-modal .modal-content-wrap .modal-content {
  max-width: 750px;
}
.keep-break {
  word-spacing: normal;
}
@media (max-width:576px){
  .keep-break {
    word-spacing: 100vw;
  }
}
.keep-break-02 {
  max-width: inherit;
}
@media (max-width:576px){
  .keep-break-02 {
    max-width: 90%;
  }
}

/*cookie*/
/*
#cookies-eu-banner {
  background: #444;
  color: #fff;
  padding: 6px;
  font-size: 13px;
  text-align: center;
}
#cookies-eu-more,
#cookies-eu-accept,
#cookies-eu-reject {
  text-decoration: none;
  background: #222;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  padding: 4px 7px;
  margin: 2px 0;
  font-size: 13px;
  font-weight: bold;
  transition: background 0.07s, color 0.07s, border-color 0.07s;
}
#cookies-eu-more:hover,
#cookies-eu-more:focus,
#cookies-eu-accept:hover,
#cookies-eu-accept:focus {
  background: #fff;
  color: #222;
}
#cookies-eu-more {
  margin-left: 7px;
}

#cookies-eu-reject {
  background: none;
  font-weight: normal;
  color: #ccc;
  cursor: pointer;
  padding: 4px 7px;
  margin: 2px 0;
  border: 1px solid #666;
}
#cookies-eu-reject:hover,
#cookies-eu-reject:focus {
  border-color: #fff;
  background: #222;
  color: #fff;
}
*/
/*
.header {
  position: fixed;
  width: 100%;
  background: black;
  margin: 0;
  padding: 0;
  display: block;
  transition: transform 0.5s;
  height: 50px;
}
*/
/*
.header-top {
  top: 0;
  z-index: 25;
}
*/

/*
.scroll-down .autohide {
  transform: translate3d(0, -100%, 0);
}
.autohide {
  transition:all .5s ease-in-out;
}
*/

.scroll-down .autohide {
  transform: translate3d(0, -100%, 0);
}

.scroll-up .autohide {
  transform: none;
}

/*** anim 01 **/

.keep-anim-01 {
  width: 65px;
  aspect-ratio: 1;
  position: relative;
}
.keep-anim-01:before,
.keep-anim-01:after {
  content: "";
  position: absolute;
  border-radius: 50px;
 /* box-shadow: 0 0 0 3px inset #054d75;*/
  animation: c4 2.5s infinite;
  background: #63ADF2;
}
.keep-anim-01:after {
  animation-delay: -1.25s;
}
@keyframes c4 {
  0% {
    inset: 0 35px 35px 0;
  }
  12.5% {
    inset: 0 35px 0 0;
  }
  25% {
    inset: 35px 35px 0 0;
  }
  37.5% {
    inset: 35px 0 0 0;
  }
  50% {
    inset: 35px 0 0 35px;
  }
  62.5% {
    inset: 0 0 0 35px;
  }
  75% {
    inset: 0 0 35px 35px;
  }
  87.5% {
    inset: 0 0 35px 0;
  }
  100% {
    inset: 0 35px 35px 0;
  }
}

/*** anim 02 **/ 
.keep-anim-02 {
  width: 65px;
  height: 30px;
  position: relative;
}
.keep-anim-02:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  /* box-shadow: 0 0 0 3px inset #63ADF2; */
  animation: c3 0.75s infinite alternate;
  background: #63ADF2;
}
@keyframes c3 {
  0% {
    inset: 0 35px 0 0;
  }
  50% {
    inset: 0 0 0 0;
  }
  100% {
    inset: 0 0 0 35px;
  }
}

/*** anim 03 **/

.keep-anim-03 {
  width: 100px;
  display: grid;
  background: radial-gradient(farthest-side, #006973 98%, #0000) center/30px 100%
    no-repeat;
  --mask: 
    radial-gradient(12px at left 15px top 50%, #0000 95%, #000),
    radial-gradient(12px at center, #0000 95%, #000),
    radial-gradient(12px at right 15px top 50%, #0000 95%, #000);
  -webkit-mask: var(--mask);
          mask: var(--mask);
  -webkit-mask-composite: source-in;
          mask-composite: intersect;
  animation: c2 1s infinite alternate;
}
.keep-anim-03:before,
.keep-anim-03:after {
  content: "";
  grid-area: 1/1;
  height: 30px;
  aspect-ratio: 1;
  background: #006973;
  border-radius: 50%;
}
.keep-anim-03:after {
  margin-left: auto;
}
@keyframes c2 {
  to {
    width: 50px;
  }
}

/*** anim 04 **/
.keep-anim-04 {
  width: 65px;
  aspect-ratio: 1;
  --g1: radial-gradient(farthest-side,#0000 calc(95% - 3px),#006973 calc(100% - 3px) 98%,#0000 101%) no-repeat;
  background: var(--g1), var(--g1), var(--g1);
  background-size: 30px 30px;
  animation: c10 1.5s infinite;
}
@keyframes c10 {
  0% {
    background-position: 0 0, 0 100%, 100% 100%;
  }
  25% {
    background-position: 100% 0, 0 100%, 100% 100%;
  }
  50% {
    background-position: 100% 0, 0 0, 100% 100%;
  }
  75% {
    background-position: 100% 0, 0 0, 0 100%;
  }
  100% {
    background-position: 100% 100%, 0 0, 0 100%;
  }
}

/*** anim theory **/ 
.keep-anim-theory {
  width: 65px;
  height: 30px;
  position: relative;
}
.keep-anim-theory:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  /* box-shadow: 0 0 0 3px inset #63ADF2; */
  animation: c3 0.75s infinite alternate;
  background: #63ADF2;
}
@keyframes c3 {
  0% {
    inset: 0 35px 0 0;
  }
  50% {
    inset: 0 0 0 0;
  }
  100% {
    inset: 0 0 0 35px;
  }
}

/*** anim exercises **/ 
.keep-anim-exercises {
  width: 65px;
  height: 30px;
  position: relative;
}
.keep-anim-exercises:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  /* box-shadow: 0 0 0 3px inset #63ADF2; */
  animation: c3 0.75s infinite alternate;
  background: #F86624;
}
@keyframes c3 {
  0% {
    inset: 0 35px 0 0;
  }
  50% {
    inset: 0 0 0 0;
  }
  100% {
    inset: 0 0 0 35px;
  }
}

/*** anim training **/ 
.keep-anim-training {
  width: 65px;
  height: 30px;
  position: relative;
}
.keep-anim-training:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  /* box-shadow: 0 0 0 3px inset #63ADF2; */
  animation: c3 0.75s infinite alternate;
  background: #E3170A;
}
@keyframes c3 {
  0% {
    inset: 0 35px 0 0;
  }
  50% {
    inset: 0 0 0 0;
  }
  100% {
    inset: 0 0 0 35px;
  }
}

.dots-6 {
  width: 32px;
  aspect-ratio: 1;
  --_g: no-repeat radial-gradient(farthest-side,#000 90%,#0000);
  background: var(--_g), var(--_g), var(--_g), var(--_g);
  background-size: 40% 40%;
  animation: d6 1s infinite;
}

@keyframes d6 {
  0%  {background-position: 0 0      ,100% 0,100% 100%,0 100%}
  40%,
  50% {background-position: 100% 100%,100% 0,0    0   ,0 100%}
  90%,
  100%{background-position: 100% 100%,0 100%,0    0   ,100% 0}
}


.clones-2 {
  width:28px;
  height:28px;
  border-radius: 50%;
  background:#F10C49;
  animation: cl2 1.5s infinite;
}

@keyframes cl2 {
  0%,
  100%{transform:translate(-35px);box-shadow:  0     0 #F4DD51, 0     0 #E3AAD6}
  40% {transform:translate( 35px);box-shadow: -15px  0 #F4DD51,-30px  0 #E3AAD6}
  50% {transform:translate( 35px);box-shadow:  0     0 #F4DD51, 0     0 #E3AAD6}
  90% {transform:translate(-35px);box-shadow:  15px  0 #F4DD51, 30px  0 #E3AAD6}
}