@charset "utf-8";
/* CSS Document */
/* DESIGN SYSTEM - NAGŁÓWKI TREŚCI I KOLORY */
body, td, th {
	/* font-family: Lato, sans-serif; */
	font-family: Rubik, Lato, sans-serif;
	font-size: 15px;
	line-height: 21px;
	/*letter-spacing: -0.2px;*/
	margin: 0;
	padding: 0;
}

body{
	background-color: #fbfbfb;
}

h1 {    font-weight: 300;    font-size: 36px;    line-height: 38px;}	
h2 {    font-size: 20px;    font-weight: 300;       line-height: 24px;}	
h3 {    font-size: 24px;    font-weight: 600;        line-height: 29px;}	
h4 {    font-size: 21px;    font-weight: 600;        line-height: 29px;}	
h5 {    font-size: 30px;    font-weight: 600;        line-height: 29px;   padding: 0px;    margin: 20px 0px 20px 0px;}	
h5 {    font-size: 30px;    margin-top: 10px;    margin-bottom: 10px;    font-weight: 500;    line-height: 30px;    margin-bottom: 15px;}

h1, h2, h3,h4,h5 {
/*	padding: 0px 0px 10px 0px;*/
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;  
	margin: 0px;
}


h1 a:link ,h1 a:visited,h1 a:hover,h1 a:active,  
h2 a:link ,h2 a:visited,h2 a:hover,h2 a:active, 
h3 a:link ,h3 a:visited,h3 a:hover,h3 a:active{ 	
    text-decoration: none;
    color: #000000;
}

.hamburger_menu a, .hamburger_menu a:link ,.hamburger_menu a:visited,.hamburger_menu a:hover,.hamburger_menu a:active {
    color: #fff;
    text-decoration: none;
}


.linjki2 {    min-height: 60px;}
.blok_prawy_opis {
    float: right;
    position: relative;
    top: 30px;
}

