/* global */
svg { display:inline-block; }

a:active { color: #fff; }

:root {
	--main-blue: #04afff;
	--navy-blue: #0d1d36;
}

*::selection { background: var(--main-blue); color: #fff; }

h1, h2 { color: var(--navy-blue); font-size: 42px; font-weight: 900; }
h3 { color: var(--navy-blue); font-size: 36px; font-weight: 900; }
.s-inverted h2,  .s-inverted h3 { color: #fff; }

.s-font-weight-300 { font-weight: 300; }

body { font-weight: 300; }


/* globalnie dla wszystkich list w blokach tekstowych wysiwyg */
.sppb-addon-text-block ul { list-style: none; }
.sppb-addon-text-block ul li { position: relative; }
.sppb-addon-text-block ul li:before {
	content: '';
	display: inline-block;
	width: 14px; height: 14px;
	background: url('/images/blue-ring.png'); background-repeat: repeat; background-size: auto; background-size: 100%; background-repeat:no-repeat;
	margin-right: 10px;
}




/* top */
#sp-top-bar { background: #000; }
#sp-top-bar a { display: flex; color: #ccc; font-weight: 600; font-size: 1.1rem;}

#sp-top1 p { text-align: left; margin: 0; }
#sp-top1 p { text-align: right; margin-bottom: 0; }
#sp-top1 svg, #sp-top2 svg { width: 1.5rem; max-height: 1.5rem; margin: 2px 10px 0 10px; vertical-align: sub; }
#sp-top1 svg path, #sp-top2 svg path { fill: #04afff !important; }



/* dodatkowe style dla mega menu */
.sp-megamenu-wrapper { width: 100%; justify-content: center; }
.sp-megamenu-parent > li.active > a,   .sp-megamenu-parent > li.active:hover > a  { color: var(--main-blue); }
.sp-megamenu-parent > li > a,   .sp-megamenu-parent > li > span  { font-size: 20px; }

#sp-top-bar p,   #sp-menu p  { margin: 0; }

#offcanvas-toggler { display: none!important; }
#offcanvas-toggler .burger-icon span { background: #fff; }
@media (max-width: 991px) {
	#offcanvas-toggler { display: flex!important; }
}
@media (max-width: 450px) {
	#sp-menu { width: 30px; }
	#sp-menu .btn.btn-primary { border: 0; padding: 8px 0; }
	#sp-menu .btn.btn-primary:before { display: none; }
}



/* slider */
html .sppb-sp-slider-button .sp-slider-btn-text { background: transparent; padding: 0; }
.s-main-slider p { margin: 18px 0 24px 0; font-size: 20px; color: #bbb; }
.s-main-slider .sppb-container { padding-right: 20%; }
.s-main-slider .sp-slider-outer-stage { max-height: max(600px, 80vh); }
.s-main-slider .sp-dots { bottom: 100px!important; }

/* "przycięta" sekcja */
.s-cropped-section { max-width: 1300px; margin-left: calc(100% - 1300px); margin-top: -59px; }
@media (max-width: 1300px) {  .s-cropped-section { margin-left: 0; }  }

.s-cropped-section .sppb-media { display: flex; align-items: center; padding: 0 36px; }
.s-cropped-section h3 { font-weight: 400; }

/* linki prowadzące do artykułów */
.sppb-article-info-wrap a { font-size: 24px; }



#sp-header {background: rgba(2, 20, 47, 1);}
.itemid-101 #sp-header {background: rgba(2, 20, 47, 0.72);}
.itemid-101 #sp-header.header-sticky {background: rgba(2, 20, 47, 1);}
.sp-page-title {padding: 120px 0; background-size: cover;}

  

/* poprawki w stopce */
#sp-footer { background: url('/images/template/footer.jpg'); background-size: cover; font-size: 16px; position: relative; }
#sp-footer:before { content: ''; display: block; width: 100%; height: 16px; background: var(--main-blue); position: absolute; left: 0; bottom: 86px; }
#sp-footer h2,   #sp-footer h3 { color: #c4c4c4; font-size: 24px; }
#sp-footer table tr td { vertical-align: baseline; }
#sp-footer table tr td:nth-child(1) { text-align: right; }
#sp-footer .s-table-colored table tr td:nth-child(2) { color: #fbb55d; }
#sp-footer .s-table-colored table tr td:nth-child(2)::selection { background: #fbb55d; color: var(--navy-blue); }
#sp-footer .sp-creator{float:right;}


/* ostylowanie tabelek */
body.view-article #sp-main-body table,
body.view-article #sp-main-body table tr td { border: 1px solid #ddd; }

body.view-article #sp-main-body table tr td { padding: 2px 6px; }



/* WIZUALNE BAJERY */
/***************************************************/

/* stylowanie fancy buttonów */
.btn-primary, .sppb-btn-primary {
	color: #ddd; background: transparent;
	padding: 8px 28px 8px 36px;
	border: 1px solid; border-radius: 0; border-image-source: linear-gradient(135deg, transparent 20px, #777 20px); border-image-slice: 1;
	position: relative; overflow: hidden;
}

.btn-primary:hover, .sppb-btn-primary:hover { border-image-source: linear-gradient(135deg, transparent 12px, #777 20px); }

.btn-primary:before, .sppb-btn-primary:before
	{ content: ''; display: block; width: 38px; height: 1px; position: absolute; top: 13px; left: -6px; background: #9a9a9a; transform: rotate(135deg); transition: 0.55s; }
	
.btn-primary:hover:before, .sppb-btn-primary:hover:before { height: 22px; top: -6px; left: -13px; }

.btn-primary:active, .sppb-btn-primary:active {	background: transparent; border: 1px solid; border-image-source: linear-gradient(135deg, transparent 20px, #777 20px); border-image-slice: 1; }
.btn-primary.focus, .btn-primary:focus, .sppb-btn-primary.focus, .sppb-btn-primary:focus { box-shadow: none; }




/* napisy w tle */
.s-bg-lacznosc { position: relative; }
.s-bg-lacznosc:before { content: 'Łączność'; position: absolute; top: -108px; /*left: -178px;*/ left: -12%; font-size: 140px; font-weight: 800; color: rgba(255,255,255,0.1); }
@media (max-width: 1700px) { .s-bg-lacznosc:before { left: -42px; } }
@media (max-width: 1379px) { .s-bg-lacznosc:before { left: initial; right: 0; } }
@media (max-width: 1199px) { .s-bg-lacznosc:before { top: -118px; } }

.s-bg-doswiadczenie { position: relative; }
.s-bg-doswiadczenie:before { content: 'Doświadczenie'; position: absolute; top: 38px; left: 76px; font-size: 140px; font-weight: 800; color: rgba(0,0,0,0.1); }
@media (max-width: 1100px) { .s-bg-doswiadczenie:before { top: 58px; font-size: 120px; } }
@media (max-width: 991px) { .s-bg-doswiadczenie:before { top: calc(42px - 5vw); font-size: 12vw; } }

@media (max-width: 575px) { .s-bg-lacznosc:before,  .s-bg-doswiadczenie:before { display: none; } }



/* paski */
.s-stripes { position: relative; }
.s-stripes:before,   .s-stripes:after  { content: ''; display: block; position: absolute;
	background: repeating-linear-gradient(-45deg, rgba(200,200,200,0.14), rgba(200,200,200,0.14) 16px, transparent 16px, transparent 60px); }
.s-stripes:before { width: 75%; height: 110px; top: -110px; right: -30px; }
.s-stripes:after { width: 100%; height: 200px; top: 0; right: 0; }
@media (max-width: 991px) {
	.s-stripes:before { right: -67px; }
	.s-stripes:after {
		height: 1000px;
		background:
			linear-gradient(to top, #fff 0, transparent 220px),
			repeating-linear-gradient(-45deg, rgba(200,200,200,0.1), rgba(200,200,200,0.1) 16px, transparent 16px, transparent 60px);
	}
}

.s-stripes-2 { position: relative; }
.s-stripes-2:before {
	content: '';
	display: block;
	width: 50%; height: 308px;
	position: absolute; top: 32px; left: 0;
	background: repeating-linear-gradient(135deg, rgba(200,200,200,0.14), rgba(200,200,200,0.14) 16px, transparent 16px, transparent 60px);
}
@media (max-width: 767px) {
	.s-stripes-2:before {
		width: 80%;
		height: 800px;
		background:
			linear-gradient(to top, #fff 0, transparent 180px),
			repeating-linear-gradient(135deg, rgba(200,200,200,0.1), rgba(200,200,200,0.1) 16px, transparent 16px, transparent 60px);
	}
}




/* niebieskie pierścienie */
/* * * * * * * * * * * * * * * * * * */
h1.s-title-ring:before, h2.s-title-ring:before, h3.s-title-ring:before,
.s-title-ring h2:before,  .s-title-ring h3:before,
.s-title-ring-alt .sppb-section-title h2:before,  .s-title-ring-alt .sppb-section-title h3:before {
	content: '';
	display: inline-block;
	width: 30px; height: 30px;
	background: url('/images/blue-ring.png'); background-repeat: repeat; background-size: auto; background-size: 100%; background-repeat:no-repeat;
	margin-right: 10px;
}

h1.s-title-ring:hover:before, h2.s-title-ring:hover:before, h3.s-title-ring:hover:before,
.s-title-ring:hover h2:before,  .s-title-ring:hover h3:before,
.s-title-ring-alt .sppb-section-title h2:hover:before,  .s-title-ring-alt .sppb-section-title h3:hover:before
	{ animation: rotate 2.2s linear infinite; }
	
@keyframes rotate {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}













/* * ************************************************************* */


/* * ***** REGUŁY MOBILNE * */
/* * ****************************************** * */

/* global */

@media (max-width: 1199px) {
	h2 { font-size: 40px; }
	h3 { font-size: 32px; }
}

@media (max-width: 991px) {
	.s-main-slider .sp-dots { margin-bottom: 20px; }
	.s-problematic-bg { background-position: 50% 0 !important; }
	
	#sp-footer p,  #sp-footer ul,  #sp-footer h2,  #sp-footer h3 { text-align: center; }
	#sp-footer table { margin: 0 auto; }
}

@media (max-width: 767px) {
	.s-main-slider .sppb-container { padding-right: 0; max-width: 95%; }
}

@media (max-width: 575px) {
	.s-main-slider .sppb-container p { display: none; }
}




/* obrazek */
.obrazek { height: 30vh; min-height: 250px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; }
	/* .s-contain .obrazek{background-size:contain;} */
.obrazek img{display:none !important;} 
@media (max-width: 575px) {
    .obrazek { height: 20vh; min-height: 150px;}
}