@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');

:root {
  --color-Bg: #222222;
  --color-Text: #ffffff;  
  --font-Global: 'Rajdhani', sans-serif;  
  --color-01: #FFFFFF; /*h1*/ 
  --color-02: #fb450e; /*h2*/ 
  --color-03: #ff815a; /*h3*/ 
  --color-04: #ffc5b4; /*h4*/ 
  --color-05: #FFFFFF; /*white*/
  --color-06: #3f3f3f; /*hr, line*/
  --color-07: #df3603; /*a*/
  --color-08: #f73900; /*a hover*/
  --color-09: #111111; /*sectionBg*/
  --color-10: #202020; /*ofertaBg*/
  --color-11: #888888; /*footer link*/
}
@media (min-width: 1400px) { .container  {	max-width: 1480px; } }

body {	font-family: var(--font-Global);	color: var(--color-Text); background-color: var(--color-Bg); font-size: 1.15rem; font-weight: 500; -webkit-text-size-adjust: 100%; }
a { color:var(--color-07); text-decoration:none;  }
a:hover, a:focus { text-decoration:none; color:var(--color-08); }
h1, .h1 {  font-size: 2.8rem;  font-weight: 700;  margin: 1rem 0;  color: var(--color-01);  line-height: 1.2;  letter-spacing: -0.02em;}
h2, .h2 {  font-size: 1.75rem;  font-weight: 600;  margin: 1.5rem 0 1rem;  color: var(--color-02);  line-height: 1.25;  letter-spacing: -0.01em;}
h3, .h3 {  font-size: 1.5rem;  font-weight: 600;  margin: 1.25rem 0 0.75rem;  color: var(--color-03);  line-height: 1.3;}
h4, .h4 {  font-size: 1.25rem;  font-weight: 500;  margin: 1rem 0 0.5rem;  color: var(--color-04);  line-height: 1.35;}
b, strong { font-weight: bolder; }
hr { border-color: var(--color-06);	opacity: 1;}
p {	margin-top: 0;	margin-bottom: 1rem; }
img { max-width:100%; }


