@import url('https://fonts.googleapis.com/css2?family=Jersey+10&family=Jersey+15&display=swap');


body {
    background-color: rgb(255, 255, 255);
    margin:0;
    color: rgb(255, 255, 255);
    /*background-image: url(img/bg_1.png);*/
    
    background-attachment: fixed;
    background-size: cover;

    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;

    height: 3000vh;
    max-height: 1295vw;
    
}

.obsah {
    margin:auto;
    width: 90vw;
    height: 260vh;
    max-height: 130vw;
    background-color: rgb(0, 0, 0);
}

.obsah1 {
    margin:auto;
    width: 90vw;
    height: 250vh;
    max-height: 150vw;
    background-color: rgb(0, 0, 0);
    top: 500vw;
}

header {
    text-align: center;
    height: 25vw;
    max-height:55vh;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    
}

header img {
    filter: grayscale(100);
}

header img:hover {
    filter: none;
}

header h1 {
    font-size: 8em;
    margin-top:0;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/*-------lightbox--------*/

.lightbox {
    background-color: rgba(0, 0, 0, 0.714);
    top:0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    /*display:flex;*/
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
}

.lightbox img {
    max-width: 80vw;
    max-height: 90vh;
}

/*---------------------windows-------------------------*/

.w-title {
    text-align: left;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: white;
    font-size: 1vw;
    margin-left: 1vw;
}

.c-w {
    color: black;
    width: 1vw;
    height: 1vw;
    background-color: white;
    margin-bottom: 0;
    margin-left: 0.2vw;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1vw;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.w-icons {
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 0.2vw;
}

.w-icons a {
    text-decoration: none;
}

.win-1 {
    width: 70vw;
    height: 20vw;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 2vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    
}

.win-1-1 {
    width: 70vw;
    height: 20vw;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 123vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    
}

.win-1-1 p{
    margin: 2px;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-1 p{
    margin: 2px;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-1 {
    position: absolute;
    width: 98%;
    height: 88%;
    background-color: rgb(255, 255, 255);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.header {
    display: flex;
    width: 100%;
    height: 1.4vw;
    justify-content: space-between;
    color: rgb(255, 255, 255);
   
}

.i-win-1 p {
    color: rgb(0, 0, 0);
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10vw;
    
    margin-left: 2%;
    margin-top: 2%;
    text-align: center;
}

.c-w-b {
    color: rgb(255, 255, 255);

    background-color: rgb(0, 0, 0);
    
    
    width: 1vw;
    height: 1vw;
    
    margin-bottom: 0;
    margin-left: 0.2vw;
    

    font-size: 1vw;
    display: flex;
    align-items: center;
    text-decoration: none;
}

/*-------------------*/

.win-2 {
    width: 30vw;
    height: 12.5vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 32vw;
    left: 17vw;
    
    border-radius: 0.3em;
    
}

.win-2 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.w-title-2 {
    text-align: left;
    color: black;
    font-size: 1vw;
    margin-left: 1vw;
}

.i-win-2 {
    position: absolute;
    width: 98%;
    height: 85%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-44%);
    overflow: hidden;
}

.i-win-2 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
}


.win-3 {
    width: 25vw;
    height: 14.3vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 50vw;
    left: 19.5vw;
    
    border-radius: 0.3em;
    
}

.win-3 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-3 {
    position: absolute;
    width: 98%;
    height: 88%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-45%);
    overflow: hidden;
}

th {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.12vw;
    text-align: left;
    padding: 0.2vw;
}


.win-nav {
    width: 17vw;
    height: 15vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 50vw;
    left: 38vw;
    
    border-radius: 0.3em;
    
}

.win-nav p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

#nav-buttons{
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#nav-buttons p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.117vw;
    text-align: left;
    margin-top: 0.5vw;
}


.win-4 {
    width: 28vw;
    height: 40vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 28vw;
    left: 55vw;
    
    border-radius: 0.3em;
    
}

.win-4 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-4 {
    position: absolute;
    width: 98%;
    height: 95%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48.5%);
    overflow: hidden;
}


.win-5 {
    width: 70vw;
    height: 41vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 74vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    
}

.win-5 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-5 {
    position: absolute;
    width: 99%;
    height: 95%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48.5%);
    overflow: hidden;
}




.win-gallery {
    width: 80vw;
    height: 49vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 121vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    
}

