/* slownik kolorow 
#2f5980         -   szary niebieski
#3982ce         -   niebieski
#4A4A49         -   szary ciemny
#e2a146            pomarańcz
#e2bd33      jasny pomarańcz


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;700&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');

 
input.kontrolka2 { margin: 10px 5px 10px 12px }

b, strong {
    font-weight: bold;
}




body {
   font-family: 'Poppins', sans-serif;

    color: black ;
    background-color: #3982ce	 ; 
    background: url(../images/tlo.jpg) repeat-y center center #69aae0;
    font-size:14px;
    
} 



a.pog {


	font-weight: bold;
	color: #ffc107;
	background: #ffc107;
	padding: 22px 10px;
	color: white!important;
	width: 100%;
	display: block;
	text-align: center;
	text-shadow: 1px 1px 1px #0000008a;
	font-size: 15px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #0000003d;
}
 

.glowny { padding:0px; } /* główna warstwa container bez paddingu */




a             {   color: #ffc107;    ;transition: color 1s;} 

a:hover     {  color:  orange; text-decoration: none!important }
h1, h2   {  color: #e2bd33 ;  } 
 

#winieta {}


#winieta .ikony {
    background: #2f86c457;
    padding: 13px 0;
}


@media (max-width: 978px) { 
#winieta .ikony {
    background: #2f86c457;
      padding: 0px 0; 
}
    
    
    #winieta .logo_opis { padding-top: 0px!important; }
    
}



#winieta .ikony a {    color: #2f5980;    padding: 13px;    font-size: 20px;      display: block;}
#winieta .ikony a:hover i { transition  :  1.0s ease all;  }

#winieta a.logo img {
    width: 108px;
    margin-top: 18px;
    transition: 1.0s ease all;
    margin: 10px;
}
    #winieta a.logo img:hover { 	  transform: rotate( -10deg);

          }


#winieta .logo_opis {
    font-weight: bold;
    font-size: 14px;
    padding: 26px 0  0px 21px;
    color: #3b6185;
}
#winieta .logo_opis h2 {  font-size: 19px; font-weight: bold;   color: #2f5980 ;max-width: 76%; }
#winieta .bg-light {    background-color: transparent!important; margin-top: 23px; }





/* div, section {  border:solid 1px black; } */



/*menu */
 
.navbar-light .navbar-nav .nav-link {
    text-transform: uppercase;
    color: white;
    /* font-weight: bold; */
    text-shadow: 2px 1px 2px #0000006e;
    font-size: 18px;
    padding-right: 62px;
    font-weight: 400;
}


#winieta .navbar-nav .active>.nav-link   { color: orange       }
#winieta .dropdown-toggle::after {  color: #3982ce }
#winieta .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #ffc107;
}
#winieta .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    position: absolute;
    top: -49px;
    right: 8px;
    z-index: 222222;
    background: #66a7df;
    border: none;
}





@media (max-width: 978px) { 
.navbar-light .navbar-nav .nav-link {
    text-transform: uppercase;
    color: white;
    /* font-weight: bold; */
    text-shadow: 2px 1px 2px #0000006e;
    font-size: 16px;
    padding-right: 19px;
    font-weight: 400;
}

}


@media (max-width: 578px) { 
                    .navbar-light .navbar-nav .nav-link {
                        text-transform: uppercase;
                        color: white;
                        /* font-weight: bold; */
                        text-shadow: 2px 1px 2px #0000006e;
                        font-size: 19px;
                        padding-right: 19px;
                        font-weight: 400;
                    }
    
    
    
    
   #winieta .bg-light {
    transition: 1s;
    background-color: #0000001a!important;
    margin-top: 22px;
     padding-left: 29px;  
}

}





/* slideshow */
section#slideshow {
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    background: url(../images/winieta.jpg) center  top no-repeat #70afe2;
    background-size: cover;
}


.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}