.infromacyjne {
    padding-top: 5px;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.button {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
	margin: 10px 0px 10px 0px;
	padding:  14px 20px 14px 20px !important;
}	

.round_button {
    height: 40px;
    color: rgba(255, 255, 255, 0.55) !important;
    border: 1px solid rgba(158, 156, 156, 0.5);
    border-radius: 50px;
    padding: 5px 13px 5px 14px;
    margin-right: 12px;
    line-height: 50px;
    text-decoration: none;
	white-space: nowrap;
}
.round_button a:link{
    color: rgba(255, 255, 255, 0.55) !important;
   text-decoration: none;
}

.buttonWhite3 {
	border:1px solid #ffffff;	
	color:#000 !important;
	background: #ffffff;
}





strong{letter-spacing: 0.5px;}

.profesore_tresc img{
    padding-right: 30px;
    padding-bottom: 20px;
    float: left;
    position: relative;
    top: 5px;
}
.profesore_tresc p {
    padding-top: 0px;
    margin-top: -1px;
}
.profesore_tresc2 img {
    padding-right: 20px;
    padding-bottom: 10px;
    float: left;
}

.profesore_tresc{
    position: relative;
    top: -5px;
}


.autorski_program {
   /* height: 20px;
    overflow: visible;*/
}


.praktyki-loga img {width: 100%;}

/* KOLORY  ---------------------------------------------------------------------*/
.box_white {    background-color: #FFF;    color: #000;}
.box_black {    background-color: #000;    color: #FFF;}	


.box_white a , .box_white a:link ,.box_white a:visited,.box_white a:hover,.box_white a:active { 	
    color: #000000;	text-underline-offset: 4px; text-decoration-color: #0008; text-decoration-thickness: 1px;} 
	
.box_black a , .box_black a:link ,.box_black a:visited,.box_black a:hover,.box_black a:active { 	
    color: #fff;	text-underline-offset: 4px; text-decoration-color: #fff8; text-decoration-thickness: 1px;} 
	
.buttonBlack {    border: 1px solid #000;    color: #000 !important;font-size: 16px;}
.buttonWhite{	border: 1px solid #fff;	color: #fff !important; font-size: 16px;}

.buttonWhite:hover {	background-color:#ffffff;	color:#000 !important;}
.buttonBlack:hover {	background-color:#000;	color:#fff !important;}

.buttonWhite3:visited {    text-decoration: none;	color:#000 !important;    /* color: #111; */}
.buttonWhite3:hover {	border:1px solid #ffffff;		background-color:#272324;	color:#fff !important;}

.box_grey2 {    background-color: #e6e6e6;    color: #000;}
.box_blue2 {    background-color: #00aeef;    color: #FFF;}

.box_grey3 {    background-color: #333;    color: #fff;}
.box_grey4 {    background-color: #eee;    }
.box_grey5 {    background-color: #312e3b;    color: #fff;}

.box_white2 {    background-color: #fbfbfb;    color: #000;}
.box_yellow {    background-color: #ffc71f;}
.box_violet2 {    background-color: #C7B9FF;}
.box_violet8 {    background-color: #ad80fb;    color: #000;}


.box_kol_s1 {    background-color: #bda7a7;}
.box_kol_s2 {    background-color: #294755;}
.box_kol_s3 {    background-color: #3d2431;}
.box_kol_s4 {    background-color: #e2e6e9;}
.box_kol_s5 {    background-color: #054f5b;}
.box_kol_s6 {    background-color: #3d2431;}

.color_lightred {    background-color: #df828d;}
.color_lightorange {    background-color: #e7ab2f;}
.box_black3 {    background-color: #272324 !important;    color: #FFF;}
.box_black4 {background-color: #111;}
.box_white3{	background-color:#f8f8f8;	color:#000;	}
.box_white4{	background-color: #E6E6E6;}
.box_green7 {    background: #2D5954;    color: #E6E6E6;}
.color_lightpurple {    background-color: #9394d4;}
.color_lightgreen {    background-color: #79b253;}
.color_lightgray {   background-color: #aeaea6;}

.napis_yellow{color:#ffc71f;}
.proces_wybrany {
    color: #000000;
    background-color: #ffc71f;
    position: relative;
    left: -30px;
    padding: 0px 30px 20px 30px;
    width: calc(100% + 0px);
}
.wyslij_zgloszenie {
    color: #fff !important;
    background-color: #000000;
    border: 1px solid #000 !important;
}

.box_green2 {
    background-color: #94c160; 
    color: #FFF;
}


.color_blue2 {color:#00aeef;}
.kreska_blue2 {border-bottom: 1px solid #00aeef;}

.box_pink {    background-color: #F4D5D0;    background-color: #f1d0cf;    /* color: #502402; */}
.box_spring_green { background-color: #e3f3b4; }
.box_violet {    background-color: #28005E;    }
.buttonPink, .buttonPink a, .buttonPink:visited, .buttonPink:hover, .buttonPink:link, .buttonPink:active  {	    color: #502402 !important;    border: 1px solid #502402;}


.buttonBlack4 {
	background-color:#000;
	color:#ffc71f !important;
}

.buttonBlack4:hover {
	border:1px solid #000;
	background-color:#ffc71f;
	color:#000 !important;
	
}

.buttonBlack5 {
	background-color:#000;
	color:#ffffff !important;
}

.buttonBlack5:hover {
	border:1px solid #000;
	background-color:#ffffff;
	color:#000 !important;
	
}

/* GRID  ---------------------------------------------------------------------*/

.top_opis {
	padding: 30px;
}
.dolny_grid {
    display: grid;
    grid-template-columns: 33.333333% 33.333333% 33.333333%;
    grid-template-rows: auto;
}
.zalaczniki_grid{
	 display: grid;
    grid-template-columns: 50% 50%;
	grid-column-gap: 15px;
    grid-template-rows: auto;    
}
.program_grid{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;    
}
.na4_grid{
  display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto;    	
}
.stopka_grid {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto;
	line-height: 32px;
    font-size: 14px;
}	
.firmy_grid {
    display: grid;
    grid-template-columns: 16.666666% 16.666666% 16.666666% 16.666666% 16.666666% 16.666666%;
    grid-template-rows: auto;
    border-left: 1px solid #0002;
    border-top: 1px solid #0002;
}

.firmy_grid .grid_box {
    padding: 30px;
    border-bottom: 1px solid #0002;
    border-right: 1px solid #0002;
}

.stopka_grid a {	text-underline-offset: 4px !important;	text-decoration: none;}
.stopka_grid a:hover {	text-decoration: underline wavy yellow;}
	
.grid_box {    padding: 30px;}	
.grid_13 {    padding: 30px;}
.grid_23 {	grid-column: span 2;    padding: 30px;}
.grid_33 {	grid-column: span 3;   }
.grid_mini_zapisz {
	display: grid;
	grid-template-columns: 60% 40%;
}
.doprawej{float: right;text-align: right;}

.grid_23 img{
	width: calc(100% + 60px);
	position: relative;
	top: -30px;
	left: -30px;
}	


.box_2high{		grid-row: span 2;	}	
.box_3high{		grid-row: span 3;	}	
	
.box_high {  /*  grid-row-start: 1;    grid-row-end: 3;    grid-column-start: 3;    grid-column-end: 4;*/
	grid-row: span 2;}
	

.podpis_pod_img{ 	position: relative;    top: -70px;    color: #fff;    float: right;}	/* podpis autora na zajawce galerii  */

.grid-bloczkowy{
	padding: 0px 30px 30px 30px;
	position: relative;
}




/* medium view */
@media (max-width:1000px)  { 
	.dolny_grid {	
		 display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto;
	}
	.stopka_grid {
    	grid-template-columns: 50% 50%;
	}	
}	
	
/* telefon */
@media (max-width:600px)  { 
	.dolny_grid {	
	/*	display: inline-block;*/
		grid-template-columns: 100%;
		display: inline-block;
	}
    .program_grid{
        display: inline-block;
		grid-template-columns: 100%;
    }
	.stopka_grid {
    	grid-template-columns: 100%;
	}	
    
    .firmy_grid {
        grid-template-columns: 50% 50%;
    }
	.grid_13 {grid-column: 1;}
}	
	

/*	TOP MENU ----------------------------------------------------- SPORY KAWAŁ CSSA  */

.all-wrap{
		overflow: hidden;
		max-width: 1440px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
	}
.top{
	font-size: 14px;
	position: relative;
}	

	
.logo1 {
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 310px;
    position: fixed;
	z-index: 10;
}
.logo1 img{
	width: 305px;
}
.menu1 {
    margin-left: 0px;
    margin-bottom: 5px;
    position: absolute;
    top: 75px;
    width: 100%;
    left: 0px;
    z-index: 101;
}
	
.menu_but {
    display: inline-block;
    padding-right: 30px;
    padding-bottom: 15px;
    position: relative;
    left: 30px;
}
.menu1 a , .menu1 a:link, .menu1 a:visited, .menu1 a:hover, .menu1 a:active  {
	text-decoration: none;
	color: #FFFFFF;
}
.login_konto a , .login_konto a:link, .login_konto a:visited, .login_konto a:hover, .login_konto a:active  {
	text-decoration: none;
	color: #FFFFFF;
}	
.login_przyklejony a, .login_przyklejony a:link, .login_przyklejony a:visited, .login_przyklejony a:hover, .login_przyklejony a:active  {
	text-decoration: none;
	color: #000000;
}	


.menus_rozwijany a, .menus_rozwijany a:link, .menus_rozwijany a:visited, .menus_rozwijany a:hover, .menus_rozwijany a:active  {
	text-decoration: none;
	color: #000000;
}	



.kreski_pod_menu {
    border-bottom: 1px solid #fff8;
}
.kreska_navi {
    border-bottom: 3px solid #fff;
    width: 54px;
    position: relative;
    left: -60px;
    margin-bottom: 1px;
	/* ANIMACJA */
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.top_naglowek {
    padding: 117px 30px 10px 30px;
}

.menu1_dolne {
    padding: 0px;
    margin: 0px;
    background: #fff;
    color: #000;
    height: 0px;
    position: relative;
    overflow: hidden;
    width: calc(100% - 0px);
    max-width: 1440px;
	min-width: 750px;
	z-index: 100;
	
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.menu_dolne_inside {
    margin-top: 10px;
    position: relative;
    /*left: 350px;*/
	left: 0px;
}
.m_roz_1 { position: absolute;	left: 30px;		display: none;}
.m_roz_2 { position: absolute;	left: 119px;	display: none;}
.m_roz_3 { position: absolute;	left: 264px;	display: none;}
.m_roz_4 { position: absolute;	left: 334px;	display: none;}
.m_roz_5 { position: absolute;	left: 438px;	display: none;}
	
.menus_rozwijany {
    height: 20px;
    padding-top: 10px;
}
.zaslonka_top_menu {
    background: #ff00;
    width: 100%;
    max-width: 1440px;
    height: 100%;
    height: 500px;
    position: fixed;
    top: 280px;
    z-index: 300;
}
.login_konto {
    position: absolute;
    right: 30px;
    top: 26px;
    z-index: 10;
}
/*menu pionowe */	
.menu1{
	 overflow: auto;
  	white-space: nowrap;
	
}	

/* Hide scrollbar for Chrome, Safari and Opera */
.menu1::-webkit-scrollbar {
  display: none;
}

.topline2::-webkit-scrollbar {
  display: none;
}	
	
/* Hide scrollbar for IE, Edge and Firefox */
.menu1 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}	
	
.kreski_pod_menu {
    border-bottom: 1px solid #fff8;
    width: calc(100% + 0px);
    position: relative;
    left: 0px;
    overflow: visible;
	min-width: 750px;
	max-width: 1440px;
}
	
.menu_topline{
	position: relative;
}	
	
.dolne_tresci {
    position: relative;
    top: 0px;
    z-index: 2;
}
.zasloniety_top {
    width: 100%;
    background: #fff;
    position: fixed;
    z-index: 110;
    height: 0px;
    overflow: hidden;
	max-width: 1440px;
	border-bottom: 1px solid #fff0;
	border-bottom: none;
	
	/*
	-ms-overflow-style: none;
    scrollbar-width: none;
	*/
	
	-webkit-transition: 0.1s ease-out;
    -moz-transition: 0.1s ease-out;
    -o-transition: 0.1s ease-out;
    transition: 0.1s ease-out;
}
.apla_top_mobile {
	display: none;
	background: #fff;
	position: absolute;
	z-index: 108;
	width: 100%;
	height: 122px;
}
.logo2 {
    position: absolute;
}
.topline2 {
    color: #000;
    font-size: 14px;
    position: absolute;
    top: 26px;
    left: 352px;
	width: 100%;
	
	overflow: auto;
	white-space: nowrap;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}	
	
.zaslonka_top_menu{
	/*
	-ms-overflow-style: none;  
	scrollbar-width: none;  */
}	
.topline2 a:link {
	color: #000;
	text-decoration: none;
}
.topline2 a:visited, .topline2 a:hover, .topline2 a:active  {
	text-decoration: none;
	color: #000;
}
.kreska_na_topie {
    border-bottom: 3px solid #00aeef;
    top: 62px;
}
.login_przyklejony{
		position: absolute;
		right: 30px;
		top:26px;
		font-size: 14px;
}	
.zaloguj_napis{display: inline-block;}	
	
.kreska_mobile {
  background: #fff0;
    height: 3px;
    left: 30px;
    /* border: none; */
    z-index: 200;
    width: 58px;
}

.menu1	{overflow: hidden;top:75px;}		
	
@media (max-width:580px)  { 
	.zaloguj_napis{display: none;}	
	.topline2{top:80px;left:0px;}
}

@media (max-width:500px)  { 
	.logo1 img{width:260px;padding-top: 4px;}	
	.logo2 img{width:260px;padding-top: 4px;}	
	.topline{	-ms-overflow-style: none;  
	scrollbar-width: none; }
	.kreska_na_topie {    top: 110px;}
	.top_naglowek { padding: 250px 30px 10px 30px;}
	.zasloniety_top{height: 120px;}
	.menu_topline{/*background: #fff;*/}
	.top{/*background: #fff;*/}
	.kreska_na_topie{display: none;}
	.kreska_mobile{background: #00aeef;}	
	
	.zasloniety_top {	border-bottom: 1px solid #fff0;}
	
	.kreski_pod_menu {    display: none;}
	.menu1_dolne {    padding-top: 10px;}
	
	.apla_top_mobile {	display: block;}
	
}	

/*	TOP MENU KONIEC DOPIERO  ----------------------------------------------------- SPORY KAWAŁ CSSA  */


/* MENU DOLNE HAMBURGER ------------------------------------------------------------------ */	


.srodek{max-width: 1440px;margin-left: auto; margin-right: auto;width: 100%;background-color: #fff;}	
.hamburger {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 500;
	width: 40px;
    height: 40px;
	overflow: hidden; 
	background: #fff6;
}

.zaloguj_na_ham {
    position: absolute;
    top: 25px;
    right: 30px;
    z-index: 303;
}

	.tresci{width: 100%;
    overflow-x: hidden;
   /* overflow-y: scroll;*/
	}
	
	.srodek {
	/*	transform: perspective(400px) rotateY(45deg);
		perspective-origin: 25% 75%;*/
	}

	.full-menu {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	display: none;
		z-index: 300;
    /* background-image: url(_m/maska-hamburger.png); */
}
.maska {
    color: #fff;
    background-image: url(../_m/maska-hamburger11.png);
    background-size: 800% calc(100% - 60px);
    background-position: 0 0;
    height: 100%;
    padding: 30px;
	overflow-y: scroll;
}
.logo_na_czarnym {    position: absolute;    top: 23px;    z-index: 300;}
.pod_logo_na_czarnym {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 299;
    background: #000d;
    width: 100%;
    height: 70px;
}

	#logo_hamburger{visibility: hidden;}	
	#pod_logo_hamburger{visibility: hidden;}	
	#hamburger_menu{visibility: hidden;}	
	#hamburger_but_anim	{		position: relative;		left: 0px; width: 40px; height: 80px; top: 0px;		-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;}
    #loguj_na_ham {visibility: hidden;}

.hamburger{display: none;}
	
	
@media (max-width:400px)  { 
	.hamburger{display: inline-block;}
}

.ham_roz {
    /* display: none; */
    font-weight: 200;
    padding: 9px 0px 0px 15px;
    /* text-transform: none; */
    color: #fffa;
    height: 21px;
    padding: 9px 0px 0px 15px;
    overflow: hidden;
    height: 0px;
    padding-top: 0px;
    
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.ham_top {
    text-transform: uppercase;
    padding-bottom: 18px;
    padding-top: 19px;
    letter-spacing: 1.4px;
    font-size: 14px;
    border-bottom: 1px #fff8 solid;
    font-weight: 600;
}
.plusik {
    display: inline-block;
    float: right;
    font-size: 16px;
}
/* ------------------------ TRESCI ------------------------*/
.underline a , .underline a:active , .underline a:hover , .underline a:link {
  border-bottom: 2px solid currentColor;
  display: inline-block;
  line-height: 0.85;
  text-shadow:
    2px 2px white,
    2px -2px white,
    -2px 2px white,
    -2px -2px white;
}


.image_in img {width: 100%;    padding-bottom: 20px;}
.big_img  img {width: calc(100% + 60px);position: relative;left: -30px;margin-bottom: 20px;}
.autorpodpis_glowna {
    position: absolute;
    top: 82px;
    right: -30px;
    float: right;
    font-size: 12px;
    z-index: 200;
    rotate: 90deg;
    color: #fff8;
}
.autorpodpis_pionowy{position: relative;top: 80px;right: -50px; float: right;font-size: 12px; rotate: 90deg;}

/* SLIDE IN - aktywny na scenie  ----------------------------------------------------------------------*/

.card {
 /* display: flex;*/
	width: 100%;
	overflow-x: hidden;
	max-width: 300px;
	overflow-y:hidden;
}

.slide-in-from-right {
  animation: 0.5s ease-out 0s 1 slideInFromSpaced forwards;
}

/* ANIMACJA TYLKO NA MOBILE */
@media (min-width:400px)  { 
	.slide-in-from-right {
  	animation:none;
	}
}



@keyframes slideInFromSpaced {
  0% {
   /* transform: translateX(50%);*/
	  letter-spacing:50px;
  }
  100% {
	  /*    transform: translateX(0); */
	  letter-spacing: 0px;
  }
}


/* MAPA */
.iframik_mapa {
    width: 100%;
    height: 800px;
    border: 0px;
    margin: 0px;
    overflow: hidden;
}
.grid-mapa {
    padding: 0px;
    margin: 0px;
}
/* TOPY ZE STAREJ STRONY */
.box_transparent {
    background: #0000;
}
.wid1 {
    width: 100%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    /* background: #462536; */
    /* background-image: url(../_g/_program_top.jpg); */
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}
.wid1b {
    width: 100%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    background: #462536;
    background-image: url(../_g/_program_top.jpg);
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}


.boxtop {
    width: 50%;
    float: left;
    padding: 30px;
}
.obrazek{
    position: relative;
}
.obrazkowy {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	min-height: 320px;
}
/* Szeroko NA MOBILE */
@media (max-width:600px)  { 
    .boxtop {
       /* width: calc(100% - 80px);*/
        float: left;
        padding: 30px;
    }
}
@media (max-width:360px)  { 
    .wid1 {
    width: 115%;
    }
}



.autorpodpis {
    position: relative;
    /* bottom: 1px; */
    top: 64px;
    right: -60px;
    font-size: 12px;
    float: right;
    color: #fff8;
    margin-right: 30px;
    margin-top: 20px;
    rotate: 90deg;
}

@media (max-width:600px)  { 
    .autorpodpis{
        display: none;
    }
     .boxtop {
        width: calc(100% - 60px);
        float: left;
        padding: 30px;
        /*background: #000a;*/
    }
    .pux1  .boxtop {
        background: #000a;
    }
}

.autorpodpis2 {
    position: absolute;
    top: 121px;
    /* right: -100px; */
    left: -73px;
    font-size: 12px;
    /* float: right; */
    color: #035060;
    background: #c6c9c8cc;
    /* background: #f00; */
    margin-right: 30px;
    width: 200px;
    rotate: -90deg;
    z-index: 41;
    padding: 0px 0px 0px 10px;
}

.autorpodpis2b {
    position: absolute;
    top: 106px;
    /* right: -100px; */
    left: -60px;
    font-size: 12px;
    /* float: right; */
    color: #035060;
    background: #c6c9c888;
    /* background: #f00; */
    margin-right: 30px;
    width: 180px;
    rotate: -90deg;
    z-index: 41;
    padding: 0px 0px 0px 5px;
}

.autorpodpis2c {
    position: absolute;
    bottom: 134px;
    /* right: -100px; */
    left: -88px;
    font-size: 12px;
    /* float: right; */
    color: #040001;
    background: #87ac9b88;
    /* background: #f00; */
    margin-right: 30px;
    width: 235px;
    rotate: -90deg;
    z-index: 41;
    padding: 0px 0px 0px 5px;
}

.autorpodpis3 {
    font-size: 12px;
    float: right;
    position: relative;
    top: -40px;
    color: #fff;
    right: 30px;
}

.autorpodpis4 {
    position: absolute;
    bottom: 120px;
    /* right: -100px; */
    left: -66px;
    font-size: 12px;
    /* float: right; */
    color: #000;
    /* background: #ff04; */
    margin-right: 30px;
    width: 200px;
    rotate: -90deg;
    z-index: 41;
}

.autorpodpis4b {
    position: absolute;
    bottom: 136px;
    /* right: -100px; */
    left: -87px;
    font-size: 12px;
    /* float: right; */
    color: #000;
    background: #fff4;
    margin-right: 30px;
    width: 240px;
    rotate: -90deg;
    z-index: 41;
    padding: 0px 0px 0px 5px;
}


.obrazek img{width:100%;object-fit: cover;  width: 100%;    max-height: 100%;}
.obrazek > img {
  object-fit: cover;
  width: 100%;
  max-height: 100%;
}
.top_sgk{
	background: #462536;
    background-image: url(../_g/_program_top.jpg);
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.obrazek__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pux1 {
    background-image: url(../_g/ux-top1b.jpg);
    background-color: #000;
    background-size: cover;
}
.pux1 h1 {
    font-size: 48px;
    line-height: 50px;
    margin: 10px 0px 10px 0px;
}
.m3_opcje {
    display: grid;
    grid-template-columns: 30px auto;
    row-gap: 3px;
    margin: 9px 0px;
}
.m3_opcje img {
    width: 22px;
    height: 22px;
    position: relative;
    top: -2px;
    left: 0px;
}

.dopelnij_top {
    width: 100%;
    /* float: left; */
    height: 100%;
}

.grid_ikonkowy {
    display: grid;
    grid-template-columns: 50px auto 50px auto 50px auto 50px auto 50px auto;
    grid-column: span 2;
    margin: 30px 30px 30px 10px;
    row-gap: 20px;
}

@media (max-width:1000px)  { 	
    .grid_ikonkowy {grid-template-columns: 50px auto 50px auto 50px auto; }
}

@media (max-width:800px)  { 	
    .grid_ikonkowy {grid-template-columns: 50px auto 50px auto ; }
}

@media (max-width:600px)  { 	
    .grid_ikonkowy {grid-template-columns: 50px auto ; }
}


.grid5_ico {
    margin-left: 20px;
}

.grid5_ico img {
    height: 22px;
}


.br1 {
    background-image: url(../_g/krzysztof-kozak_branding.jpg);
    background-color: #272324;
    background-size: contain;
    background-position: right;
    padding-bottom: 0px;
}
.br1 .boxtop{padding-bottom: 30px;}
.gd1 {
    background-image: url(../_g/grzegorz_pamula-duze.jpg);
    background-color: #000;
    background-size: contain;
    background-position: right;
}
.pies1 {
    float: right;
}
.pies1 img {
    width: 180px;
}
.pies2 {
    float: right;
    position: relative;
    left: -60px;
    top: -60px;
}
@media (max-width:600px)  { 	.pies2 {    left: 30px;    top: -80px;	}}
@media (max-width:500px)  { 	.pies2 {    left: 0px;    top: 10px;	}}
.pies2 img {
    width: 200px;
}

.autor_prog2{    float: left; }
.autor_prog2 img {width: 130px;padding-right: 25px;}
.autor_prog_opis2{}
.mobile_only{    display: none;    }
.mobile_hide{    display: inline-block;    }
@media (max-width:600px)  { 
    .mobile_only{     display:block;    }
    .mobile_hide{     display:  none;    }
}

.gpux6 {
    background-color: #000;
    background-image: url(../_g/game_design_5.jpg);
    min-height: 460px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.full_obraz img {
    width: calc(100% + 60px);
}


/*korekta siatki na wysokościach z obrazkami*/
.pr_bl1{position: relative;}
.pr_bl2{position: relative;}
.pr_bl3{position: relative;}
.pr_bl4{position: relative;top: 0px;}
.pr_bl4b{position: relative;top: -6px;}
.pr_bl5{position: relative;}
.pr_bl6{position: relative;top: -12px;}
.pr_bl6b{background-position: left center;}
.pr_bl7{position: relative;top: -12px;}
.pr_bl8{position: relative;}
.pr_bl8b{background-color: #fff;}

.pr_bl9 {position: relative;top: -18px;}
.pr_bl10{position: relative;top: -18px;}
.pr_bl10b{    background-color: #87ac9b;}

.pr_bl11{position: relative;top: -24px;}

.pr_xnbl1{position: relative;top: -24px;}


.pr_bl12{position: relative;top: -24px;}
.pr_bl13{position: relative;top: -30px;}
.pr_bl14{position: relative;top: -30px;}

.pr_bl4, .pr_bl4b, .pr_bl5, .pr_bl6, .pr_bl7, .pr_bl8, .pr_bl9, .pr_bl10, .pr_bl11, .pr_bl12, .pr_bl13, .pr_bl14 {
	top: 0px;
	background-size: cover;
    background-position: center;
}

.pr_bl8img {
    height: 60%;
    width: 60% !important;
}
.pr_bl15 { position: relative;  }
.pr_bl16{position: relative;}
.pr_bl17{position: relative;}
.pr_bl18{position: relative;}
.pr_bl19{position: relative;}
.pr_bl20{position: relative;}
.pr_bl21{position: relative;top: -36px;}
.pr_bl22{position: relative;top: -36px;}

.pr_gd1{position: relative;    top: 0px;    background-color: #5b5b53;}

.pr_bl2gd{position: relative;}

.ukryty{opacity: 0;}


.center_w_pionie {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    /* text-align: center; */
    /* height: 100vh; */
}

.but_klik{
    max-width: 120px;
    text-align: center;
}


.prbl2n{
    background: #06070b;
   /* background-image: url(../_g/blurowane_tlo_uxui.jpg);*/
}

.full_napis{padding: 30px;}

@media (max-width:600px)  { 
    .pr_bl2{position: relative;}
    .pr_bl3 {position: relative;}
    .pr_bl9 {position: relative; }
    .br1{grid-column: 1;}
	.gd1 {  background-image:none;}
}

@media (max-width:600px) and (min-width: 382px)  { 
	.pr_bl2gd{padding-bottom: 130px;}
}




/* GALERIA --------------------------------------------------------------------------------------- */
.k_cid{}
.k_wektorowa{}
.k_cyfrowa{}
.k_web{}
.k_digital_paint{}

.poprzednia_galeria {
    float: right;
    position: relative;
    right: 36px;
    top: 130px;
}

.box_galeria {
   width: 25%;
   padding-bottom: 18.75%;
   position: relative;
   float: left;
   color:#fff;
   overflow:hidden;
   background-color:#fff;
   
	-webkit-transition: 0.8s; /* For Safari 3.1 to 6.0 */
	transition: 0.8s;

		
	max-width:50%;
}


tagi{
	margin-right: 5px;
	
}




.innerContent_galeria {
   position: absolute;
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
 /*  background-color: rgba(0, 0, 0, 0.2);*/
}

.innerContent_zaslona {
   position: absolute;
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   opacity:0;
   	-webkit-transition: 0.1s; /* For Safari 3.1 to 6.0 */
	transition: 0.1s;
}





.innerText_galeria {
	position: absolute;
	
	/*	text-shadow: 0px 0px 8px rgba(0,0,0,0.0);  */
	
	left: 25px;
	right: 10px;
	bottom: -10px;
	padding: 10px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color:rgba(0,0,0,0.0);
    -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.4s;
	color:rgba(255,255,255,0);
	-webkit-filter: blur(0px);filter: blur(0px);

	/* background-color: rgba(0, 0, 0, 0.4); */
}

.box_galeria:hover .innerText_galeria {

	bottom: 11px;
	/*background-color:rgba(0,0,0,0.3);*/
	color:rgba(255,255,255,1);	
	/* text-shadow: 0px 0px 8px rgba(0,0,0,0.4); */
}

.innerContent_galeria img {
   -ms-transform: scale(1.01, 1.01); /* IE 9 */
   -webkit-transform: scale(1.01, 1.01); /* Safari */
   transform: scale(1.01, 1.01); 
   
}


.box_galeria:hover .innerContent_galeria img {

	/*
	-webkit-filter: blur(2px) grayscale(20%);
	filter: blur(2px) grayscale(20%);

	
  
   /* -ms-transform: scale(1.1, 1.1); /* IE 9 */
   /* -webkit-transform: scale(1.1, 1.1); /* Safari */
   /* transform: scale(1.1, 1.1); */

   -ms-transform: scale(1.11, 1.11); /* IE 9 */
   -webkit-transform: scale(1.11, 1.11); /* Safari */
   transform: scale(1.11, 1.11); 

}



.box_galeria:hover .innerContent_zaslona {
   opacity:0.75;
}



.innerContent_galeria img {
   width: 100%;
	-webkit-transition: 3s; /* For Safari 3.1 to 6.0 */
	transition: 6s;
	

}


.k_wektorowa{width:none;}
.k_cyfrowa{width:none;}
.k_cid{width:none;}
.k_web{width:none;}
.k_digital_paint{width:none;}



/* Rozdzielczości */
@media only screen and (max-width : 520px) {
	.box_galeria {
	   width: 50%;
	   padding-bottom: 37.5%;
	}

}
@media only screen and (max-width : 780px) and (min-width : 521px) {
	.box_galeria {
	   width: 50%;
	   padding-bottom: 37.5%;
	}
}

@media only screen and (max-width : 1050px) and (min-width : 781px) {
	.box_galeria {
	   width: 50%;
	   padding-bottom: 37.5%;
	}
	
}
@media only screen and (max-width : 1260px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
	.box_galeria {
	   width: 25%;
	   padding-bottom: 17.25%;
	}
}

@media only screen and (max-width : 1380px) and (min-width : 1260px) {
   /* Medium desktop: 4 tiles */
	.box_galeria {
	   width: 25%;
	   padding-bottom: 17.25%;
	}
}



.tagi:link, .tagi:visited {
	color: black;
	border: 1px solid rgba(255,255,255,0.3);
	text-align: center;
	text-decoration: none;
	display: inline-block;
	background-color:#black;
	margin: 5px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}

.tagi:hover {
    background-color: white;
    color: black !important;
}
.tagi:active {
    background-color: white;
    color: black !important;
}
.tagi:target {
    background-color: white;
    color: black !important;
}

.tagi{
  transition: all 0.3s;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.95); /* Black w/ opacity */
	opacity:0;
	
	transition: 0.2s;
	animation: modalOn 0.2s;
}


@-webkit-keyframes modalOn {
    from {opacity:0} 
    to {opacity:1}
}

@keyframes modalOn {
    from {opacity:0} 
    to {opacity:1}
}








.box_tagi {
	width: 100%;
	position: relative;
	float: left;
	padding-left:32px;
	padding-top: 15px;
	padding-bottom: 15px;
}








/*LOADING */


.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #444;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.main-menu-wrap-galeria{
    font-size:14px;
}

.box_tagi .buttonBlack {
    margin-right: 10px;
    font-size: 14px;
    padding: 10px 12px 10px 12px;
}

/* REKRUTACJA - UKRYWANKO -------------------------------------------*/
.ukryte_na_start{
    height: 0px;
    display: inline-block;
    overflow: hidden;
    	-webkit-transition: 0.1s ease-out;
    -moz-transition: 0.1s ease-out;
    -o-transition: 0.1s ease-out;
    transition: 0.1s ease-out;
}

.ramka_informacyjna{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px ;
    border-bottom: 1px solid #fff;
}
.klika{
    cursor: pointer;
}
table, tr, td { border: none;}
.blok_pic {
    background-position: center;
    background-size: cover;
    min-height: 260px;
    display: grid;
    width: calc(100% + 60px);
    position: relative;
    left: -30px;
    margin-bottom: 26px;
}


/*KURS UNREAL */
.kun1{	background-image: url(../_g/kurs_unreal3.jpg);    background-color: #101341;			background-size: contain;	background-position: right;	padding-bottom: 0px;}
.kun2{	background-image: url(../_g/unreal-1.jpg);		min-height: 580px;  background-size: cover;		background-position: center;	}
.kun3{	background-image: url(../_g/unreal-2.jpg);		min-height: 580px;	background-size: cover;		background-position: center;	}
.kun4{	background-image: url(../_g/unreal-3.jpg);		min-height: 580px;	background-size: cover;		background-position: center;	}
.kun5{	background-image: url(../_g/unreal-4.jpg);		min-height: 600px;	background-size: cover;		background-position: center;	}
.kun6{	background-image: url(../_g/unreal-5.jpg);		min-height: 600px;	background-size: cover;		background-position: center;	}
.kun7 {
    background-image: url(../_g/unreal-face2.jpg);
    min-height: 600px;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;
}

@media only screen and (max-width : 700px) {.kun1{	background-image:none; }}

/*KURS UNREAL SHADERY*/
.kunsh1{	background-image: url(../_g/kurs_unreal_shadery2e.jpg);    background-color: #392035;			background-size: contain;	background-position: right;	padding-bottom: 0px;}
.kunsh2{	background-image: url(../_g/unreal-shadery-1b.jpg);		min-height: 580px;  background-size: cover;		background-position: center;	}
.kunsh3{	background-image: url(../_g/unreal-shadery-2.jpg);		min-height: 580px;	background-size: cover;		background-position: center;	}
.kunsh4{	background-image: url(../_g/unreal-shadery-3.jpg);		min-height: 580px;	background-size: cover;		background-position: center;	}
.kunsh5{	background-image: url(../_g/unreal-shadery-4.jpg);		min-height: 600px;	background-size: cover;		background-position: center;	}
.kunsh6{	background-image: url(../_g/unreal-shadery-5.jpg);		min-height: 600px;	background-size: cover;		background-position: center;	}
.kunsh7 {
    background-image: url(../_g/unreal-face2.jpg);
    min-height: 600px;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;
}

@media only screen and (max-width : 700px) {.kunsh1{	background-image:none; }}


/* KURS AI ---------------------------------------------------------------------------------- */
.box_poma2{background-color: #f3c778}
.kai0 {background-color:#312e3b; color: #fff;	}
.kai1{	/* background-image: url(../_g/ai-obraz1.png);    background-color:#28005E;		background-color: #f1d0cf;	*/ background-size: contain;	background-position: right;	padding-bottom: 0px;     font-size: 16px;}
.kai1b {
    text-align: center;
    position: relative;
    top: -28px;
    height: 400px;
}
.kai1b img {     width: 36%;}
.kai2 {  background-image: url(../_g/ai-obraz2.jpg);
    min-height: 520px;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

.kai3 {
    background-image: url(../_g/ai-obraz3.jpg);
    min-height: 500px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f4c678;
}

  .kai4 {

    min-height: 500px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; 
	background-image: url(../_g/ai-obraz4.jpg);
}

.kai5 {
    min-height: 600px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../_g/ai-obraz5.jpg);
    background-color: #d5bffd;
}

.kai6 {
    min-height: 400px;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat; 
	background-image: url(../_g/ai-obraz6.jpg);
}


@media only screen and (max-width :600px) {
    .kai0{}   
    .kai1{}
    .kai1b{}
.kai1b img {    width: 76%;    position: relative;    top: 0px;    left: 0px; }
    .kai2 { min-height: 420px; }
    .kai3 { min-height: 320px; }
    .kai4{}
    .kai5 { min-height: 300px;  }
    .kai6 { min-height: 200px; }
}


/* KURS FIGMA  ----------------------------------------------------------------------------- */
.ngrid_txt {   font-family: 'Rubik';    font-weight: 400;    letter-spacing: 0px;}	
.kfi1{	background-image: url(../_g/simple_design_system2.png);    /* background-color:#28005E;		background-color: #f1d0cf;	*/ background-size: contain;	background-position: right;	padding-bottom: 0px;}

.box_poma{background-color: #FBC470}
.box_buraczki{background: #F88377;}

.kfi0 {
    background-image: url(../_g/figma-gradient1.jpg);
    background-size: cover;
	background-position: center;
}

.kfi0a{
	background-position: left;
}

.kfi0b{
	background-position: right;
}

.kfi2 {
    background-image: url(../_g/figma-kurs1.png);
    min-height: 580px;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.kfi3 {
    background-image: url(../_g/mobile-flow.png);
    min-height: 580px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.kfi4 {
  
    min-height: 580px;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat; 
	background-image: url(../_g/figma-3.png);
}
.kfi5 {
    min-height: 600px;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat; 
	background-image: url(../_g/figma-4.png);
}
.kfi6 {
    min-height: 400px;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat; 
	background-image: url(../_g/figma-5.png);
}
.kfi7 {

    min-height: 600px;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f3cfcf; 
	background-image: url(../_g/kurs_ux_elzbieta_krutysza8.jpg);
}
@media only screen and (max-width : 1300px) {.kfi1{    background-position: 670px;}}
@media only screen and (max-width : 1200px) {.kfi1{    background-position: 600px;}}
@media only screen and (max-width : 1100px) {.kfi1{    background-position: 550px;}}
@media only screen and (max-width : 1000px) {.kfi1{    background-position: 500px;}}

@media only screen and (max-width : 970px) {
	.kfi1{background-image: none;} 
	.kfi2{min-height: 320px;}     
	.kfi3{min-height: 240px;   background-size: 90%;   background-color: #fbc470; background-position: right;}
	.kfi4{min-height: 290px;    background-size: 120%;}
	.kfi5 {min-height: 460px;    background-size: 90%;		background-color: #fbc470;}
	.kfi6 {    min-height: 200px;    background-size: 90%;}
	.kfi0b { padding-top: 0px;}
}



.linked-butt {
    height: 15px;
    width: 15px !important;
    position: relative;
    top: 2px !important;
    left: -5px !important;
    float: unset !important;
    padding: 0px 0px 0px 0px !important;
}



/* KURS UX ----------------------------------------------------------------------------- */
.t40{font-size: 40px;line-height: 42px;}
.ngrid_txt {   font-family: 'Rubik';    font-weight: 400;    letter-spacing: 0px;}	
.kux1{	background-image: url(../_g/kurs_ux_elzbieta_krutysza9b.jpg);    background-color: #e3f3b4;			background-size: contain;	background-position: right;	padding-bottom: 0px;}
.kux1 .topText p {   color: #000000;}
@media only screen and (max-width : 970px) {.kux1{	background-image: none;	}.pux1{	background-image: none;	}	.boxtop {    	}}	
.boxtop {	padding-right: 0px;    padding-bottom: 0px;		}
.kux2{	background-image: url(../_g/kurs-ux-design-1b.jpg);		min-height: 580px;  background-size: cover;		background-position: center;	}
.kux3{	background-image: url(../_g/kurs-ux-design-2b.jpg);		min-height: 410px;	background-size: cover;		background-position: center;	}
.kux4{	background-image: url(../_g/kurs-ux-design-3b.jpg);		min-height: 460px;	background-size: cover;		background-position: center;	}
.kux5{	background-image: url(../_g/kurs-ux-design-4b.jpg);		min-height: 580px;	background-size: cover;		background-position: center;	}
.kux6{	background-image: url(../_g/kurs-ux-design-5b.jpg);		min-height: 600px;	background-size: cover;		background-position: center;	}
.kux7 {
    background-image: url(../_g/kurs_ux_elzbieta_krutysza8.jpg);
    min-height: 600px;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f3cfcf;
}
.box_light_blue{background: #E3F5FF;}
.box_spring_green2{background: #F2FFCB;}
.cytat{font-size: 14px; color:#888888;}
.box_majtkoroz{background: #FBF4FF;}
@media only screen and (max-width: 970px){
.kux7 {	 background-size: 100%;}
}
.top_text{    padding-right: 0px;    width: 95%;    padding-bottom: 22px;	}
.terminy_kursow_tab {    display: inline;    float: left;}

.video-responsive {
    padding-bottom: 45%;
    position: relative;
    width: 100%;
}
.video_na_sg{
	position: relative;
    top: -160px;
/*	top: -31px;*/
    z-index: 3;
}


.up_bo_video {
    position: relative;
    top: -160px;
}

@media only screen and (max-width : 500px) {
.video_na_sg {
    position: relative;
    top: -30px;
    z-index: 3;
}
.up_bo_video {
    position: relative;
    top: -30px;
}
}


.canvas, .video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #000;
    z-index: 5;
}

.grid_video {
    padding: 0px;
}
.organizator{
    margin-top: 0px;
}
.stgk {
    padding-bottom: 30px;
}
/* KURS  PODSTAWY ----------------------------- */
.kozak_foto {
    width: 100px;
    position: relative;
    top: 4px;
    margin: 0px 30px 10px 0px;
}
.krzysztof_opis {
    max-width: 620px;
    margin-bottom: 22px;
}
.kozak_opis_h {
    margin: 28px 0px 48px 0px;
}
	.pkk1{
		background-image: url(../_g/krzysztof-kozak_branding.jpg);
        background-color: #272324;
		background-size: contain;
		background-position: right;
        padding-bottom: 0px;
	}
	
	
@media only screen and (max-width : 970px) {
	
	.pkk1{
	background-image: none;
	}
	
}	
	
	.pkk2{
		background-image: url(../_g/podstawy-proj-01.jpg);
		background-size: cover;
		background-position: center;
		min-height: 580px;
	}
	.pkk3{
		background-image: url(../_g/podstawy-proj-02b.jpg);
 		min-height: 580px;
		background-size: cover;
		background-position: center;
	}
	.pkk4{
		background-image: url(../_g/podstawy-proj-03b.jpg);
 		min-height: 580px;
		background-size: cover;
		background-position: center;
	}
	.pkk5{
		background-image: url(../_g/podstawy-proj-04b.jpg);
 		min-height: 600px;
		background-size: cover;
		background-position: center;
	}
.pkk6{
		background-image: url(../_g/podstawy-proj-05b.jpg);
 		min-height: 600px;
		background-size: cover;
		background-position: center;
	}
.pkk7{
		background-image: url(../_g/krzysztof-kozak_branding.jpg);
 		min-height: 600px;
		background-size: cover;
		background-position: center;
	}	
	.top_text{
    padding-right: 0px;
    width: 95%;
    padding-bottom: 22px;
	}
/* KURS BRANDING ---------------------------------- */
.kbr1 {
    background-image: url(../_g/krzysztof-kozak-warsztaty_nowa.jpg);
    background-color: #272324;
    background-size: contain;
    background-position: right;
	padding-bottom: 0px;
}
.kbr2{
		background-image: url(../_g/warsztaty-brandingowe-01.jpg);
		background-size: cover;
		background-position: center;
		min-height: 580px;
}
.kbr3{
		background-image: url(../_g/warsztaty-brandingowe-02.jpg);
 		min-height: 580px;
		background-size: cover;
		background-position: center;
}
.kbr4{
		background-image: url(../_g/warsztaty-brandingowe-03.jpg);
 		min-height: 580px;
		background-size: cover;
		background-position: center;
}
.kbr5{
		background-image: url(../_g/warsztaty-brandingowe-04.jpg);
 		min-height: 600px;
		background-size: cover;
		background-position: center;
}
.kbr6{
		background-image: url(../_g/warsztaty-brandingowe-05.jpg);
 		min-height: 600px;
		background-size: cover;
		background-position: center;
}
.kbr7{
		background-image: url(../_g/krzysztof-kozak_branding.jpg);
 		min-height: 600px;
		background-size: cover;
		background-position: center;
}	




/* STOPKA ************************************************************************************* */
.cookiwarning {
    line-height: 16px;
    /* line-height: 11px; */
    font-size: 11px;
    margin-top: 22px;
    text-align: right;
    margin: 10px 0px 10px 10px;
}
@media only screen and (max-width: 600px){
	.cookiwarning {
		margin: 10px 70px 10px 10px;
		text-align: left;
	}
}
.cookiwarning img {
    width: 16px;
    padding-right: 4px;
    position: relative;
    top: 3px;
}
.minibutton_ok {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 2px 10px 2px 10px;
}

.szukajna{
    
}

.stopkowy {
    margin-bottom: 10px;
}

.nowa_stopka{
    padding: 30px;
}
.stopka_menu a{
    margin-right: 30px;
}
.stopka_menu a{
    text-decoration: none;
    line-height: 30px;
}


.szukajna{
    
}
.stopka_menu {
    margin-top: 20px;
    margin: 30px 0px 30px 0px;
}
.stopka_adresowa {
    margin-top: 10px;
    color: #888;
    line-height: 22px;
}
.szukajna img {
    width: 28px;
    margin-right: 30px;
    margin-top: 0px;
}

.rzad {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    position: relative;
   /* left: -15px;*/
    padding-left: 15px;
}

.color_tabli {
	background: #eaeaea;
}

.color_wplacone{
	/*background-color: #AEE1AA;*/
}
.color_zalegle {
    background-color: #E5696B88;
    /* padding-bottom: 20px !important; */
    /* border-bottom: 1px solid #0003; */
}
.color_termin{
	/*background-color: #FFF4DA;*/
	padding-bottom: 20px !important;
	border-bottom: 1px solid #0003;
}
.ful_rzad {
    /* height: 10px; */
    /* padding-left: 10px; */
    padding-bottom: 10px;
    /* border-bottom: solid 1px #0003; */
    font-size: 16px;
}
.platnosci .rzad {
    padding-top: 20px;
    padding-bottom: 0px;
}
.color_wplacone{
	  padding-bottom: 5px;
}

.platnosci {
    padding-bottom: 10px;
    /* border-bottom: 1px solid #0002; */
    margin-bottom: 30px;
}

.rzad_mini{
	margin-bottom: 10px;}

@media (max-width:600px)  { 
.rzad {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}
	.status_oplaty{
		grid-column:span 3;
	}
	.status_oplaty {
		grid-column: span 3;
		padding-top: 10px;
	}
	.status_oplaty_opis{
		display: none;
	}
	.platnosci {
    position: relative;
    left: -30px;
    width: calc(100% + 60px);
}
	.platnosci .rzad {
    	padding: 15px 0px 0px 30px;
	}
}
/* naprawa podwójnej kreski poza mobile */
@media (min-width:600px)  { 
	#kreska_navi3{
		display: none;
	}	
}



.materialy-prawa{font-size: 14px;
    line-height: 28px;
    border-left: 1px solid #fff;
    letter-spacing: 0.7px;
    padding: 0px 0px 0px 20px;}
.materialy-lewa {
    font-size: 21px;
    font-weight: 600;
    line-height: 29px;
    /* text-align: right; */
    padding: 0px 14px 0px 0px;
    position: relative;
    top: -3px;
	overflow-wrap: break-word;
}
.materialy-blok{ display: grid;
    grid-template-columns: 167px auto;
    grid-template-rows: auto;
    margin-bottom: 30px;}
.lista_materialy{margin-bottom: 10px;}
.materialy-prawa a{margin-bottom: 10px;
    padding: 0px 0px 5px 0px;
    display: inline-block;
    line-height: 25px;}


@media (max-width:330px)  { 
	.materialy-blok{ 
    grid-template-columns: 100px auto;
    }
}





.klawisz {
    background: #222;
    padding: 1px 5px 1px 5px;
    color: #fff;
    border: 1px solid #ddd;
    font-weight: bold;
}
.box_edu {
    line-height: 27px;
}
.box_edu img {
    width: 100%;
    left: 0px;
    top: 0px;
    margin: 10px 0px 10px 0px;
}
ul {
	padding-left: 15px;
	
}

.edu_tytul {
    font-size: 26px;
    font-weight: 700;
    min-height: 30px;
    border-bottom: 1px solid #000;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 20px 0px;
}
.edu_semestr {
    float: right;
    position: relative;
    top: 4px;
}
@media (max-width:390px)  { 
.edu_semestr {
    position: relative;
    margin-bottom: 10px;
	float: unset;
}
}


.zalaczniki{
	
}

.ikona_pdf {
    width: 60px !important;
    display: inline-block;
    float: left;
    position: relative !important;
    top: -21px !important;
    left: -20px !important;
    padding: 0px !important;
}
.naglowki {
    padding: 30px 0px 10px 0px;
    font-size: 16px;
    font-weight: 700;
}
.pdf-opis{
    float: left;
    position: relative;
    left: -20px;
}
.top_over_ksgk {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2000;
    overflow: hidden;
    background: #0001;
    display: none;
}
.iframe_ksgk {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: none;
}
.zaloguj_top{
	height: 16px;
	vertical-align: middle;
}
.zaslonka_topu {
    background-image: url(../_g/gradient_top.png);
    z-index: 1000;
    position: absolute;
    top: -151px;
    left: 0px;
	background-repeat: repeat-x;
    /* background: #ff0; */
    width: 100%;
    height: 200px;
}
@media (max-width:600px)  { 
	.zaslonka_topu {
		display: none;
	}
}

/* --------------- na rozwijanym menu zaznaczka gdzie jestem --- */
.submeny_wybrane {
    border-left: 3px solid #00aeef;
    position: relative;
    left: -15px;
    padding-left: 11px;
    height: 10px;
    line-height: 1px;
    top: 5px;
    margin: 5px 0px 5px 0px;
}
.bez_kreski{
	border: none;
}
.punktowy {
    padding-bottom: 40px;
    display: inline-block;
    font-size: 21px;
    font-weight: 600;
    float: left;
    padding-right: 10px;
    /* background: #ff03; */
}

/* ---------------------------------  formularze rejestracyjne --------------- */

.formularz input, .formularz select, .formularz textarea {
    margin-right: 15px;
    margin-left: 0px;
    margin-top: 0px;
    border: 1px solid #ccc;
    height: 22px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 20px;
    margin-bottom: 12px;
}


	.link_zmiana{
		font-size: 16px;
	}
	.link_zmiana a:link {
	color: #08f;
	text-decoration: underline;
}
.link_zmiana a:visited {
	text-decoration: underline;
	color: #111;
}
.link_zmiana a:hover {
	text-decoration: underline;
	color: #111;
}
.link_zmiana a:active {
	text-decoration: underline;
	color: #111;
}
	.zmientermin{
		    font-size: 20px;
    
    font-family: 'Lato';
    font-weight: 300;
    letter-spacing: 0.3px;
	display: inline-block;
	}
	.zmiena{
	display: inline-block;
	}
.zmien select {
    height: 28px;
    padding-top: 0px;
    position: relative;
    top: -4px;
    margin-right: 10px;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 20px;
    border-bottom: 2px solid #08f;
    font-family: 'Lato';
    font-weight: 300;
    letter-spacing: 0.3px;
}

	
.nblok {
    width: calc(100% - 5px);
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-right: 0px;
    margin-right: 0px;
	line-height: 20px;
}
	
.nbloklewa {
    width: calc(50% - 20px);
    display: inline-grid;
    padding-right: 20px;
    /* background: #f002; */
	padding-bottom: 20px;
}
.nblokprawa {
    width: calc(50% - 10px);
    display: inline-grid;
    padding-bottom: 20px;	
    /* background: #0f03; */
}

@media only screen and (max-width : 760px) {
	.nbloklewa {
    width: calc(100% - 20px);
    margin-right: 10px;
}
.nblokprawa {
    width: calc(100% - 20px);
    margin-right: 10px;
}
	.formula-pole input {
	width: calc(100% - 100px);
	}
	
	.formula-opis{
		font-size: 14px;
	}
	}
.formularz select {
    font-size: 16px;
    letter-spacing: 0.3px;
    border: 1px solid #ccc;
    margin-top: 0px;
    margin-bottom: 19px;
    height: 30px;
}
.formularz input, .formularz select .formularz textarea {
   font-size: 16px;
	 letter-spacing: 0.3px;
	border: 1px solid #ccc;
}	
.radiosik {
    /* width: 30px; */
    display: inline-grid;
    margin-top: 8px;
	height: 20px;
	/* overflow: hidden; */
}
.opis_radio {
    position: relative;
    top: -4px;
    /* right: -1px; */
}
	.radiobut {
    margin-right: 10px !important;
}
	.formula-opis {
    padding-bottom: 5px;
}
	
	#pokaz1{
		display: none;
	}
	#pokaz2{
		display: none;
	}
	.wyslij {
    margin-right: 0px !important;
	}
	
ul {
    padding-left: 20px;
    padding-top: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.data_ur {
    /*display: inline-block;
    width: 28%;
    height: 70px;*/
}
	.zapiszdiv{
		margin-right: 5px;
	}
	.kwota {
		display: inline;
	}
.wyslij {
    float: right;
    width: 155px !important;
}
.after1 {
    margin-top: 10px;
}

.komunikat {
    margin-top: 0px;
    color: #d24d77;
    margin-bottom: 10px;
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border: 1px solid #bbb;
}
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 18px;
}


/* czekboxy */
/* The container */
.container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	/* [disabled]font-size: 22px; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 18px;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border: 1px solid #bbb;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ddd;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 6px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
hr{
	height: 1px;
    border: none;
    border-top: 1px #cccccc solid;
	margin-bottom: 20px;
}
.formula {
    width: 100%;
    line-height: 20px;
}
.kreska_lewa {
    background-image: url(../_m/kreseczka.png);
    background-repeat: repeat-y;
    background-position: right center;
}

.form_lewa {
    width: calc(50% - 20px);
    display: inline-grid;
 /*   float: left;*/
    padding-right: 20px;
}
.form_prawa {
    width: 49%;
    display: inline-grid;
  /*  float: left;*/
}
.rezerwacja_rzad {
    width: 95%;
}
.rezerwacja_grupy {
    border-top: solid 1px #eee;
}
.rezerwacja_rzad {
    padding-bottom: 0px;
    padding-top: 5px;
    line-height: 14px;
    position: relative;
    left: -10px;
    padding-left: 10px;
    width: calc(100% - 30px);
}
.rezerwacja_lewa {
    width: 66%;
    height: unset;
    padding-bottom: 20px;
    line-height: 20px;
	display: inline-block;
}
.rezerwacja_prawa {
    width: 25%;
    height: 38px;
    display: inline-block;
}

.rezerwuj2 {
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding-top: 6px !important;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px !important;
    float: left;
    margin-right: 40px !important;
    width: 100px !important;
    height: 30px !important;
    background-color: #fff;
    border-color: #000 !important;
    margin-top: 18px !important;
}


@media only screen and (max-width : 600px)  {


	.form_lewa {
		width: calc(100% - 0px) !important;
		display: inline-grid;
		float: left;
		padding-right: 0px;
	}
	.form_prawa {
		width: calc(100% - 0px) !important;
		display: inline-grid;
		float: left;
		padding-right: 0px;
	}
	
	.kreska_lewa {
		background: none;
	}
}

.form_brakmiejsc {
    position: relative;
    top: -40px;
    width: calc(100% + 50px);
    left: -20px;
    /* height: 20px; */
    /* background: #ff0; */
    /* padding-top: 9px; */
    line-height: 20px;
}

.form_aktualny {
    position: relative;
    top: 1px;
    width: calc(100% + 40px);
    left: -27px;
    height: 20px;
    /* background: #ff0; */
    padding-top: 26px;
}
.rezerwowa_but {
    position: relative;
    top: -40px;
}
.button_zaloguj {
    padding: 16px 20px 11px 20px !important;
    min-height: 47px;
	float: none;
}
.button_loguj_blue {
    background-color: #00AEEF;
    color: #fff !important;
    border: none !important;
    margin-top: 12px !important;
}

.button_img_pobierz {
    background-image: url(../_g/pobierz.png);
    background-repeat: no-repeat;
    background-size: 19px 20px;
    padding-right: 60px;
    background-position: 182px 14px;
}

.button_img_pobierz:hover {
    background-image: url(../_g/pobierz_r.png);
    background-repeat: no-repeat;
    background-size: 19px 20px;
    padding-right: 60px;
    background-position: 182px 14px;
}

.button_kursowy {
    height: 50px !important;
    margin-top: 10px !important;
}


 .video-responsive2 {
    padding-bottom: 56.2%;
}

.video-responsive3 {
    padding-bottom: 55.9%;
}
.przekreslone{
	text-decoration: line-through;
}


.box_violet {    background-color: #28005E; color:#fff !important;   }

.button-violet2 {
    background-color: #29015E;
    color: #fff !important;
}

.button-violet3 {
    background-color: #fbc470;
    color: #000000 !important;
}

.button-violet4 {
    background-color: #f88377;
    color: #000000 !important;
}

.button-violet5 {
    background-color: #29015E;
    color: #fff !important;
}


.button-violet6 {
    background-color: #ae81fb;
    color: #fff !important;
}


.button-violet7 {
    background-color: #d6bffd;
    color: #fff !important;
}

.box-violet7 {
    background-color: #d6bffd;
    color: #000 !important;
}


.button-violet8 {
    background-color: #CDC9FF;
    color: #090911 !important;
}

.button-violet8:hover {
    background-color: #d6bffd;
    color: #090911 !important;
}



.box_violet_figma {
    background-color: #28005E;
    color: #fff !important;
}
.kfi0 {
    background-image: url(../_g/figma-gradient1.jpg);
    background-size: cover;
    background-position: center;
}