/*style dla infokiosku na partzerze*/

               /*Ustawienia globalne*/

.site-footer {
padding: 0px;
}

.kiosk a:hover{
color: black !important;
}

.kiosk {
width: 1300px;

height: fit-content;
}


               /* KIOSK MAPA*/

.kiosk_content_mapa {
width: 100%;
display: flex;
align-items: center;
}

.kiosk_mapa {
width: 1300px;
margin: 10px;
/* background-color: white;
box-shadow: 5px 7px 9px 0px #bdbdbd; */
padding: 10px;
animation-name: kiosk_baner_animation;
animation-duration: 1s;
opacity: 0;
animation-fill-mode: forwards;
animation-delay: 1s;

}

.kiosk_mapa_3pietro{
opacity: 0;
position: relative;
top: -300px;
animation-name: kiosk_mapa_animation_3pierto;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: 1.4s;
}

.kiosk_mapa_2pietro{
opacity: 0;
position: relative;
top: -300px;
animation-name: kiosk_mapa_animation_2pierto;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: 1.2s;
}

.kiosk_mapa_parter{
opacity: 0;
position: relative;
top: -300px;
animation-name: kiosk_mapa_animation_parter;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: 1s;
}

.kiosk_mapa_przyciski {
display: flex;
margin-left: 10px;
flex-direction: column;
align-items: center;
}

.kiosk_przycisk_mapa {
    border-top: 5px solid #002147;
    border-bottom: 5px solid #002147;
    animation-name: kiosk_przycisk_mapa_animation;
    animation-duration: 1s;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    display: flex;
    width: 0px;
    align-items: center;
    height: 60px;
    margin-top: 15px;
    /* border-radius: 3px; */
    box-shadow: 0px 0px 10px 0px #696868;
    background-color: #ffffff;
    color: #000000;
}

.kiosk_przycisk_mapa > .kiosk_mapa_napis_nolink {
color: #2e2e2e;
margin-left: auto;
margin-right: auto;
font-size: 14px;
animation-name: kiosk_przycisk_litery_mapa_animation;
animation-duration: 1s;
opacity: 0;
animation-fill-mode: forwards;
animation-delay: 2s;
padding:10px;
color: #000000;
    font-size: 18px;
}

               /*mapa napisy*/


/*TEST*/


.kiosk_mapa_napis_czytelnia_pokoje {display: none;position: absolute; left: 975px; top: 715px; width: 111px;}

.kiosk_przycisk_czytelnia_pokoje:hover > .kiosk_mapa_napis_czytelnia_pokoje{
display: block;
}

.kiosk_przycisk_czytelnia_pokoje:hover > .kiosk_mapa_opis_czytelnia_pokoje{
display: block;
}




.kiosk_mapa_napis_czytelnia {display: none;position: absolute;left: 330px;top: 637px;width: 765px;}


.kiosk_przycisk_czytelnia:hover > .kiosk_mapa_napis_czytelnia{
display: block;
}


.kiosk_mapa_napis_czytelniasb {display: none;position: absolute;left: 404px;top: 684px;width: 272px;}

.kiosk_przycisk_czytelniasb:hover > .kiosk_mapa_napis_czytelniasb{
display: block;
}


.kiosk_mapa_napis_cw {display: none;position: absolute; left: 731px; top: 830px; width: 120px;}
.kiosk_przycisk_cw:hover > .kiosk_mapa_napis_cw{
display: block;
}

.kiosk_przycisk_cw:hover > .kiosk_mapa_opis_cw{
display: block;
}


.kiosk_mapa_napis_wypozyczalniazo {display: none;position: absolute;left: 200px;top: 1026px;width: 188px;}

.kiosk_przycisk_wypozyczalniazo:hover > .kiosk_mapa_napis_wypozyczalniazo{
display: block;
}

.kiosk_przycisk_wypozyczalniazo:hover > .kiosk_mapa_opis_wypozyczalniazo{
display: block;
}


