/*!
 * Start Bootstrap - Resume v5.0.1 (https://startbootstrap.com/template-overviews/resume)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
 */
 
 body{font-family: 'Fira Sans', sans-serif; padding-top:54px; color:#3d3d3d; background:#fff; position: relative}
 .clear {clear: both;overflow: hidden;height: 1px; margin-bottom:20px}
 	a{color:#001d77}
	a:active,a:focus,a:hover{color:#275d05; text-decoration:none}
	
	a:active,a:focus,a:hover span{color:#275d05; text-decoration:none}
 
 
 /*---foto--*/
.fotoleft {float:left; border:10px solid #f3f3f3; width:150px; margin:0px 10px 5px 0px; display:block}

.fotocenter {border:10px solid #f3f3f3; width:80%; }

#aktualnosci .fotoleft {border-radius:100%}
#aktualnosci .resume-content ul  li {margin-left:16%; }


/*---img[src="img/rejestracja.png"], img[src="img/aplikacja_logowanie.png"] {-webkit-filter: grayscale(100%); filter: grayscale(100%);}--*/






/*--bloki--*/


.div_left {
display:block;
float:left;
width:100%;
clear:none;
}

.div_right {
display:block;
float:left;
width:100%;
clear:none;
}

.div_left_kalendarz {
display:block;
float:left;
width:100%;
clear:none;
}

.div_right_kalendarz {
display:block;
float:left;
width:100%;
clear:none;
}


/*----WCAG----*/

section:nth-child(1) {position:relative}

.head_wcag {
	overflow:hidden;
	display:block; 
	clear:none; position:absolute; top:10px; width:95%}
	
.head_wcag_left {
	width:65%;
	float:left;
	overflow:hidden;
	display:block;
}
	
	.head_wcag_left img {height:55px;}

.wcg {width:35%;
	float:left;
	overflow:hidden;
	display:block;
	text-align:right; padding-top:15px}

.wcg img {width:25px; height:25px; background:#fff; border-radius:50%; border:0px; margin-right:10px }

.wcg button {border:0px; background:transparent; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}



/*---mapa--*/
.mapa {
width:100%;
position:relative
}

.mapa .foto_mapa{
width:100%;
z-index:0
}

.mapa a img {
z-index:1;
position:absolute;
width:20px;
opacity:1.00; 
filter:alpha(opacity=100);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}

.mapa a img:hover {
opacity:1; 
width:23px;
filter:alpha(opacity=70);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}

.mapa a img#mapa_0 { /*---polska--*/
top:49%;
right:29%;
}


.mapa a img#mapa_1 { /*---bułgaria--*/
top:74%;
right:19%;
}

.mapa a img#mapa_2 {/*---chorwacja-*/
top:71%;
right:36%;
}

.mapa a img#mapa_3 { /*---cypr--*/
top:93%;
right:7%;
}

.mapa a img#mapa_4 { /*---finlandia--*/
top:21%;
right:21%;
}

.mapa a img#mapa_5 { /*---francja--*/
top:61%;
left:34%;
}

.mapa a img#mapa_6 { /*---grecja--*/
top:83%;
right:25%;
}

.mapa a img#mapa_7 {/*---wlochy-*/
top:72%;
right:46%;
}

.mapa a img#mapa_8{ /*---portugalia--*/
top:72%;
left:10%;
}

.mapa a img#mapa_9{ /*---hiszpania--*/
top:72%;
left:10%;
}

.mapa a img#mapa_10{ /*---irlandia*/ , 
top:76%;
left:19%;
}

.mapa a img#mapa_11{/*---slowenia-*/
top:66%;
right:38%;
}

.mapa a img#mapa_12 { /*---belgia--*/
top:50%;
left:41%;
}

.mapa a img#mapa_12 { /*---litwa*/
top:50%;
left:41%;
}

.mapa a img#mapa_13 { /*---hiszpania*/
top:31%;
right:20%;
}



.mapa a img#mapa_14 {/*---węgry-*/
top:63%;
right:30%;
}



#sideNav{z-index:2000;}


.button_more {
	font-size:12px;
	background:#001d77; 
	color:#fff; 
	letter-spacing: 0px;
	padding:10px 10px 10px 10px; 
	border-radius:20px; 
	display:block; 
	width:30%; 
	font-size:14px; 
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
} 