.win-gallery p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}


.win-pages {
    width: 80vw;
    height: 44vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 74vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    
}

.win-pages p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-pages {
    position: absolute;
    width: 99%;
    height: 95%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48.5%);
    overflow: hidden;
}


/* ------film-----*/



/* ------World Building------ */

.obsah1 {
    margin:auto;
    width: 90vw;
    height: 250vh;
    max-height: 65vw;
    background-color: rgb(0, 0, 0);
    top: 500vw;
}


.win-w {
    width: 55vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 150vw;
    left: 50%;
    transform: translateX(-50%);
    
    border-radius: 0.3em;
}

.win-w p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.w-title-2 {
    text-align: left;
    color: black;
}

.i-win-w {
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-w p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
}

.i-win-w a{
    
    text-decoration: none;
    color: white;
    
    border: 1px solid white;
}
.i-win-w a:hover {
    text-decoration: none;
    background-color: white;
    color: black;
    border: 1px solid white;
}

#an1 {
    position: absolute;
    top: 151vw;
    left: 41vw;
    
}

#an1 img:hover {
    cursor: pointer;
}


.win-an1 {
    width: 15vw;
    height: 6vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 152.5vw;
    left: 42.5vw;
    opacity: 100;
    
    border-radius: 0.3em;
}

.win-an1 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-an1 {
    position: absolute;
    width: 98%;
    height: 74%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-37%);
    overflow: hidden;
}

.i-win-an1 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2vw;
    text-align: left;
    margin-top: 0.5vw;
}

#an1text {
    display: none;
}

.fadein {
    animation-name: fadein;
    animation-duration: 1s;
}

@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 100;}
}

.fadeout {
    animation-name: fadeout;
    animation-duration: 1s;
}

@keyframes fadeout {
    from {opacity: 100;}
    to {opacity: 0;}
}

#cl1:hover {
    cursor: pointer;
}


#an2 {
    position: absolute;
    top: 177.6vw;
    left: 75vw;
    
}

#an2 img:hover {
    cursor: pointer;
}

.win-an2 {
    width: 15vw;
    height: 13.5vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 178vw;
    left: 77vw;
    opacity: 100;
    z-index: 3;
    border-radius: 0.3em;
}

.win-an2 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-an2 {
    position: absolute;
    width: 97%;
    height: 86%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-44%);
    overflow: hidden;
}

.i-win-an2 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2vw;
    text-align: left;
    margin-top: 0.5vw;
}

#an2text {
    display: none;
}

#cl2:hover {
    cursor: pointer;
}


/* -------Characters---------*/

.obsah2 {
    margin:auto;
    width: 90vw;
    height: 250vh;
    max-height: 100vw;
    background-color: rgb(0, 0, 0);
    top: 500vw;
}

.win-1-2 {
    width: 70vw;
    height: 20vw;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 188vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    
}

.win-1-2 p{
    margin: 2px;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}




.win-ch {
    width: 70vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 215vw;
    left: 50%;
    transform: translateX(-50%);
    
    border-radius: 0.3em;
}

.win-ch p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-ch {
    display: flex;

    position: absolute;
    width: 99%;
    height: 94%;
    
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;

    
}

.lineup {
    background-image: url("img/ss-sirius-galerry/designs lineup-bg.png");

    background-repeat: no-repeat;
    background-size: auto 100%;
}

.i-win-ch p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
}


.zoom {
    transition: transform .2s; /* Animation */
    
}

.zoom:hover {
    transform: scale(1.11);
    z-index: 9999999;
}

.win-ch2 {
    width: 50vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 250vw;
    left: 50%;
    transform: translateX(-50%);
    
    border-radius: 0.3em;
}

.win-ch2 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-ch2-1 {
    display: none;

    
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-ch2-1 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
    margin-left: 1vw;
}

.inside {
    display: flex;
    width: 100%;
    height: 100%;
}

.i-win-ch2-2 {
    
    display: none;
    
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.inside p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
    margin-left: 1vw;
}