a:link, .navbar-toggler { outline:none; }
.ah:hover { opacity:0.6; cursor:pointer; }
.body-none-scroll { overflow:hidden; }
main {  margin-bottom:50px; }
main .container.invisible { display: none; }
.main-bottom-none { margin-bottom:0; }
.section { background-color: var(--color-09); padding:3rem 0; }
.margin-section {padding-top:50px; padding-bottom:50px;}
footer {	padding: 10px 0;	background-color: transparent;	font-weight: 300;	font-size: 12px; color: var(--color-05);	background-color: var(--color-01);}
footer a { color:var(--color-05);}
.news_ng1 { font-size:26px; line-height:1.5; font-weight:500; display:block; color:var(--color-03);}
.news_ng2 { font-size:20px; line-height:1.5; font-weight:300; display:block; color:var(--color-02); }
.nav-tabs > li > a { border-radius:0;  font-size:16px; }
pre {  font-family: Verdana;  margin: 0;  padding: 0; background-color:transparent; font-size:inherit; border:none;  }
.body_icon { text-align:center; font-size:25px; }
.form-control:disabled, .form-control[readonly] {	background-color: transparent; }
.form-control:focus {	color: #495057;	background-color: rgba(255,255,255,0.85);	border-color: inherit;	outline: 0;	box-shadow: none; }
.logo-container {	height: 120px;}
.logo-container img {	width: auto !important;	margin: auto;}
.btn {	background-color: var(--color-07); 	border: none;	padding: .5rem 1.5rem; font-weight:500; border-radius:0;}
.btn:hover {	background-color: var(--color-08); }
.btn img { width:20px; }
button:focus:not(:focus-visible) {	outline: 0;	box-shadow: none; }
.marker {	background: yellow;	font-weight: bold; }
#faq h2 { margin: 0; }
#faq .accordion-button:not(.collapsed) {	color: var(--color-01);	background-color: var(--color-02); box-shadow: none; }
#faq .accordion-body { color: var(--color-01);	background-color: var(--color-06); }
#faq .accordion-button { font-size: 1.15rem;	font-weight: 500;	background: var(--color-09);	color: var(--color-01);}
#faq .accordion-item { border:0; }
#faq .accordion-button::after { filter: invert(1); }
.btn-top {	padding: 0.4rem 1.25rem;	text-transform: uppercase;	font-size: .9rem;	font-weight: 600;	margin-left: 2rem;}
.kontaktInfo div, .kontaktInfo a { font-size: 1.5rem; color:color: var(--color-05); font-weight: 400; line-height:2;  }
.kontaktInfo i {	margin-right: 1rem;	font-size: 2rem;	vertical-align: middle;	color: var(--color-11);}
.sliderTopContainer {	position: relative;	width: 100%; height: 800px; margin-top: 100px;}
.sliderTop {	width: 100%;	object-fit: cover;	position: absolute;	left: 0;	top: 0;	height: 800px;}
.sliderTopContainerNg {	line-height: 1.2;	z-index: 1;	padding-top: 14rem;	padding-left: 12rem;	display: block;	position: absolute;	width: 100%;	text-transform: uppercase;}
.btn-slid-1 { border:1px solid var(--color-07); margin: 1rem 0 0 0;}
.btn-slid-2 { background:var(--color-09); border:1px solid var(--color-05); margin: 1rem 0 0 1rem; }
.sliderTopContainer .ng1 {	font-size: 5rem;	font-weight: 700; }
.sliderTopContainer .ng2 {	font-size: 1.75rem;	font-weight: 400;	margin-top: 1rem; width: 700px; }
.sliderTopContainer .ng1 span {	color: var(--color-02);}
.sliderTopContainerNg .celownik { width:60px; margin-left: 1rem; }
.homeText { color:#fff; font-size:1.25rem; font-weight: 500; }
.homeFoto {	max-width: 95%;	display:block; height: auto;	width: auto; }
.separator1 { width:110px; height:5px; background-color: var(--color-07);  box-shadow: inset 20px 0px 0px 0px #FFFFFF;}
.separator2 { width:110px; height:5px; background-color: var(--color-07);  box-shadow: inset 55px 0px 0px 0px #FFFFFF; display:block; margin:1rem auto;}
.infoHome {	text-align: center;	padding: 4rem 1rem;	background-color: var(--color-07);	border-radius: .75rem;	color: #ffffff;	margin: .5rem; transition: transform 0.3s ease, box-shadow 0.3s ease; user-select: none;}
.infoHome:hover { transform: translateY(-1rem);  box-shadow: 0 10px 25px rgba(0,0,0,0.5); }
.infoHome img {	width: 4rem;	height: 4rem;	display: block;	margin: 0 auto 1rem auto;}
.infoHome span {	font-size: 1.5rem;	line-height: 1;	font-weight: 600;}
.eF-section {margin:2rem 0;}
.eF-section img {	border-radius: 1rem;	margin: 2rem;	max-width: calc(100% - 4rem);}
 
/* ==========================================================================
Swiper
========================================================================== */ 

.sliderSwiper { width: 100%;	height: 100vh;}
.sliderSwiper .swiper-slide img {	display: block;	width: 100%;	height: 100vh;	object-fit: cover; }
.sliderSwiper .swiper-pagination-bullet { width: 100%;	height: 15px;	background: var(--color-03);	border-radius: 15px;	transition: max-width .3s ease-in-out,background-color .3s ease-in-out;	max-width: 15px;}
.sliderSwiper .swiper-pagination-bullet-active {	max-width: 60px;}

@media (max-width: 992px) {
	.sliderSwiper .swiper-slide img {height: auto; 	}
	.sliderSwiper {	 height: auto;  }
	.sliderSwiper .swiper-wrapper { padding-bottom: 35px; }
}

/* ==========================================================================
Shop
========================================================================== */ 

.search-top-container .search-top-icon {	width: 25px;	height: 25px;	padding-top: 2px;}
.search-top-container { display: inline-block; width:30px; height:30px; cursor:pointer; margin: 0 5px; }
.produkt-oferta {
	background-color: var(--color-09);
	text-align: center;
	display: inline-block;
	padding: 0 0 2rem 0;
	margin: 1%;
	width: 31%;
	position: relative;
	overflow: hidden;
	border-radius: 1rem;
	vertical-align: top;
	transition: transform 0.25s ease, background 0.25s ease;
}
.produkt-oferta:hover { transform: translateY(-10px); }
.produkt-oferta-img {	width: 100%;	height: 250px;	object-fit: cover; }
.produkt-oferta-info {
	font-size: 1rem;
	padding: .5rem 2rem;
}
.produkt-oferta-nazwa {
	font-size: 2.25rem;
	font-weight: 500;
	padding: 2rem 2rem 0rem 2rem;
	width: 100%;
	display: block;
	line-height: 2rem;
}
.produkt-oferta-cena {
	font-size: 1.5rem;
	padding: .5rem 1rem;
	position: absolute;
	background-color: var(--color-07);
	top: 2rem;
	right: 0;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}
.produkt-oferta-cena-rabat { opacity: 0.6;	text-decoration: line-through; text-align:center; display:inline-block; font-size:14px; margin-bottom:10px;  }
.produktyWkategorii { display:block; margin:10px; padding-top: 2rem; }
.produkt-oferta-produktyWkategorii { width:95%; }
#zapytajOprodukt .form-control, #zamowprodukt .form-control {	font-size: 14px;	border-radius: 0;	padding: 5px 10px;	background-color: #fff;	border: 1px solid #ddd;	color: #606060;}
.produktThumbs .swiper-slide {  opacity: 0.5;  cursor: pointer;}
.produktThumbs .swiper-slide-thumb-active { opacity: 1;  border: 2px solid var(--color-07);}


#produktySwiper .swiper-slide {  height: auto;}
#produktySwiper .produkt-oferta {  width: 100%;}
#swiper-pagination-polecane {	position: inherit; }
#swiper-pagination-polecane {bottom: var(--swiper-pagination-bottom,-2rem);} 
#swiper-pagination-polecane .swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,15px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,15px));
	background: var(--color-08);
}


.produkt_img_box { overflow:hidden; width:40%; padding:5px; border:1px solid var(--color01); float:left; text-align: center;}
.produktThumbs img {	max-width: 100%;	height: 80px;	object-fit: scale-down;}
.produktSwiper img {
	max-width: 100%;
	width: 100%;
	object-fit: scale-down;
	border-radius: 1rem;
}
.produkt_opis_box { float:left; margin:0 0 0 2%; width:58%; }
.produkt_cena_box {
	font-size: 1.75rem;
	font-weight: 400;
}
.produkt_cena_box span {
	font-size: 2.25rem;
	padding: 0;
	margin: 0;
	display: block;
	font-weight: 600;
	color: var(--color-08);
}
.produkt_cena_box strike { font-size: 20px; opacity:0.6;	padding: 0;	margin: 0;	display: block;}
.produkt-niedostepny {
	display: block;
	font-size: 1rem;
	background: var(--color-06);
	color: var(--color-01);
	padding: .5rem 1rem;
	border-radius: 2rem;
	width: 15rem;
	text-align: center;
	margin-top: 1rem;
}
.btn-zapytajoprodukt {	display: block;	margin: 15px 0;}
.btn-zapytajoprodukt:hover { opacity:0.8; }
.modal-dialog {	max-width: 600px;}
.modal-content {	border: 0;	padding: 30px;	font-size: 14px; border-radius:0; }
.form-control {	padding: 0.5rem;	background: var(--color-06);	border: 0;	color: var(--color-05);	font-size: 1.25rem;	font-weight: 500;	border-radius: 0;}
.form-group {	margin-bottom: 0; }
.star { color:red; }

@media (max-width: 1400px) { 
.produkt-oferta-cena {	font-size: 1.25rem; }
.produkt-oferta-nazwa {	font-size: 1.75rem;	padding: 1rem 2rem 0rem 2rem;}
.produktSwiper img { height: 270px; }
}
@media (max-width: 1200px) { 
.produkt-oferta {	margin: 1%;	width: 47%; }
.produktSwiper img { height: 230px; }
}
@media (max-width: 768) { 
.modal-content {	padding: 10px;	font-size: 12px; } 
.form-control {	font-size: 12px;	padding: 5px 10px; } 
.h5, h5 {	font-size: 1rem; }
}
@media (max-width: 600px) { 
.produkt_img_box { height:auto; width:100%; padding:5px;  } 
.produkt_opis_box { margin:3% 1% 2% 1%; width:98%; } 
.produkt-oferta {	margin: 3%;	width: 94%;}
.produkt_cena_box span { font-size: 1.75rem;}
}
 

/* ==========================================================================
Animation
========================================================================== */ 

.anim {  opacity:0; -webkit-animation-duration: 0.8s;  animation-duration: 0.8s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;} 
@-webkit-keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 150%, 0);    transform: translate3d(0, 150%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}
@keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 150%, 0);    transform: translate3d(0, 150%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}
.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}
@-webkit-keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}
@keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}
.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}


/* ==========================================================================
Opinie
========================================================================== */ 

#opinie { margin: 5rem 0; }
#opinie .opinie-avatar { font-size:1.05rem;    width: 50px;    height: 50px;    border-radius: 50%;    background: #0d6efd;    color: #fff;    font-weight: 600;    display: flex;    align-items: center;    justify-content: center; margin-right: 1rem;}
#opinie .swiper-slide:nth-child(10n+1) .opinie-avatar { background-color: #e74c3c; }
#opinie .swiper-slide:nth-child(10n+2) .opinie-avatar { background-color: #8e44ad; }
#opinie .swiper-slide:nth-child(10n+3) .opinie-avatar { background-color: #2980b9; }
#opinie .swiper-slide:nth-child(10n+4) .opinie-avatar { background-color: #16a085; }
#opinie .swiper-slide:nth-child(10n+5) .opinie-avatar { background-color: #d35400; }
#opinie .swiper-slide:nth-child(10n+6) .opinie-avatar { background-color: #2c3e50; }
#opinie .swiper-slide:nth-child(10n+7) .opinie-avatar { background-color: #7f8c8d; }
#opinie .swiper-slide:nth-child(10n+8) .opinie-avatar { background-color: #27ae60; }
#opinie .swiper-slide:nth-child(10n+9) .opinie-avatar { background-color: #c0392b; }
#opinie .swiper-slide:nth-child(10n+10) .opinie-avatar { background-color: #34495e; }
#opinie .swiper-container { position:relative; }
#opinie .opinieSwiper { padding-bottom:1rem; }
#opinie .opinie-text-01 { margin-bottom: 1rem; font-weight: 400; }
#opinie .opinie-text-02 { font-weight: 500; font-size: 1.1rem; line-height: 1.2; }
#opinie .opinie-text-03 { font-size: .875em; opacity: 0.75; }
#opinie .card { background: var(--color-09); color: var(--color-01); }
#opinie .card::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27currentColor%27 class=%27bi bi-quote%27%3E%3Cpath d=%27M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z%27/%3E%3C/svg%3E");
	background-position: 50%;	background-repeat: no-repeat;	background-size: cover;	content: "";	height: 50px;	right: .25rem;	opacity:1;	position: absolute;	top: .5rem;	width: 50px;	z-index: 1;
}	
#opinie .opinie-stars { overflow: hidden; white-space: nowrap; margin-bottom: 1rem; }
#opinie .opinie-stars .opinie-wynik { width: 115px;	display: inline-block;	position: relative;	vertical-align: middle;}
#opinie .opinie-stars .opinie-wynik::before { color: #c7c7c7;	font-size: 1.5rem;	letter-spacing: .25rem;	line-height: 1rem;	content: "★★★★★";	display: block;	font-style: normal;	font-weight: 400;	position: absolute;}
#opinie .opinie-stars .opinie-wynik > span { display: block;	overflow: hidden;}
#opinie .opinie-stars .opinie-wynik > span::before { position: relative;	z-index: 2;	color: #fdc300;	font-size: 1.5rem;	letter-spacing: .25rem;	line-height: 1rem;	content: "★★★★★";	display: block;	font-style: normal;	font-weight: 400;}
#opinie .swiper-button-next, #opinie .swiper-button-prev {	background: var(--color-07);	width: 70px;	height: 70px;	padding: 10px;	border-radius: 50%;	color: var(--color-01);	top: 6rem;  box-shadow: 0 .275rem 1.25rem rgba(11,15,25,.05),0 .25rem .5625rem rgba(11,15,25,.03);  }
#opinie .swiper-button-next::after, #opinie .swiper-button-prev::after { font-size: 2rem;}
#opinie .swiper-button-next { right:-5rem; }
#opinie .swiper-button-prev { left:-5rem; }