.kiosk_mapa_napis_pss {display: none;position: absolute;left: 200px;top: 1026px;width: 188px;}

.kiosk_przycisk_pss:hover > .kiosk_mapa_napis_wypozyczalniazo{
display: block;
}

.kiosk_przycisk_pss:hover > .kiosk_mapa_opis_pss{
display: block;
}




.kiosk_mapa_napis_wypozyczalniaso {display: none;position: absolute;left: 656px;top: 976px;width: 158px;}

.kiosk_przycisk_wypozyczalniaso:hover > .kiosk_mapa_napis_wypozyczalniaso{
display: block;
}

.kiosk_przycisk_wypozyczalniaso:hover > .kiosk_mapa_opis_wypozyczalniaso{
display: block;
}


.kiosk_mapa_napis_sekretariat {display: none;position: absolute;left: 239px;top: 481px;width: 59px;}

.kiosk_przycisk_sekretariat:hover > .kiosk_mapa_napis_sekretariat{
display: block;
}

.kiosk_mapa_napis_oin {display: none;position: absolute;left: 151px;top: 231px;width: 238px;}

.kiosk_przycisk_oin:hover > .kiosk_mapa_napis_oin{
display: block;
}

.kiosk_mapa_napis_schody0 {display: none;position: absolute;left: 388px;top: 1058px;width: 429px;}

.kiosk_mapa_napis_schody2 {display: none;position: absolute;left: 393px;top: 720px;width: 444px;}

.kiosk_mapa_napis_schody3 {display: none;position: absolute;left: 386px;top: 331px;width: 443px;}

.kiosk_przycisk_schody:hover > .kiosk_mapa_napis_schody0 {
display: block;
}

.kiosk_przycisk_schody:hover > .kiosk_mapa_napis_schody2{
display: block;
}

.kiosk_przycisk_schody:hover > .kiosk_mapa_napis_schody3{
display: block;
}

.kiosk_mapa_napis_toalety0 {display: none;position: absolute;left: 401px;top: 1024px;width: 400px;}

.kiosk_mapa_napis_toalety2 {display: none;position: absolute;left: 405px;top: 688px;width: 424px;}

.kiosk_mapa_napis_toalety3 {display: none;position: absolute;left: 396px;top: 293px;width: 423px;}

.kiosk_przycisk_toalety:hover > .kiosk_mapa_napis_toalety0{
display: block;
}

.kiosk_przycisk_toalety:hover > .kiosk_mapa_napis_toalety2{
display: block;
}

.kiosk_przycisk_toalety:hover > .kiosk_mapa_napis_toalety3{
display: block;
}

.kiosk_przycisk_mapa:hover {
box-shadow: inset 1px 1px 3px 0px #a5a5a5;
}






.kiosk_mapa_napis_szatnia {display: none;position: absolute; left: 475px; top: 1025px; width: 235px;}
.kiosk_przycisk_szatnia:hover > .kiosk_mapa_napis_szatnia{
display: block;
}

.kiosk_przycisk_szatnia:hover > .kiosk_mapa_opis_szatnia{
display: block;
}


.kiosk_mapa_napis_wrzutnia {display: none;position: absolute; left: 500px; top: 1254px; width: 120px;}
.kiosk_przycisk_wrzutnia:hover > .kiosk_mapa_napis_wrzutnia{
display: block;
}

.kiosk_przycisk_wrzutnia:hover > .kiosk_mapa_opis_wrzutnia{
display: block;
}







               /*mapa opisy*/

.kiosk_mapa_opis {
display: none;
    position: absolute;
    border-top: solid 5px #002147;
    border-bottom: solid 5px #002147;
    background-color: #ffffff;
    font-size: 12px;
    padding: 5px;
    box-shadow: 2px 2px 17px 0px #696868;
    border-radius: 0px 0px 1px 0px;}

.kiosk_mapa_opis_czytelnia {
left: 730px;
    top: 371px;
    width: 355px;
}