a.carousel-control-next {
    background: linear-gradient(270deg,   #0095ff, transparent);
}


a.carousel-control-prev {
    background: linear-gradient(90deg,   #0095ff, transparent);
}


.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #e2bd33;
}

 
.carousel-item h5 {
    text-shadow: 1px 1px 8px black;
    font-size: 32px;
}
.carousel-caption {
    background: linear-gradient(0deg,  #000000ab,    transparent);
    /* border: solid 1px red; */
    width: 100%;
    margin: 0px;
    left: 0px;
    bottom: 0px;
    padding: 0 30px 50px 30px;
    max-height: 209px;
    overflow: hidden;
}



.carousel-control-prev i , .carousel-control-next i {
    
       font-size: 57px;
    
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    /* white-space: nowrap; */
    background-color: transparent;
    border: 0;
    padding: 12px 13px 8px 57px;
    border-bottom: solid 1px #80808024;
    min-width: 268px;
}

.carousel-indicators {
	position: absolute;
	right: 50%;
	bottom: -65px;
	left: auto;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: right;
	padding-left: 0;
	margin-right: 20px;
	margin-left: auto;
	list-style: none;
	margin-right: -153px;
}

@media (max-width: 768px) { 
    
    .carousel-item img {  margin-left: -47%;}
    
    .live img {
    border-top: 17px solid #0000007d;
    border-bottom: 17px solid #0000007d;
    /* clear: both; */
    margin-top: 32px;
}
}




section#slideshow .slideshow, section#slideshow .live {
    border-left: solid 1px white;
    min-height: 379px;
}







section#slideshow .live {  
    
    border-right: solid 1px white; 
    background:   #3172b47a; 
    color: white; 

} 




.kalendarz3 {
    clear: both;
    min-height: 312px;
    margin: 64px 32px -73px 32px;
    display: none;
}


.kalendarz3 a { color:white; }
@media (max-width: 768px) { 
    
.kalendarz3 { display:block }
.biuletyn {
    /* border: none!important; */
    padding: 10px 0 10px 0px;
    margin: 0px -14px;
}
.playerkmp   iframe {  height: 277px;  }

    .sticky .data1 , .sticky .data_koscielna { display: none }
    
    

} 



h3.msza_teraz {
    margin: 2px 0 3px 0;
}
.live .msze a { line-height:51px;   }





section#slideshow .live h2 {
    color: white;
    padding-left: 26px;
    margin-top: 13px;
    text-shadow: 1px 1px 1px #00000080;
    font-size: 28px;
    margin-top: 20px;
}





section#slideshow .live img { 
width: 100%;
    height: auto;
    background: url(../images/yt2.jpg) no-repeat center center ;
    background-size: 129%;
    transition: background 1s;

}
section#slideshow .live img:hover { background-size: 100% }
section#slideshow .live .msze {
    padding-left: 26px;
    margin: 20px 0 5px 0;
    position: relative;
}

section#slideshow .live .msze span.migaj {
    border: solid 1px orange;
    font-size: 12px; 
    color: orange;
    padding: 5px 5px;
    border-radius: 24px;
    /* float: right; */
    /* margin: -65px 10px; */
    margin: 9px 16px 11px 0px;
    display: block;
    text-align: center;
    max-width: 108px;
    position:absolute;
    top: -60px; right: 5px; 
}

/* sekcja main */
.biuletyn {  padding: 20px 0 20px 0; border-bottom: solid 1px white;   margin-bottom: 55px;  }
.biuletyn a {
	color: white;
	font-weight: bold;
	text-indent: 20px;
	line-height: 46px;
}
.biuletyn i {    font-size: 24px;    color: white;    margin-right: 10px;}



/* newsy */
div.artykul { color: white; margin-bottom: 30px;           }
div.artykul img {width:100%; height:auto;  border: solid 1px white;box-shadow: 2px 1px 10px 0px rgb(0 0 0 / 24%); margin-bottom: 20px;

transition: opacity 1s;
}


@media (max-width: 768px) {  
div.artykul.pierwszy {
    
    background: #00000017;
    padding: 20px 15px;
}
}


div.artykul img:hover {
    
    opacity: .1;
    
    
}
.bottomText {
    font-weight: 300;
    margin-top: 28px;
}


.bottomText li {
    padding-bottom: 17px;
}

div.artykul span.data {
    font-style: italic;
    color: #ffffff;
    opacity: .5;
}
div.artykul h1 a {
    color: white;
    text-shadow: 1px 1px 1px black;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 19px 0;
    display: block;
    
  
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
    min-height: 2em;
}
    
    
 



 .pierwszy a.wiecej2 {
    color: white;
    display: block;
    width: 100%;
    border-bottom: dotted 1px white;
    padding: 9px 0;
    opacity: .6;
}


div.artykul a.kategoria {
    color: white;
}

div.artykul .ramka_foto {
    width: 100%;
    height: 176px;
    background: #00000014;
    margin-bottom: 19px;
}

div.artykul .kategoria {  border:solid 1px white;    }
div.artykul .fota {   position:relative;    display:block; color: white; font-size: 13px; }
div.artykul .kategoria {
    position: absolute;
    top: 0px;
    left: 0px;
    border: solid 1px white;
    border-bottom-right-radius: 33px;
    min-width: 100px;
    text-align: center;
    background: #0000004d;
    padding: 5px 30px;
    font-weight: bold;
    text-shadow: 1px 1px 1px black;
}

