@keyframes moveBottom {
  0% {
bottom:-100px;
  }
  100% {
bottom:0px;
  }
}

@keyframes moveLeft{
  0% {
left:-100px;
  }
  100% {
left:0px;
  }
}

@keyframes moveRight{
  0% {
right:-100px;
  }
  100% {
right:0px;
  }
}



@keyframes moveOpacity {
  0% {
opacity:0;
  }
  100% {
opacity:1;
  }
}

@media all and (min-width: 0px) {


.view-reference .node-teaser,
.field--name-field-text-right h1,
.field--name-field-text-right h2,
.field--name-field-text-right h3,
.field--name-field-text-right hr,
.field--name-field-text-right ul,
.field--name-field-text-right ol,
.field--name-field-text-right p,
.field--name-field-prilohy .field__item,
.expandable-container,
#block-drualas-theme-kontaktujtenas,
.field--name-field-galerie,
.galerie-row ,
.paragraph--type--image,
.field--name-field-image,
.ikona,
.view-sluzby .node-teaser,
.paragraph-item-content-link2,
.layout-content .field--name-body h1,
.layout-content .field--name-body h2,
.layout-content .field--name-body h3,
.layout-content .field--name-body hr,
.layout-content .field--name-body p,
.layout-content .field--name-body ul,
.layout-content .field--name-body ol,
#block-drualas-theme-cosnamiziskate .field--name-body h3,
#block-drualas-theme-cosnamiziskate .field--name-body h2,
#block-drualas-theme-cosnamiziskate .field--name-body p,
.bef-exposed-form .form--inline > .form-item,
.field--name-field-body table,
.field--name-field-body iframe,
.field--name-field-text-right iframe,
.field--name-field-text-right table,
.field--name-field-body h1,
.field--name-field-body h2,
.field--name-field-body h3,
.field--name-field-body hr,
.field--name-field-body p,
.field--name-field-body ul,
.field--name-field-body ol{
position:relative;
opacity:0;
bottom:-100px;
}

.view-reference .node-teaser.activee,
.field--name-field-text-right iframe.activee,
.field--name-field-text-right table.activee,
.bef-exposed-form .form--inline > .form-item.activee,

.field--name-field-prilohy .field__item.activee,

.field--name-field-body table.activee,
.field--name-field-body iframe.activee,

.field--name-field-text-right h1.activee,
.field--name-field-text-right h2.activee,
.field--name-field-text-right h3.activee,
.field--name-field-text-right hr.activee,
.field--name-field-text-right ul.activee,
.field--name-field-text-right ol.activee,
.field--name-field-text-right p.activee,

.expandable-container.activee,
.view-sluzby .node-teaser.activee,
.field--name-field-galerie.activee,
.galerie-row.activee,
.paragraph--type--image.activee,
.field--name-field-image.activee,
.ikona.activee,
.paragraph-item-content-link2.activee,
.layout-content .field--name-body h1.activee,
.layout-content .field--name-body h2.activee,
.layout-content .field--name-body h3.activee,
.layout-content .field--name-body hr.activee,
.layout-content .field--name-body p.activee ,
.layout-content .field--name-body ul.activee,
.layout-content .field--name-body ol.activee,
#block-drualas-theme-kontaktujtenas.activee,
#block-drualas-theme-cosnamiziskate .field--name-body h3.activee,

#block-drualas-theme-cosnamiziskate .field--name-body h2.activee,
#block-drualas-theme-cosnamiziskate .field--name-body p.activee,


.field--name-field-body h1.activee,
.field--name-field-body h2.activee,
.field--name-field-body h3.activee,
.field--name-field-body hr.activee,
.field--name-field-body p.activee,
.field--name-field-body ul.activee,
.field--name-field-body ol.activee{
animation: moveBottom 1000ms 1 ease,  moveOpacity 1000ms 1 ease;
opacity:1;
bottom:0px;
}

.view-reference .node-teaser h3.activee,
.view-reference .node-teaser h3,
.view-reference .node-teaser p.activee,
.view-reference .node-teaser p,
.view-reference .node-teaser .button,
.view-reference .node-teaser .button.activee,
.view-reference .node-teaser .view-image,
.view-reference .node-teaser .view-image.activee{
  opacity: 1;
  bottom: 0px;  animation:
unset;
}


}




 


/*==============================================
	running text
==============================================*/



.marquee-container {
  overflow: hidden;
  width: 100%;
  padding: 40px 0px;
  background: #ed1c24;
}


.marquee-container { overflow: hidden; width: 100%; }

.marquee-row { overflow: hidden; white-space: nowrap; cursor: grab; touch-action: pan-y; }

.marquee-row:active { cursor: grabbing; }

.marquee-content { display: inline-flex; will-change: transform; 
}


.marquee-item {   
padding: 0px 0px 0px 0px;
flex-shrink: 0;
font-size:20px;
text-transform:uppercase;
font-weight:700;display:flex;gap:10px;color:#161616;

}

.marquee-row, .marquee-row * {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.marquee-item span {
  color: #fff;
}


@media all and (max-width: 720px) {

.marquee-item {   
font-size:18px;
}


.marquee-container {
  padding: 30px 0px;
}


}