/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#hs_cos_wrapper_widget_1689694882174 { 
  background: #076BB1;
  overflow: hidden;
  font-family: 'Open Sans', sans-serif;
}
.loop-wrapper {
  margin: 0 auto;
  position: relative;
  display: block;
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-bottom: 3px solid #fff;
  color: #fff;
}
.mountain {
  position: absolute;
  right: -900px;
  bottom: -20px;
  width: 2px;
  height: 2px;
  box-shadow: 
    0 0 0 50px #5E9FCC,
    60px 50px 0 70px #5E9FCC,
    90px 90px 0 50px #5E9FCC,
    250px 250px 0 50px #5E9FCC,
    290px 320px 0 50px #5E9FCC,
    320px 400px 0 50px #5E9FCC
    ;
  transform: rotate(130deg);
  animation: mtn 20s linear infinite;
}
.hill {
  position: absolute;
  right: -900px;
  bottom: -50px;
  width: 400px;
  border-radius: 50%;
  height: 20px;
  box-shadow: 
    0 0 0 50px #5E9FCC,
    -20px 0 0 20px #5E9FCC,
    -90px 0 0 50px #5E9FCC,
    250px 0 0 50px #5E9FCC,
    290px 0 0 50px #5E9FCC,
    620px 0 0 50px #5E9FCC;
  animation: hill 4s 2s linear infinite;
}
.tree, .tree:nth-child(2), .tree:nth-child(3) {
  position: absolute;
  height: 100px; 
  width: 35px;
  bottom: 0;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/130015/tree.svg) no-repeat;
}
.rock {
  margin-top: -17%;
  height: 2%; 
  width: 2%;
  bottom: -2px;
  border-radius: 20px;
  position: absolute;
  background: #ddd;
}
.truck, .wheels {
  transition: all ease;
  width: 85px;
  margin-right: -60px;
  bottom: 0px;
  right: 50%;
  position: absolute;
  background: #eee;
}
.truck {
  /*background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/130015/truck.svg) no-repeat;*/
  background : transparent;
  background-size: contain;
  height: 60px;
}
.truck:before {
  content: " ";
  position: absolute;
  width: 25px;
  box-shadow:
    -30px 28px 0 1.5px #fff,
     -35px 18px 0 1.5px #fff;
}
.wheels {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/130015/wheels.svg) no-repeat;
  height: 15px;
  margin-bottom: 0;
}

.tree  { animation: tree 3s 0.000s linear infinite; }
.tree:nth-child(2)  { animation: tree2 2s 0.150s linear infinite; }
.tree:nth-child(3)  { animation: tree3 8s 0.050s linear infinite; }
.rock  { animation: rock 4s   -0.530s linear infinite; }
.truck  { animation: truck 4s   0.080s ease infinite; }
.wheels  { animation: truck 4s   0.001s ease infinite; }
.truck:before { animation: wind 1.5s   0.000s ease infinite; }


@keyframes tree {
  0%   { transform: translate(1350px); }
  50% {}
  100% { transform: translate(-50px); }
}
@keyframes tree2 {
  0%   { transform: translate(650px); }
  50% {}
  100% { transform: translate(-50px); }
}
@keyframes tree3 {
  0%   { transform: translate(2750px); }
  50% {}
  100% { transform: translate(-50px); }
}

@keyframes rock {
  0%   { right: -200px; }
  100% { right: 2000px; }
}
@keyframes truck {
  0%   { }
  6%   { transform: translateY(0px); }
  7%   { transform: translateY(-6px); }
  9%   { transform: translateY(0px); }
  10%   { transform: translateY(-1px); }
  11%   { transform: translateY(0px); }
  100%   { }
}
@keyframes wind {
  0%   {  }
  50%   { transform: translateY(3px) }
  100%   { }
}
@keyframes mtn {
  100% {
    transform: translateX(-2000px) rotate(130deg);
  }
}
@keyframes hill {
  100% {
    transform: translateX(-4000px);
  }
}