div.artykul .obszar { position:relative }


div.artykul a.wiecej {
    font-size: 21px;
    color: white;
    opacity: .3;
     letter-spacing: 2px;
}

 

/* margines prawy */
div.sticky img {     box-shadow: 2px 1px 10px 0px rgb(0 0 0 / 24%);width: 100%;     max-height: 272px;  }
div.sticky a { opacity: .8; transition: 1s; color: white;   } 
div.sticky a:hover { opacity: 1}



div.sticky  h1 {
    font-size: 27px;
    font-weight: bold;
    margin: 51px 0 16px 0;
    color: #e2bd33;
    text-shadow: 1px 1px 1px #00000059;
}


div.sticky {    margin-bottom: 46px;   margin-top: 67px;    color: white;}


.glowna  .sticki2{   


 position: -webkit-sticky;    position: sticky;    top: 26px;   
margin-bottom:60px; 
}



.data_koscielna {    font-weight: normal;    font-size: 15px;}
.data1 {
    /* opacity: .5; */
    margin-bottom: 11px;
    color: var(--warning);
    font-size: 19px;
}

/* kalendarz */
div#kalendarz_boczny {   margin:  6px 0;}
#kalendarz_boczny .naglowek {
position: relative;    
margin: 30px 0 10px 0 ;
     
    
    
    
}

#kalendarz_boczny .naglowek .miesiac {
    font-weight: 200;
    font-size: 25px;
    line-height: 41px;
    color: #ffffff;
}


#kalendarz_boczny .naglowek .rok {
    position: absolute;
    top: 13px;
    right: 58px;
    font-size: 14px;
    opacity: .6;
}


#kalendarz_boczny a.next , #kalendarz_boczny a.prev {
    
    
    position:absolute;
    bottom:  6px;
    right: 0px;
    font-size: 24px;
    
     
}
#kalendarz_boczny a.prev { right: 30px ; opacity: .3   }
 

#kalendarz_boczny .wydarzenia {
    width: 100%;
    min-height: 141px;
}




 #kalendarz_boczny .wydarzenia .linia_k {
    display: flex;
    flex-direction: row;
    width: 100%;
    
    padding: 10px 0 10px 0;
}


#kalendarz_boczny .wydarzenia .linia_k .kalendarium {    
    display: flex;
    flex-direction: column;
    
}

 

#kalendarz_boczny .dz {
    font-size: 38px;
    color: var(--white);
    margin: 7px 0 1px 0;
    width: 56px;
}



#kalendarz_boczny .dzs {
    
    font-weight: 200;
font-size: 18px;
line-height: 21px;
 

    
}

#kalendarz_boczny .swieto .dzs {
    color: #ffc107;
    /* font-weight: bold; */
    font-size: 19px;
}



#kalendarz_boczny .event .hour {
    font-weight: 800;
    margin-top: 11px;
    font-size: 19px;
    /* opacity: .6; */
    color: var(--warning);
}





#kalendarz_boczny .rzymskie {     
    display: flex;
    justify-content: space-evenly;
    margin: 14px 0;   } 
#kalendarz_boczny .rzymskie div.numer.zaznaczone a {  
    font-weight: bold;
    color: #ffc107!important;
}

.eventy {
    margin-top: 11px;
}

#kalendarz_boczny  .event {

   
    border-bottom:  1px solid rgba(0,0,0,.1) ;
    padding: 5px 0 9px 0;
}
 


a.dostepnosc {
    float: right;
    margin-top: -67px;
    margin-right: 12px;
}

/*  margines galeria */

.gallery p.title , .gallery a {
  
 
}
.gallery p.title {
    font-size: 21px;
    margin: 17px 0px;
     
}
.gallery .album .bottom { float: left; width: 92px; }   
.gallery .album .bottom a {   
    font-size: 23px;  opacity: .4;
}

.gallery .rightPos {
    float: right;
    line-height: 38px;
    
}

 

