/* CSS Document */

body
{
background-color: white;
color:black;
margin:0px !important;
font-family: 'Lato', sans-serif; 
}

* {
    box-sizing: border-box;

}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] 
{
    float: left;
    padding: 8px;
}

[class*="col-"] {
    width: 100%;
}

header, nav, main, aside, footer, article, section {
  display: block;
}

/* USTAWIENIA WIDOKU DLA EKRANU WIĘKSZEGO NIZ 1380pixeli */
@media only screen and (min-width: 1380px)
{
.logo img {max-width:280px !important;}
.contact_phones {font-size:21px !important}
.icon-mobile:before {font-size:29px !important;}
.icon-phone:before {font-size:29px !important;}
ul > li {width:50px !important;}
ul > li > a {font-size:21px !important; line-height:150% !important; }
.content_strona_glowna {width:1380px !important;}
.foto_podpis {font-size:21px !important; line-height:150% !important;}
.aside_info  {font-size:19px !important; letter-spacing:1.5px !important;}
hr {margin:14px 10px 14px 10px !important;}
.icon-location:before {font-size:38px !important;}
.icon-clock:before {font-size:48px !important;}
.icon-address-card-o:before {font-size:38px !important;}
.icon-smile:before {font-size:38px !important;}
.icon-credit-card:before {font-size:38px !important;}
.icon-wheelchair:before {font-size:38px !important;}
.icon-camera:before {font-size:30px !important;}

.content_o_nas {width:1380px !important; font-size:16px !important;}
.downside_info {width:1380px !important; font-size:17px !important; letter-spacing:1.5px !important;}
.info_udogodnienia_down {width:1150px !important; }
.info_udogodnienia_down p {font-size:17px !important; letter-spacing:1.5px !important;}

.content_zespol {width:1100px !important;}

.content_galeria {width:1100px !important;}

.content_kontakt {width:1100px !important;}
.dane_kontaktowe {font-size:17px !important;}
.mapa {font-size:17px !important;}
}


/* USTAWIENIA WIDOKU DLA EKRANU MNIEJSZEGO NIZ 770pixeli */
@media only screen and (max-width: 770px) 
{
.logo img {max-width:220px !important; margin-top:0px !important; padding:0px !important;}
.contact_phones {margin:1px !important; padding:4px !important; text-align:center !important; font-size:17px !important}
.content_strona_glowna {width:100% !important;} 
.galeria_menu_glowne {padding-left:9vw !important; padding-right:6vw !important; width:100% !important;  margin-left:auto !important; margin-right:auto !important;}
.kafelka_foto_osoba img {max-width:300px !important; margin-left:auto !important; margin-right:auto !important; margin-bottom:10px !important;}
.info_osoba {margin-top:5px !important; padding-left:0px !important;}
.o_nas {margin:0px !important; padding:8px 20px 0px 20px !important;}
.o_nas_foto {max-width:220px !important; margin-left:10px !important; margin-right:10px !important;}
.foto_podpis {font-size:14px !important; margin-left:auto !important; margin-right:auto !important;}
.aside_info {width:100% !important; font-size:14px !important;  padding:8px !important;}
.icon-location:before {font-size:30px !important;}
.icon-clock:before {font-size:40px !important;}
.icon-address-card-o:before {font-size:30px !important;}
.icon-mobile:before {font-size:22px !important;}
.icon-phone:before {font-size:22px !important;}
.icon-location-1:before {font-size:25px !important;}
.icon-smile:before {font-size:25px !important;}
.icon-credit-card:before {font-size:25px !important;}
.icon-wheelchair:before {font-size:25px !important;}
.icon-camera:before {font-size:25px !important;}
/*  Zapasowe dla aside nad stopką

.kafelka_fontello {margin-top:10px !important; padding:0px !important;}
.kafelka_info {font-size:15px !important; padding:0px !important;}
.kafelka_info_fontello {border-bottom:2px solid rgb(199,199,199) !important; } */
.ukryj_mobile {display: none !important;}
.ukryj_komputer {display: block !important;}
.bez_bolu .tooltiptext {margin-left: -65px !important}     /*ustawienie strzałki tooltiptext centralnie nad ikoną*/
.rtg .tooltiptext {margin-left: -62px !important}        /*ustawienie strzałki tooltiptext centralnie nad ikoną*/
.niepelnosprawni .tooltiptext {margin-left: -82px !important}       /*ustawienie strzałki tooltiptext centralnie nad ikoną*/
.platnosc_karta .tooltiptext {margin-left: -59px !important}        /*ustawienie strzałki tooltiptext centralnie nad ikoną*/
.scrollup {right: 10px !important;}
.info_umow_wizyte_down {height:auto !important;}
.info_umow_wizyte_down p {display: none !important;}
.info_lokalizacja_down  {height:auto !important;}
.info_lokalizacja_down p {display: none !important;}
.info_godziny_pracy_down  {height:auto !important;}
.downside_info {font-size:14px !important;  padding:8px 8px 0px 8px !important;}
.udogodnienia_down  {margin-top:0px; font-size:14px !important;  padding:0px 8px 0px 8px !important;}
.info_udogodnienia_down {width:100% !important; margin-top:0px !important;}
.info_udogodnienia_down p {font-size:14px !important; }
.bez_bolu_down .tooltiptext {margin-left: -56px !important}     /*ustawienie strzałki tooltiptext centralnie nad ikoną down info*/
.rtg_down .tooltiptext {margin-left: -53px !important}        /*ustawienie strzałki tooltiptext centralnie nad ikoną down info*/
.niepelnosprawni_down .tooltiptext {margin-left: -77px !important}       /*ustawienie strzałki tooltiptext centralnie nad ikoną down info*/
.platnosc_karta_down .tooltiptext {margin-left: -50px !important}        /*ustawienie strzałki tooltiptext centralnie nad ikoną down info*/
.dane_kontaktowe {text-align:center !important; font-size:14px !important;}
.dane_kontaktowe h3 {margin:25px 0px 0px 0px !important;}
.mapa {padding-right:10px !important; padding-left:10px !important; font-size:14px !important;}
.mapa p {padding:0px !important; margin:20px 0px 10px 0px !important;}
iframe {width:100% !important; height:330px !important; }
.column {margin:5px !important; padding:0px !important; width:44% !important;}
.content_galeria {width:85% !important;}
.next {font-size:20px !important;}
.prev {font-size:20px !important;}
}