.kiosk_mapa_opis_czytelnia_pokoje {
left: 730px;
    top: 444px;
    width: 355px;
}


.kiosk_mapa_opis_wypozyczalniazo {
left: 730px;
    top: 522px;
    width: 355px;
}


.kiosk_mapa_opis_pss {
left: 730px;
    top: 522px;
    width: 355px;
}



.kiosk_mapa_opis_wypozyczalniaso {left: 730px;top: 620px;width: 355px;}




.kiosk_mapa_opis p {
    margin: 0;
    line-height: 15px;
    color: #002147;
}

.kiosk_mapa_opis h4 {
    margin: 0;
    line-height: 31px;
    text-align: left;
    color: #002147;
    font-size: 14px;
border-top: solid 1px black;
    border-bottom: solid 1px black
}


.kiosk_mapa_opis h5 {
    margin: 0;
    line-height: 31px;
    text-align: left;
    color: #002147;
    font-size: 12px;
}

.kiosk_mapa_opis_godziny{
 text-align: left;
    margin-bottom: 8px;
}

.kiosk_mapa_opis ul li {
    margin: 0;
    line-height: 15px;
    color: #002147;
}

p.kiosk_mapa_opis_small {
    font-size: 10px;
    color: #002147;
}


.kiosk_przycisk_czytelnia:hover > .kiosk_mapa_opis_czytelnia{
display: block;
}




                                             /*ANIMACJE*/

@keyframes kiosk_tytul_animation {
0%   {left:-800px; top: 5px; opacity: 0.2;}
80%  {left:320px; top: 5px; opacity: 0.7;}
100%  {left:300px; top: 5px; opacity: 0.8;}
}

@keyframes kiosk_baner_animation {
0%   {opacity: 0;}
100%  {opacity: 1;}
}

@keyframes kiosk_przycisk_animation {
0%   {width: 0px; opacity: 0;}
80%  {width: 520px; opacity: 0.4;}
100%  {width: 500px; opacity: 1;}
}

@keyframes kiosk_przycisk_litery_animation {
0%   {opacity: 0;}
100%  {opacity: 1;}
}


@keyframes kiosk_przycisk_stopka_animation {
0%   {width: 0px; opacity: 0;}
80%  {width: 210px; opacity: 0.4;}
100%  {width: 200px; opacity: 1;}
}

@keyframes kiosk_przycisk_stopka_litery_animation {
0%   {opacity: 0;}
100%  {opacity: 1;}
}


@keyframes kiosk_tresc_animation {
0%   {opacity: 0;}
100%  {opacity: 1;}
}


                                                            /* M O B I L E */

                                        /*1400*/