.button_more:hover {
	font-size:12px;
	background:#275d05; 
	color:#fff; 
	letter-spacing: 4px;
	padding:10px 10px 10px 10px; 
	border-radius:20px; 
	display:block; 
	width:60%; 
	font-size:14px; 
	margin:0 auto;
	text-align:center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
} 

.button_more a {
	color:#fff; }

.logogus {text-align:center; padding-top:50px;}
.logogus img {width:300px}




/*---publikacje--*/

#publikacje {margin:auto; padding:0px 0px}
  
  
  #publikacje ul{
-moz-column-count: 3;
 -moz-column-gap: 5px;
 -webkit-column-count: 3;
 -webkit-column-gap: 5px;
 column-count: 3;
 column-gap: 5px;
 list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
  
 
#publikacje ul li {
display: inline-block; 
 margin: 5px 10px 5px 10px;
 padding: 10px 10px 10px 10px;
 width: 100%; 
text-align:center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   
}
  
  
  #publikacje ul li img {
	  width:70%; margin:auto; text-align:center; 
    -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:10px solid #f3f3f3; border-radius:100%
   }
  
 #publikacje ul li:hover img {
  -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
opacity:1.00; filter:alpha(opacity=100);
border:10px solid #f3f3f3; border-radius:100%
}






#publikacje_m {margin:auto; padding:0px 0px}
  
  
  #publikacje_m ul {

 list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 -webkit-column-break-inside: avoid;
-webkit-backface-visibility: hidden;
clear:none;
display:block;
width:100%;
overflow:hidden
}
  
 
#publikacje_m ul li {
float:left; 
display:block;
 padding: 10px 10px 10px 10px;
 width: 30%; 
text-align:center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   
}
  
  
  #publikacje_m ul li img {
	  width:50%; margin:auto; text-align:center; 
    -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:10px solid #f3f3f3; border-radius:100%
   }
  
 #publikacje_m ul li:hover img {
  -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
opacity:1.00; filter:alpha(opacity=100);
border:10px solid #f3f3f3; border-radius:100%
}




  ul#materialy {
 list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

  ul#materialy li {
  overflow:hidden;
	display:block; 
	clear:none;}
ul#materialy li img {
	float:left;
	border:5px solid #f3f3f3; 
	width:80px; margin:0px 10px 5px 0px; 
	display:block; 
	border-radius:100%;
	vertical-align:middle;}


	
	ul#materialy_testy {
  list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
ul#materialy_testy li  {
	padding: 10px 10px; margin-bottom:10px; font-size:14px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}




ul#materialy_testy img {width:30px; margin-right:5px; vertical-align: middle}




	.publikacje2 {
clear:none;
display:block;
overflow:hidden;
padding-bottom:10px;
padding-top:10px;
font-size:12px; color:#3d3d3d;
border-bottom:1px solid #f8f8f8;
}

.publikacje2  b  {
font-size:14px;
color:#3d3d3d;
}

.publikacje2 p {
width:50%; 
float:left
}

.publikacje2 img {
width:60px; 
margin-top:0px;
margin-right:10px;
padding:10px 10px 10px 10px;
border:1px dashed #999;
opacity:0.80; filter:alpha(opacity=80);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius:0%;
}

.publikacje2 img:hover {
border:1px dashed #004494;
opacity:1.00; filter:alpha(opacity=100);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius:20%;
}

.publikacje2 #brak,  .publikacje2 #brak:hover {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	opacity:0.30; filter:alpha(opacity=30);
	border:1px dashed #999;
}

/*----harmonogram--*/


ul#start_daty  {

  list-style-type: none;
 padding-left:15px;
margin-left:20px;
 border-left:4px solid #001d77;
}

#start_daty  span {
display:block;
color:#001d77;
font-size:19px;
line-height:22px;
padding:-5px 10px 0px 0px;
font-weight:bold
}

#start_daty li {
	margin:20px 0 20px 0; 
	padding-left:15px;
	list-style-type: square;
 list-style-image: url('../img/dot.png');

	}
	




	

/*---footer--*/