@media (max-width: 767px) {
#opinie .swiper-button-next {	right: calc(50% - 75px);}
#opinie .swiper-button-prev {	left: calc(50% - 75px);}
#opinie .swiper-button-next, #opinie .swiper-button-prev { bottom:-2.5rem; top: inherit; }
}

/* ==========================================================================
Oferta Home
========================================================================== */


#ofertaHome { text-align:center; background:var(--color-09); padding: 5rem 0; position:relative; }
#ofertaHome .ofertaHomeItem {
	overflow: hidden;
	border-radius: 1rem;
	background: var(--color-10);
	margin: 1rem;
	padding-bottom: 3rem;
	position:relative; 
}
#ofertaHome .ofertaHomeItemImg {
	width: 100%;
	height: 250px;
	object-fit: cover;
}
#ofertaHome .ofertaHomeNg {
	font-size: 2.25rem;
	font-weight: 500;
	padding: 2rem 2rem 0 2rem;
	line-height: 1;
	margin-bottom: 1rem;
}
#ofertaHome .ofertaHomeText {
	font-size: 1rem;
	padding: 1rem 2rem;
}
#ofertaHome .ofertaHomeCena {
	font-size: 1.5rem;
	padding: .5rem 1rem;
	position: absolute;
	background-color: var(--color-07);
	top: 2rem;
	right: 0;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}
#ofertaHome .swiper-container { position:relative; }
#ofertaHome .swiper-button-next, #ofertaHome .swiper-button-prev {	background: var(--color-07);	width: 70px;	height: 70px;	padding: 10px;	border-radius: 50%;	color: var(--color-01);	top: 18rem;  box-shadow: 0 .275rem 1.25rem rgba(11,15,25,.05),0 .25rem .5625rem rgba(11,15,25,.03);  }
#ofertaHome .swiper-button-next::after, #ofertaHome .swiper-button-prev::after { font-size: 2rem;}
#ofertaHome .swiper-button-next { right:-5rem; }
#ofertaHome .swiper-button-prev { left:-5rem; }

@media (max-width: 767px) {
#ofertaHome .swiper-button-next {	right: calc(50% - 75px);}
#ofertaHome .swiper-button-prev {	left: calc(50% - 75px);}
#ofertaHome .swiper-button-next, #ofertaHome .swiper-button-prev { bottom:-2.5rem; top: inherit; }
#ofertaHome .ofertaHomeNg {	font-size: 1.75rem; padding: 1rem 2rem 0 2rem; }
#ofertaHome .ofertaHomeText {	font-size: .9rem; }
#ofertaHome .ofertaHomeItemImg { height: 180px; }
#ofertaHome .ofertaHomeCena {	font-size: 1.25rem;	top: 1rem;}
}

/* ==========================================================================
Modal HOME
========================================================================== */ 

#modalHome img { max-width:100%; }
#modalHome .modal-content {	border: 0;	padding: 0;	border-radius: 0;}
#modalHome .modal-dialog {	max-width: 90%;	width: 1000px;	margin: auto;}
#modalHome .btn-close {	font-size: 1.5rem;	position: absolute;	right: 1rem;	top: 1rem;}

@media (max-width: 767px) { #modalHome .btn-close {	font-size: 1rem;	right: 0.25rem;	top: 0.25rem;} }

/* ==========================================================================
Oferta szkolenia
========================================================================== */ 

.oferta-szkolenia-img img { margin:10px; padding:5px; border:1px solid var(--color01); float:left; text-align: center; border-radius: 1rem;}


/* ==========================================================================
Podstrona
========================================================================== */ 

.container-ps-ng {	margin: 100px auto 2rem auto;	padding: 7rem 0 7rem 0;	position: relative;	background-image: url("../../../img/ps-slider.webp");	background-attachment: fixed;}
.breadcrumb-container  { overflow: hidden;	height: 40px;	overflow-x: auto;}
.breadcrumb {	margin: 0;	font-size: 1.15rem;	font-weight: 500;	width: max-content;	display: inline-flex;}
.container-ps-ng, .container-ps-ng a { color: var(--color-05); }
 .breadcrumb-item.active { color: var(--color-07); }
.container-ps-ng a:hover { opacity:0.8; }
.container-ps-ng h1, .container-ps-ng .h1 {	color: var(--color-01);	font-weight: 800; font-size: 3.5rem; }
.container-ps-ng h2 {	color: var(--color-02);	font-weight: 400; margin-bottom: 0; }
.container-ps-ng hr {	margin: 2rem 0 0 0; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--color-05);	content: "/"; }
.close { cursor: pointer; }


/* ==========================================================================
HAMBURGER MENU
========================================================================== */ 

.navbar-light .navbar-toggler {	outline: none; cursor:pointer; }
.hamburger_nav{ overflow: hidden; margin:0; padding:0; outline: none !important; border:none;}

#nav-mhweb-hamburger { display:block; width: 30px;height: 25px;position: relative;margin: 5px 0px 0px 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-mhweb-hamburger span {display: block;position: absolute; height: 2px; width: 50%;background: var(--color-02);opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-mhweb-hamburger.open span{margin-left:3px;margin-top:-4px;}
#nav-mhweb-hamburger span:nth-child(even) {left: 50%;}
#nav-mhweb-hamburger span:nth-child(odd) {left:0px;}
#nav-mhweb-hamburger span:nth-child(1), #nav-mhweb-hamburger span:nth-child(2) {top: 0px;}
#nav-mhweb-hamburger span:nth-child(3), #nav-mhweb-hamburger span:nth-child(4) {top: 8px; width: 100%; left:-5px; }
#nav-mhweb-hamburger span:nth-child(5), #nav-mhweb-hamburger span:nth-child(6) {top: 16px;}
#nav-mhweb-hamburger.open span:nth-child(1), #nav-mhweb-hamburger.open span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-mhweb-hamburger.open span:nth-child(2),#nav-mhweb-hamburger.open span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-mhweb-hamburger.open span:nth-child(1) {left: 0px;top: 9px;}
#nav-mhweb-hamburger.open span:nth-child(2) {left: calc(50% - 5px);top: 9px;}
#nav-mhweb-hamburger.open span:nth-child(3) {left: -50%;opacity: 0;}
#nav-mhweb-hamburger.open span:nth-child(4) {left: 100%;opacity: 0;}
#nav-mhweb-hamburger.open span:nth-child(5) {left: 0px;top: 19px;}
#nav-mhweb-hamburger.open span:nth-child(6) {left: calc(50% - 5px);top: 19px;}