.gallery .rightPos a {       padding-right: 4px; }
.gallery .rightPos a.active {      color: #f9d89a; font-weight: bold; font-size: 22px;     padding-right: 4px;}


/* msze ofiary */



section.mszesw .ofiary {   }


section.mszesw .ofiary h2 {
    color: var(--white);
    font-weight: bold;
    font-size: 20px;
    margin: 19px 0 17px 0;
    text-shadow: 1px 1px 1px #00000085;
}


section.mszesw .ofiary form {
 margin: 40px 0   
    
    
    
}

  section.mszesw .ofiary form button {
    border: 1px solid #fdfdfd;
    box-sizing: border-box;
    border-radius: 1px;
    background: transparent;
    padding: 12px 22px;
    min-width: 111px;
    margin-bottom: 16px;
    color: #ffffff;
    margin-right: 7px;
    transition: 1s;
    /* float: left; */
}

section.mszesw .ofiary form button:hover , 
section.mszesw .ofiary form button:hover, section.mszesw .ofiary form button.selected {
    background: #e2bd33;
    color: white;
}
 

section.mszesw .ofiary form div.informacja {
    padding: 13px;
    /* background: white; */
    font-size: 14px;
    margin: 40px 0;
    /* border: solid 1px #ffffff40; */
    background: #0000001f;
}


section.mszesw .ofiary form div.wyslij {
  
    margin-top: 26px;
}






section.mszesw .ofiary form div.wyslij input  , .elektroniczny{
    border: 1px solid #ffffff;
    box-sizing: border-box;
    border-radius: 0px;
    background: transparent;
    padding: 10px 6px;
    width: 100%;
    margin-bottom: 16px;
    color: white;
    margin-right: 8px;
    transition: 1s;
}

section.mszesw  input#konto {
    padding: 10px 0px;
    font-size: 12px;
    text-align: center;
}


section.mszesw .ofiary form   input.button2 {
    border: 1px solid #e2bd33;
    box-sizing: border-box;
    border-radius: 59px;
    background: #e2bd33;
    padding: 10px 46px;
    min-width: 188px;
    margin-bottom: 16px;
    color: white;
    margin-right: 8px;
    transition: 1s;
    margin-top: 20px;
}

section.mszesw input[type=text] {
    margin: 10px 0;
    background: #ffffff;
    padding: 7px;
    border border: solid;
    border-radius: 1px;
    border: solid 1px gray;
    box-sizing: border-box;
    width: 100%;
}





section.mszesw .ofiary form div.wyslij input:hover {    opacity: .7;}


@media (max-width: 768px) {  

    section.mszesw .ofiary {  }
    section.mszesw {  }
    section.mszesw .msze h2 {   }    
 
    
    
}



/* news */
.newsnawigacja { margin: 45px 0 }
a.dogory ,  a.wiec {
    border: solid 1px white;
    padding: 9px 17px;
    font-size: 20px;
    color: white;
    display:block;
   width: 49px;
}

a.wiec {
    font-size: 14px;
    padding: 14px 42px;
  width: 278px;  
}


@media (max-width: 768px) {  
a.wiec {
    width: 100%;
    margin-top: 18px;
    text-align: center;
}
    
    
 section.mszesw .ofiary form div.wyslij input {
 
    padding: 10px  6px;
     font-size: 14px;
    
}   
    
    
}


 a.dogory:hover ,  a.wiec:hover {
 background: white; transition: 1s;    color: #3982ce 
}



/* #msze */
#msze {
    margin: 0 0 40px 0px;
    min-height: 542px;
    background: linear-gradient(178deg, #3172b4, transparent);
}


#msze .kola {
    position: relative;
    width: 360px;
    
    margin-top: 50px;
}



#msze .kolo1 {
    background: ghostwhite;
    padding: 65px;
    border-radius: 218px;
   width: 366px;
    height: 366px;
    
      transition: all 0.4s ease-out;
    
    
    position:absolute;
    top: 0px; left: 0px; 
}

#msze .kolo1  h1 {
   
    font-size: 41px;
    font-weight: bold;
    
}

#msze .kolo1 h2 {
     
    font-size: 33px;
    margin-bottom: -5px;
} 

#msze .kolo2 {
      transition: all 0.4s ease-out;
    background: #e2bd33;
    padding: 65px;
    border-radius: 218px;
    width: 234px;
    height: 235px;
    position: absolute;
    top: 176px;
    left: 289px;
    color:white;
        font-size: 21px;
}

#msze .kolo2 strong {
    font-size: 24px;
    margin-top: -25px;
    display: block;
    margin-bottom: -26px;
}
 

#msze .kolo2:hover , #msze .kolo1:hover {
    
 
    transform-origin: 90px 90px -90px;   
transform-style: preserve-3d;
    
    transform: rotateY(-20deg);
    
    
}


 
#msze .kolo1 span {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    color: gray;
}

.mszekola { min-height: 547px; }

@media (max-width: 768px) {  
  #msze .kolo1 {   } 
  #msze .kolo2 {    } 
    
    
    #msze .kolo1 { width: 344px; height: 344px;   }
    #msze .kolo1 span {  font-size: 15px; }    
    
    
    
}