.i-win-ch2-3 {
   display: none;
    
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-ch2-4 {
    display: none;
     
     position: absolute;
     width: 99%;
     height: 94%;
     background-color: rgb(0, 0, 0);
     top:50%;
     left: 50%;
     transform: translate(-50%,-48%);
     overflow: hidden;
}

.i-win-ch2-5 {
    display: none;
     
     position: absolute;
     width: 99%;
     height: 94%;
     background-color: rgb(0, 0, 0);
     top:50%;
     left: 50%;
     transform: translate(-50%,-48%);
     overflow: hidden;
}

.i-win-ch2-6 {
    display: none;
     
     position: absolute;
     width: 99%;
     height: 94%;
     background-color: rgb(0, 0, 0);
     top:50%;
     left: 50%;
     transform: translate(-50%,-48%);
     overflow: hidden;
}

.i-win-ch2-7 {
    display: none;
     
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-ch2-8 {
    display: none;
     
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.inside a{
    
    text-decoration: none;
    color: white;
    
    border: 1px solid white;
}
.inside a:hover {
    text-decoration: none;
    background-color: white;
    color: black;
    border: 1px solid white;
}

.i-win-ch2-9 {
    display: none;
     
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-ch2-10 {
    display: none;
     
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-ch2-11 {
    display: none;
     
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-ch2-12 {
    display: none;
     
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

#an3text {
    display: none;
}

#cl3:hover {
    cursor: pointer;
}

#an3 {
    position: absolute;
    top: 12.5vw;
    left: 39.5vw;
    
}

#an3 img:hover {
    cursor: pointer;
}

.win-an3 {
    width: 15vw;
    height: 8vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 14vw;
    left: 30vw;
    opacity: 100;
    
    border-radius: 0.3em;
}

.win-an3 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    font-size: 1vw;
    
}



.i-win-an3 {
    position: absolute;
    width: 97%;
    height: 77%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-39%);
    overflow: hidden;
}


.i-win-an3 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2vw;
    text-align: left;
    margin-top: 0.5vw;
}

.i-win-ch2-13 {
    display: none;
     
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-ch2-14 {
    display: none;
     
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-ch2-0 {
    display: block;
     
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-ch2-0 p {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
}

#ch-cl:hover {
    cursor: pointer;
}

/* ------ Concept art ------- */

.obsah3 {
    margin:auto;
    width: 90vw;
    height: 15000vh;
    max-height: 704vw;
    background-color: rgb(0, 0, 0);
    top: 500vw;
}


.win-1-3 {
    width: 70vw;
    height: 20vw;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 288vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    
}

.win-1-3 p{
    margin: 2px;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}


.win-ca1 {
    width: 25vw;
    height: 38.7vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 315vw;
    left: 20vw;
   
    
    border-radius: 0.3em;
}

.win-ca1 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}



.i-win-ca1 {
    position: absolute;
    width: 98%;
    height: 95%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}



.win-ca2 {
    width: 25vw;
    height: 38.7vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 315vw;
    left: 55vw;
   
    
    border-radius: 0.3em;
}


.win-ca3 {
    width: 35.3vw;
    height: 50vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 360vw;
    left: 50%;
    transform: translateX(-50%);
   
    
    border-radius: 0.3em;
}

.win-ca3 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-ca3 {
    position: absolute;
    width: 98%;
    height: 97%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-49%);
    overflow: hidden;
}

.win-ca4 {
    width: 50vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 416vw;
    left: 50%;
    transform: translateX(-50%);
   
    
    border-radius: 0.3em;
}

.win-ca4 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-ca4 {
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-47.5%);
    overflow: hidden;
}

.win-ca5 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 452vw;
    left: 15vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca5 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-ca5 {
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-47.5%);
    overflow: hidden;
}

.win-ca6 {
    width: 56.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 485vw;
    left: 28vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca6 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-ca6 {
    position: absolute;
    width: 99%;
    height: 94%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-47.5%);
    overflow: hidden;
}

.win-ca7 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 521vw;
    left: 15vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca7 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca8 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 555vw;
    left: 34vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca8 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca9 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 591vw;
    left: 15vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca9 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca10 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 627vw;
    left: 34vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca10 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca11 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 663vw;
    left: 15vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca11 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca12 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 699vw;
    left: 34vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca12 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca13 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 735vw;
    left: 15vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca13 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca14 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 771vw;
    left: 34vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca14 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca15 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 807vw;
    left: 15vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca15 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca16 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 843vw;
    left: 34vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca16 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    

}

.win-ca17 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 879vw;
    left: 15vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca17 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.win-ca18 {
    width: 50.5vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 915vw;
    left: 34vw;
    
   
    
    border-radius: 0.3em;
}

