/*!
 * STUDIO EM s.c.
 * Wszystkie prawa zastrzezone
 * Kopiowanie bez zgody wlasciciela zabronione       font-family: 'Old Standard TT', serif;
 */
/*  http://wspolnotapolska.org.pl/.........   */
/*  https://miketricking.github.io/dist/   HOVER EFFECT   */

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,300italic,400,400italic,700,700italic,900,900italic,);
@import url(https://fonts.googleapis.com/css?family=Merienda+One);

.container-fluidswp {
  padding-right: 80px;
  padding-left: 80px;
  margin-right: auto;
  margin-left: auto;
}

body { /* background: #FFF ;  font-size:1vmin; */  font-size:16px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;  background: url('http://wspolnotapolska.org.pl/system/img/orzel_opacity70_2.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;  }

@media print {
.noprint {  display: none;}
}

h4 {line-height: 1.3;} 

/*  VIDEO  W TLE  */
#background-land { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto;
    z-index: -100;  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);
    /*  background: url(polina.jpg) no-repeat;  */  background-size: cover; }
	
.obrazekwtle a {color:#FFFFFF;}
.obrazekwtle a:hover {color:#FFFD00;}

.obrazekwtle2 a {color:#000000;}
.obrazekwtle2 a:hover {color:#000000;}
.obrazekwtle2 .btn {
    color: #333;
    background-color: transparent;}
.obrazekwtle2 .btn-default {
    color: #333;
    background-color: transparent;}
.obrazekwtle2 .btn-default:hover {
    color: #FF0004;
    background-color: transparent;}
	
.obrazekwtle3 a {color:#000000;}
.obrazekwtle3 a:hover {color:#000000;}
.obrazekwtle3 .btn {
    color: #333;
    background-color: #FFFFFF;}
.obrazekwtle3 .btn-default {
    color: #333;
    background-color: #FFFFFF;}
.obrazekwtle3 .btn-default:hover {
    color: #FF0004;
   background-color: #FFFFFF;}


/*  VIDEO - BANER  ........................................................................................................... */
 #landing {   } 
#landing h2 {  font-weight: 300; text-transform: uppercase; }
#landing h3 {  font-weight: 300; text-transform: uppercase; }
#landing h4 {  font-weight: 300; }
#landing h5 {  font-weight: 300;  }
#landing>footer h5 {  font-weight: 300;  }
#background-land { position: fixed; top: 50% ; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto;
    z-index: -100;  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);
    /*  background: url(polina.jpg) no-repeat;  */  background-size: cover; }


#background-baner  { position: fixed; top: 0px; left: 50%; min-width: 100%;  width: auto; height: auto;
    z-index: -100;  -webkit-transform: translateX(-50%) translateY(-5%);  transform: translateX(-50%) translateY(-0%);
    /*  background: url(polina.jpg) no-repeat;  */  }



#video {color:#FFF; }
#video h2 { font-size: 250%; font-weight: 600; }
#video .fa {color:#FFF; margin-right:20px; }
.overlay-landing { width: 100%; height: 100%; background: rgba(0, 51, 102, 0.7);   } 
.overlay-landing2 { width: 100%; height: 100%; background: rgba(0,0,0, 0.3);   } 
.overlay-sepia { width: 100%; height: 100%; background: rgba(88,62,26, 0.7);   } 
/*  END VIDEO - BANER  ........................................................................................................... */



@media (max-width: 767px) {  
body { font-size:15px; } 
h1 { font-size:190%; }
h2 { font-size:160%; }
h3 { font-size:130%; }
}

.container-flex {width:90%; margin: 0 auto;  }

/*body { background: url('http://wspolnotapolska.org.pl/system/img/orzel.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }  */

/*  FOOTER  ........................................................................................................... */
footer { 
  background-color:#17171A; color:#D1D1D1; background: url(http://wspolnotapolska.org.pl/system/img/bg-tekstura.gif) repeat;    }
footer a:hover{ color:#FF0004; }

 h1, h2, h3, h4 .h1, .h2, .h3 .h4 { line-height: 1.3;  text-shadow: 0px 0px 1px #666; font-weight: 400; color: #036;  } 
 
 h3, .h3 {
    font-size: 22px;
}

.lead {font-size: 104%; margin-bottom: 20px; font-weight: 600;;}
.wielkielitery {font-size: 300%; }
.wielkielitery_x2 {font-size: 400%; }

@media (max-width: 767px) { 
.wielkielitery {font-size: 200%; }
.wielkielitery_x2 {font-size: 250%; }
.btn-lg {font-size: 13px; }
}

.fontpisane {font-family: 'Merienda One', cursive;   } 

/*h4 { text-shadow: 0px 0px 1px #767676; -webkit-text-shadow: 0px 0px 1px #767676;  -moz-text-shadow: 0px 0px 1px #767676;  font-weight: 400; color: #1A1A1A;  } */

iframe, object, embed { max-width: 100% ; display: block !important; margin: 0 auto ;   }

.fontczarny {color: #000000; }
.fontniebieski {color:#30497D; }
.fontjasnoniebieski {color: #00DBFF; }
.fontczerwony {color: #FF0004; }
.fontbialy {color: #FFFFFF; }
.fontszary {color: #808080; }
.fontzolty {color: #F9D900; }

.cien {-webkit-filter: drop-shadow(2px 2px 2px #424242);   filter: drop-shadow(2px 2px 2px #424242); } 
.cienszary {-webkit-filter: drop-shadow(3px 3px 3px #AFAFAF); filter: drop-shadow(3px 3px 3px #AFAFAF);} 
.cienszarygorny {-webkit-filter: drop-shadow( 0 -7px 2px #AFAFAF); filter: drop-shadow( 0 -7px 2px #AFAFAF);} 

.tytul { font-weight: 700;  -webkit-font-smoothing: antialiased; color:#D22127; text-shadow: 0px 1px 1px #666; -webkit-text-shadow: 0px 1px 1px #666;  -moz-text-shadow: 0px 1px 1px #666;   font-size:60px;  }

.overlay-bialy { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); background-size: cover;  }
.overlay-bialy70 { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); background-size: cover;  }
.overlay-czarny { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); background-size: cover;  } 
.overlay-czarny30 { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); background-size: cover;  } 
.overlay-niebieski { width: 100%; height: 100%; background: rgba(0, 51, 102, 0.8); background-size: cover;  } 
.overlay-czerwony { width: 100%; height: 100%; background: rgba(	205, 29, 28, 0.8); background-size: cover;  } 


.overlay-siatka {width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.5); */ background-image: url(http://wspolnotapolska.org.pl/system/img/overaly.png); opacity: 0.7; filter: alpha(opacity=70);  z-index: 5;  } 
.overlay-siatka2 { width: 100%;  /*height: 100%;background: rgba(0, 0, 0, 0.5); */ background-image: url(http://wspolnotapolska.org.pl/system/img/overaly.png); filter: alpha(opacity=70); z-index: 5; } 
.overlay-siatka3 { width: 100%;  /*height: 100%;background: rgba(0, 0, 0, 0.5); */ background-image: url(http://wspolnotapolska.org.pl/system/img/overaly.png); filter: alpha(opacity=30); z-index: 5; } 

 .overlaysiatka { width: 100%; background-image: url( http://wspolnotapolska.org.pl/system/img/overaly.png);  } 
 .overlaysiatkabiala { width: 100%; background-image: url( http://wspolnotapolska.org.pl/system/img/overaly_bialy.png);  } 
 .overlaysiatkaszara { width: 100%; background-image: url( http://wspolnotapolska.org.pl/system/img/overaly_szary.png);  } 

.fa {margin-right: 10px; }
hr { border-top: 1px solid #6b6b6b; }

.wciecie {padding-left:50px; padding-right:50px}
.wciecie2 {padding-left:100px; padding-right:100px}
.wciecie10 {padding-left:10px; padding-right:10px}
/* więcej wiadomości - w świat polonii  - prawa strona */
.wciecie_wiadomosci {padding-left:30px; }

blockquote { padding-left:50px; padding-right:50px; }

.img-responsive {margin: 0 auto; padding-bottom:2px; max-width: 100%; height: auto;}
.img-responsive2 {margin: 0 auto; padding-bottom:0px; max-width: 100%; max-height: 200px;}

.responsive-video { max-width: 100%; height: auto; }

.alfa img { filter: alpha(opacity=40); -moz-opacity: 50; -khtml-opacity: 50; opacity: 100; }
:hover.alfa img { filter: alpha(opacity=15); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }

.bialy {background-color: #FFF; padding: 20px;  }
.niebieski {background-color:#30497D; padding: 0px; }

.polejasnoszare {background-color: #F1F1F1; padding: 0px; padding: 30px;  }
.poleciemnoszare {background-color: #ADADAD; padding: 0px; padding: 30px;  }
.polebiale {background-color: #FFFFFF; padding: 0px; padding: 30px;  }
.poleniebieskie {background-color: #013676; padding: 0px; padding: 30px;  }
.polejasnoniebieskie {background-color: #009FE3; padding: 0px; padding: 30px;  }
.poleziemiozielone {background-color: #8F8731; padding: 0px; padding: 30px;  }
.poleniebieskieprimary {background-color: #337AB7; padding: 0px; padding: 30px;  }
.poleczerwone {background-color: #D40003; padding: 0px; padding: 30px;  }
.poleorzel {background: url('http://wspolnotapolska.org.pl/system/img/orzel_opacity70_2.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;   }
.tlojasnoszare {background-color: #F1F1F1; padding: 20px; }
.tlojasnoszare2 {background-color: #F1F1F1;  }


.czarny {background-color: #000; padding: 0px;  }

#cien-7036 {  background-image: url('http://wspolnotapolska.org.pl/system/img/cien_7036.png'); background-repeat:no-repeat; background-position:center; margin-top:2px; min-height:40px;  }

.center-pills {  display: flex;  justify-content: center; }

#zjazdpolonii .btn-default {color: #FFFFFF; background-color: rgba(255, 255, 255, 0 ); border-color: #ccc; }
#zjazdpolonii .btn-default:hover {color: #FFFFFF; background-color: #036; }


/* AGENDA  ACCORDION DLA WYDARZEŃ SPORTOWYCH*/
a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
#accordionsport .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 15px 10px;
}
#accordionsport .panel-heading{
    padding: 0;
    border-radius: 30px;
}
#accordionsport .panel-title a{
    display: block;
    padding: 12px 20px 12px 50px;
    background: #0064AF;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordionsport .panel-title a.collapsed{
    background: #fff;
    color: #0d345d;
    border: 1px solid #ddd;
}
#accordionsport .panel-title a:after,
#accordionsport .panel-title a.collapsed:after{
    content: "\f107";
    font-family: fontawesome;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background: #009BFF;
    font-size: 25px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    position: absolute;
    top: -5px;
    left: -20px;
    transition: all 0.3s ease 0s;
}
#accordionsport .panel-title a.collapsed:after{
    content: "\f105";
    background: #fff;
    color: #0d345d;
    border: 1px solid #ddd;
    box-shadow: none;
}
#accordionsport .panel-body{
    padding: 20px 25px 10px 9px;
    background: transparent;
    /*  font-size: 14px;  
    color: #8c8c8c;*/
    line-height: 25px;
    border-top: none;
    position: relative;
}
#accordionsport .panel-body p{
    padding-left: 30px;
	 padding-right: 30px;
    /* border-left: 1px dashed #8c8c8c; */
}
/* END - AGENDA  ACCORDION DLA WYDARZEŃ SPORTOWYCH*/




.zoomtlo:hover    { 
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);
  
}
.zoomtlo {  
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 4s cubic-bezier(0.39, 0.575, 0.565, 1);
   
}


/* VIDEO W SEKCJI */



/* ZDJECIA */

.img-thumbnail { border: 1px solid #fff;  border-radius: 0px; }
.foto { padding: 2px; max-width:370px; min-width:370px; max-height:240px; min-height:240px; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }
/*.foto {height:240px;  display: inline;  margin: 0px;  -webkit-transition: all 1s ease-out; transition: all 1s ease-out; margin: 2px; padding: 2px; } */
.foto_small { display: inline;  margin: 0px;  -webkit-transition: all 1s ease-out; transition: all 1s ease-out; margin: 2px; padding: 2px; border: 1px solid #ddd; height:150px;  }

.foto2 { margin: 4px; padding: 4px; border: 1px solid #ddd;;   }
.foto3 { max-height:250px; margin: 1px; padding: 1px; }
.foto4 { max-height:180px; margin: 1px; padding: 1px; }
.foto5 { max-height:350px; margin: 1px; padding: 1px; }

@media (min-width: 768px) { 
.foto_polonia { padding: 2px; max-width:350px; min-width:350px; max-height:230px; min-height:230px; object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }
.foto { padding: 2px; max-width:345px; min-width:345px; max-height:220px; min-height:220px; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }
}

.foto_polonia { padding: 8px; max-width:350px; min-width:350px; max-height:235px; min-height:235px; object-fit: cover; margin: 4px;  /*auto;  padding-bottom:0px; */  }
.foto_polonia_duze { padding: 8px; max-width:700px; /*min-width:700px; min-height:600px;*/ max-height:600px;  object-fit: cover; margin: 2px auto; /* padding-bottom:0px; */}


/* KARTY ORGANIZACJI      */

#pg-results {display: flex; flex-wrap: wrap; }
.karta {background:  rgba(246, 246, 246, 0.7) ; padding: 30px; border: solid 10px; border-color: white; }
.karta2 {background:  rgba(246, 246, 246, 0.9) ; padding: 30px; border: solid 10px; border-color: transparent; }
.karta3 {padding: 30px; border: solid 10px; border-color: transparent; }


.dwiekolumny{ -webkit-column-gap: 20px; -moz-column-gap: 20px;  column-gap: 20px; -webkit-column-count: 2; -moz-column-count: 2;
 column-count: 2; }
 
 
 #orzel {background: url(http://wspolnotapolska.org.pl/system/img/orzel_opacity70_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; }
	
 /*  NOWOSCI w index.php ........................................................................................ */
#nowosci_kafelki {background: url(http://wspolnotapolska.org.pl/system/img/orzel_opacity70_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; }
	
#nowosci h4 {color:#003366; }
#nowosci  a { color:#0E0E0E; }
#nowosci  a:hover {text-decoration:none; }


/* YAMM MENU ....................................................................................................... */
#menu {background-color: #036; margin-top: 0px; background: url(http://wspolnotapolska.org.pl/system/img/bg-tekstura.gif) repeat;   }
/* .dropdown-menu {background-color: #036; } */

/*  HEADER  ........................................................................................................... */

#header { padding-top: 40px; 
background: url(http://wspolnotapolska.org.pl/system/img/orzel_opacity70_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; }
#header-igrzyska { padding-top: 40px; padding-bottom: 0px;  background: rgba(255, 255, 255, 0.6); }

/*  VIDEO  przezroczystość overlay ustawić identyczną również w header-igrzyska */
.overlay-igrzyska { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); background-size: cover;  z-index: -99; }

#7036 { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100;
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%); /*  background: url(polina.jpg) no-repeat;  */ background-size: cover; }
#video {   }
#video h1 { font-size: 300%;  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.56);  }
#video h2 {  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.56); }
#video h3 {   }
#video h4 { line-height: 1.4;  }
.overlay-video { width: 100%; height: 100%; /* background: rgba(0, 51, 102, 0.7); */ 	 background: rgba(163, 7, 10, 0.7);   } 
#video .btn { background-color: transparent; color: #FFF; }
/* end VIDEO */

/* WIADOMOŚCI - ARCHIWUM -  ....................................................................................................... */
.content {margin-left: 10px; margin-right: 30px; }

/*  W O L O N T A R I A T  */
/*  VIDEO  przezroczystość overlay */
.overlay-wolontariat { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); background-size: cover;  z-index: -99; }
#wolontariat { padding-top: 0px;  background: url('http://wspolnotapolska.org.pl/wolontariat/res/tlo-ludzie.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: #E3E3E3; }
#niebieski {color:#FFFFFF; }
#niebieski h1 {color:#FFFFFF; }
#niebieski h2 {color:#FFFFFF; }
#niebieski h3 {color:#FFFFFF; }
#niebieski h4 {color:#FFFFFF; }

#czerwony {color:#FFFFFF; }
#czerwony h1 {color:#FFFFFF; }
#czerwony h2 {color:#FFFFFF; }
#czerwony h3 {color:#FFFFFF; }
#czerwony h4 {color:#FFFFFF; }
#czerwony a { color:#FFCE00; }


/*  LATO Z POLSKĄ   w index.php ...................................................................... */

#latozpolska { padding-top:  0px;  background: url('http://wspolnotapolska.org.pl/system/img/latozpolska_bg.jpg');  background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color:#000;  }
#latozpolska h1 {color: #000; }
#latozpolska h2 {color: #000; }
#latozpolska h3 {color: #000; }
#latozpolska .btn-default {color: #333; background-color: rgba(255, 255, 255, 0.7); border-color: #ccc; }
#latozpolska .btn-default:hover {color: #FFFFFF; background-color: #036; }


/*  STOWARZYSZENIE - PROGRAMY   w index.php ...................................................................... */

#index_programy { padding-top: 40px; background-color:#8F0420;    }
#index_programy h1 {color: #FFFFFF; }
#index_programy h2 {color: #FFFFFF; }
#index_programy h4 {color: #FFFFFF; }
#index_programy .btn-default {color: #FFFFFF; background-color: rgba(255, 255, 255, 0 ); border-color: #ccc; }
#index_programy .btn-default:hover {color: #FFFFFF; background-color: #036; }

/*  STOWARZYSZENIE - BIBLIOTEKA   w index.php ...................................................................... */

#index_biblioteka { padding-top:  0px;  background: url('http://wspolnotapolska.org.pl/system/img/biblioteka.jpg');  background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color:#000000;  }
#index_biblioteka h1 {color: #000000; }
#index_biblioteka h2 {color: #000000; }
#index_biblioteka .btn-default {color: #333; background-color: rgba(255, 255, 255, 0.7); border-color: #ccc; }
#index_biblioteka .btn-default:hover {color: #FFFFFF; background-color: #036; }


/*  iIGRZYSKA   w index.php ...................................................................... */

#index_igrzyska { padding-top: 40px;  background: url('http://wspolnotapolska.org.pl/igrzyskazimowe/2018/res/index-tlo3.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: #E3E3E3; }
#index_igrzyska h1 {  text-shadow: 0px 1px 2px #1A1A1A; -webkit-text-shadow: 0px 1px 2px #1A1A1A;  -moz-text-shadow: 0px 1px 2px #1A1A1A; }
#index_igrzyska .btn-default { color: #FFFFFF;  background-color: rgba(255, 255, 255, 0 ); border-color: #ccc; }
#index_igrzyska .btn-default:hover {color: #FFFFFF; background-color: #036; }
#index_igrzyska .cien { -webkit-filter: drop-shadow(5px 5px 5px #222);   filter: drop-shadow(5px 5px 5px #222); }


/*  WOLONTARIAT   w index.php ...................................................................... */

#index_wolontariat { padding-top: 0px;  background: url('http://wspolnotapolska.org.pl/wolontariat/res/tlo-ludzie2.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: #036; }
#index_wolontariat h1  {color: #036;   }
#index_wolontariat h2  {color: #036;   }
#index_wolontariat h4  {color: #036;}
#index_wolontariat .karta {background:  rgba(246, 246, 246, 0.7) ; padding: 30px; border: solid 10px; border-color: rgba(246, 246, 246, 0.1); }


/*  LWÓW   ...................................................................... */

#lwow_dziennik { padding-top: 40px;  background: url('http://wspolnotapolska.org.pl/lwow/res/dom-tlo.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;  color: #E3E3E3; }
#lwow_dziennik p { font-size: 110%;  }
#lwow_dziennik a {color: #FFFFFF; }
#lwow_dziennik h2 {color: #FFFFFF; }
#lwow_dziennik h3 {color: #FFFFFF; }
.map_big {width: 100%; height: 500px;  border: 0; }

/*  STOWARZYSZENIE/INFORMACJA.php   ...................................................................... */

#stowarzyszenie { padding-top:  0px;  background: url('http://wspolnotapolska.org.pl/system/img/orzel_opacity70_2.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-color: #FFFFFF; color:#000000; }
#stowarzyszenie h1 {color: #036;  } 
#stowarzyszenie .panel { background-color: rgba(255, 255, 255, 0.1); }
#stowarzyszenie .panel-title { font-size: 18px;   }
#stowarzyszenie .panel-default > .panel-heading { color: #333; background-color: rgba(255, 255, 255, 0.1); }



#informacja { padding-top:  0px;  background: url('http://wspolnotapolska.org.pl/system/img/dom_polonii_bg.jpg');  background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color:#FFFFFF;  }
#informacja h1 {color:#FFFFFF;  }


#tlo-01 { background: url('http://wspolnotapolska.org.pl/system/img/orzel_opacity70_2.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }


.pull-right { padding-left: 30px; padding-right: 0px; padding-top:10px; padding-bottom:10px; }
.pull-left { padding-left: 0; padding-right: 30px; padding-top:10px; padding-bottom:10px;  }

@media (max-width: 767px) { 
.pull-right {height:auto; padding-left: 0px;  padding-right: 0px; padding-top:20px; padding-bottom:20px; display: inline-block; float:none; text-align:center; margin: 0 auto; }
.pull-left {height:auto; padding-left: 0px; padding-right: 0px; padding-top:20px; padding-bottom:20px; display: inline-block; float:none; text-align:center; margin: 0 auto; } 
.foto3 { max-height: none;  }
}

/*klasa responsywna - polozenie wysrodkowane w poziomie*/
.img-responsive {margin: 0 auto; padding-bottom:0px}
/*klasa skryptu php dla automatycznej prezentacji albumu zdjec*/
#zdjecia { text-align:center; }

.col img {max-width: 1080px; }

/* VIDEO  */
.responsive-video { max-width: 100%; height: auto; }
/* VIDEO YOU TUBE */
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }


/*........................................*/
.main-title { position: relative; width:95%; border-left: solid 5px #999; padding-left: 10px; color: #333; margin: 20px 10px 20px 10px; font-weight: normal; text-transform: uppercase; line-height: 1.1; top: 0; }
.main-title span { display: block;  font-weight:bold; margin-bottom:20px; }
.main-title a { color: inherit; }
.main-title span { margin-bottom: 0;}
.main-title .span1 { font-size: 100%; color:#999; margin-bottom:6px;  }
.main-title .span2 { font-size: 145%; text-align:left; color: #036;  margin-bottom:6px;  -webkit-font-smoothing: antialiased; text-shadow: 0px 0px 1px #666; -webkit-text-shadow: 0px 0px 1px #666;  -moz-text-shadow: 0px 0px 1px #666; font-weight: 400; line-height:1.4; }
.main-title .span3 { font-size: 105%; text-transform: uppercase; font-weight: normal; color: #848383; line-height:1.0; }

/*dla obowiazku informacyjnego - zadania publiczne*/
.zadaniamain-title { position: relative; width:95%; border-left: solid 5px #999; padding-left: 10px; color: #333; margin: 20px 10px 20px 10px; font-weight: normal; text-transform: uppercase; line-height: 1.1; top: 0; }
.zadaniamain-title span { display: block;  font-weight:bold; margin-bottom:20px; }
.zadaniamain-title a { color: inherit; }
.zadaniamain-title span { margin-bottom: 0;}
.zadaniamain-title .span1 { font-size: 100%; color:#999; margin-bottom:6px;  }
.zadaniamain-title .span2 { font-size: 130%; text-align:left; color: #036;  margin-bottom:6px;  -webkit-font-smoothing: antialiased; text-shadow: 0px 0px 1px #666; -webkit-text-shadow: 0px 0px 1px #666;  -moz-text-shadow: 0px 0px 1px #666; font-weight: 400; line-height:1.4; }
.zadaniamain-title .span3 { font-size: 90%; text-transform: uppercase; font-weight: normal; color: #848383; line-height:1.0; }
.zadaniamain-title .span4 { font-size: 90%; text-transform: uppercase; font-weight: 600; color: #000000; line-height:2.0;  }
.zadaniamain-title  .btn-lg {font-size: 90%;;  }

/*................................................*/

/* FILTR DLA ODDZIAŁÓW I DOMÓW POLONII STOWARZYSZENIA   pełna wersja : https://bootsnipp.com/snippets/r1Z7d  */
.row.is-flex { display: flex; flex-wrap: wrap; }
.row.is-flex > [class*='col-'] { display: flex; flex-direction: column; }

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 10px; margin-bottom:10px;  
	
}
/* KONIEC  FILTR DLA ODDZIAŁÓW I DOMÓW POLONII STOWARZYSZENIA */


/* PUBLIKACJE PREZENTACJA OKŁADEK   https://miketricking.github.io/bootstrap-image-hover/  */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin-bottom:20px;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.3);  /* PRZEZROCZYSTOŚĆ PRZY HOVER  */
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


/* 7036 */
/* Carousel Fading slide    https://codepen.io/redfrost/pen/QwWMwb  */
#7036 { background: url('http://wspolnotapolska.org.pl/system/img/orzel_opacity70_2.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

#main-slider { margin: 0 auto; text-align:center;      }

.item {margin: 0 auto; text-align: center; }

.carousel-fade .carousel-inner { /* background: #000; */text-align: center; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

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

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




/* Carousel Control custom */

.carousel-indicators {
  left: 90%;
}

.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  }

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
  }
/* KONIEC 7036 ..............................................................................*/



/* SPOLECZNOSCIOWE WYSUWANE */

#like-box {
	position: fixed;
	z-index: 99;
	top: 100px;  /* jego polozenie od gory */
	right: -390px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: right 0.5s ease-out;
	-moz-transition: right 0.5s ease-out;
	-o-transition: right 0.5s ease-out;
	transition: right 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover { right: 0px; }
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: right;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside { position: relative; z-index: 2; background: #fff;}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: right;
	width: 120px; 
	height: 60px;
	padding: 10px 20px 10px 20px;
	margin: 50px -45px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 90%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* END SPOLECZNOSCIOWE WYSUWANE */


/* KLAWISZ DO GÓRY */
#scroll-to-top { display:none; position:fixed; bottom:130px; right:20px; opacity:1; }
#scroll-to-top .fa {font-size: 320%; color: #337ab7;  }
#scroll-to-top:hover {opacity:0.8; }
/* KLAWISZ DO HOME */
#to-home { position:fixed; bottom:60px; right:20px; opacity:1; }
#to-home .fa {font-size: 320%; color: #337ab7;  }
#to-home :hover {opacity:0.8; }



@media only screen and (min-width: 768px) and (max-width : 1199px) 
{
body {font-size: 15px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;   }
h1 {font-size: 1.2em; }
h2 {font-size: 1.2em; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.0em; }
h5 {font-size: 0.8em; }
 #pai img{max-height: 200px; }
 #painews img{max-height: 180px; }
.foto_polonia { padding: 2px; max-width:300px; max-height:230px; object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }
.foto { padding: 2px; max-width:340px; min-width:340px; max-height:220px; min-height:220px; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }

.painews img {  display: block;  position: relative;  max-width: none;  width: calc(100% + 20px);
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-height:200px;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
}

}

@media only screen and (min-width: 480px) and (max-width : 767px) 
{
body {font-size: 15px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;   }
h1 {font-size: 1.2em; }
h2 {font-size: 1.2em; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.0em; }
h5 {font-size: 0.8em; }
.foto_polonia { padding: 2px; max-width:300px; max-height:230px; object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }

.painews img {  display: block;  position: relative;  max-width: none;  width: calc(100% + 20px);
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-height:150px;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
}
#painewsglowna .main-title .span2 { font-size: 1.0em; }
}
 
@media only screen and (min-width: 321px) and (max-width : 479px) 
{
body {font-size: 14px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;   } 
h1 {font-size: 1.2em; }
h2 {font-size: 1.2em; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.0em; }
h5 {font-size: 0.8em; }
.img {max-width: 100%; height:auto; }
.foto_polonia { padding: 2px; max-width:50%;  object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }
.foto_polonia_duze { padding: 4px; max-width:100%; max-height:auto;  object-fit: cover; margin: 2px auto; /* padding-bottom:0px; */}
.foto { padding: 2px; max-width:280px; max-height:auto; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }

.painews img {  display: block;  position: relative;  max-width: none;  width: calc(100% + 10px);
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
max-height:150px;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
}
#painewsglowna .main-title .span2 { font-size: 1.0em; }
}
 
 
@media only screen and (max-width : 320px)
{
body {font-size: 13px;  color: #000;  overflow-x: hidden; -webkit-font-smoothing: antialiased;  line-height: 1.4; text-align:justify;   }
h1 {font-size: 1.2em; }
h2 {font-size: 1.2em; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.0em; }
h5 {font-size: 0.8em; }
.img {max-width: 100%; height:auto; }
.foto_polonia { padding: 2px; max-width:100%; object-fit: cover; margin: 2px;  /*auto;  padding-bottom:0px; */  }
.foto_polonia_duze { padding: 4px; max-width:100%; max-height:auto;  object-fit: cover; margin: 2px auto; /* padding-bottom:0px; */}
.foto { padding: 2px; max-width:280px; max-height:auto; object-fit: cover; margin: 2px; display:inline-block; line-height: 1.42857143; height:auto;    }

.painews img {  display: block;  position: relative;  max-width: none;  width: calc(100% + 10px);
    /*  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;  */
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
max-height:100px;
  margin: 0 auto; padding-bottom:0px; object-fit: cover;
}
#painewsglowna .main-title .span2 { font-size: 1.0em; }
}

#dzienpolonii2020 img { max-height: 400px;  max-width: 350px; padding-bottom: 20px; padding-left: 10px; margin: 0 auto;  }