@media (max-width: 700px) {  
 #msze .kolo1 {   } 
  #msze .kolo2 { top: 306px; left:  20px;     } 
 
}

 
#msze .ew h2 {
    color: #e2bd33;
    font-weight: 300;
    max-width: 287px;
    margin-bottom: 41px;
}





.ewangeliatekst {
    color: white;
    line-height: 25px;
    max-height: 16em;
    overflow: hidden;
}

#msze .ew {
    padding: 96px 93px 70px 96px;
}

#msze .ew  a {
     
    margin-top: 31px;
    display: block;
}



div#zapowiedzi {
    background: linear-gradient(181deg, #3172b436, #71b0e3);
    padding: 39px 0;
    margin-bottom: -37px;
    overflow-x: hidden;

display:none;

}



#zapowiedzi  .event {
    border: solid 1px transparent;
    padding: 25px  20px 13px 55px;
}
#zapowiedzi  .event:hover {        }
#zapowiedzi  .event h1 { font-size: 22px; }


#zapowiedzi .data {
    position: relative;
    width: 124px;
    /* border: solid 1px red; */
    height: 102px;
    float: left;
}


#zapowiedzi  span.dzien {
    font-size: 87px;
    font-weight: bold;
    color: #3172b4;
    position: absolute;
    margin-top: -29px;
    border-right: solid 1px white;
    padding: 0px 12px 2px 0px;
    margin: 0px!important;
    line-height: 66px;
    width: 120px;
}

 #zapowiedzi span.miesiacc {
    font-size: 22px;
    font-weight: bold;
    /* float: left; */
    /* width: 3em; */
    overflow: hidden;
    position: absolute;
    top: 78px;
   color: #3172b4;
    max-width: 107px;
}


#zapowiedzi .swieto0 span.miesiacc,
 #zapowiedzi .swieto0 span.dzien 
{
    color: #ffc107
    
    
}
 

#zapowiedzi h1 a {
    color: white;
    text-shadow: 1px 1px 1px black;
    font-size: 20px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3em;
}

#zapowiedzi .tresc {
   
    /* float: left; */
    /* border: solid 1px red; */
    padding: 0 29px 11px 134px;
}


/* slider */


/* ---------------------- slider kafelki */
.slider2 {
    width: 100%;
    margin: 26px 0 0 0;
    max-height: 440px;
}

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }


.slider2 img { width: 330px; height: auto}
.slider2 .cegla {  }
 
 .slider2 .cegla h1 {
    width: 320px;
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    /* line-height: 25px; */
    /* margin-top: -28px; */
    color: white;
    text-shadow: 1px 1px 1px black;
    font-size: 26px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
    margin: 18px 0 -11px 0;
}

.slider2 .shadow2 {
  display: inline-block;
  position: relative;
 
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset;
  box-shadow: rgba(0, 0, 0, 0.8) 3px 3px 10px inset;
  -webkit-transition: box-shadow 0.2s ease-in;
  -moz-transition: box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in;
}
.slider2 .shadow2:hover {
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset;
  box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset;
}
.slider2 .shadow2 img {
  max-width: 100%;
  position: relative;
  z-index: -1;
 
}





.slider2 .data { 
    margin-top: 23px;
    display:block;
      color: #ffffff85;
}
.slider2 .cegla .fa-camera {
    /* display: block; */
    font-size: 227px;
    text-align: center;
    display: block;
    opacity: .4;
}



.slider2 .text {
    max-width: 320px;
    overflow: hidden;
    color: white;
    margin-top: 12px;
    line-height: 19px;
    max-height: 8em;
font-weight: 200;

}
.slider2 .text  strong {

    font-weight: 200;
    
}


.slick-prev, .slick-next {
    
     z-index: 222;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size:  67px;
    line-height: 1;
    opacity: .45;
   color: white;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-next:before {    content: '  » '; }
.slick-prev:before { content: ' « ';}
.slick-prev { left: 5px;      }
.slick-next { right: 15px;   }

 
.video a.wiecej2 {
    color: #777369;
    display: block;
    font-size: 17px;
    border-top: solid 1px #777369;
    margin: 126px 0px;
    z-index: 1111;
    position: inherit;
    line-height: 53px;
    text-align: right;
}

section.wyrane {
    background: #3172b4;
    padding: 8px 0px 101px 0;
}




.tv .slick-prev, .tv .slick-next {  top: 25%; }
@media (min-width: 768px) { 
    
    .slick-next {    right: -20px; }
    .slick-prev{    left: -52px; }
}

/*   wirtualna podróz */

#wirtualna {
    
 padding: 15px 0 ;   
    
    
}

#wirtualna h1  {
    color: white;
    font-weight: 700;
    text-align: center;
    padding: 30px 0;
}