footer {
	text-align:center; 
padding:20px 0px;

}




 
 @media (min-width:992px){
	 body{padding-top:0;padding-left:17rem}}
	 
	 
	 h1,h2,h3,h4,h5,h6{font-family: 'Fira Sans', sans-serif; font-weight:700;text-transform:uppercase;color:#001d77}
	 h1{font-size:2rem;line-height:5.5rem}
	 h2{font-size:1.9rem}
	 h3{font-size:1.2rem}
	 #materialy h3 {font-size:1rem; margin-top:10px}
	 h4{font-size:0.8rem; color:#3d3d3d; font-weight:normal; text-transform:none; margin-top:5px;}
	 p.lead{font-size:1.15rem;font-weight:400}
	 
	 .subheading{text-transform:uppercase;font-weight:500;font-family: 'Fira Sans', sans-serif;font-size:1.5rem}
	 
	 .social-icons a{
		 display:inline-block;height:3.5rem;width:3.5rem;
		 background-color:#001d77;color:#fff!important;border-radius:100%;
		 text-align:center;font-size:1.5rem;line-height:3.5rem;margin-right:1rem;
		 -webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);}
	 .social-icons a:last-child{margin-right:0}
	 .social-icons a:hover{
		 background-color:#bed600;
		 -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		 }
	 .dev-icons{font-size:3rem}
	 .dev-icons .list-inline-item i:hover{color:#001d77}
	 #sideNav .navbar-nav .nav-item .nav-link{font-weight:800;letter-spacing:.05rem;text-transform:uppercase}
	 #sideNav .navbar-toggler:focus{outline-color:#d48a6e}
	 
	 @media (min-width:992px){
	#sideNav{text-align:center;position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:17rem;height:100vh}
	 #sideNav .navbar-brand{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto auto 0;padding:.5rem}
	 #sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid rgba(255,255,255,.2)}
	 #sideNav .navbar-collapse{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;margin-bottom:auto}
	 #sideNav .navbar-collapse .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}
	 #sideNav .navbar-collapse .navbar-nav .nav-item{display:block}
	 #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block}}section.resume-section{padding-top:5rem!important;padding-bottom:5rem!important;max-width:75rem}section.resume-section .resume-item .resume-date{min-width:none}
	 
	 @media (min-width:768px){
		 section.resume-section{min-height:100vh}
		 section.resume-section .resume-item .resume-date{min-width:18rem}
		 
.div_left, .div_left_kalendarz {
display:block;
float:left;
width:50%;
clear:none;
}

.div_right, .div_right_kalendarz {
display:block;
float:left;
width:50%;
}


		 }
		 
	@media (min-width:992px){
		section.resume-section{padding-top:3rem!important;padding-bottom:3rem!important}
		}
		
		.bg-primary {background-color:#001d77}
		.text-primary{color:#001d77!important}
	

		
	@media (max-width:700px){		
	
  #publikacje ul {
-moz-column-count: 2;
 -moz-column-gap: 10px;
 -webkit-column-count: 2;
 -webkit-column-gap: 10px;
 column-count: 2;
 column-gap: 10px;
 list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.head_wcag_left {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	display:block;
	clear:none;
	text-align:center;}

	.head_wcag_left img {height:40px;}


.wcg {
	width:100%;
	float:left;
	margin:0 auto;
	overflow:hidden;
	display:block;
	text-align:center; padding-top:5px}
	
	
h1.mb-0 {font-size: 35px; line-height: 36px; }

.fotoleft {float:left; border:10px solid #f3f3f3; width:30%; margin:0px 10px 5px 0px; display:block}
#aktualnosci .resume-content ul  li {margin-left:32%; }

.button_more {width:70%}
.button_more:hover {width:95%}


.publikacje2 p {
width:99%; 
float:left
clear:none;
}

.publikacje2 img {
width:40px; 
margin-right:5px;
padding:5px 5px 5px 5px;}


	}		
		

	@media (max-width:400px){		
	
  #publikacje ul, #publikacje_m ul{
-moz-column-count: 1;
 -moz-column-gap: 10px;
 -webkit-column-count: 1;
 -webkit-column-gap: 10px;
 column-count: 1;
 column-gap: 10px;
 list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.fotoleft {float:none; border:10px solid #f3f3f3; width:80%; margin:10px auto; display:block; clear:none}
#aktualnosci .resume-content ul  li {margin-left:1%; }

.d-block {font-size:13px}

h1.mb-0 {font-size: 23px; line-height: 23px; }

.head_wcag_left img {height:30px;}
.wcg img {width:20px; height:20px;}

.button_more {width:70%}
.button_more:hover {width:95%}


	}
	
section#zadanie b{
	color: #001d77;
	
}

section#zadanie span{
	color: #001d77;
	font-weight: bold;
}

.link a{
	display: block;
	background-color: #001d77;
	color: #ffffff;
	text-align: center;
}

.link a:hover{
	text-decoration: underline;
}