/* Vložená data */
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,300i,700,700i,900,900i&subset=latin-ext');

/* Preloader se zobrazuje pouze pokud je k dispozici JavaScript */
#preloader { display: none;}
.preload-active #preloader { display: block;}

/* Zamknutí stránky po dobu načítání */
.preload-active, .preload-active body { height: 100%; overflow: hidden;}

/* Vlastní plocha preloaderu */
#preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; text-align: left; background: #222; font-family: 'Exo 2', sans-serif; font-weight: 300; opacity: 1; transition: opacity 0.6s ease-in-out;}

/* Foto-Design + Shadow (stejný motiv jako hlavička webu) */
.preloader-photoDesign { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('../themes/top.wall.fw.jpg') center no-repeat; background-size: cover; opacity: .35;}
.preloader-gradient { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,.95), rgba(0,0,0,.55));}

/* Obsah */
.preloader-content { max-width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.preloader-ramec { max-width: 100%; box-sizing: border-box; border: 1px solid #82c322; background: rgba(130,195,34,.15); transition: opacity 0.45s ease-in-out, transform 0.45s ease-in-out;}

/* Logo */
.preloader-logo { margin: 0 auto; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover; animation: preloader-dech 1.8s ease-in-out infinite;}

/* Popiska - slova jsou samostatné bloky, aby se nikdy nerozlomila uvnitř slova
   a při nedostatku místa se přelomil celý řádek místo přetečení rámečku */
.preloader-claim { color: #f3f4f4; opacity: .65; font-weight: 300;}
.preloader-claim span { display: inline-block;}
.preloader-claim span + span:before { content: '\2022'; display: inline-block; letter-spacing: 0; opacity: .55;}

/* Ukazatel průběhu */
.preloader-linearis { width: 100%; position: relative; overflow: hidden; background: rgba(243,244,244,.15);}
.preloader-linearis-fill { width: 0; height: 100%; background: #d9d900; transition: width 0.25s ease-out;}

/* Stav načítání */
.preloader-stav { width: 100%; overflow: hidden; color: #f3f4f4;}
.preloader-stav-text { float: left; opacity: .55; font-weight: 300;}
.preloader-procenta { float: right; color: #d9d900; font-weight: 300; opacity: .6;}
.preloader-procenta .preloader-procenta-cislo { font-weight: 900; opacity: 1;}

/* Ukončení – odchod preloaderu */
#preloader.preloader-konec { opacity: 0;}
#preloader.preloader-konec .preloader-ramec { opacity: 0; transform: translateY(-15px);}

/* Animace */
@keyframes preloader-dech {
    0% { opacity: 1;}
    50% { opacity: .5;}
    100% { opacity: 1;}
}

/* Rozhraní pro notebook + PC */
@media screen and (min-width: 1100px) {
    .preloader-content { width: 520px;}
    .preloader-ramec { width: 100%; padding: 40px;}

    .preloader-logo { width: 209px; height: 70px;}

    .preloader-claim { margin: 25px 0 0 0; font-size: 13px; letter-spacing: 4px; line-height: 24px; text-indent: 4px;}
    .preloader-claim span + span:before { margin: 0 11px 0 7px;}

    .preloader-linearis { height: 4px; margin: 28px 0 0 0;}

    .preloader-stav { margin: 16px 0 0 0; font-size: 13px;}
    .preloader-stav-text { letter-spacing: 4px;}
    .preloader-procenta { font-size: 20px; line-height: 16px;}
}

/* Rozhraní pro tablet */
@media screen and (min-width: 768px) and (max-width: 1099px) {
    .preloader-content { width: 470px;}
    .preloader-ramec { width: 100%; padding: 35px;}

    .preloader-logo { width: 180px; height: 60px;}

    .preloader-claim { margin: 22px 0 0 0; font-size: 12px; letter-spacing: 3px; line-height: 22px; text-indent: 3px;}
    .preloader-claim span + span:before { margin: 0 9px 0 6px;}

    .preloader-linearis { height: 4px; margin: 25px 0 0 0;}

    .preloader-stav { margin: 15px 0 0 0; font-size: 12px;}
    .preloader-stav-text { letter-spacing: 4px;}
    .preloader-procenta { font-size: 19px; line-height: 15px;}
}

/* Rozhraní pro velký mobil */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .preloader-content { width: 380px;}
    .preloader-ramec { width: 100%; padding: 30px;}

    .preloader-logo { width: 149px; height: 50px;}

    .preloader-claim { margin: 20px 0 0 0; font-size: 10px; letter-spacing: 2px; line-height: 20px; text-indent: 2px;}
    .preloader-claim span + span:before { margin: 0 7px 0 5px;}

    .preloader-linearis { height: 3px; margin: 22px 0 0 0;}

    .preloader-stav { margin: 13px 0 0 0; font-size: 11px;}
    .preloader-stav-text { letter-spacing: 3px;}
    .preloader-procenta { font-size: 17px; line-height: 14px;}
}

/* Rozhraní pro mobil */
@media screen and (max-width: 479px) {
    .preloader-content { width: 280px;}
    .preloader-ramec { width: 100%; padding: 25px;}

    .preloader-logo { width: 120px; height: 40px;}

    .preloader-claim { margin: 18px 0 0 0; font-size: 9px; letter-spacing: 1px; line-height: 18px; text-indent: 1px;}
    .preloader-claim span + span:before { margin: 0 5px 0 4px;}

    .preloader-linearis { height: 3px; margin: 20px 0 0 0;}

    .preloader-stav { margin: 12px 0 0 0; font-size: 10px;}
    .preloader-stav-text { letter-spacing: 2px;}
    .preloader-procenta { font-size: 15px; line-height: 13px;}
}

/* Omezení animací dle nastavení systému */
@media (prefers-reduced-motion: reduce) {
    .preloader-logo { animation: none;}
    #preloader, .preloader-ramec, .preloader-linearis-fill { transition-duration: 0.01ms;}
    #preloader.preloader-konec .preloader-ramec { transform: none;}
}