@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: 720px) {


.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,
.view-image,
.node-teaser .button,
.node-teaser h3,
.node-teaser p,
.field--name-field-galerie,
.galerie-row ,
.paragraph--type--image,
.field--name-field-image,
.ikona,
.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-image.activee,
.node-teaser .button.activee,
.node-teaser h3.activee,
.node-teaser p.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;
}


}