@media (max-width: 1400px){

.kiosk{
width:1000px;
}

.kiosk_mapa img {
    width: 760px;
}

.kiosk_przycisk_mapa {
    width: 190px;
    animation: none;
    opacity: 1;
}

.kiosk_mapa {
    width: 780px;
}

.kiosk_przycisk_mapa > .kiosk_mapa_napis_nolink {
font-size:12px;
}



               /*mapa napisy - oznaczenia*/


.kiosk_mapa_napis_czytelnia {left: 294px;top: 582px;width: 612px;}



.kiosk_mapa_napis_czytelnia_pokoje {left: 809px; top: 643px; width: 89px;}


.kiosk_mapa_napis_czytelniasb {left: 354px;top: 620px;width: 215px;}

.kiosk_mapa_napis_cw {left: 613px; top: 737px; width: 96px;}


.kiosk_mapa_napis_wypozyczalniazo {left: 190px;top: 894px;width: 149px;}


.kiosk_mapa_napis_wypozyczalniaso {left: 554px;top: 854px;width: 126px;}

.kiosk_mapa_napis_sekretariat {left: 220px;top: 457px;width: 48px;}


.kiosk_mapa_napis_oin {left: 149px;top: 257px;width: 191px;}


.kiosk_mapa_napis_schody0 {left: 340px;top: 919px;width: 342px;}

.kiosk_mapa_napis_schody2 {left: 342px;top: 649px;width: 357px;}

.kiosk_mapa_napis_schody3 {left: 338px;top: 337px;width: 355px;}


.kiosk_mapa_napis_toalety0 {left: 350px;top: 893px;width: 320px;}

.kiosk_mapa_napis_toalety2 {left: 353px;top: 623px;width: 340px;}

.kiosk_mapa_napis_toalety3 {left: 345px;top: 306px;width: 340px;}

.kiosk_mapa_napis_szatnia {left: 410px; top: 893px; width: 185px;}

.kiosk_mapa_napis_wrzutnia {left: 430px; top: 1077px; width: 30px;}


               /*mapa opisy*/


.kiosk_mapa_opis_czytelnia {
    left: 440px;
    top: 200px;
    width: 450px;
}

.kiosk_mapa_opis_czytelnia_pokoje {
    left: 440px;
    top: 373px;
    width: 450px;
}


.kiosk_mapa_opis_wypozyczalniazo {
    left: 440px;
    top: 522px;
    width: 450px;
}


.kiosk_mapa_opis_wypozyczalniaso {
    left: 440px;
    top: 432px;
    width: 450px;
}


.kiosk_mapa_opis p {
    margin: 0;
    line-height: 15px;
    color: #002147;
}

.kiosk_mapa_opis h4 {
    margin: 0;
    line-height: 31px;
    text-align: left;
    color: #002147;
    font-size: 14px;
border-top: solid 1px black;
    border-bottom: solid 1px black
}


.kiosk_mapa_opis h5 {
    margin: 0;
    line-height: 31px;
    text-align: left;
    color: #002147;
    font-size: 12px;
}

.kiosk_mapa_opis_godziny{
 text-align: left;
    margin-bottom: 8px;
}

.kiosk_mapa_opis ul li {
    margin: 0;
    line-height: 15px;
    color: #002147;
}

p.kiosk_mapa_opis_small {
    font-size: 10px;
    color: #002147;
}

}


                                  /*1200*/


@media (max-width: 1200px){
.kiosk{
width:800px;
}

.kiosk_mapa img {
    width: 560px;
}

.kiosk_przycisk_mapa {
    width: 190px;
    animation: none;
    opacity: 1;
height: 50px;
}

.kiosk_mapa {
    width: 580px;
}

.kiosk_przycisk_mapa > .kiosk_mapa_napis_nolink {
font-size:12px;
}



               /*mapa napisy - oznaczenia*/


.kiosk_mapa_napis_czytelnia {left: 146px;top: 547px;width: 452px;}



.kiosk_mapa_napis_czytelnia_pokoje {left: 526px; top: 593px; width: 66px;}


.kiosk_mapa_napis_czytelniasb {left: 191px;top: 576px;width: 159px;}

.kiosk_mapa_napis_cw {left: 382px; top: 662px; width: 71px;}


.kiosk_mapa_napis_wypozyczalniazo {left: 70px;top: 778px;width: 111px;}


.kiosk_mapa_napis_wypozyczalniaso {left: 338px;top: 748px;width: 94px;}

.kiosk_mapa_napis_sekretariat {left: 93px;top: 457px;width: 34px;}


.kiosk_mapa_napis_oin {left: 42px;top: 310px;width: 138px;}


.kiosk_mapa_napis_schody0 {left: 181px;top: 797px;width: 252px;}

.kiosk_mapa_napis_schody2 {left: 182px;top: 597px;width: 264px;}

.kiosk_mapa_napis_schody3 {left: 180px;top: 367px;width: 261px;}


.kiosk_mapa_napis_toalety0 {left: 189px;top: 777px;width: 235px;}

.kiosk_mapa_napis_toalety2 {left: 191px;top: 578px;width: 250px;}

.kiosk_mapa_napis_toalety3 {left: 185px;top: 345px;width: 250px;}

.kiosk_mapa_napis_szatnia {left: 233px; top: 776px; width: 137px;}

.kiosk_mapa_napis_wrzutnia {left: 249px; top: 912px; width: 20px;}


               /*mapa opisy*/

.kiosk_info_o {
    display: none;
}


.kiosk_mapa_opis_czytelnia {
    left: 231px;
    top: 157px;
    width: 368px;
}

.kiosk_mapa_opis_czytelnia_pokoje {
    left: 279px;
    top: 223px;
    width: 320px;
}


.kiosk_mapa_opis_wypozyczalniazo {
    left: 234px;
    top: 352px;
    width: 365px;
}


.kiosk_mapa_opis_wypozyczalniaso {
    left: 234px;
    top: 404px;
    width: 365px;
}


.kiosk_mapa_opis p {
    margin: 0;
    line-height: 15px;
    color: #002147;
}

.kiosk_mapa_opis h4 {
    margin: 0;
    line-height: 31px;
    text-align: left;
    color: #002147;
    font-size: 14px;
border-top: solid 1px black;
    border-bottom: solid 1px black
}


.kiosk_mapa_opis h5 {
    margin: 0;
    line-height: 31px;
    text-align: left;
    color: #002147;
    font-size: 12px;
}

.kiosk_mapa_opis_godziny{
 text-align: left;
    margin-bottom: 8px;
}

.kiosk_mapa_opis ul li {
    margin: 0;
    line-height: 15px;
    color: #002147;
}

p.kiosk_mapa_opis_small {
    font-size: 10px;
    color: #002147;
}



}

                                        /*1000*/