.wyrane h1.tyt {
    color: white;
    font-weight: 700;
    text-align: center;
    padding: 36px 0  13px 0;
    /* opacity: .4; */
}








#wirtualna .text {
    color: white;
    padding: 30px 50px;
    max-width: 700px;
    margin: auto;
    text-align: center;
}

#wirtualna .slider3         {     height: 75px; }
#wirtualna   img            {        box-shadow: 1px 1px 5px #00000036;}
#wirtualna .slider3 img     {      width: 100px; height:auto;border: solid 1px white;}



#wirtualna .slider3 .slick-next , #wirtualna .slider3 .slick-prev {  top: -2px; } 


/* tv */


section.tv {
    background: #3172b4;
    padding: 50px 0 14px 0;
}



section.tv h1.t {
    color: white;
    font-weight: bold;
    text-align: center;
    width: 100%;
}


section.tv  .fa, section.tv  .fas {
    font-weight: 900;
    font-size: 155px;
    text-align: center;
    margin-left: 46px;
    opacity: 0.3;
    margin-bottom: 60px;
}



section.tv  .kafel h1 {
    color: white;
    font-size: 20px;
    width: 358px;
    margin-top: 25px;
}

section.tv i.fab.fa-youtube {
    font-size: 59px;
    float: right!important;
    display: block;
    margin-top: -64px;
    margin-left: 7px;
}


/* menu dolne */
section#menu_dolne {
    padding: 44px 0;
    color: white;
    background: linear-gradient(0deg, #007bff00, #3172b4b3);
}

section#menu_dolne a, section#menu_dolne h2 {
    
    color:white;
    
}
/*pasek newsletter */

section#pasek_d {
    background: #ffc107 url(../images/winieta.jpg) no-repeat left center;
    padding: 44px 0;
    color: white;
      background-attachment: fixed;
     
        
}

section#pasek_d a, section#pasek_d h1 { color: white; } 

section#menu_dolne h2 {
    color: white;
    opacity: .5;
    font-weight: 500;
    font-size: 27px;
    margin: 13px 0;
}
section#menu_dolne li { margin-bottom: 10px;  }
section#menu_dolne a {
    
    font-weight: 300;
    text-transform: uppercase;
}


section#pasek_d a, section#pasek_d h1 {
    color: white;
    font-size: 37px;
    opacity: .9;
}





section#pasek_d a#pobierz_adresy
{
    
    
    font-size: 14px;  
    float: none;
    
    
    
    
}





 input.newsletter1 {
    border: solid 1px white;
    background: transparent;
    padding: 10px 37px;
    margin: 5px 19px 1px 0px;
    display: block;
    color:white;
     width:87%;
}
div.newsletter a { float: right; display:block ; margin-top: -36px;} 

.ikony a {
    margin-top: 11px;
    display: block;
}
section#pasek_d .ikony  a:hover     {  color:  orange; opacity: 1s  } 
section#pasek_d  .padding {  padding-top: 20px; padding-bottom: 20px;        }



/* stopka */
 
#adresy a { color:white;  }
#adresy h2 {
    color: white;
    font-size: 29px;
    margin-bottom: 14px;
    min-height: 85px;
}

#adresy span.raster {
    margin-top: 61px;
    display: block;
    opacity: .4;
    display: block;
}


#adresy img , #adresy #mapa {
    
    width:100%;
    height:auto;
    
    
}

#adresy {
    color: white;
    text-shadow: 1px 1px 2px #0000007d;
    padding-bottom: 80px;
    background: #3172b4;
}
 #adresy a.logo  { opacity: .4  ; float: right; }
 


section#dol {
    padding: 40px 0;
    color: #96bde5;
    background: #3882cd;
}


section#dol a {color: #ffffff78}
section#dol  a.nowe_okno {font-size: 29px; }
 
 a.back-top {
   opacity:0;
    width: 200px;
    height: 200px;
    /* line-height: 250px; */
    font-size: 51px;
    background:#3882cd;
    margin-top: -79px;
    border-radius: 133px;
    color: white;
    margin: -81px auto 20px auto;
    padding-top: 64px;
    color: white!important;
     
     
}

 a.kompania img {
    opacity: .5;
    margin-top: -16px;
    margin-left: 24px;
}
 
 #dol .logo {
     
    width: 95px;
    height: 95px;
    background: url(../images/logo2.jpg) no-repeat;
    float: left;
    margin: -22px 10px 0 0;
     
}

a.back-top.widoczna {
    position: fixed;
    bottom: -136px;
    z-index: 1111;
    opacity: 0.7;
    line-height: -8px;
    padding: 19px;
    left: 50%;
    margin-left: -24px;
    transition: 2s;
}






