body.js-loading .button a,
body.js-loading .slick-texts2 h2,
body.js-loading .slick-texts2 p,
body.js-loading .slick-texts2 .button a,
body.js-loading p.description,
body.js-loading .field--name-field-body > p,
body.js-loading .field--name-field-body ol,
body.js-loading .field--name-field-body ul,
body.js-loading .field--name-field-body h2,
body.js-loading .field--name-field-body h3,
body.js-loading .field--name-field-body h4,
body.js-loading .field--name-field-text-right > p,
body.js-loading .field--name-field-text-right ol,
body.js-loading .field--name-field-text-right ul,
body.js-loading .field--name-field-text-right h2,
body.js-loading .field--name-field-text-right h3,
body.js-loading .field--name-field-text-right h4,
body.js-loading .layout-container .field--name-body p,
body.js-loading .layout-container .field--name-body ul,
body.js-loading .layout-container .field--name-body ol,
body.js-loading .layout-container .field--name-body h2,
body.js-loading .layout-container .field--name-body h3,
body.js-loading .layout-container .field--name-body h4,
body.js-loading .region-highlighted h1,
body.js-loading #block-drualas-theme-views-block-text-banner-block-1,
body.js-loading .header-icon,
body.js-loading .header-perex,
body.js-loading .view-header h2,
body.js-loading #block-drualas-theme-oblasti h2,
body.js-loading #block-oblasti h2,
body.js-loading .paragraph--type--text-button,
body.js-loading .mail,
body.js-loading .tel,
body.js-loading .serviceicons .views-row,
body.js-loading .view-proc-my .views-row,
body.js-loading main .views-row,
body.js-loading .refline,
body.js-loading .certifikat,
body.js-loading .paragraph-img-txt-image,
body.js-loading .field--name-field-image,
body.js-loading .cenik h2,
body.js-loading .cenik .obaltabulky,
body.js-loading #main .button a,
body.js-loading .paragraph-item-content-link2 a,
body.js-loading .expandable-container,
body.js-loading blockquote,
body.js-loading .paragraph--position--right .paragraph-img-txt-image,
body.js-loading .paragraph--position--left .paragraph-img-txt-image,
body.js-loading .block-webform-block,
body.js-loading #block-webform {
  visibility: hidden;
}
@keyframes moveBottom {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 0px;
  }
}
@keyframes moveTop {
  0% {
    top: -100px;
  }
  100% {
    top: 0px;
  }
}
@keyframes moveLeft {
  0% {
    left: -100px;
  }
  100% {
    left: 0px;
  }
}
@keyframes moveRight {
  0% {
    right: var(--centerpaddingminus);
  }
  100% {
    right: 0px;
  }
}
@keyframes moveOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes moveClip {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes moveImg {
  0% {
    transform: translate(0%, 10%);
    clip-path: inset(9% round var(--radius));
  }
  100% {
    transform: translate(0px, 0px);
    clip-path: inset(0% round var(--radius));
  }
}
.eTop {
  position: relative;
  top: -100px;
}
.eBottom {
  position: relative;
  bottom: -100px;
}
.eLeft {
  position: relative;
  left: -100px;
}
.eRight {
  position: relative;
  right: var(--centerpaddingminus);
}
.eOpacity {
  opacity: 0;
}
.eClip {
  clip-path: inset(0 0 100% 0);
  opacity: 0;
}
.eMoveImg {
  transform: translate(0%, 10%);
  clip-path: inset(9% round var(--radius));
}
.eBottom.effect {
  bottom: 0;
  animation: moveBottom 1000ms 1 ease;
}
.eTop.effect {
  top: 0;
  animation: moveTop 1000ms 1 ease;
}
.eLeft.effect {
  left: 0;
  animation: moveLeft 1000ms 1 ease;
}
.eRight.effect {
  right: 0;
  animation: moveRight 1000ms 1 ease;
}
.eClip.effect {
  opacity: 1;
  clip-path: inset(0 0 0 0);
  animation: moveOpacity 1000ms 1 ease,moveClip 1000ms 1 ease;
}
.eOpacity.effect {
  opacity: 1;
  animation: moveOpacity 1000ms 1 ease;
}
.eMoveImg.effect {
  transform: translate(0px, 0px);
  clip-path: inset(0% round var(--radius));
  animation: moveImg 1000ms 1 ease;
}
.eBottom.eMoveImg.effect {
  animation: moveBottom 1000ms 1 ease,  moveImg 1000ms 1 ease;
}
.eOpacity.eBottom.eMoveImg.effect {
  animation: moveBottom 1000ms 1 ease,  moveOpacity 1300ms 1 ease, moveImg 1000ms 1 ease;
}
.eOpacity.eBottom.effect {
  animation: moveBottom 1000ms 1 ease,  moveOpacity 1300ms 1 ease;
}
.eOpacity.eTop.effect {
  animation: moveTop 1000ms 1 ease,  moveOpacity 1300ms 1 ease;
}
.eOpacity.eRight.effect {
  animation: moveRight 1000ms 1 ease,  moveOpacity 1300ms 1 ease;
}
.eOpacity.eLeft.effect {
  animation: moveLeft 1000ms 1 ease,  moveOpacity 1300ms 1 ease;
}
.eOpacity .eOpacity,
.refline .views-row,
.effect .eOpacity,
.effect .eBottom,
body .effect .effect {
  bottom: 0 !important;
  opacity: 1 !important;
  animation: none !important;
}