@media (max-width: 1000px){
.kiosk{
width:450px;
}

.kiosk_mapa img {
    width: 560px;
}

.kiosk_przycisk_mapa {
        width: 85px;
        animation: none;
        opacity: 1;
        height: 38px;
        margin-top: 10px;
        border-top: 2px solid #002147;
        border-bottom: 2px solid #002147;
box-shadow: 1px 1px 6px 0px #6968
}

.kiosk_mapa {
    width: 315px;
}

.kiosk_przycisk_mapa > .kiosk_mapa_napis_nolink {
        font-size: 8px;
        line-height: 11px;
}



               /*mapa napisy - oznaczenia*/


.kiosk_mapa_napis_czytelnia {left: 95px;top: 536px;width: 242px;}



.kiosk_mapa_napis_czytelnia_pokoje {left: 295px; top: 560px; width: 35px;}


.kiosk_mapa_napis_czytelniasb {left: 117px;top: 551px;width: 86px;}

.kiosk_mapa_napis_cw {left: 220px; top: 597px; width: 37px;}


.kiosk_mapa_napis_wypozyczalniazo {left: 55px;top: 658px;width: 59px;}

.kiosk_mapa_napis_wypozyczalniaso {left: 196px;top: 642px;width: 49px;}

.kiosk_mapa_napis_sekretariat {left: 66px;top: 488px;width: 19px;}


.kiosk_mapa_napis_oin {left: 40px;top: 411px;width: 73px;}


.kiosk_mapa_napis_schody0 {left: 114px;top: 667px;width: 132px;}

.kiosk_mapa_napis_schody2 {left: 114px;top: 563px;width: 138px;}

.kiosk_mapa_napis_schody3 {left: 113px;top: 442px;width: 137px;}


.kiosk_mapa_napis_toalety0 {left: 118px;top: 657px;width: 123px;}

.kiosk_mapa_napis_toalety2 {left: 119px;top: 552px;width: 132px;}

.kiosk_mapa_napis_toalety3 {left: 115px;top: 430px;width: 132px;}

.kiosk_mapa_napis_szatnia {left: 139px; top: 657px; width: 73px;}

.kiosk_mapa_napis_wrzutnia {left: 143px; top: 728px; width: 17px;}


               /*mapa opisy*/

.kiosk_info_o {
    display: none;
}


.kiosk_mapa_opis_czytelnia {
    left: 150px;
    top: 301px;
    width: 190px;
}

.kiosk_mapa_opis_czytelnia_pokoje {
    left: 150px;
    top: 343px;
    width: 190px;
}


.kiosk_mapa_opis_wypozyczalniazo {
    left: 150px;
    top: 335px;
    width: 190px;
}


.kiosk_mapa_opis_wypozyczalniaso {
    left: 150px;
    top: 330px;
    width: 190px;
}

    .kiosk_mapa_opis{
    border-top: solid 2px #002147;
    border-bottom: solid 2px #002147;
}

.kiosk_mapa_opis p {
    margin: 0;
    line-height: 15px;
    color: #002147;
    font-size: 10px;
}

.kiosk_mapa_opis h4 {
    margin: 0;
    line-height: 31px;
    text-align: left;
    color: #002147;
    font-size: 12px;
    border-top: solid 1px black;
    border-bottom: solid 1px black
}


.kiosk_mapa_opis h5 {
    margin: 0;
    line-height: 31px;
    text-align: left;
    color: #002147;
    font-size: 11px;
}

.kiosk_mapa_opis_godziny{
 text-align: left;
    margin-bottom: 8px;
}

.kiosk_mapa_opis ul li {
    margin: 0;
    line-height: 15px;
    color: #002147;
}

p.kiosk_mapa_opis_small {
    font-size: 10px;
    color: #002147;
}



}





                                        /*700*/