@media only screen and (min-width: 770px)
{
.col-0 {width: 4.16%;} 
.col-1 {width: 8.33%;}
.col-15 {width: 12.49%;}
.col-2 {width: 16.66%;}
.col-25 {width: 20.82%;}
.col-3 {width: 25%;}
.col-35 {width: 29.16%;}
.col-4 {width: 33.33%;}
.col-45 {width: 37.49%;}
.col-5 {width: 41.66%;}
.col-55 {width: 45.82%;}
.col-6 {width: 50%;}
.col-65 {width: 54.16%}
.col-7 {width: 58.33%;}
.col-75 {width: 62.49%}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}

/*cały nagłówek*/
.header
{
background-color: rgb(240,240,240);
height:auto;
border-bottom: 2px solid black;
}

/*właściwości logo w nagłówku*/
.logo img
{
margin-top:7px;
width:100%;
height:auto;
padding:1px;
display:block;
margin-left:auto;
margin-right:auto;
}

.logo:hover img
{
opacity:0.8;
}

/*właściwości numerów telefonu w nagłówku*/
.contact_phones
{
height:auto;
text-align:right;
font-size:1.6vw;
margin-top:0.3vw;
}

.ukryj_komputer {display: none; margin:0px; padding:0px;}       /*ukrywa telefony werdykalne na komputerze */

/*właściwości menu navigacyjnego w nagłówku*/
ul
{
float:right;
list-style-type:none;
margin-top:1.5vw;
margin-bottom:0px;
}

ul > li
{
display:inline-block;
min-width:7.1vw;
height:auto;
text-align:center;
margin:0px 0px 0px 1px;
padding:0px;
}

ul > li > a
{
text-decoration:none;
font-size:1.35vw;
line-height:170%;
color:white;
display:block;
background-color: rgb(8,155,162);
border-radius:6px;
padding:5px 6px 5px 6px;
letter-spacing:1.5px;
}

ul > li:hover  a
{
background-color: rgb(185,20,63);
}

/* zawartość galerii i informacji bocznej*/


/*okno z galerią*/