/* ==========================================================================
PASSWORD
========================================================================== */ 

.password-card {	margin: 5% auto;	width: 100%; max-width:600px; text-align: center;	color: #555;	padding: 4% 2%;}
.password-card h3 {	text-transform: uppercase;	font-weight: 300;	margin-bottom: 2rem; }
.password-card ion-icon { font-size:80px; color:#555; }
.password-card .btn {	width: 100%;	margin-top: 10px;}
@media (max-width:  768px) { .password-card .alert-danger {	font-size: 13px;	padding: 5px;} .password-card h3 { font-size:22px; }.password-card ion-icon {	font-size: 60px; } }


/* ==========================================================================
KONTAKT
========================================================================== */ 

.footer-bg {	background-attachment: fixed;	color: var(--color-11);	padding-top: 5rem;	padding-bottom: 2rem;	background-color: #1e293b;	background-image: url("../../../img/BG-footer.svg");}
.footer-bg pre { color: var(--color-05); }
.footer-bg .h1 {	color: var(--color-05);	font-weight: 200;	margin-bottom: 20px;	display: block; font-size: 2.5rem;}
.footer-bg .form-control {	border: 1px solid rgba(255,255,255,0.4);	margin: 10px 0;	background-color: rgba(00,00,00,0.1);	color: var(--color-05);	height: 40px;	padding: 25px;}
.footer-bg textarea.form-control, .footer-bg .footer-bg textarea.form-control { height:172px; }
.footer-bg footer-btn {	font-size: 14px;	height: 40px;	width: 100%; }
.footer-bg .form-alert { border:1px solid red; }
.footer-bg .footer-container {	width: 80%;	margin: auto; }
.footer-bg a { color: var(--color-11); }
.footer-bg a:hover { color: var(--color-01); }
.footer-bg h5 { color: var(--color-05); }
.footer-bg .sm-icon {	font-size: 3rem;	padding: 0;	margin: 0;	color: var(--color-11);}
.footer-bg i {	font-size: 1.75rem;	vertical-align: middle;	margin-right: 1rem;	color: var(--color-02);  flex-shrink: 0; font-size: 1.75rem;  color: var(--color-02) }
.footer-bg .footerInfo { font-size: .75rem; }
.footer-bg .footerSmall { font-size: .85rem; }
.footer-bg hr {	margin: 5rem 0 2rem 0;}
.separator3 {	width: 40px;	height: 3px;	background-color: var(--color-07);	box-shadow: inset 5px 0px 0px 0px #FFF;	margin-bottom: 1rem;}
.footer-bg .footer-info { display:flex; align-items: center; margin-bottom:1rem; }

@media (max-width:  768px) { 
.footer-bg {	padding-top: 5vh;	padding-bottom: 5vh; }
.footer-bg .h1 {	margin-bottom: 10px;	font-size: 24px; margin-top: 20px; }
.footer-bg .form-control {	padding: 20px;	font-size: 14px; }
.footer-bg i {	font-size: 1.25rem;	margin-right: .5rem;}
.footer-bg .footer-container { margin-bottom: 1.5rem; }
.footer-bg .sm-icon {	font-size: 1.5rem; }
.footer-bg hr {	margin: 1rem 0 2rem 0; }
}

/* ==========================================================================
COOKIES INFO
========================================================================== */ 

#cookies-message {	padding: 25px;	font-size: 12px;	line-height: 15px;	text-align: center;	position: fixed;	bottom: 20px;	left: 20px;	background-color: var(--color-01);	width: 25%;	z-index: 9999;	color: var(--color-05); border-radius: .5rem;}		
#accept-cookies-checkbox, #accept-cookies-info {	background-color: var(--color-03);	padding: 8px 25px;	color: var(--color-05);	display: inline-block;	text-decoration: none;	cursor: pointer;	border-radius: .25rem;	font-size: 12px;	margin: .5rem;}
	

/* ==========================================================================
DOWNLOAD
========================================================================== */ 

.download-box {  float: left;  height: 160px;  margin: 0 1px 1px 0;  overflow: hidden;  position: relative;  text-align: center;  width: 140px; }
.download-box span { font-weight:bold; }	

/* ==========================================================================
FORMULARZ WYCENY
========================================================================== */

.wycena_container {position:fixed;top:0;z-index: 10000;}
.wycena_container_bg {  background-color: rgba(42, 42, 42, 0.6);  display: none;  height: 100%;  margin: 0 auto;  position: fixed;  text-align: center;  width: 100%;  z-index: 10001;}
.wycena_container_content {  background-color: rgba(42, 42, 42, 0.9);  border-right: 10px solid var(--color-02);  display: block;  font-size: 13px;  padding: 20px;  position: fixed;  width: 100%;  height:100%;  z-index: 10002;  color:var(--color-05);  left:-100%;}
.wycena_form {  float: left;  margin: 0 0 30px;  position: relative;  width: 100%;}
.wycena_form_text {  color: var(--color-02);  float: left;    font-size: 22px;  font-weight: 300;  left: 0;  margin: 0;  position: relative;  text-align: right;  top: 0;  width: 30%;}
.wycena_input {  padding: 10px 0 8px 10px; background: transparent;  border-color: #515252 #515252 #515252;  border-style: solid;  border-width: 0 0 1px;  float: right;    font-weight: 300;  font-size: 20px;  width: 65%;  color:#AAA;}
.wycena_select {  background: transparent;  border-color: #515252 #515252 #515252;  border-style: solid;  border-width: 1px;  float: right;    font-weight: 300;  font-size: 20px;  width: 65%;  padding:5px 10px;  color:#AAA;}
.wycena_textarea {  background: transparent;  border-color: #515252 #515252 #515252;  border-style: solid;  border-width: 1px;  float: right;    font-weight: 300;  font-size: 20px;  width: 65%;  padding:5px 10px;  color:#AAA;}
select.wycena_select > option {	  padding:5px 10px;}
.wycena_container_ng {  color:var(--color-05);	    font-weight: 300;  font-size: 32px;  text-transform: uppercase;  text-align:right;  margin:15px 0;  color:#5f5f5f;  padding-top: 50px;}	
.formularz_btn {  cursor: pointer;  display: block;  position: absolute;  right: -47px;  text-align: right;  top: 40%;}
.formularz_close_btn {	cursor:pointer;	display:block;	float:right;	position:relative;	margin:-20px -20px 0 0;	width:50px;	height:50px;}
.formularz_close_btn img {max-width:100%;}
.wycena_submit {  background: var(--color-02) none repeat scroll 0 0;  border: 0;  color: var(--color-05);  cursor: pointer;  float: right;    font-size: 16px;  font-weight: 300;  margin: 0;  padding: 10px 40px;  text-transform: uppercase;}

@media (max-height: 800px) {	
	.wycena_container_ng {  font-size: 26px;  margin: 5px 0; }
	.wycena_select {  font-size: 16px;  padding: 2px 10px;  width: 65%; }
	.wycena_form_text, .wycena_input, .wycena_textarea { font-size: 18px; }
	.wycena_form { margin-bottom:5px; }
	.wycena_submit { padding: 5px 40px 3px 40px; font-size:12px; }	
}

@media (max-width: 700px) { 
.wycena_form_text, .wycena_select {	font-size: 14px; width: 95%; }
.wycena_container_ng {	font-size: 22px; padding-top: 30px; }
.wycena_form_text, .wycena_input, .wycena_textarea {	font-size: 14px; padding:3px 0 3px 3px;}
.wycena_textarea, .wycena_input { width:95%; }
 }


/* ==========================================================================
GALERIA
========================================================================== */ 

	.foto_galeria span {  background-color: var(--color-02);  bottom: 0;  color: var(--color-05);  display: block;  margin-top: -20px;  position: absolute;  text-align: center;  width: 100%; }
	.foto_galeria {	border: 0 solid #eee;	height: 250px;	margin: 0 .5% .5% 0;	overflow: hidden;	position: relative;	width: 19%;	display: inline-block;	border-radius: .5rem;}
	.foto_galeria img {		opacity: 1;		width: 100%;		object-fit: cover;		height: 100%;	}
	.foto_galeria img:hover	{	 opacity:0.6;	}
	
	.gallery-category { position:relative; width:23%; margin:0.7%; overflow:hidden; display: inline-block; }
	.gallery-category img { width:100%; height:300px; object-fit: cover; border-radius: 2rem; }
	.gallery-category span {	position: absolute;	display: block;	width: 90%;	bottom: 15%;	background: rgba(9, 9, 9, 0.65);	color: var(--color-05);	font-size: 1.15rem;	padding: 10px 20px;	text-align: center;	font-weight: 600;	margin: 0 5%;	border-radius: 1rem;}
	
	@media (max-width: 1400px) {  .foto_galeria { height:210px; } }
	@media (max-width: 1200px) { .gallery-category { width:31%; } .foto_galeria { height:175px; } }
	@media (max-width:  992px) { .gallery-category { width:48%; } .foto_galeria {	width: 24%;	height: 180px; } .gallery-category span {font-size: 18px;	padding: 5px 10px;	border-radius: .25rem;} }
	@media (max-width:  768px) { .gallery-category img { width:100%; height:220px } .foto_galeria { width: 32%;	height: 180px; } }
	@media (max-width:  450px) { .gallery-category { width:98%; } .foto_galeria { width:48%;  height:180px; } }
	@media (max-width:  300px) { .foto_galeria { width:99.8%; margin:0.1%; height:176px; } }

/* ==========================================================================
GALERIA GRID
========================================================================== */ 

	.flexbin {  display: flex;  overflow: hidden;  flex-wrap: wrap;  margin: -2.5px; }
	.flexbin:after {    content: '';    flex-grow: 999999999;       height: 0; }
	.flexbin > * {  max-width: 50%;  position: relative;    display: block;       margin: .5rem;    flex-grow: 1; }
	.flexbin > * > img {      height: 250px;      object-fit: cover;      max-width: 100%;      min-width: 100%;      vertical-align: bottom; border-radius: 2rem; }
	.flexbin.flexbin-margin {    margin:0; }
	
  @media (max-width: 980px) {
		.flexbin {      display: flex;      overflow: hidden;      flex-wrap: wrap;      margin: -2.5px; }
        .flexbin:after {        content: '';        flex-grow: 999999999;               height: 0; }
        .flexbin > * {      max-width: 100%;  position: relative;        display: block;              margin: 2.5px;        flex-grow: 1; }
        .flexbin > * > img { height: 200px; object-fit: cover; max-width: 100%; min-width: 100%; vertical-align: bottom; border-radius: 0.5rem; }
		.flexbin.flexbin-margin {        margin: 2.5px; } 
		}
		
  @media (max-width: 400px) {
      .flexbin {      display: flex;  overflow: hidden; flex-wrap: wrap; margin: -2.5px; }
      .flexbin:after { content: ''; flex-grow: 999999999; height: 0; }
      .flexbin > * { position: relative; display: block; margin: 2.5px; flex-grow: 1; }
      .flexbin > * > img { height: 100px; object-fit: cover; max-width: 100%; min-width: 100%; vertical-align: bottom; }
      .flexbin.flexbin-margin { margin: 2.5px; } 
	  }


/* ==========================================================================
KOMUNIKAT FORM
========================================================================== */ 


#komunikat_zwrotny {
	position: fixed;
	text-align: center;
	z-index: 10003;
	padding: 1rem 5rem;
	font-size: 0.9rem;
	border-radius: .25rem;
	right: 1rem;
	bottom: 1rem;
	color: var(--color-05);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    animation-name: form-fadeInOut;
    animation-duration: 5s;
    animation-fill-mode: forwards;
}

#komunikat_zwrotny.danger { background: var(--bs-danger); }
#komunikat_zwrotny.success { background: var(--bs-success); }

@keyframes form-fadeInOut {
    0% { opacity: 0; right:-5rem; }
	5% { opacity: 1; right:1rem; }
    90% { opacity: 1; right:1rem; }
    100% { opacity: 0; right:-1rem;}
}



/* ==========================================================================
Wyszukiwarka TOP
========================================================================== */ 

#szukaj-top {	display: block;	z-index: 2;	position: absolute;	background: var(--color-05);	width: 100%;	text-align: center;	margin: 0;	padding: 25px 0;	left: 0;	top: 0;	margin-top:-100px; height: 100px;}
.navbar-mini #szukaj-top { padding: 5px 0; height: 60px; }
#szukaj-top.szukaj-top-active {	margin-top:0;}
.navbar-mini #szukaj-top.szukaj-top-active { margin-top:0;	padding: 5px 0;}
.navbar-mini #szukaj-top.szukaj-top-active .szukaj-top-close {	top:0;}
.szukaj-top-input {	width: 50%;	display: inline-block;	height: 3rem;	padding: 0.5rem 1rem; font-size:1rem;	margin: 0;	vertical-align: middle; border: 1px solid #ced4da; border-radius: 0;}
.szukaj-top-input:focus { border: 1px solid #ced4da; }
.szukaj-top-btn { padding: 0 1rem; display: inline-block; vertical-align: middle;	text-transform: uppercase;	margin-left: -5px;	height: 48px;	border-radius: 0; border: 0; background-color: var(--color-02);	color: var(--color-05); font-weight: 300;	cursor: pointer; font-size: 1rem; }

.szukaj-top-close {	box-sizing: content-box;	width: 1.5em;	height: 1.5em;	padding: .25em .25em;	color: #000;	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;	border: 0;	border-radius: 0;	opacity: .5;	vertical-align: middle;	font-size: 1.5rem;}
.szukaj-top-icon {	font-size:30px;	color:#777;	margin:0 20px;	cursor:pointer;}
.szukaj-top-icon:hover, .szukaj-top-close:hover {	opacity:0.5;}
.szukaj-top-search {	display: inline-block;	width: 35px;	height: 40px;	vertical-align: middle;	margin-right: 10px;}
.szukaj-container {text-align:center;	font-size:24px;margin-bottom:200px}
.szukaj-container span {display:block;margin:20px;	font-size:52px;}
.szukaj-container p { display:block;font-size:20px;	}
.szukaj-container  #szukaj-top { position: inherit;	background: transparent;	margin: 0;	margin-top: 0px; }
.szukaj-container .szukaj-top-close { display:none; }
.szukaj-wynik-01 { font-size:24px; }
.szukaj-wynik-02 {	padding: 1.5rem;	border: 1px solid #EEE;	margin: 1rem 0; }
.szukaj-wynik-03 {	font-size: 1.2rem;	margin-bottom: 1rem;	padding-bottom: .5rem;}

@media (max-width: 768px) {	
#szukaj-top.szukaj-top-active {	padding: 5px 0;	height: auto;}
.szukaj-top-search {display:none;}
.szukaj-top-input {	width: calc(90% - 120px);	padding: 5px 10px;	margin: 5%;	height: 35px;}
.szukaj-top-btn {	padding: 5px 10px;	width: 80px;	margin: 0 0 0 -3rem;	height: 35px;}
.szukaj-wynik-01 {	font-size: 18px; }
.szukaj-container p {	font-size: 16px; }
.szukaj-container span {	margin: 10px;	font-size: 38px; }
.szukaj-container #szukaj-top {	padding:0; font-size: 20px;  }
}			

/* ==========================================================================
MENU VERTICAL
========================================================================== */ 

.menu-vertical, .menu-vertical ul, .menu-vertical li {    list-style: none;}
.menu-vertical ul {    padding: 0; display:none; }
.menu-vertical {    padding: 4px;    margin: 0px;}
.menu-vertical > li {    margin: 4px 0; position: relative;}
.menu-vertical > li li {    margin: 2px 0; position: relative;}
.menu-vertical a {  color: var(--color-01); display: block;    outline: none; font-size:0.9rem;   text-decoration: none; background-color: var(--color-09); border-radius: .25rem;	font-weight: 400; padding: 10px 20px; height: 45px;}
.menu-vertical li > a > span {    float: right;    font-size: 27px;    font-weight: bolder;}
.menu-vertical li > a:hover > span {    color: var(--color-05);}
.menu-vertical li > a > span:after {    content: '\25be';}
.menu-vertical li.open > a > span:after {    content: '\25b4';}
.menu-vertical a:hover, .menu-vertical li.active > a {    background-color: var(--color-02);    color: var(--color-05);}
.menu-vertical > li.active > a  {    background-color: #4D90FE;}
.menu-vertical li li a { padding: 10px 10px 10px 50px; }
.menu-vertical li li li a {	padding: 10px 10px 10px 70px; }
.menu-vertical .select { color: var(--color-05); background-color: var(--color-07); }
.menu-vertical .openMenu { display:block; }
.menu-vertical .submenu span:before {	content: '';	position: absolute;	top: 0;	right: 1px;	font-size: 27px;	height: 45px;	width: 45px;	text-align: center;	cursor:pointer; color: var(--color-01); border-radius:.25rem; }
.menu-vertical .submenu span:before {
	background: no-repeat center / contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5'/%3E%3C/svg%3E");
	transform: rotate(0deg);
    transition: transform 0.2s ease;
	background-size: 50%;
}
.menu-vertical .submenu span.open:before { content: ''; transform: rotate(180deg); }
.mv-mobile-btn { font-size: 14px;	line-height: 22px;	padding: 10px 10px;	border: 1px solid var(--color-01);	color: var(--color-01);	cursor: pointer;	text-align: center;	position:relative;	display:none;}
.mv-mobile-btn:before {	content: '\25be';	position: absolute;	top: 10px;	right: 1px;	font-size: 27px;	height: 45px;	width: 45px;	text-align: center;	cursor:pointer;  border-radius:.25rem; }
.mv-mobile-btn-open:before { content: '\25b4'; }

@media (max-width: 992px) {
.menu-vertical .submenu span::before {	right: 1px;	font-size: 22px;	width: 40px; }
.menu-vertical li a {	padding: 8px 10px 8px 25px; }
.menu-vertical > li > a {	font-size: 12px;	padding: 5px 10px;}
.mv-container { display:none; }
.mv-container-open { display:block; }
.textMargin { margin-top:1rem; }
.mv-mobile-btn { display:block; }
}

/* ==========================================================================
MENU TOP
========================================================================== */ 

.navbar-max { height:100px; }
.navbar-mini { height:60px; }
.nav-column-1 { display:inline-block; width:15%; text-align: left; vertical-align: middle;}  
.nav-column-2 { display:inline-block; width:85%; text-align: right; vertical-align: middle; }
.main-navigation, .nav-top-icon { display:inline-block; vertical-align: middle; }
.navbar-mini .navbar-brand  { height:auto; }
.navbar-mini .navbar-brand img { max-width: 65%;	padding: 0.15rem 0;	height: auto;	width: auto;}
.navbar-max .navbar-brand  img { max-width:100%; padding: 0.75rem 0; height: auto;	width: auto;}
.bg-light {	background-color: var(--color-09) !important; box-shadow: 0 .275rem 1.25rem rgba(11,15,25,.05),0 .25rem .5625rem rgba(11,15,25,.03);}
.navbar-toggler {	border: 0px solid transparent; }
.main-navigation ul {  list-style: none;  padding: 0;  margin: 0;}
.main-navigation ul li {  display: block;  position: relative;  float: left;}
.main-navigation li ul { display: none; }
.main-navigation ul li a {
	display: block;
	padding: .35rem .65rem;
	text-decoration: none;
	white-space: nowrap;
	color: var(--color-05);
	font-size: 1.125rem;
	text-align: left;
	font-weight: 600;
	text-transform: uppercase;
}
.main-navigation ul li a:hover { background: var(--color-07); color:var(--color-05); }
.main-navigation li:hover li { float: none; }
.main-navigation li:hover a { background: var(--color-09); }
.main-navigation li:hover li a:hover { background: var(--color-02); color:var(--color-05); }
.main-navigation li ul li { border-top: 0; }
.main-navigation ul ul ul {  left: 100%;  top: 0;}
.main-navigation ul:before, .main-navigation ul:after {  content: " ";   display: table; }
.main-navigation ul:after { clear: both; }
.main-navigation ul li ul li a { min-width:120px; }
#flag_box {	width: 60px;	display: inline-block;}
#flag_box img { margin-top: -5px; }
#flag_box .btn-secondary {	color:var(--color-02);	background-color: var(--color-05);	border: 1px solid var(--color-01);	text-transform: uppercase;	border-radius: 0;	font-size: 12px;	padding: 3px 15px;}
#flag_box .dropdown-item {	padding: 1px 15px;}
#flag_box .dropdown-menu {	min-width: auto;	width: 58px;	border-radius: 0;	font-size: 12px;	text-transform: uppercase;	margin-top: -1px;	left: 2px;	border: 1px solid var(--color-01);	color:var(--color-02);}
.mobile-bg { display: none; }

@media (min-width:  992px) {	
.main-navigation li:hover > ul {  display: block;  position: absolute;}
}

@media (max-width:  992px) { 
.navbar-toggler {	right: 5px;	position: fixed;	top: 10px;}
.main-navigation {	left: -100%;	display: block;	position: fixed;	background-color: var(--color-09);	width: 100%;	top: 0;	z-index: 999;	margin-right: 60px;	padding: 60px 0px 20px 60px;	border-right: 1px solid var(--color-06);	height: 100%;	overflow-y: scroll;}
.main-navigation-active { left:-60px; text-align: left; }
.main-navigation ul li a {	padding: 10px 1px 12px 10px; font-size: 16px; white-space: inherit; margin: 0 10%;}
.main-navigation ul li {	float: inherit; }
.main-navigation li ul {  box-shadow:none; font-size: 13px;}
.main-navigation li:hover > ul {  position: relative;}
.main-navigation li:hover a { background: transparent; }
.main-navigation ul ul ul {	left: inherit; }
.main-navigation ul ul a {	padding-left: 40px;}
.main-navigation ul ul ul a {	padding-left: 60px;}
.main-navigation ul ul ul ul a {	padding-left: 80px;}
.navbar-max .navbar-brand img {	width: auto;	height: 30px;	padding: 0;	position: absolute;	left: 15px;	top: 17px;}
.nav-column-1 { width:75%; text-align: left; }
.nav-column-2 { width:25%; text-align: left; }
.main-navigation .submenu span::before {	content: '';	position: absolute;	top: 0px;	right: 10%;	font-size: 23px;	height: 37px;	width: 45px;	text-align: center;	cursor: pointer; filter: invert(1);}
.main-navigation .submenu span.open:before { content: ''; }
.main-navigation .submenu span::before {
	background: no-repeat center / contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5'/%3E%3C/svg%3E");
	transform: rotate(0deg);
	background-size: 50%;
}
.main-navigation .submenu span.open:before { content: ''; transform: rotate(180deg); 		border-left:0; }

.mobile-bg { background: rgba(0,0,0,0.4);	position: fixed;	left: 0;	top: 60px;	width: 100%;	height: 100%;	z-index: 1;	display: none;}
.db { display:block; }
}


/* ==========================================================================
OGŁOSZENIA
========================================================================== */ 

.ogloszenia .img-thumbnail { border-radius:0; margin-bottom:0; height:175px; overflow:hidden; }
.ogloszenia { width:48%; border:1px solid var(--color-01); vertical-align:top; padding:1%; background-color:rgba(255,255,255,0.8); margin:5px 1%; display:inline-block; overflow:hidden; }
.ogloszenia:hover { background-color:#eee; }
.ogloszenia_foto { width:33%; display:inline-block; height:100%; vertical-align:top; margin:2% 0; }
.ogloszenia_tresc { width:64%; margin-left:2%; display:inline-block; height:100%; vertical-align:top; }
.ogloszenia_ng { color:#333; font-size:30px;  font-weight:300; }
.ogloszenia_data { color:var(--color-02); font-size:15px;  font-weight:400; }
.ogloszenia_opis { font-size:13px; }
.btn-ogloszenia { margin: 0.5rem auto;	width: 60%;	padding: 0.5rem;}

@media (max-width: 1200px) { .ogloszenia .img-thumbnail  { height:140px; } }
@media (max-width: 991px) { .ogloszenia { width:98%; margin-left:auto; margin-right:auto; } }
@media (max-width: 500px) { .ogloszenia .img-thumbnail {	height: auto; } .ogloszenia { width:98%; } .ogloszenia_tresc { width:94%; margin:3%; } .ogloszenia_foto { width:100%; } .ogloszenia_ng { font-size:25px; } }

/* ==========================================================================
MAPA / PRZEDSTAWICIELE
========================================================================== */

.mapa-box { color:#666; border-bottom:1px solid var(--color-01); padding:10px 20px; }
.mapa-box:hover { background-color:#f5f5f5; }
.mapa-box strong { color:var(--color-02); font-size:16px; }
.mapa-box a { font-size:13px; }
.mapa-container, .mapa-menu { width:100%; height:600px; overflow:hidden; }
#szukaj_input {	padding: 10px;	color: #666;	min-width: 15%;	border: 1px solid var(--color-01);	margin: 2px; }
.mapa-reset { padding: 10px;	color: #666; background-color:var(--color-01);  border: 1px solid var(--color-01);	margin: 2px; display:inline-block; }
.mapa-reset:hover { background-color:#CCC; }

@media (max-width: 767px) { #szukaj_input {	min-width: 98%; padding:5px; } .mapa-reset { min-width: 98%; padding:5px; text-align:center; } .mapa-container, .mapa-menu { height:300px; } }


/* ==========================================================================
BLOG
========================================================================== */

.blog a { color: #0b1c39; }
.blog-img img:hover { transform: scale(1.2); }
.blog-img { width:100%; overflow:hidden; height:auto; }
.blog-img-big img {	max-width: 100%;	width: 100%;	height: 50vh;		margin-bottom: 1rem;	object-fit: cover; border-radius: 1rem;}
.blog-img img { max-width:100%; }
.blog-title { color:var(--color-02); line-height: 1.4; font-size: 1.25rem; }
.blog-content { font-size:12px; line-height:22px; }
.blog-data { font-size: .8rem; color: #626a77; }
.blog-tags { font-size:13px; color:#AAA; margin-top:10px; }
.blog-tags a:hover { color:#666; }
.blog-tags span { margin-right:10px; }
.blog-tags-big { font-size:16px; }
.blog-tags a {
	margin: 0 5px 5px 0;
	display: inline-block;
	border: 1px solid var(--color-01);
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
	color: var(--color-03);
	border-radius: 2rem;
}
.blog .card { border-radius: 1rem;	overflow: hidden;}
.blog .card-img, .card-img-top { height: 300px;	object-fit: cover;}
.blog .badge { background-color:var(--color-02); color:var(--color-05); }
.blog .badge-big { font-size: 1rem; margin-right: 1rem; }
.blog-data-big { font-size: 16px; }
.blog-trescskr { color: #626a77;	font-size: 0.85rem;}
.blog .card-body { background: #f8f9fb; }
.blog .card-img, .blog .card-img-top { border-radius:0; }
.blog .blog-more-btn {	font-size: .8rem;	font-weight: 500;}
.blog .blog-more-btn span {	font-size: .8rem;	display: inline-block;	margin-right: 0.5rem;}
.blog h1 { color:#0b1c39; }


@media (max-width: 1400px) { .blog .card-img, .card-img-top { height: 250px; } }
@media (max-width: 1200px) { .blog .card-img, .card-img-top { height: 200px; } .blog-title { font-size: 1rem; } }
@media (max-width: 996px) { .blog-tags a {font-size: 0.7rem;} .blog-data { font-size: 0.7rem; } .blog-img-big img {	height: 200px;  } .blog .badge-big {	font-size: .8rem;	margin-right: 1rem; } }


/* ==========================================================================
Komentarze
========================================================================== */

.text-comment { font-size: .9rem; padding-right: 6rem; }
.name-comment {font-size: 1.25rem; color: var(--color-03);  font-weight: 600;}
.badge-comment { background-color: var(--color-02);	color: #fff;	padding: .1rem .5rem;	font-size: .75rem;	border-radius: .25rem;}
.item-comment{	width: 100% !important;	background-color: #f8f9ff;	border-radius: 1rem;	padding: .5rem 1rem;}
.avatar-comment {	margin: 0 1rem;	opacity: .2;	width: 60px;	height: 60px;}
.add-comment {	padding: 2rem 3rem;	background: #f8f9ff;	margin: 0 2rem 2rem 2rem;	border-radius: 1rem;}
.add-comment .form-control {	padding: 15px;	color: var(--color-01);	border-color: var(--color-01);	margin: 1rem 0;}
.container-comment  {	border: 1px solid var(--color-01);	border-radius: .5rem; }


@media (max-width: 1200px) { 
.add-comment {	padding: 1rem 2rem;	margin: 0 1rem 1rem 1rem;	border-radius: .5rem;}
.text-comment {	font-size: .75rem;	}
.name-comment {	font-size: 1rem; }
.avatar-comment {	margin: 0 .5rem;	width: 45px;	height: 45px;}
.item-comment {	border-radius: .5rem; }
.add-comment {	border-radius: .5rem; }
}

@media (max-width: 996px){
.add-comment .form-control { padding: 10px;	margin: .5rem 0; }
.add-comment {	padding: 1rem 1rem;}
.avatar-comment {	margin: 0 .5rem 0 0;	width: 30px;	height: 30px; }
.text-comment {	font-size: .7rem;	padding-right: 0;	margin-bottom: 0;}
.badge-comment { font-size: .6rem; }
.name-comment {	margin-top: 1rem; }
.badge-comment { margin-top: -1rem; }
}

/* ==========================================================================
SimpleLightbox v2.13.0
========================================================================== */

body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:10060;color:#000;font-size:1rem}.sl-wrapper .sl-download{display:none;position:fixed;bottom:5px;width:100%;text-align:center;z-index:10060;color:#fff;font-size:1rem}.sl-wrapper .sl-download a{color:#fff}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
.sl-wrapper {	background: rgba(0,0,0,0.85); }
.sl-wrapper .sl-close {	color: var(--color-02);}
.sl-wrapper .sl-navigation button {	color: var(--color-02); }

/* ==========================================================================
TRANSITIONS
========================================================================== */

	.navbar-mini .navbar-brand,
	.navbar-mini .navbar-brand img,
	.navbar-mini .navbar-nav > li > a,
	.navbar-max .navbar-brand,
	.navbar-max .navbar-brand img,
	.navbar-max .navbar-nav > li > a,
	.navbar-mini,
	.navbar-max,
	.ah,
	.ah:hover,
	.navbar-mini #szukaj-top,
	.navbar-max #szukaj-top,
	.szukaj-top-close,
	.foto_galeria img,
	.foto_galeria img:hover,
	.oferta_home_box:hover,
	.oferta_home_box,
	.oferty_slider,
	.oferty_slider:hover,
	.blog-img img,
	.blog-img img:hover,
	.blog-container a,
	.blog-container a:hover,
	.main-navigation,
	#owl-slider .owl-nav [class*="owl-"],
	#owl-slider .owl-nav [class*="owl-"]:hover 
	{	
		transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	

/* ==========================================================================
PHONE
========================================================================== */ 
   

@media (max-width: 1600px) {
	.sliderTop { height: 700px; }
	.sliderTopContainer { height: 700px; }
	.sliderTopContainerNg {	padding-top: 10rem;	padding-left: 6rem; }

}

@media (max-width: 1400px) {
	body {	font-size: 1rem; }
	.btn {	font-size: .9rem; }
	h1, .h1 {  font-size: 2.25rem;}
	h2, .h2 {  font-size: 1.4rem;}
	h3, .h3 {  font-size: 1.2rem;}
	h4, .h4 {  font-size: 1.5rem;}
	.homeText {	font-size: 1rem;}
	.footer-bg .h1 {	font-size: 2.25rem; }
	.main-navigation ul li a {	font-size: .9rem; padding: .35rem .5rem; }
	.sliderTop { height: 600px; }
	.sliderTopContainer { height: 600px; }
	.sliderTopContainerNg {	padding-top: 10rem;	padding-left: 4rem; }
	.sliderTopContainer .ng1 {	font-size: 4rem; }
	.sliderTopContainer .ng2 {	font-size: 1.5rem; width: 530px;}
	.infoHome span { font-size: 1.25rem;}
	.infoHome img {	width: 3rem;	height: 3rem;}
	.infoHome {	padding: 3rem 1rem; }
}

@media (max-width: 1200px) {
	.main-navigation ul li a {	font-size: .9rem; padding: .25rem .25rem; }
	.btn-top {	font-size: .9rem;	margin-left: 1rem; }
	.sliderTop { height: 400px; }	
	.sliderTopContainer { height: 400px; }
	.sliderTopContainerNg {	padding-top: 4rem;	padding-left: 2rem; }
	.sliderTopContainer .ng1 {	font-size: 3rem; }
	.sliderTopContainer .ng2 {	font-size: 1.25rem; }
	h1, .h1 {  font-size: 2rem;}
	h2, .h2 {  font-size: 1.25rem;}
	.homeText {	font-size: 1rem;}
}

@media (max-width: 992px) {
body {font-size: .9rem;}
.navbar-max { height: 60px; }
main { margin-top:60px; margin-bottom:20px; }
.margin-section {	padding-top: 25px;	padding-bottom: 25px; }
.carousel_top { margin-top:51px; }
.foot_mobile { text-align:center !important; font-size: .75rem; }
.foot_mobile img { max-width:100%; }
footer { font-size:12px; padding:5px 0; }
.flex-direction-nav { display:none; }
.news_ng1 { font-size:21px; }
.news_ng2 { font-size:18px; }
#fb_box { display:none; }
#cookies-message {	padding: 10px;	bottom: 0;	left: 0;	width: 100%;}
.container-ps-ng {
	margin: 60px auto 10px auto;
	padding: 2rem 0;
	background-size: cover;
	background-attachment: inherit;
}
.container-ps-ng hr {	margin: 1rem 0 0 0; }
.formularz_btn { display:none; }
.nav-top-icon {	width: 110px;	position: fixed;	top: 15px;	right: 55px;}
h1, .h1 {    font-size: 2rem;    line-height: 1.15;    margin: 0.75rem 0;  }
h2, .h2 {    font-size: 1.5rem;    line-height: 1.2;    margin: 1.25rem 0 0.75rem;  }
h3, .h3 {    font-size: 1.25rem;    line-height: 1.25;    margin: 1rem 0 0.5rem;  }
h4, .h4 {    font-size: 1.125rem;    line-height: 1.3;    margin: 0.75rem 0 0.5rem;  }
.homeFoto { display:none; }
.btn {	padding: 0.3rem 2rem; font-size: .75rem; }
.footer-btn { height: 35px;	width: 100%;}
.breadcrumb { font-size: 0.85rem;}
.btn-top {	padding: 0.4rem;	position: absolute;	right: 40px;	margin: 0;	width: 100px;	font-size: .8rem;	line-height: 1;	top: 0px;}
.kontaktInfo p {font-size: 1.25rem; }
.main-navigation ul li a {	font-size: 1.25rem; padding: .25rem 1rem; }
.main-navigation ul li ul li a {	font-size: 1rem; padding: .2rem 1rem .20rem 2rem; }
.sliderTopContainer { height: 250px; margin-top: 60px; }
.sliderTop { height: 250px; }
.sliderTopContainer .ng1 {	font-size: 2rem; }
.sliderTopContainerNg .celownik {	width: 30px; margin-left: .5rem; }
.sliderTopContainer .ng2 {	font-size: .9rem;	width: 300px; }
.sliderTopContainerNg {	padding-top: 1.5rem;	padding-left: 2rem; }
.separator1 {	width: 60px;	height: 2px;	box-shadow: inset 15px 0px 0px 0px #FFFFFF;}
.separator2 {	width: 60px;	height: 2px;	box-shadow: inset 30px 0px 0px 0px #FFFFFF;}
.infoHome {	padding: 1rem 1rem;	border-radius: .5rem;	margin: .75rem 3rem; }
.infoHome span { font-size: 1.15rem;}
.infoHome img {	width: 3rem;	height: 3rem;}
.container-ps-ng h1, .container-ps-ng .h1 {	font-size: 2rem; }
#faq .accordion-button { font-size: 1rem;}
.kontaktInfo div, .kontaktInfo a {	font-size: 1.15rem;	line-height: 1.5; }
.kontaktInfo i {	margin-right: .5rem;	font-size: 1.5rem;}
}

/* KALENDARZ SZKOLEŃ */
#kalendarzSzkolen {  filter: invert(1) hue-rotate(180deg); }