/* ===================================================================
   Preloader - úvodní načítací obrazovka webu
   Vizuálně navazuje na logo (odjíždějící tečky) a barevnou paletu webu
   =================================================================== */

#preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; background: #fff; opacity: 1; visibility: visible; transition: opacity .6s ease, visibility 0s linear 0s;}
#preloader.preloader-hidden { opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility 0s linear .6s;}
#preloader.preloader-hidden ~ * { pointer-events: auto;}

.preloader-inner { text-align: center;}

/* Odjíždějící tečky - odkaz na logo firmy */
.preloader-dots { display: flex; align-items: flex-end; justify-content: center; height: 46px; margin: 0 0 26px 0;}
.preloader-dot { border-radius: 100%; margin: 0 -8px 0 0; animation: preloader-bounce 1.1s ease-in-out infinite;}
.preloader-dot-1 { width: 44px; height: 44px; background: #e77919; animation-delay: 0s;}
.preloader-dot-2 { width: 34px; height: 34px; background: #da251d; animation-delay: .12s;}
.preloader-dot-3 { width: 24px; height: 24px; background: #da251d; animation-delay: .24s;}
.preloader-dot-4 { width: 14px; height: 14px; background: #da251d; margin: 0 0 0 0; animation-delay: .36s;}

@keyframes preloader-bounce {
    0%, 60%, 100% { transform: translateY(0); opacity: .55;}
    30% { transform: translateY(-16px); opacity: 1;}
}

.preloader-text { font-family: 'Barlow', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 5px; text-transform: uppercase; color: #403f56;}

/* Indikátor průběhu */
.preloader-bar { width: 160px; height: 3px; position: relative; margin: 18px auto 0 auto; overflow: hidden; border-radius: 3px; background: rgba(64,63,86,.1);}
.preloader-bar span { width: 40%; height: 100%; position: absolute; top: 0; left: -40%; border-radius: 3px; background: linear-gradient(90deg, #e77919, #da251d); animation: preloader-slide 1.3s ease-in-out infinite;}

@keyframes preloader-slide {
    0% { left: -40%;}
    100% { left: 100%;}
}

/* Pojistka pro prohlížeče bez JavaScriptu, aby preloader web trvale neblokoval */
.no-js #preloader { display: none;}

@media screen and (max-width: 800px) {
    .preloader-dots { height: 36px; margin: 0 0 20px 0;}
    .preloader-dot-1 { width: 34px; height: 34px;}
    .preloader-dot-2 { width: 26px; height: 26px;}
    .preloader-dot-3 { width: 18px; height: 18px;}
    .preloader-dot-4 { width: 11px; height: 11px;}
    .preloader-text { font-size: 12px; letter-spacing: 3px;}
    .preloader-bar { width: 130px;}
}