/*! Kamil Rogowski * kamil.rogowski05@gmail.com * Copyright 2023 */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Handlee');
html, body { width: 100%; padding-top: 0px; font-size: 16px; font-family: 'Lato', sans-serif; }
#loader-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #ECF0F1;
  display: none;
}
.vr-ipro img { max-height: 60px; padding-bottom: 15px;}
.pasek_tytulowy { width: 100%; background-color: rgba(0,0,0,0.7); text-align: center; color: #fff; position: absolute; top: 65%; z-index: 1; }
.pasek_tytulowy > p { font-size: 34px; padding: 15px 0 5px 0; font-weight: 400;}
.pasek_tytulowy > p > span { font-size: 22px; font-family: 'Handlee', cursive; }
#bg { position: relative; width: 100%; z-index: -10; margin-bottom: -8px; }
.o-nas, .elearning_design, .kontakt_z_nami, .wiadomosc { padding-top: 50px; }
.pole_txt_biale_2k { background-color: #fff; box-shadow: 4px 4px 4px #bdbdbd; padding: 20px 40px; column-count:2; -moz-column-count:2; -webkit-column-count:2; column-gap:30px; -moz-column-gap:30px; -webkit-column-gap:30px; }
.pole_txt_biale_2k h3 { color: #009dc5; text-transform:uppercase; margin-top: 3px;}
.pole_txt_biale_2k p { color: #312f2e; }
.pole_txt_biale { background-color: #fff; box-shadow: 4px 4px 4px #bdbdbd; }
.zarzad p { padding: 0 25px; text-align: justify; }
.zarzad img { margin-bottom: 20px; }
.word-bold, .word-bold-07, .word-bold-08, .word-bold-09, .word-bold-10, .word-bold-11, .word-bold-12, .word-bold-13, .word-bold-14, .word-bold-15, .word-bold-16, .word-bold-17, .word-bold-18 { font-weight: 700; }
.word-bold-18 { font-size: 1.8em; }.word-bold-17 { font-size: 1.7em; }.word-bold-16 { font-size: 1.6em; }.word-bold-15 { font-size: 1.5em; }.word-bold-14 { font-size: 1.4em; }.word-bold-13 { font-size: 1.3em; }.word-bold-12 { font-size: 1.2em; }.word-bold-11 { font-size: 1.1em; }.word-bold-10 { font-size: 1.0em; }.word-bold-09 { font-size: .9em; }.word-bold-08 { font-size: .8em; }.word-bold-07 { font-size: .7em; }
.uppercase { text-transform:uppercase; }
.partnerzy-img { text-align: center;  margin: 30px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.partnerzy-img a {
	transition: ease-in-out 0.5s;
}
.partnerzy-img a:hover {
	transform: scale(1.1);
	transition: ease-in-out 0.5s;
}
.o-nas h1, .portfolio h1, .elearning_design h1, .elearning_environment h1, .grywalizacja h1, .english_online h1, .lms h1, .kontakt_z_nami h1, .wiadomosc h1 { color: #009dc5; text-align: center; font-weight: 700; font-size: 38px; text-transform: uppercase; text-shadow:1px 1px 0 #009dc5; }
.portfolio { text-align: center; }
#grywalizacja { background: url('../images/grafiki/ipro_s_02.png'); }
.grywalizacja { text-align: center; }
.grywalizacja .j { margin-bottom: 25px; }
.grywalizacja ul li { margin-bottom: 15px; }
#english_online { background: url('../images/grafiki/ipro_s_01.png'); }
.english_online { text-align: center; }
#lms { background: url('../images/grafiki/ipro_s_04.png'); }
.lms { text-align: center; }
.video-mp4 video { margin: 20px 0 30px 0; }
.pole_biale2 { background-color: #fff; padding: 50px 10px; }
.pikto { text-align: center; margin-top: 0px; margin-bottom: -5px;}
.podkreslenie_tyt { text-align: center; margin-top: -15px; margin-bottom: 0px;}
.pod-tytul { margin-top: 40px; }
.pod-tytul h2 { color: #312f2e; text-align: left; font-weight: 700; font-size: 32px; padding: 0 10px;}
.pod-tytul p { color: #312f2e; text-align: left; padding: 0 10px; }
.pod-tytul img { padding: 0 10px; }
.podkreslenie_pod_tyt { text-align: left; margin-top: -25px; }
.pod-tytul p { text-align: justify; }
.elearning_design { background-color: #d3e3e9; padding-top: 50px;}
.elearning_design .row, .elearning_environment .row { max-width: 1650px; padding: 0 50px 50px 50px; margin-left: auto; margin-right: auto; }
.partnerzy { height: 100px; background-color: rgba(211,227,233,0.9); position: absolute; margin-top: -175px; z-index: 9; width: 100%; }
.partnerzy img { margin: auto; }
.as_l { position: absolute; left: 0; }
.as_r { position: absolute; right: 0; }
.as_l, .as_r {  }
.as_r_women1 { position: absolute; right: 55px; margin-top: 100px; }
.as_l_women2 { position: absolute; left: 20px; margin-top: 100px; }
.kursy_img img { margin-left: auto; margin-right: auto; }
.kursy_img a img { box-shadow: 4px 4px 4px #bdbdbd; }
.kursy_img a:hover img { -webkit-animation: pulse .9s; animation: pulse .9s; opacity: 0.8; z-index: 9999; }
.pole_biale_environment { background-color: #fff; padding-top: 50px; }
.elearning_environment_bg { background-color: #2fb2c4;  padding: 50px 0;}
.kursy_img-env img { margin-left: auto;	margin-right: auto;}
.kursy_img-env p { text-align: center; padding-top: 10px; color: #fff; }
.kursy_img-env a:hover img { -webkit-animation: pulse .9s; animation: pulse .9s; opacity: 1; z-index: 9999; }
.pole_biale_pr { background-color: #fff; padding: 50px 10px; }
.logo-partnera { padding: 0 30px 0 30px; margin-left: auto;	margin-right: auto; }
.kontakt_z_nami { background: url('../images/ipro_a-27.jpg') repeat 0 0 fixed; margin-top: 0; margin-bottom: 0; padding-bottom: 50px; }
.kontakt_z_nami .pole_txt_biale { padding: 20px 20px;  }
.pasek_oddzielajacy1 { background: url('../images/800PX_1-04.png') repeat 0 0 fixed; margin-top: 0; margin-bottom: 0;}
.pasek_oddzielajacy2 { background: url('../images/Screen_AE_4.jpg') repeat 0 0 fixed; margin-top: 0; margin-bottom: 0;}
.pasek_oddzielajacy3 { background: url('../images/ipro_n-20.jpg') repeat 0 0 fixed; margin-top: 0; margin-bottom: 0;}
.pasek_oddzielajacy4 { background: url('../images/ipro_n-21.jpg') repeat 0 0 fixed; margin-top: 0; margin-bottom: 0;}
.pasek_oddzielajacy5 { background: url('../images/ipro_n-22.jpg') repeat 0 0 fixed; margin-top: 0; margin-bottom: 0;}
.pasek_oddzielajacy1, .pasek_oddzielajacy2, .pasek_oddzielajacy3, .pasek_oddzielajacy4, .pasek_oddzielajacy5 { color: #fff; height: 350px; z-index: 9;}
.bg_position_r { background: url('../images/k-01.png'); background-position: right; background-repeat:no-repeat; background-size: auto 100%; text-align: right; }
.bg_position_l { background: url('../images/k-01.png'); background-position: left; background-repeat: no-repeat; background-size: auto 100%; text-align: left; }
.size-div { height: 200px; display:table-cell; vertical-align: middle; padding: 0 50px; }
.size-div > h2 { font-weight: bold; display:table-cell; }
.wiadomosc { background: #000000 url('../images/ipro_a-28.jpg') no-repeat fixed; color: #ffffff; padding-bottom: 80px; }
.pole_biale { background-color: #fff; padding: 30px 10px 0 10px; }
.kontakt { margin: 0 0 60px 0; padding: 0 10px 0 10px; }
.kontakt > img { padding-left: 20px; padding-right: 20px; margin: auto; }
.kolor-a { text-decoration: none; color: #312f2e; }
#copyright { padding: 2rem 0.7rem 2rem 0.7rem; text-align: left; background-image:linear-gradient(0deg, #000, #111, #222); color: #fff; }
.copyright { text-align: left; margin-top: -30px; font-size: .8em;}
#copyright .button_to_top { text-align: center; }
.button_to_top a:hover { opacity: 0.5 }
.button_to_top img { width: 40px; }
.bottom_ico { position: absolute; bottom: -100px;  margin-left:-18px; max-height: 40px; }
.setting-stopka { padding-top: 20px; padding-bottom: 12px; }
.stopka .p-right { text-align: right; padding-right: 10px; }
.stopka .p-left { text-align: left; padding-left: 10px; }

#duszki { list-style-type: none; margin: 0 auto; padding: 0; height: 41px; width: 210px; }
#duszki li { float:left; margin-left: 15px; }
#duszki li:first-child { margin-left: 0; }
#duszki li a { display:block; text-indent:-99999px; width:41px; height:41px; background-image:url('../images/ikony/all_i.png'); }
#duszki #facebook a {}
#duszki #in a { background-position:-82px 0; }
#duszki #twitter a { background-position:-164px 0; }
#duszki #behance a { background-position:-246px 0; }
#duszki #facebook a:hover { background-position:-41px 0; opacity: 1; z-index: 9999;}
#duszki #in a:hover { background-position:-123px 0; opacity: 1; z-index: 9999;}
#duszki #twitter a:hover { background-position:-205px 0; opacity: 1; z-index: 9999;}
#duszki #behance a:hover { background-position:-287px 0; opacity: 1; z-index: 9999;}

.spolecznosci { width: 40px; position: fixed; left: 0; top:200px; }
.spolecznosci img { height: 40px; }
.mg_wyslij_wiadomosc_img { width: 150px; text-indent:-9999px; position:fixed; bottom: 10px; right:10px; z-index: 99999;}
.mg_wyslij_wiadomosc_img.active { bottom: -160px;}
.napisz_do_nas { margin-bottom: 55px; padding: 0 30px; }
.controls { font-weight: 400; }
.controls { width: 100%; margin-bottom: 15px; }
.controls > p { margin-bottom: 5px; }
.wyslij { margin-top: 10px;text-align: center; padding: 0 20px; }
.wyslij:hover { -webkit-animation: pulse .9s; animation: pulse .9s; }
.wyslij button { }
.btn {  width: 100%; background-color: #2fb2c4; border-color: #2fb2c4; }
.btn:hover {  width: 100%; background-color: rgba(47,178,196,0.8); border-color: rgba(47,178,196,0.8); }
.pole_wy { padding: 20px 80px 60px 80px; }
.form-temat { padding-left: 10px; }
#galleryContainer img:hover{ z-index: 9999; -webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);transition-duration: 0.9s;-webkit-transition-duration: 0.9s; /* Safari */box-shadow: 5px 5px 5px #fefefe;}
[class*="col-"]{ border: 0px; padding: 0px; }
.j { text-align: justify; }
.spacing {
	margin-top: 15px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #009dc5;
  background-color: #fff;
  font-size: 1.8em;
  font-weight: 700;
  z-index: 9999;
}
.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #312f2e;
  font-size: 0.9em;
  font-weight: 400;
  z-index: 9999;
}
.ukosnik { color: #312f2e; font-weight: 700; font-size: 1.2em; }
._3d-tab { color: #000; }
._2d-3d { text-align: center; }
.podkreslenie_2d-3d { text-align: center; margin-top: -25px;  }
.podkreslenie_2d-3d p { margin-top: -15px; margin-bottom: 15px; }

@media (min-width: 1200px) {
	.container {
		width: 1300px;
	}
}

@media (min-width: 1721px) {
	.margin-kafelek { margin-top: 20px; }
}
@media (min-width: 1601px) and (max-width: 1720px) {
	.as_r_women1 { margin-top: 130px; height: 600px; right: 25px; }
	.margin-kafelek { margin-top: 15px; }
}
@media (min-width: 1450px) and (max-width: 1600px) {
	.pasek_tytulowy { top: 62%;	}
	.as_r_women1 { margin-top: 130px; height: 500px; right: 35px; }
	.as_l_women2 { left: 0px; margin-top: 100px; height: 600px; }

}
@media (min-width: 1300px) and (max-width: 1449px) {
	.pasek_tytulowy { top: 56%;	}
	.as_r_women1 { margin-top: 160px; height: 500px; right: 25px; }
	.as_l_women2 { left: -5px; margin-top: 100px; height: 500px; }
	.as_l, .as_r { visibility: hidden; }
}
@media (min-width: 1150px) and (max-width: 1299px) {
	.pasek_tytulowy { top: 48%;	}
	.pasek_tytulowy > p { font-size: 28px; padding: 15px 0 5px 0; }
	.pasek_tytulowy > p > span { font-size: 18px; }
	.as_r_women1 { visibility: hidden; }
	.as_l_women2 { visibility: hidden; }
	.as_l, .as_r { visibility: hidden; }
}
@media (min-width: 1000px) and (max-width: 1149px) {
	.pasek_tytulowy { top: 36%;	}
	.pasek_tytulowy > p { font-size: 24px; padding: 15px 0 5px 0; }
	.pasek_tytulowy > p > span { font-size: 16px; }
	.as_r_women1 { visibility: hidden; }
	.partnerzy { padding-top: 12px; }
	.as_l, .as_r { visibility: hidden; }
}
@media (min-width: 768px) and (max-width: 999px) {
	.pasek_tytulowy { top: 28%;	}
	.pasek_tytulowy > p { font-size: 24px; padding: 15px 0 5px 0; }
	.pasek_tytulowy > p > span { font-size: 16px; }
	.as_r_women1 { visibility: hidden; }
	.partnerzy { padding-top: 20px; }
	.as_l, .as_r { visibility: hidden; }
	.pole_txt_biale_2k { 
	background-color: #fff; box-shadow: 4px 4px 4px #bdbdbd; padding: 20px 40px; 
	column-count:1;
        -moz-column-count:1;
        -webkit-column-count:1;
    }
    .elearning_design .row { padding: 0 0 50px 0; margin-left: auto; margin-right: auto; }
    .o-nas h1, 
	.portfolio h1, 
	.elearning_design h1, 
	.elearning_environment h1, 
	.grywalizacja h1, 
	.english_online h1, 
	.lms h1, 
	.kontakt_z_nami h1, 
	.wiadomosc h1 { font-size: 26px; }
	.podkreslenie_tyt > img { width: 250px; }
	.kursy_img-env img { margin-left: auto;	margin-right: auto; width: 100px; padding-top: 15px;}
	.kursy_img-env p { font-size: .8em; }
	.j { text-align: left; }

}

@media (max-width: 992px) {
	.partnerzy-img img {
		margin: 10px 0;
	}
} 
@media (max-width: 767px) {
	#o_nas { padding-top: 90px;	}
	.pole_txt_biale { 
		background-color: #fff; box-shadow: 4px 4px 4px #bdbdbd; padding: 10px 20px; 
		column-count:1;
	        -moz-column-count:1;
	        -webkit-column-count:1;
	}
	.partnerzy { height: 50px; padding-top: 8px; margin-top: -100px;}
	.as_l, .as_r { visibility: hidden; }
	.pole_txt_biale_2k { 
	background-color: #fff; box-shadow: 4px 4px 4px #bdbdbd; padding: 20px 10px; 
	column-count:1;
        -moz-column-count:1;
        -webkit-column-count:1;
    }
    .elearning_design .row { max-width: 650px; padding: 0 0 50px 0; margin-left: auto; margin-right: auto; }
    .form-mail { padding-left: 0px; }
    .setting-stopka { padding-top: 20px; padding-bottom: 10px; }
	.stopka .p-right { text-align: center; padding-right: 0px; }
	.stopka .p-left { text-align: center; padding-left: 0px; }
	.o-nas h1, 
	.portfolio h1, 
	.elearning_design h1, 
	.elearning_environment h1, 
	.grywalizacja h1, 
	.english_online h1, 
	.lms h1, 
	.kontakt_z_nami h1, 
	.wiadomosc h1 { font-size: 22px; }
	.podkreslenie_tyt > img { width: 230px; }
	.form-temat { padding-left: 0px; }

	 
	#grywalizacja div, 
	#english_online div, 
	#lms div { padding-left: 10px; padding-right: 10px;}
	.kursy_img-env img { margin-left: auto;	margin-right: auto; width: 50px; padding-top: 15px;}
	.kursy_img-env p { font-size: .7em; }
	.pole_txt_biale_2k { background-color: #ECF0F1; box-shadow: 0px 0px 0px rgba(0,0,0,0.0); padding: 15px 20px; column-count:1; -moz-column-count:1; -webkit-column-count:1; column-gap:30px; -moz-column-gap:30px; -webkit-column-gap:30px; }
	.pasek_tytulowy-xs { width: 100%; background-color: rgba(0,0,0,0.7); text-align: center; color: #fff; position: absolute; top: 45%; z-index: 1; }
	.pasek_tytulowy-xs > p { font-size: 18px; padding: 15px 0 5px 0; font-weight: 400;}
	.pasek_tytulowy-xs > p > span { font-size: 10px; font-family: 'Handlee', cursive; }
	.j { text-align: left; }
	.o-nas, .elearning_design, .kontakt_z_nami, .wiadomosc { padding-top: 15px; }
	.pod-tytul { margin-top: 20px; }
	.pod-tytul h2 { color: #312f2e; text-align: left; font-weight: 700; font-size: 1.2em; padding: 0 10px;}
	.podkreslenie_pod_tyt img { margin-left: -10px; width: 250px; }
	.pod-tytul p { text-align: left; padding: 0; }
	.logo-xs-p {max-height: 30px;}
	.pasek_oddzielajacy1,
	.pasek_oddzielajacy2,
	.pasek_oddzielajacy3,
	.pasek_oddzielajacy4,
	.pasek_oddzielajacy5 { height: 100px; }
	.reklama { background-color: #ffa3b2; padding: 0; margin-bottom: -40px;}
	.pole_wy { padding: 10px 20px 50px 20px; }
	.zarzad p { text-align: left; }
	.zarzad img { max-width: 130px; }
	.word-bold-12 { font-size: 1.0em; }
	.word-bold-15 { font-size: 1.2em; }
	.kontakt_z_nami .pole_txt_biale { padding: 20px 10px;  }
}

.v1 video {
   background: transparent url('../video/video_5_1920x1080.jpg') 50% 50% / cover no-repeat;
 }

.v2 video {
   background: transparent url('../video/G4B_learning_platform.jpg') 50% 50% / cover no-repeat;
 }

 .v3 video {
   background: transparent url('../video/POE.jpg') 50% 50% / cover no-repeat;
 }

.v4 video {
   background: transparent url('../video/CornerstoneOnDemandPimpMyPortal.jpg') 50% 50% / cover no-repeat;
 }
 .reklama { background-color: #ffa3b2; padding: 0; }



 .news {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.news .info {
	position: absolute;
	bottom: -300px;
	opacity: 0;
	margin: 0;
	display: block;
	padding: 15px;
	background: rgba(0,0,0,0.7);
	transition: 0.5s linear;
	color: #fff;
	width: 100%;
} 
.news:hover .info, .news:focus .info {
	position: absolute;
	bottom: 0;
	opacity: 1;
	margin: 0;
	display: block;
	padding: 5px 15px 15px 15px;
	background: rgba(0,0,0,0.7);
	color: #fff;
} 
.news img {
	display: block;
	margin: 0 0;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: 0.5s linear;

}
.news:hover img, .news:focus img {
	display: block;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-webkit-filter: grayscale(80%);
} 
.news .info h3, .news .info p {
	opacity: 0;
}
.news:hover .info h3, .news:hover .info p, .news:focus .info h3, .news:focus .info p {
	opacity: 1;
}
.news .info h3 {
	transition: 0.2s linear 0.7s;
}
.news .info p {
	transition: 0.2s linear 0.9s;
}
/* H o n e y p o t */
.oophoy{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }

/* captcha */

.email-picture {
	display: flex; 
	justify-content:center;
}

.email-picture img {
	margin-top: 20px;
	margin-left: 35px;
	width: 200px;
}

.email-field {
	display: flex;
    justify-content: center;
    padding: 25px 0 50px 30px;
    height: 30px;
}

.email-field input {
	border: 2px solid lightgray;
	border-radius: 4px;
	padding: 10px 10px 10px 5px;
	outline: none;
	color: black;
	padding: 15px 12px;
	margin-bottom: 15px;
}


#responseText {
    color: green;
	display: flex;
    justify-content: center;
}