body.js-loading{


 .button a, .slick-texts2 h2,   .slick-texts2 p,   .slick-texts2 .button a,  p.description,  .field--name-field-body > p,  .field--name-field-body ol,  .field--name-field-body ul,  .field--name-field-body h2,  .field--name-field-body h3,  .field--name-field-body h4,  .field--name-field-text-right > p,  .field--name-field-text-right ol,  .field--name-field-text-right ul,  .field--name-field-text-right h2,  .field--name-field-text-right h3,  .field--name-field-text-right h4,  .layout-container .field--name-body p,  .layout-container .field--name-body ul,  .layout-container .field--name-body ol,  .layout-container .field--name-body h2, .layout-container .field--name-body h3,  .layout-container .field--name-body h4,  .region-highlighted h1,  #block-drualas-theme-views-block-text-banner-block-1,  .header-icon,  .header-perex,  .view-header h2,  #block-drualas-theme-oblasti h2,  #block-oblasti h2,   .paragraph--type--text-button,  .mail,  .tel,  .serviceicons .views-row,  .view-proc-my .views-row,  main .views-row,  .refline,  .certifikat,  .paragraph-img-txt-image, .field--name-field-image,  .cenik h2, .cenik .obaltabulky, #main .button a,  .paragraph-item-content-link2 a,  .expandable-container, blockquote, .paragraph--position--right .paragraph-img-txt-image,  .paragraph--position--left .paragraph-img-txt-image,  .block-webform-block, #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;
}