.win-ca18 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    

}

.win-ca19 {
    width: 50vw;
    height: 30vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 952vw;
    left: 50%;
    transform: translateX(-50%);
   
    
    border-radius: 0.3em;
}

.win-ca19 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}



#an4 {
    position: absolute;
    top: 315vw;
    left: 26.5vw;
    
}

#an4 img:hover {
    cursor: pointer;
}

.win-an4 {
    width: 15vw;
    height: 10vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 315.5vw;
    left: 28vw;
    opacity: 100;
    
    border-radius: 0.3em;
}

.win-an4 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-an4 {
    position: absolute;
    width: 97%;
    height: 84%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-43%);
    overflow: hidden;
}

.i-win-an4 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2vw;
    text-align: left;
    margin-top: 0.5vw;
}

#an4text {
    display: none;
}

#cl4:hover {
    cursor: pointer;
}



#an5 {
    position: absolute;
    top: 315vw;
    left: 62.8vw;
    
}

#an5 img:hover {
    cursor: pointer;
}

.win-an5 {
    width: 15vw;
    height: 10vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 315.5vw;
    left: 64.4vw;
    opacity: 100;
    
    border-radius: 0.3em;
}

.win-an5 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}



#an5text {
    display: none;
}

#cl5:hover {
    cursor: pointer;
}



#an6 {
    position: absolute;
    top: 530vw;
    left: 32.2vw;
    
}

#an6 img:hover {
    cursor: pointer;
}

.win-an6 {
    width: 15vw;
    height: 9.7vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 531vw;
    left: 33.6vw;
    opacity: 100;
    
    border-radius: 0.3em;
}

.win-an6 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-an6 {
    position: absolute;
    width: 97%;
    height: 84%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-43%);
    overflow: hidden;
}

.i-win-an6 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2vw;
    text-align: left;
    margin-top: 0.5vw;
}

#an6text {
    display: none;
}

#cl6:hover {
    cursor: pointer;
}



#an7 {
    position: absolute;
    top: 526.51vw;
    left: 48.1vw;
    
}

#an7 img:hover {
    cursor: pointer;
}

.win-an7 {
    width: 15vw;
    height: 6vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 528.1vw;
    left: 42vw;
    opacity: 100;
    
    border-radius: 0.3em;
}

.win-an7 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-an7 {
    position: absolute;
    width: 97%;
    height: 74%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-36%);
    overflow: hidden;
}

.i-win-an7 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2vw;
    text-align: left;
    margin-top: 0.5vw;
}

#an7text {
    display: none;
}

#cl7:hover {
    cursor: pointer;
}


#an8 {
    position: absolute;
    top: 557vw;
    left: 71vw;
    
}

#an8 img:hover {
    cursor: pointer;
}

.win-an8 {
    width: 15vw;
    height: 6vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 558.8vw;
    left: 57vw;
    opacity: 100;
    
    border-radius: 0.3em;
}

.win-an8 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-an8 {
    position: absolute;
    width: 97%;
    height: 74%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-36%);
    overflow: hidden;
}

.i-win-an8 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2vw;
    text-align: left;
    margin-top: 0.5vw;
}

#an8text {
    display: none;
}

#cl8:hover {
    cursor: pointer;
}


#an9 {
    position: absolute;
    top: 600vw;
    left: 60vw;
    
}

#an9 img:hover {
    cursor: pointer;
}

.win-an9 {
    width: 15vw;
    height: 13.3vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 600.7vw;
    left: 61.6vw;
    opacity: 100;
    
    border-radius: 0.3em;
}

.win-an9 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-an9 {
    position: absolute;
    width: 97%;
    height: 88%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-45%);
    overflow: hidden;
}

.i-win-an9 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2vw;
    text-align: left;
    margin-top: 0.5vw;
}

#an9text {
    display: none;
}

#cl9:hover {
    cursor: pointer;
}


#an10 {
    position: absolute;
    top: 650vw;
    left: 50.6vw;
    
}

#an10 img:hover {
    cursor: pointer;
}

.win-an10 {
    width: 15vw;
    height: 10vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 650.5vw;
    left: 52.3vw;
    opacity: 100;
    
    border-radius: 0.3em;
}

.win-an10 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-an10 {
    position: absolute;
    width: 97%;
    height: 85%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-43%);
    overflow: hidden;
}