.content_strona_glowna
{
overflow:hidden;            /*ukrycie wolnej przestrzeni powstałej po wyrównaniu kolumny ze zdjęciami z kolumna z informacjami bocznymi */
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

.galeria_menu_glowne
{
padding-bottom: 32767px !important;                /*wyrównanie kolumny ze zdjęciami z kolumna z informacjami bocznymi */
margin-bottom: -32767px !important;                /*wyrównanie kolumny ze zdjęciami z kolumna z informacjami bocznymi */
}

.kafelka_foto
{
width:42%;
float:left; 
overflow:hidden;
padding:0px;
margin:10px 8px 15px 8px;
transition: transform 0.2s ease-in-out;
}

.srodek
{display: flex;
flex-direction: row;

width:42%;
overflow:hidden;
padding:0px;
margin:10px auto 15px 24%;
transition: transform 0.2s ease-in-out;
}

.kafelka_foto:hover img
{
filter: grayscale(20%);
transform: scale(1.02);
}

.kafelka_foto:hover
{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.kafelka_foto:hover .foto_podpis
{
transform: scale(1.02);
}
 
.kafelka_foto img
{
display:block;
margin:0px;
padding:0px;
width:100%;
height:auto;
}


.srodek:hover img
{
filter: grayscale(20%);
transform: scale(1.02);
}

.srodek:hover
{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.srodek:hover .foto_podpis
{
transform: scale(1.02);
}
 
.srodek img
{
display:block;
margin:0px;
padding:0px;
width:100%;
height:auto;
}

.foto_podpis
{
display:block;
width:auto;
height:auto;
text-align:center;
font-size: 1.4vw;
background-color:rgb(8,155,162);
color: white;
letter-spacing:1.5px;
padding:5px;
}

.kafelka_foto:hover .foto_podpis
{
background-color: rgb(185,20,63);
}

.srodek:hover .foto_podpis
{
background-color: rgb(185,20,63);
}

/*okno z informacjami bocznymi*/
.aside_info
{
margin-top:10px;
text-align:center;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important; 
font-size:1.25vw;
color:white;
letter-spacing:1.7px;
}

.aside_info p
{
margin-top:1px;
margin-bottom:1px;
}

.info_godziny_pracy
{
padding:5px;
border-radius:10px;
background-color: rgb(185,20,63);
}

.info_umow_wizyte
{
margin:0px;
padding:5px;
border-radius:10px;
background-color: rgb(8,155,162);
}

.info_lokalizacja
{
padding:5px;
border-radius:10px;
background-color: rgb(255,192,0);
}

.info_udogodnienia
{
padding:10px;
border-radius:10px;
background-color: rgb(152,195,201);
}

hr
{
border:2px solid black;
margin:7px 10px 7px 10px;
height:4px;
background-color:black;
}


/*tooltiptext dla udogodnień w informacjach bocznych */

/* tooltiptex RTG*/
.rtg .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -4.5vw;
}

.rtg .tooltiptext:after 
{
    content: "";
    position: absolute;
    /*top: 100%;
    left: 50%;  */      /*strzałka pod tooltiptextem*/
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.rtg:hover .tooltiptext 
{
visibility: visible; 
}
    
/* tooltiptex bez bólu*/
.bez_bolu .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -3.4vw;

}

.bez_bolu .tooltiptext:after 
{
    content: "";
    position: absolute;
    /*top: 100%;
    left: 50%;  */      /*strzałka pod tooltiptextem*/
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.bez_bolu:hover .tooltiptext 
{
visibility: visible; 
}  

/* tooltiptex niepełnosprawni*/
.niepelnosprawni .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -7.4vw;
}

.niepelnosprawni .tooltiptext:after 
{
    content: "";
    position: absolute;
    /*top: 100%;
    left: 50%;  */      /*strzałka pod tooltiptextem*/
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.niepelnosprawni:hover .tooltiptext 
{
visibility: visible; 
}   

/* tooltiptex płatności kartą*/
.platnosc_karta .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -4.3vw;
}

.platnosc_karta .tooltiptext:after {
    content: "";
    position: absolute;
    /*top: 100%;
    left: 50%;  */      /*strzałka pod tooltiptextem*/
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.platnosc_karta:hover .tooltiptext {
    visibility: visible; }    

/* podświetlanie ikon informacji bocznej aside_info */
.aside_info .info_godziny_pracy:hover .icon-clock:before
{
color:black;
}

.aside_info .info_lokalizacja:hover .icon-location:before
{
color:black;
}

.aside_info .info_umow_wizyte:hover .icon-address-card-o:before
{
color:black;
}

.rtg:hover .icon-camera:before
{
color:black;
}

.rtg:hover p
{
color:black;
}

.bez_bolu:hover .icon-smile:before
{
color:black;
}

.niepelnosprawni:hover .icon-wheelchair:before
{
color:black;
}

.platnosc_karta:hover .icon-credit-card:before
{
color:black;
}

.rtg
{
width:23%;
position:relative;
display:inline-block;
text-align:center;
margin-left:auto;
margin-right:auto;

}

.bez_bolu
{
width:23%;
position:relative;
display:inline-block;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.niepelnosprawni
{
width:23%;
position:relative;
display:inline-block;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.platnosc_karta
{
width:23%;
position:relative;
display:inline-block;
text-align:center;
margin-left:auto;
margin-right:auto;
}

/*   przewijanie bez jquery

.powrot img
{
display:inline-block;
float:right;
width:70px;
height:70px;
margin-right:30px;
padding:15px;
}  */


/*właściwości stopki */
.stopka
{
margin-top:5px;
padding-top:5px;
width:auto;
height:auto;
color: black;
text-align:center; 
background-color:  rgb(240, 240, 240);
letter-spacing:2px;
border-top: 2px solid black;
}

.stopka p
{
margin-top:3px;
margin-bottom:6px;
}

/* właściwości linków na całej stronie */
a:visited
{
text-decoration:none;
}

a:activat
{
text-decoration:none;
}

a:link
{
text-decoration:none;
}

img
{
border:none;
}

/*scrollup dla jquery */
.scrollup
{
	width: 50px;
	height: 50px;
	text-decoration: none;
	background: url("img/strzalka.png") no-repeat 0px 0px;
    background-size:auto;
	position: fixed;
	right: 15px;
	bottom: 40px;
    z-index: 1;
	display: none;
}




/* ZESPÓŁ */

.content_zespol
{
width:80%;
margin-left:auto; 
margin-right:auto;
}

.kafelka_foto_osoba img
{
display:block;
margin:20px 10px 20px 10px;
padding:0px;
width:100%;
height:auto;
}

.info_osoba
{
text-align:justify;
margin:15px 10px 20px 10px;
}
.info_osoba h3
{
text-align:left;
margin:0px 0px 5px 0px;
padding:2px;
color: rgb(185,20,63);
text-decoration: underline;
}


.downside_info
{
overflow:hidden;            /*ukrycie wolnej przestrzeni powstałej po wyrównaniu kolumny ze lokalizacja, godziny otwarcia i umów się */
text-align:center;
font-size:1.25vw;
color:white;
letter-spacing:1.7px;
margin-left:auto; 
margin-right:auto;
}

.downside_info p
{
margin-top:1px;
margin-bottom:1px;
}


.info_godziny_pracy_down
{
height:220px;
padding:5px;
border-radius:10px;
background-color: rgb(185,20,63);
}

.info_umow_wizyte_down
{
height:220px;
margin:0px;
padding:5px;
border-radius:10px;
background-color: rgb(8,155,162);
}

.info_lokalizacja_down
{
height:220px;
padding:5px;
border-radius:10px;
background-color: rgb(255,192,0);
}


.info_udogodnienia_down
{
width: 83.33%;
margin-left:auto; 
margin-right:auto;
height:auto;
margin-top:6px;
padding:10px;
border-radius:10px;
background-color: rgb(152,195,201);
}

.info_udogodnienia_down p
{
color:white;
margin-top:1px;
margin-bottom:1px;
text-align:center;
font-size:1.25vw;
}


/*tooltiptext dla udogodnień w informacjach dolnych */

/* tooltiptex RTG down*/
.rtg_down .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -9.3vw;
}

.rtg_down .tooltiptext:after 
{
    content: "";
    position: absolute;
    /*top: 100%;
    left: 50%;  */      /*strzałka pod tooltiptextem*/
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.rtg_down:hover .tooltiptext 
{
visibility: visible; 
}
    
/* tooltiptex bez bólu*/
.bez_bolu_down .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -4.5vw;

}

.bez_bolu_down .tooltiptext:after 
{
    content: "";
    position: absolute;
    /*top: 100%;
    left: 50%;  */      /*strzałka pod tooltiptextem*/
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.bez_bolu_down:hover .tooltiptext 
{
visibility: visible; 
}  

/* tooltiptex niepełnosprawni*/
.niepelnosprawni_down .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -10vw;
}

.niepelnosprawni_down .tooltiptext:after 
{
    content: "";
    position: absolute;
    /*top: 100%;
    left: 50%;  */      /*strzałka pod tooltiptextem*/
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.niepelnosprawni_down:hover .tooltiptext 
{
visibility: visible; 
}   

/* tooltiptex płatności kartą*/
.platnosc_karta_down .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -8.8vw;
}

.platnosc_karta_down .tooltiptext:after {
    content: "";
    position: absolute;
    /*top: 100%;
    left: 50%;  */      /*strzałka pod tooltiptextem*/
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.platnosc_karta_down:hover .tooltiptext {
    visibility: visible; }    

/* podświetlanie ikon informacji bocznej aside_info */
.downside_info .info_godziny_pracy_down:hover .icon-clock:before
{
color:black;
}

.downside_info .info_lokalizacja_down:hover .icon-location:before
{
color:black;
}

.downside_info .info_umow_wizyte_down:hover .icon-address-card-o:before
{
color:black;
}

.rtg_down:hover .icon-camera:before
{
color:black;
}

.rtg_down:hover p
{
color:black;
}

.bez_bolu_down:hover .icon-smile:before
{
color:black;
}

.niepelnosprawni_down:hover .icon-wheelchair:before
{
color:black;
}

.platnosc_karta_down:hover .icon-credit-card:before
{
color:black;
}

.rtg_down
{
width:24%;
position:relative;
display:inline-block;
text-align:center;
margin-left:auto;
margin-right:auto;

}

.bez_bolu_down
{
width:24%;
position:relative;
display:inline-block;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.niepelnosprawni_down
{
width:24%;
position:relative;
display:inline-block;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.platnosc_karta_down
{
width:24%;
position:relative;
display:inline-block;
text-align:center;
margin-left:auto;
margin-right:auto;
}


/*KONTAKT */
.content_kontakt
{
width:80%;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}

.dane_kontaktowe
{                       
font-size:1.35vw;
padding:0px;
margin:0px;
}

.dane_kontaktowe p
{
padding:0px;
line-height:110%;
}

.dane_kontaktowe h3
{
padding:1px;
margin:30px 0px 0px 0px;
}

.mapa
{
text-align:center;
font-size:1.35vw;
padding:0px;
margin:0px;
}

iframe
{
border:0; 
width:100%; 
height:330px;
}

.mapa p
{
margin:25px 0px 5px 0px;
padding:2px;
}


/* O NAS */

.content_o_nas
{
margin-left:auto;
margin-right:auto;
}

.o_nas
{
display:block;
padding:15px;
margin:0px;
float:left;
text-align: justify;
}

.o_nas_foto img
{
width:100%;
height:100%;
}

.o_nas_foto
{
margin:15px 15px 0px 15px;
float:left;
}

/* GALERIA */


.content_galeria
{
padding-top:25px;
padding-left:20px;
width:75%;
margin-left:auto;
margin-right:auto;

}

.column 
{
  padding:10px;
  float: left;
  width: 30%;
  margin:8px;
}

/* The Modal (background) */
.podglad_galerii {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 70px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 80%;
  max-width: 700px;
}

.miniaturka_podglad
{
float:left;
margin:15px 0px 0px 0px;
padding:4px;
width:11.1%;
height:auto;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus 
{
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides 
{
  display: none;
}

.cursor 
{
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next 
{
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: black;
  font-weight: bold;
  font-size: 30px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next 
{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover 
{ color: white;
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext 
{
  font-weight:900;
  color:black;
  font-size: 18px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  right: 0;
}


img 
{
  margin-bottom: -4px;
}

.caption-container 
{
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo 
{
  opacity: 0.6;
}

.active,
.demo:hover 
{
  opacity: 1;
}

img.hover-shadow 
{
  transition: 0.3s;
}

.hover-shadow:hover 
{ 
  transform: scale(1.02);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



/* USŁUGI */
.uslugi
{
text-align:center;
height:auto;
padding-right:40px;
}

.uslugi p
{
text-align:justify;
}

ol
{
list-style-type:none;
text-align:left;
line-height:180%;
font-size:20px;
}
/* NFZ */
.nfz
{
text-align:center;
height:auto;
padding-right:40px;
}