@media (max-width: 768px) { 
    
  a.back-top {
        opacity: 0;
    margin-top: 10px;
    width: 100px;
    height: 100px;
    margin-top: 16px;
    padding-top: 23px;
    background: #2d6cae;
}

    
    
    a.back-top.widoczna {
        opacity: .8;
    position: fixed;
    bottom: -66px;
    z-index: 1111;
    opacity: 0.7;
    line-height: -8px;
    padding: 6px;
    left: 50%;
    margin-left: -24px;
    transition: 2s;
}
    
}
/*    newsy   formatka  */

#main_n {
    
background: url(../images/winieta2.jpg)  no-repeat top center;   
    min-height: 200px; 
    
}

@media (max-width: 900px) { 
    #main_n { background-position: top left;   
 
    
}
}


#main_n .kartka {
    background: white;
   
    width: 100%;
    min-height: 1200px;
    margin-bottom: 59px;
    box-shadow: 7px 6px 11px #00000017;
}

.container .news { padding: 0px; }
.zeropadding { padding:0px!important}
.sticky.tresciowa {
    padding-left: 20px;
    padding-top: 419px;
}


 .kartka .naglowek {
    background: #e2e2e2;  padding: 30px;
}


.kartka .naglowek a {
    color: #80808066;
  
}

.kartka .naglowek a:hover { color: orange; }
.kartka .naglowek .social i {
    font-size: 24px;
    padding-right: 21px;
    transition: .3s;
}


.kartka .naglowek .social i:hover { 	  transform: rotate( -10deg);
	             
	  }
.kartka .naglowek .col-md-4.social {
    text-align: right;
}


.kartka .belka_p  a i {
    font-size: 17px;
    color: #448dd269;
}

 .kartka .belka_p  a {
    display: block;
    float: left;
    margin: 4px 1px 3px 8px;
}

.textp { white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
    max-width: 100px ; 
  }


@media (max-width: 900px) { 
.col-md-8.belka_p {
    margin-bottom: 22px;
    }}

.container .kartka h1 {
    color: #478dd2;
    font-weight: 700;
    font-size: 35px;
    max-width: 553px;
    text-shadow: 1px 1px 6px #00000033;
    margin: -11px 0px 6px 0px;
}

.kolumna_news {
    padding: 96px 55px;
    font-size: 16px;
    overflow: hidden;
}


 .nawigacja {
   float: none!important;
     margin-top: 37px;
}

@media (max-width: 768px) {  
  
    
    .kolumna_news {padding: 96px 30px; font-size: 16px;}    
    .articleFfffooter { margin-right: -30px!important; }
     #pliki a.plik {  overflow: hidden  }
    .container .kartka h1 {    font-size: 8vw; }
    
}



 .kolumna_news .strongTopText {
    padding: 0px 0;
    font-weight: 800;
}
.kolumna_news .text {  overflow: hidden  }


/* galeria w news */
img.thumbnail.img-responsive {
    border: solid 6px #bbbbbb42;
    margin: -1px;
    width: 132%;
    height: auto;
  
}


img.img-responsive.articleSite-gallery-firstImg.image {
    
    margin-left: 0px;
    border-bottom: solid 9px #ffc107;
    /* margin-right: -59px; */
    display: block;
}
.headGallery {margin-bottom: 26px; }

.headGallery img {      }
.kolumna_news img { max-width: 100% }
 

.kolumna_news .pas_daty {
    color: #80808091;
    font-size: 13px;
    padding: 0px 00 20px 0;
    margin-top: 47px;
}





.kolumna_news #pliki h2 {
    margin: 10px 0 10px 0;
    position: relative;
    padding-left: 30px;
    clear: both;
    line-height: 22px;
    margin-bottom: 38px;
    font-size: 25px;
    font-weight: 200;
}


.articleFfffooter {
    border-top: solid 2px #6c757d42;
    margin-right: -150px;
}

 a#up {
    font-size: 47px;
    margin: -28px 0px 0px 3px;
    display: block;
    color: #8080808c;
    transition: .4s;
    background: white;
    width: 46px;
    text-align: center;
}
a#up:hover {
    
   margin: -38px 0px 10px -0px;
    
}

#mapa1 { display: none}