#hs_cos_wrapper_widget_1690980044371 {
  background: transparent;
  width: calc(180px+10%);
  height: 150 ;
}

.bar-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto ;
    padding-top: 12px;
    padding-bottom: 24px;
    -webkit-transform: translateZ(0);
 }

.bg {

  position: absolute;
  top: 9px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  background: url(http://boutique.flarework.com/wp-content/themes/boutique/img/logo_large.png) center 0px no-repeat ;
    background-size: contain;
    -webkit-filter: drop-shadow(0px 6px 25px rgba(0,0,0,0.5));
}

.bar {
    position: relative;
    height: 5%;
    max-height: 15px;
    background: #6a6a6a;
    width:  0%;
    top: 0px;
    left: 18px;
    margin-top: 8px;
    box-shadow: 0 0 3px rgba(192,192,192,0.9);
    animation: fill 5s infinite alternate, colors 5s infinite alternate;
}

.bar.fill1 {
  animation: fill-1 5s infinite alternate, colors 5s infinite alternate;
}

.bar.fill2 {
   animation:  fill-2 5s infinite alternate, colors 5s infinite alternate;
}


.bar.fill3 {
   animation:  fill-3 5s infinite alternate, colors 5s infinite alternate;
}


.bar.fill4 {
   animation:  fill-4 5s infinite alternate, colors 5s infinite alternate;
}

.bar.fill5 {
   animation:  fill-5 5s infinite alternate, colors 5s infinite alternate;
}

.bar.fill6 {
   animation:  fill-6 5s infinite alternate, colors 5s infinite alternate;
}



@keyframes fill {
  0%   { width: 0; }
  33%  { width: 20%;}
  66%  { width: 7%;}
  100% { width: 66%; }
}

@keyframes fill-1 {
  0%   { width: 0; }
  33%  { width: 35%;}
  66%  { width: 13%;}
  100% { width: 95%; }
}

@keyframes fill-2 {
  0%   { width: 0; }
  33%  { width: 60%;}
  66%  { width: 45%;}
  100% { width: 87%; }
}

@keyframes fill-3 {
  0%   { width: 0; }
  33%  { width: 35px;}
  66%  { width: 18px;}
  100% { width: 68px; }
}

@keyframes fill-4 {
  0%   { width: 0; }
  33%  { width: 64%;}
  66%  { width: 16%;}
  100% { width: 66%; }
}

@keyframes fill-5 {
  0%   { width: 0; }
  33%  { width: 20%;}
  66%  { width: 7%;}
  100% { width: 46%; }
}


@keyframes fill-6 {
  0%   { width: 0; }
  33%  { width: 30%;}
  66%  { width: 15%;}
  100% { width: 92%; }
}

@keyframes colors {
  0% { background-color: #1D1D1B;}
  50% { background-color: #114970;}
  100% { background-color: #076BB1;}
}

.titrebreak {
  word-break : break-word;
  font-size : calc(24px + 4vw);
  line-height : 150%;
}

h2 > * {
  word-break : break-word;
  
/*  font-size : calc(50px + 2vw);*/
}

.textebreak {
  word-break : break-word;
  font-size : calc(10px + 1vw);
}

#row-fluid-wrapper {
  width : 50px ;
  height : 100px ;
  background-size : contain ;
}

#hs_cos_wrapper_widget_1694175601142
<style type="text/css" scoped>
img.GeneratedImage {
width:300px;height:225px;margin:10px;border-width:6px;border-color:#000000;border-style:solid;
}
</style>


.kl-navbar-submenu__item a {
    padding : 12px 12px !important ;
}

.kl-navbar-submenu__button {
    padding : 12px 12px !important ;
}


.kl-card-grid {
  padding : 26px
}

.kl-card {
  margin-top : 1em;
  margin-bottom : 1em;

}

.kl-header [
  top: 0;
}