@-webkit-keyframes HideAndShow {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes HideAndShow {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes HideToShow {
    0% {
        opacity: 0;
        z-index: -5;
    }

    100% {
        opacity: 1;
        z-index: 99;
    }
}

@keyframes HideToShow {
    0% {
        opacity: 0;
        z-index: -5;
    }

    100% {
        opacity: 1;
        z-index: 99;
    }
}

@-webkit-keyframes ShowToHide {
    0% {
        opacity: 1;
        z-index: 99;
    }

    100% {
        opacity: 0;
        z-index: -5;
    }
}

@keyframes ShowToHide {
    0% {
        opacity: 1;
        z-index: 99;
    }

    100% {
        opacity: 0;
        z-index: -5;
    }
}

@-webkit-keyframes TopHoming {
    0% {
        top: 40px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes TopHoming {
    0% {
        top: 40px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes RightHoming {
    0% {
        left: -100px;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}

@keyframes RightHoming {
    0% {
        left: -100px;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes FlipY {
    0% {
        transform: rotateY(40deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes FlipY {
    0% {
        transform: rotate(40deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}


.FontSizeXL {
}

.FontSizeL {
    font-size: 22px;
}

.FontSizeM {
    font-size: 20px;
}

.FontSizeS {
    font-size: 18px;
}

.FontSizeXS {
    font-size: 16px;
}

.FontLineHeightXL {
    line-height: 35px;
}

.FontLineHeightL {
    line-height: 30px;
}

.FontLineHeightM {
    line-height: 28px;
}

.FontLineHeightS {
    line-height: 25px;
}

.FontLineHeightXS {
    line-height: 20px;
}

.FontLetterSpacingXL {
}

.FontLetterSpacingL {
    letter-spacing: 5px;
}

.FontLetterSpacingM {
    letter-spacing: 4px;
}

.FontLetterSpacingS {
    letter-spacing: 3px;
}

.FontLetterSpacingXS {
    letter-spacing: 2px;
}

@media screen and (max-width:1000px) {
    .FontSizeXL {
    }

    .FontSizeL {
        font-size: 16px;
    }

    .FontSizeM {
        font-size: 14px;
    }

    .FontSizeS {
        font-size: 12px;
    }

    .FontSizeXS {
        font-size: 10px;
    }

    .FontLineHeightXL {
        line-height: 25px;
    }

    .FontLineHeightL {
        line-height: 22px;
    }

    .FontLineHeightM {
        line-height: 20px;
    }

    .FontLineHeightS {
        line-height: 18px;
    }

    .FontLineHeightXS {
        line-height: 16px;
    }

    .FontLetterSpacingXL {
    }

    .FontLetterSpacingL {
        letter-spacing: 3px;
    }

    .FontLetterSpacingM {
        letter-spacing: 2px;
    }

    .FontLetterSpacingS {
        letter-spacing: 1px;
    }

    .FontLetterSpacingXS {
        letter-spacing: 0px;
    }
}