/* kalendarz */
.container.kalendarz {
    background: linear-gradient(45deg, #00000038, transparent);
    padding: 52px 17px 5px 17px;
    margin-bottom: 24px;
}

.container.kalendarz h2 { color: white; }
.container.kalendarz a {  }
 body .kalendarz div.tryby {
    float: right;
    margin-left: 30px;
    margin-top: -25px;
    margin-bottom: 21px;
}

 body .kalendarz div.sterowanie {
    float: right;
    margin-left: 30px;
    margin-top: -24px;
}



body .kalendarz div.sterowanie a {
    color: white; 
}


.kalendarz .kalendarz_karta {
    min-height: 300px;
    overflow: hidden;
    margin-bottom: 20px;
    margin: 21px;
}



@media (max-width: 768px) {  

a.dostepnosc {
    float: left;
    margin-top: -159px;
    margin-right: 12px;
    display: block;
    background: #0000001a;
    padding: 22px;
    border-radius: 61px;
    width: 100%;
    text-align: center;
}
    
    
    body .kalendarz div.sterowanie a.next
    {
        
        float: right;
        
        
        
    }
    
    
    
    body .kalendarz div.sterowanie {
    float: left;
    margin-left: 0px;
    margin-top: 20px;
        width:100%;
    /* background: azure; */
}
    
    
body .kalendarz div.tryby {
    float: left;
    margin-left: 0px;
    margin-top: 28px;
    margin-bottom: 21px;
    background: #00000017;
    padding: 20px;
    border-radius: 51px;
}
    

}



/* galeria */


.okladka {
  
    height: 100%;
    margin-bottom: 41px; min-height: 300px; 
}
 


.okladka img {
    width: 100%;
    height: auto;
    margin-top: 20px;
    border-radius: 0px 11px 1px 11px;
    background-size: 100%;
    background-position: center center;
    transition: background 1s;
    border: solid 1px #00000021;
}

.okladka img:hover {background-size: 120%!important;}
.okladka h2 {
    
    font-size: 21px;  
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2em;
    margin-bottom: 20px; 
}

.okladka    span {
    display: block;
    font-size: 13px;
    color: #8080804f;
    line-height: 21px;
}

.okladka    span  i { padding-right: 10px }

.okladka .news_opis2 {
    padding: 20px;
    background: white;
    min-height: 169px;
    box-shadow: 1px 1px 9px #00000052;
    border-radius:11px 0px 11px 0px;
}

 
body #galeria {
    background: linear-gradient(180deg, #00000021, transparent);
    margin-top:1px;
    padding-top:50px; 
}
    
  table, tr, td, th {
    font-size: 14px!important;
          padding: 17px 0 2px 0;
      border-bottom: solid 1px #e2a146 ;
}


#szukaj { background:  orange; padding: 20px; text-align: center; display:none;
width: 100%;
    position: absolute; z-index: 100;


}
#szukaj .autosearch {
    padding: 8px;
    margin: 0 auto;
    width: 350px;
}

.ui-menu {
    
    background: white;
    z-index: 1001;
    
}

/* wyłączenie fotografii w pnormach i video */
.kategoria3624 .gallery , body#art_3624 .gallery { display:none; }   
.kategoria3623 .gallery , body#art_3623 .gallery { display:none; }   


 body .paginacja {
    padding: 10px;
    background: #f5f5f570;
    color: gray;
    clear: wid;
    width: 100%;
    margin: 20px 0 54px 0;
}


.youtube div#player {
    padding: 20px;
    background: #5f5f5f47;
    width: 100%;
    margin: 20px auto;
}

.youtube h1 {
    color: #e2bd33;
    width: 100%;
    margin: 39px 0 10px 0;
}

.patroni {
    font-size: 15px;
    font-weight: 200;
    padding: 10px 0;
    opacity: .7;
}


 .dwa {
    background: #35924f;
    width: 19px;
    height: 19px;
    border-radius: 36px;
    float: left;
    margin-top: -21px;
    margin-left: 80px;
}

.dwa.green {  background: #35924f; } 
.dwa.red {  background: red } 
.dwa.white , .dwa.biały {  background: white } 
.dwa.purple {  background: purple } 
.kolor_sz {    margin-top: 12px; }

.kolor_sz .jeden {
    opacity: .5;
}
#adresy .legenda {
    background: #ffffff12;
     
    padding: 22px;
    
}
#adresy .legenda h2 {    min-height: 35px; }


#adresy .legenda li {
    margin-bottom: 14px;
    line-height: 18px;
}



  a#pobierz_adr {
    
    font-size: 16px!important; 
    
    }


body .kalendarz div.sterowanie a.next,body .kalendarz div.sterowanie a.prev {
    border: solid 1px #DFB439;
    color: #DFB439;
    width: 49px;
    border-radius: 58px;
    padding: -32px;
  opacity: 1; 
    transition: 1s;
    text-align: center;
    margin: 0px 19px -4px 20px;
    font-size: 32px;
}