@media (max-width: 700px){

.kiosk_przycisk_mapa > .kiosk_mapa_napis_nolink {font-size: 8px; line-height: 8px;}
.kiosk_przycisk_mapa {height: 32px; margin-top: 5px;}


               /*mapa napisy - oznaczenia*/


.kiosk_mapa_napis_czytelnia {top: 356px;}
.kiosk_mapa_napis_czytelnia_pokoje {top: 380px;}
.kiosk_mapa_napis_czytelniasb {top: 371px;}
.kiosk_mapa_napis_cw {top: 356px;}
.kiosk_mapa_napis_wypozyczalniazo {top: 478px;}
.kiosk_mapa_napis_wypozyczalniaso {top: 462px;}
.kiosk_mapa_napis_sekretariat {top: 308px;}
.kiosk_mapa_napis_oin {top: 231px;}
.kiosk_mapa_napis_schody0 {top: 488px;}
.kiosk_mapa_napis_schody2 {top: 382px;}
.kiosk_mapa_napis_schody3 {top: 262px;}
.kiosk_mapa_napis_toalety0 {top: 477px;}
.kiosk_mapa_napis_toalety2 {top: 372px;}
.kiosk_mapa_napis_toalety3 {top: 250px;}
.kiosk_mapa_napis_szatnia {top: 477px;}
.kiosk_mapa_napis_wrzutnia {top: 549px;}


               /*mapa opisy*/

.kiosk_info_o {display: none;}
.kiosk_mapa_opis_czytelnia {top: 193px;}
.kiosk_mapa_opis_czytelnia_pokoje {top: 249px;}
.kiosk_mapa_opis_wypozyczalniazo {top: 269px;}
.kiosk_mapa_opis_wypozyczalniaso {top: 251px;}

}





                                                         /* M O B I L E  K O N I E C*/




               /*animacje mapy*/

@keyframes kiosk_mapa_animation_3pierto {
0%   {opacity: 0; top: -300px;}
100%  {opacity: 1; top: 0px;}
}

@keyframes kiosk_mapa_animation_2pierto {
0%   {opacity: 0; top: -300px;}
100%  {opacity: 1; top: 0px;}
}

@keyframes kiosk_mapa_animation_parter {
0%   {opacity: 0; top: -300px;}
100%  {opacity: 1; top: 0px;}
}


@keyframes kiosk_przycisk_mapa_animation {
0%   {width: 0px; opacity: 0;}
80%  {width: 320px; opacity: 0.8;}
100%  {width: 300px; opacity: 1;}
}

@keyframes kiosk_przycisk_litery_mapa_animation {
0%   {opacity: 0;}
100%  {opacity: 1;}
}