.i-win-an10 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2vw;
    text-align: left;
    margin-top: 0.5vw;
}

#an10text {
    display: none;
}

#cl10:hover {
    cursor: pointer;
}


/* ---------- Cut content ----------- */

.obsah4 {
    margin:auto;
    width: 90vw;
    height: 1500vh;
    max-height: 197vw;
    background-color: rgb(0, 0, 0);
    top: 500vw;
}


.win-1-4 {
    width: 70vw;
    height: 20vw;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 992vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    
}

.win-1-4 p{
    margin: 2px;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}


.win-cc1 {
    width: 35vw;
    height: 21vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 1020vw;
    left: 50%;
    transform: translateX(-50%);
   
    
    border-radius: 0.3em;
}

.win-cc1 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-cc1 {
    position: absolute;
    width: 99%;
    height: 92.1%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-46.7%);
    overflow: hidden;
}

.i-win-cc1 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
}


.win-cc2 {
    width: 30vw;
    height: 32vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 1046vw;
    left: 15vw;
    
   
    
    border-radius: 0.3em;
}

.win-cc2 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-cc2 {
    position: absolute;
    width: 99%;
    height: 94.5%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-47.9%);
    overflow: hidden;
}

.i-win-cc2 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
}


.win-cc3 {
    width: 33vw;
    height: 39.5vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 1070vw;
    left: 51vw;
    
   
    
    border-radius: 0.3em;
}

.win-cc3 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-cc3 {
    position: absolute;
    width: 99%;
    height: 96%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48.5%);
    overflow: hidden;
}

.i-win-cc3 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
}


.win-cc4 {
    width: 30vw;
    height: 85vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 1085vw;
    left: 15vw;
    
   
    
    border-radius: 0.3em;
}

.win-cc4 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-cc4 {
    position: absolute;
    width: 99%;
    height: 98%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-49.2%);
    overflow: hidden;
}

.i-win-cc4 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
}


.win-cc5 {
    width: 25vw;
    height: 34vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 1144vw;
    left: 55vw;
    
   
    
    border-radius: 0.3em;
}

.win-cc5 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-cc5 {
    position: absolute;
    width: 99%;
    height: 95%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48%);
    overflow: hidden;
}

.i-win-cc5 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
}


.i-win-cc5 a{
    
    text-decoration: none;
    color: white;
    
    border: 1px solid white;
}
.i-win-cc5 a:hover {
    text-decoration: none;
    background-color: white;
    color: black;
    border: 1px solid white;
}

/* ---------- Finishing thoughts ----------- */

.obsah5 {
    margin:auto;
    width: 90vw;
    height: 1500vh;
    max-height: 90vw;
    background-color: rgb(0, 0, 0);
    top: 500vw;
}


.win-1-5 {
    width: 70vw;
    height: 20vw;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 1189vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    
}

.win-1-5 p{
    margin: 2px;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}


.win-ft1 {
    width: 50vw;
    height: 53vw;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 1217vw;
    left: 50%;
    transform: translateX(-50%);
   
    
    border-radius: 0.3em;
}

.win-ft1 p{
    margin-left: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-ft1 {
    position: absolute;
    width: 99%;
    height: 97%;
    background-color: rgb(0, 0, 0);
    top:50%;
    left: 50%;
    transform: translate(-50%,-48.9%);
    overflow: hidden;
}

.i-win-ft1 p {
    color: rgb(255, 255, 255);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    text-align: left;
    margin-top: 0.5vw;
}


/* ---------end----------*/

.win-end {
    width: 30vw;
    height: 10vw;
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 1281vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.3em;
    margin-bottom: 2vw;
}

.win-end p{
    margin: 2px;
    font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    
    
}

.i-win-end {
    position: absolute;
    width: 98%;
    height: 80%;
    background-color: rgb(255, 255, 255);
    top:50%;
    left: 50%;
    transform: translate(-50%,-42%);
    overflow: hidden;
}

.i-win-end h1 {
    color: rgb(0, 0, 0);
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 5vw;
    text-align: center;
    
}

.desc {
    position: absolute;
    font-size: 1.5vw;
    color: rgb(0, 0, 0);
    margin: 0;
    bottom: 0.5vw;
    left: 2.5vw;
}

#add {
    font-size: 0.8vw;
}