/*
Theme Name: DG-theme
Description: Theme for DG.
Version: 1.0
Text Domain: dg
*/


/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/


html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Mukta', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Mukta', sans-serif;
	clear: both;
	line-height: 1.4;
	margin: 0 0 15px;
	padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 50px;
	font-weight: 900;
}

h2 {
	font-size: 40px;
	font-weight: 900;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 15px;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 100;
  margin-bottom: 0;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #3D4D8E !important;
	background: transparent;
	background-image: none;
	border: 1px solid #3D4D8E;
	border-radius: 15px;
	display: block;
	font-size: 16px;
	padding: 10px 15px;
	width: 100%;
	transition: all .3s;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #000 !important;
	border: 1px solid #000;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button, input[type="button"],
input[type="submit"],
.cta-button {
	position: relative;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 45px;
	border-radius: 30px;
	color: #fff;
	background: linear-gradient(45deg, #3A4C93, #3A4C93);
	border: 0px solid #000;
	cursor: pointer;
	transition: all .3s;
}
.contact-info {
    padding-bottom: 15px;
    font-size: 14px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0em 0em !important;
    padding: 0.2em 1em !important;
    border: 1px solid #b9b9b9 !important;
}
span.wpcf7-list-item {
	display: inline-block;
	margin: 0;
}
.wpcf7 .wpcf7-list-item {
	display: block;
	margin-bottom: 0px;
}
.wpcf7-checkbox label {
	position: relative;
	cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox] {
	/*position: relative;*/
	position: absolute;
	visibility: hidden;
	width: 30px;
	height: 30px;
	top: 0;
	left: 0;
}
.wpcf7-checkbox input[type=checkbox] + span {
/* border: 3px solid red; */
}
.wpcf7-checkbox input[type=checkbox] + span:before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 50%;
	height: 16px;
	width: 16px;
	top: 3px;
	left: 0px;
	border: 1px solid #608ABA;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
	background: #608ABA;
}

.wpcf7-list-item-label {
	margin-left: 30px;
	display: inline-block;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
    display: block;
}
.contact-form-line .wpcf7-not-valid-tip { padding-left: 28px; }



input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.cta-button:hover,
.cta-button:focus {
		color: #fff;
    background: linear-gradient(45deg, #608ABA, #2D2B75);
}


::-webkit-input-placeholder {
	color: #b9b9b9 !important;
}

:-moz-placeholder {
	color: #b9b9b9 !important;
}

::-moz-placeholder {
	color: #b9b9b9 !important;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #b9b9b9 !important;
}

/*--------------------------------------------------------------
Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/

a {
	color: #000;
	text-decoration: none;
}

a:hover,
a:active {
	color: #222;
	outline: 0;
}

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

#page {
	position: relative;
	word-wrap: break-word;
}

.container {
    max-width: 1920px;
    margin: 0px auto;
    padding: 0px 25px;
}
.small-container,
.footer-container { max-width: 1200px; }
.xsmall-container { max-width: 1000px; }
.flexrow {
    display: flex;
}

.site-content {
    padding-top: 86px;
		overflow: hidden;
}
.home .site-content,
.slider-template-default .site-content { padding-top: 0px; }


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
		padding: 20px 0;
		z-index: 10;
		background: #fff;
}
.admin-bar .main-header { top: 32px; }
.header-logo { flex: 0 0 280px; }
.header-logo, .header-logo img { height: 40px; }
.header-right {
    flex: 1;
    align-content: flex-end;
    padding: 5px 0;
}
.header-menu-box {
		display: none;
    flex: 1;
    align-content: flex-end;
    padding: 5px 0px 5px 20px;
}
.header-menu-button,
.header-menu-cls-button {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: all .3s;
}
.header-menu-button:hover,
.header-menu-cls-button:hover {
		opacity: .7;
}
.header-menu-button span {
		position: absolute;
    left: 12px;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: #538DBF;
    background: #3a4c93;
}

.header-menu-button span:nth-child(1) { top: 0; }
.header-menu-button span:nth-child(2) { top: 11px; }
.header-menu-button span:nth-child(3) { bottom: 2px; }

.header-menu-cls-button span {
    position: absolute;
    width: 16px;
    height: 2px;
    background: #3a4c93;
    border-radius: 2px;
}
.header-menu-cls-button span:nth-child(1) {
    transform: rotate(45deg);
    top: 14px;
    left: 7px;
}
.header-menu-cls-button span:nth-child(2) {
    transform: rotate(-45deg);
    top: 14px;
    left: 7px;
}
.header-menu-cls-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #3a4c93;
}
.header-menu-cls-button,
.header-menu-box.active .header-menu-button { display: none; }


.header-mainmenu ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
.header-mainmenu ul li {
    display: inline-block;
    padding: 0px 10px;
}
.header-mainmenu ul li a {
		display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
    padding: 5px 0;
		position: relative;
}
.header-mainmenu ul li a span {
    display: block;
    transition: transform .3s;
}
.header-mainmenu ul li a:hover span,
.header-mainmenu ul li.current-menu-item a span {
    transform: translateY(-5px);
}
.header-mainmenu ul li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 15px;
    height: 5px;
    background: #528BBE;
    border-radius: 15px;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity .3s;
}
.header-mainmenu ul li a:hover::before,
.header-mainmenu ul li.current-menu-item a::before { opacity: 1; }




/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/

/* Home slider */

.home-slider {
    position: relative;
    margin: 0px -25px;
    height: 750px;
}
.start-slider,
.start-slider .slick-list,
.start-slider .slick-track,
.start-slider .slick-slide {
    height: 100%;
}
.start-slider-item {
    position: relative;
    height: 100%;
}
.slider-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.slider-item-bg-t, .slider-item-bg-m { display: none; }
.slider-container {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
}
.slider-container h2 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 900;
		line-height: 1.2;
    color: #2E297A;
    margin: 0;
}
.slider-container p {
    font-size: 16px;
    font-weight: 400;
    color: #2E297A;
    line-height: 1.6;
    padding: 30px 0;
    max-width: 390px;
}
.slider-item-cta a {
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 45px;
    border-radius: 30px;
    color: #fff;
    background: linear-gradient(45deg, #3A4C93, #3A4C93);
		transition: all .3s;
}
.slider-item-cta a:hover {
    background: linear-gradient(45deg, #608ABA, #2D2B75);
}
.start-slider-footer {
    position: absolute;
    bottom: 150px;
    left: 50px;
}
.slider-btn-container ul li {
    display: inline-block;
    padding: 0px 5px;
}
.slider-btn-container ul li button {
    font-size: 0;
    width: 15px;
    height: 15px;
    padding: 0;
    background: #2E297A;
    opacity: 40%;
}
.slider-btn-container ul li.slick-active button {
    width: 19px;
    height: 19px;
    opacity: 1;
}

/* pages header */
.page-head {
	  position: relative;
    margin: 0px -25px;
    height: 600px;
    background-size: cover;
    background-position: bottom center;
    overflow: hidden;
}
.page-head.page-head-contact { padding-left: 0; }
.page-head .container {
    height: 100%;
    position: relative;
}
.page-head-titles {
		padding-top: 70px;
		width: 420px;
}
.page-head-contact .page-head-titles { width: 520px; }
.page-head-titles h1 {
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
		line-height: 1.2;
}
.page-head.page-head-ospolce,
.page-head.page-head-ladkorporacyjny,
.page-head.page-head-walnezgromadzenia { background: #3A4C93; }
.page-head-titles .page-head-desc {
		color: #fff;
}

.page-head.page-head-ospolce::before,
.page-head.page-head-ladkorporacyjny::before,
.page-head.page-head-walnezgromadzenia::before {
    content: '';
    position: absolute;
    top: -10%;
    right: 0;
    width: 110%;
    height: 110%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}


.sct-title {
    text-transform: uppercase;
    text-align: center;
    color: #3A4C93;
}
.raporty-biezace .sct-title { color: #fff; }
.sct-box { padding: 70px 0; }
.sct-box.sct-struktura { background: #EDEEEF; }
.raporty-biezace.sct-box { background: #3A4C93; }

.page-head-contact-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 550px;
    background-image: url(https://www.dgnetsa.pl/wp-content/uploads/2021/01/contact-bg-1.png);
    background-size: cover;
    background-position: 50% 50%;
}
.page-header-contact-person {
    position: absolute;
    top: 0;
    right: 0;
    width: 370px;
    height: 100%;
    background: url(https://www.dgnetsa.pl/wp-content/uploads/2021/03/Kontakt-1.png);
    background-size: contain;
    background-position: center bottom;
		background-repeat: no-repeat;
}


/* home marki */

.home-marki { padding: 50px 0; }
.home-marki-header {
    max-width: 900px;
		margin: 0px auto;
    text-align: center;
}
.home-marki-header h2 { color: #3A4C93; }
.home-marki-header p {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
		margin-bottom: 40px;
}
.home-marki-list,
.home-raporty-list {
    margin: 0px -25px;
}
.home-marki-col {
    flex: 0 0 50%;
    height: 350px;
		position: relative;
		background: #3A4C93;
}
.home-marki-col:nth-child(1n+2),
.home-raporty-col:nth-child(1n+2) {
    border-left: 1px solid #fff;
}
.home-marki-col-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		background-size: cover;
		background-position: center center;
		opacity: 0.25;
		transition: opacity .3s;
}
.home-marki-col a:hover .home-marki-col-img { opacity: .1; }
.home-marki-logo {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.home-marki-footer {
    padding-top: 50px;
    text-align: center;
}

/* home raporty */

.home-raporty-col { flex: 0 0 50%; }
.home-raporty-item,
.home-zgromadzenia-item {
    position: relative;
    background: #EDEEEF;
    padding: 50px 30px 145px 30px;
    text-align: center;
    color: #3A4C93;
		transition: all .3s;
}
.home-raporty-item:hover,
.home-zgromadzenia-item:hover { background: #3A4C93; }
.home-raporty-item-box,
.home-zgromadzenia-item-box { position: relative; }
.home-raporty-item-footer {
    position: absolute;
    bottom: 65px;
    left: 0;
    width: 100%;
}
.home-raporty-item h2,
.home-raporty-item h3,
.home-zgromadzenia-item h2,
.home-zgromadzenia-item h3 {
		text-transform: uppercase;
		color: #3A4C93;
		position: relative;
}
.home-raporty-item h2,
.home-zgromadzenia-item h2 { font-weight: 900; }
.home-raporty-item h3,
.home-zgromadzenia-item h3 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}
.home-raporty-item:hover h2, .home-raporty-item:hover h3,
.home-raporty-item:hover p, .home-raporty-item:hover span,
.home-zgromadzenia-item:hover h2, .home-zgromadzenia-item:hover h3,
.home-zgromadzenia-item:hover p, .home-zgromadzenia-item:hover span { color: #fff; }
.home-raporty-item p,
.home-zgromadzenia-item p {
    font-weight: 700;
    margin-bottom: 35px;
}
.home-zgromadzenia-item p { font-weight: 100; }
.home-zgromadzenia-item span { font-weight: 700; }

.home-raporty-item:hover .home-raporty-item-btn a,
.home-zgromadzenia-item:hover .home-raporty-item-btn a { color: #fff; }
.home-raporty-item::before,
.home-zgromadzenia-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.home-raporty-item::before { background-image: url(https://www.dgnetsa.pl/wp-content/uploads/2021/01/raporty-icon.png); }
.home-zgromadzenia-item::before { background-image: url(https://www.dgnetsa.pl/wp-content/uploads/2021/01/zgromadzenia-icon.png); }
.home-raporty-item:hover::before,
.home-zgromadzenia-item:hover::before { opacity: .2; }
.home-raporty-item:hover .cta-button,
.home-zgromadzenia-item:hover .cta-button {
		color: #3A4C93;
		background: #fff;
}
.home-raporty-item:hover .home-raporty-item-btn a::before,
.home-zgromadzenia-item:hover .home-raporty-item-btn a::before {
    background-image: url(https://www.dgnetsa.pl/wp-content/uploads/2021/01/download_icon_white.png);
}



/* Contact */
.page-header-contact-col span {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px;
    display: block;
		line-height: 1;
}
.page-header-contact-col { flex: 0 0 50%; }
.page-header-contact-col p,
.page-header-contact-col ul li a {
    color: #fff;
		margin-bottom: 10px;
}
.page-header-contact-col ul li a {
    position: relative;
    padding-left: 25px;
}
.page-header-contact-col ul { margin-bottom: 10px; }
.contact-form-box { padding-top: 50px; }

.contact-form-row2 {
    display: flex;
    width: 100%;
}
.contact-form-row,
.contact-form-row2,
.contact-form-line { padding-bottom: 20px; }
.contact-form-col { flex: 0 0 50%; }
.contact-form-col:first-child { padding-right: 10px; }
.contact-form-col:last-child { padding-left: 10px; }
.contact-form-btn { text-align: right; }
.contact-form-btn {
    text-align: right;
    padding-bottom: 30px;
    border-bottom: 1px solid #3a4c93;
}
.contact-form-btn .ajax-loader { display: none !important; }


/* Marki archive */

.single-marka {
    margin: 0px -25px;
    padding-bottom: 60px;
}
.single-marka:nth-child(1n+2) { background: #EDEEEF; }
.single-marka-col {
    flex: 0 0 50%;
    height: 420px;
    position: relative;
    background-size: cover;
    background-position: center center;
}
.single-marka-col-logo {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}
.single-marka-excerpt {
    padding: 50px 70px;
    border-top: 0;
    background: #fff;
}
.single-marka-excerpt p {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.single-marka-desc { padding-top: 70px; }
.single-marka-description, .single-marka-image { flex: 0 0 50%; }
.single-marka-description { padding-top: 40px; }
.single-marka-description-btn { padding-top: 20px; }

/* O spółce */

.sct-title.sct-title-ospolce,
.sct-title.sct-title-wladze { text-align: left; }
.ospolce-sct-desc {
    padding: 20px 0px 40px 0;
    margin: 0;
}
.struktura-sct-desc {
    padding: 10px 0px 50px 0;
		text-align: center;
    margin: 0;
}
.struktura-sct-desc span {
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
    line-height: 1.2;
}
.ospolce-single-icon {
    flex: 0 0 33.333%;
    padding: 0px 10px;
    text-align: center;
}
.ospolce-single-icon-title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 15px;
    line-height: 1.2;
}
.struktura-marki-col { flex: 0 0 50%; }
.struktura-marki-col:first-child { padding-right: 10px; }
.struktura-marki-col:last-child { padding-left: 10px; }

.struktura-marki-box {
    height: 250px;
    background: #fff;
    position: relative;
    border-radius: 25px;
		-webkit-backface-visibility: hidden;
		-webkit-transform: scale(1);
		transform: translateY(0px);
		transition: box-shadow, transform .5s;
}
.struktura-marki-col a:hover .struktura-marki-box {
		box-shadow: 4px 4px 15px rgb(198 198 198);
		transform: translateY(-15px);
		-webkit-backface-visibility: hidden;
}
.struktura-marki-desc { padding: 40px 50px 0 0; }
.struktura-marki-logo {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 125px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}
.struktura-marki-box span {
		position: absolute;
		bottom: 15px;
		right: 25px;
		width: 34px;
		height: 32px;
		opacity: 0;
		transition: opacity .3s;
}
.struktura-marki-col a:hover .struktura-marki-box span { opacity: 1; }
.struktura-marki-box span::before, .struktura-marki-box span::after {
    content: '';
    position: absolute;
}
.struktura-marki-box span::before {
    top: 15px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #3a4c93;
}
.struktura-marki-box span::after {
    top: 10px;
    left: 18px;
    width: 12px;
    height: 12px;
    border: 2px solid #3a4c93;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}
.wladze-prezes-photo-col {
    flex: 0 0 60%;
    padding-right: 50px;
    text-align: right;
}
.wladze-prezes-photo-col img { height: 370px; }
.wladze-prezes-desc-col {
    flex: 0 0 40%;
    align-self: flex-end;
}
.wladze-prezes-desc span,
.wladze-stan {
    font-size: 20px;
    line-height: 1.2;
}
.wladze-prezes-desc span {
    font-weight: 700;
    text-transform: uppercase;
    color: #3A4C93;
}
.wladze-stan { padding-bottom: 20px; }
.wladze-prezes-desc p:last-child { margin: 0; }
.sct-wladze-rada-col,
.wladze-lista-item span,
.sct-wladze-lista-s-title {
    font-size: 20px;
    font-weight: 700;
		line-height: 1.2;
    text-transform: uppercase;
}
.sct-wladze-lista-s-title { color: #3A4C93; }
.sct-wladze-rada-col {
    flex: 0 0 20%;
    color: #3A4C93;
}
.sct-wladze-rada { padding-top: 50px; }
.sct-wladze-lista-s { display: none; }
.sct-wladze-lista-col { flex: 0 0 80%; }
.sct-wladze-lista-col .flexrow { flex-wrap: wrap; }
.wladze-lista-item {
		flex: 0 0 50%;
		padding-bottom: 5px;
}


/* Walne zgromadzenia */

.zgromadzenia-tabs .flexrow,
.docs-tabs .flexrow { margin: 0px -15px; }
.zgromadzenia-tabs-col, .dokumenty-tabs-col {
    flex: 0 0 25%;
    padding: 15px;
}
.zgromadzenia-tabs-col a {
    display: block;
    height: 100%;
}
.zgromadzenia-tabs-item { height: 150px; }
.zgromadzenia-tabs-item,
.dokumenty-tabs-item {
    position: relative;
    padding: 20px 20px 65px 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
    color: #3A4C93;
		background: #fff;
		-webkit-backface-visibility: hidden;
		-webkit-transform: scale(1);
		transform: translateY(0px);
		transition: box-shadow, transform .5s;
}
.zgromadzenia-tabs-col a:hover .zgromadzenia-tabs-item,
.dokumenty-tabs-col a:hover .dokumenty-tabs-item {
		transform: translateY(-15px);
		-webkit-backface-visibility: hidden;
}
.zgromadzenia-tabs-footer,
.dokumenty-tabs-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
}
.zgromadzenia-tabs-footer::before,
.zgromadzenia-tabs-footer::after,
.dokumenty-tabs-footer::before,
.dokumenty-tabs-footer::after {
    content: '';
    position: absolute;
    right: 20px;
}
.zgromadzenia-tabs-footer::before,
.dokumenty-tabs-footer::before {
    top: 31px;
    width: 30px;
    height: 2px;
    background: #3a4c93;
}
.zgromadzenia-tabs-footer::after,
.dokumenty-tabs-footer::after {
    top: 26px;
    width: 12px;
    height: 12px;
    border: 2px solid #3a4c93;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}

/* Ład korporacyjny */

.docs-tabs.sct-box { background: #3a4c93; }
.docs-tabs h2.sct-title {
    color: #fff;
}
.lad-docs.slick-initialized.slick-slider { margin: 0px -15px; }
.lad-sct-three h2.sct-title { padding-bottom: 20px; }
.dokumenty-tabs-title,
.dokumenty-tabs-footer span {
		line-height: 1.2;
		font-weight: 700;
}
.dokumenty-tabs-title span {
    display: block;
    font-weight: 100;
    color: #000;
		padding-top: 5px;
}
.dokumenty-tabs-item { height: 200px; }

.lad-sct-three.sct-box { background: #EDEEEF; }
.lad-sct-three { flex: 0 0 50%; }
.lad-sct-three p { padding-left: 70px; }
.lad-sct-three p:last-child { margin: 0; }
.lad-sct-three {
    flex: 0 0 50%;
    align-self: center;
}

.akcjonariat-table-header,
.akcjonariat-table-row {
    display: flex;
    width: 100%;
}
.akcjonariat-table-header { background: #EDEEEF; }
.akcjonariat-slider { display: none !important; }
.akcjonariat-table-row { border-bottom: 1px solid #3a4c93; }
.akcjonariat-table-content .akcjonariat-table-row:last-child { border-bottom: 0; }
.akcjonariat-table-col,
.akcjonariat-table-row-col {
    flex: 1;
    position: relative;
    height: 80px;
    border-right: 1px solid #3a4c93;
    padding: 0px 20px;
    text-align: center;
    line-height: 1.4;
}
.akcjonariat-table-header .akcjonariat-table-col:last-child,
.akcjonariat-table-row .akcjonariat-table-row-col:last-child { border-right: 0px; }
.akcjonariat-table-col span,
.akcjonariat-table-row-col span {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		padding: 0px 20px;
		color: #3A4C93;
		font-weight: 700;
		transform: translateY(-50%);
}
.akcjonariat-table-row-col span {
		color: #000;
		font-weight: 100;
}


/* Raporty */
.raport-year-header {
		position: relative;
    padding: 20px 70px 20px 0;
    border-bottom: 1px solid;
    font-size: 20px;
    font-weight: 700;
		line-height: 1;
    color: #3A4C93;
    transition: all .3s;
}
.raporty-biezace-box .raport-year-header {
    border-bottom: 1px solid #fff;
    color: #fff;
}
.raport-year-box { display: none; }
.raport-year-item {
    display: flex;
		position: relative;
    width: 100%;
    flex-wrap: wrap;
    padding: 12px 15px;
    border-bottom: 1px solid rgb(172 179 208);
    color: #3A4C93;
    background: #f9f9f9;
		transition: background .3s;
}
.raport-year-item:hover { background: #fff; }
.raport-year-open {
    position: absolute;
    top: 5px;
    right: 0;
    width: 50px;
    height: 50px;
		transition: transform .5s;
		transform: rotate(0);
}
.raport-year-open span:nth-child(1),
.raport-year-open span:nth-child(2) {
		position: absolute;
		background: #3a4c93;
}
.raporty-biezace-box .raport-year-open span:nth-child(1),
.raporty-biezace-box .raport-year-open span:nth-child(2) {
		background: #fff;
}
.raport-year-open span:nth-child(1) {
    top: 24px;
    left: 7px;
    width: 36px;
    height: 2px;
}
.raport-year-open span:nth-child(2) {
    top: 7px;
    left: 24px;
    width: 2px;
    height: 36px;
}
.raport-year-header.active .raport-year-open { transform: rotate(45deg); }
.raport-year-item span {
    position: absolute;
    top: 12px;
    right: 15px;
}
.raport-year-item-title {
		color: #346699;
		text-transform: uppercase;
		transition: all .3s;
}
.raport-year-item-title:hover {
		color: #346699;
		opacity: .7;
}
.raport-year-item span a,
.home-raporty-item-btn a {
    font-weight: 700;
    text-transform: uppercase;
    color: #3A4C93;
    position: relative;
    padding-right: 35px;
		opacity: 1;
		transition: opacity .3s;
}
.raport-year-item span a:hover,
.home-raporty-item-btn a:hover { opacity: .7; }
.raport-year-item span a::before,
.home-raporty-item-btn a::before {
    content: '';
    position: absolute;
    top: -2px;
    right: 0;
    width: 30px;
    height: 25px;
    background-image: url(https://www.dgnetsa.pl/wp-content/uploads/2021/01/download_icon.png);
    background-size: cover;
}







/* Kalendarium */

.kalendarium-item {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 15px 15px;
    border-bottom: 1px solid;
    font-size: 20px;
    color: #3A4C93;
		transition: all .3s;
}
.kalendarium-item:hover { background: #EDEEEF; }
.kalendarium-data { flex: 1; }
.kalendarium-desc {
    flex: 0 0 530px;
    position: relative;
    padding-left: 60px;
}
.kalendarium-desc::before,
.kalendarium-desc::after {
    content: '';
    position: absolute;
}
.kalendarium-desc::before {
    top: 15px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #3a4c93;
}
.kalendarium-desc::after {
    top: 10px;
    left: 18px;
    width: 12px;
    height: 12px;
    border: 2px solid #3a4c93;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}


/* 404 */
.error-container {
    padding: 70px 0;
    text-align: center;
}
.error-container h1 {
    font-size: 80px;
    line-height: 1;
}
.error-container h1 p {
    display: block;
    line-height: 1;
    font-size: 40px;
    padding-bottom: 30px;
}
.error-container h1 span {
    position: relative;
    padding-left: 60px;
}
.error-container h1 span::before {
    content: '';
    position: absolute;
    top: 45%;
    left: 30px;
    width: 35px;
    height: 10px;
    border-radius: 20px;
    background: #3a4c93;
    transform: translateX(-50%);
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/



img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
img.lazy {
	opacity: 0;
}
img:not(.initial) {
	transition: opacity 1s;
}
img.initial,
img.loaded,
img.error {
	opacity: 1;
}

img:not([src]) {
	visibility: hidden;
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}
img.lazy.loaded {
    opacity: 1;
}

img.lazy {
    opacity: 0;
    transition: opacity .3s;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

audio:focus,
video:focus {
	outline: thin dotted;
}


embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
Slick slider
--------------------------------------------------------------*/
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Footer */

.footer-top { padding: 39px 0 20px; }
.footer-top-col {
    flex: 0 0 33.333%;
    text-align: center;
}
.footer-top-desc p {
    font-size: 12px;
    text-align: center;
		margin: 0;
}
.footer-top-desc a {
    text-decoration: underline;
		display: inline-block;
		margin-top: 10px;
}
.footer-bottom-firstrow {
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
}
.footer-bottom {
    background: #3A4C93;
    padding-top: 50px;
}
.footer-bottom-logo img { max-width: 200px; }
.footer-bottom-col {
    flex: 0 0 25%;
    padding-right: 20px;
}
.footer-bottom-col2 { flex: 0 0 50%; }
.footer-bottom-contacts li a {
    position: relative;
    padding-left: 30px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}
.footer-contacts-tel::before,
.footer-contacts-mail::before,
.page-contacts-tel::before,
.page-contacts-mail::before {
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 1;
		font-weight: 100;
    transform: translateY(-50%);
}
.page-contacts-tel::before,
.page-contacts-mail::before {
    top: 4px;
    transform: translateY(0%);
}
.footer-contacts-mail::before,
.page-contacts-mail::before { content: '\f0e0'; }
.footer-contacts-tel::before,
.page-contacts-tel::before { content: '\f095'; }
.header-footermenu ul {
    display: flex;
    flex-wrap: wrap;
}
.header-footermenu ul li {
    flex: 0 0 33.333%;
    padding: 5px 0;
}
.header-footermenu ul li a,
.footer-bottom-extralinks ul li a {
    font-size: 14px;
    color: #fff;
}
.header-footermenu ul li a:hover { font-weight: 600; }
.header-footermenu ul li a { text-transform: uppercase; }
.footer-bottom-extralinks { flex: 1; }
.footer-bottom-extralinks ul { margin: 0; }
.footer-bottom-extralinks ul li {
    display: inline-block;
    padding-right: 15px;
    margin-right: 10px;
		position: relative;
}
.footer-bottom2 { padding: 10px 0; }
.footer-bottom-wills {
    flex: 0 0 170px;
    text-align: right;
    color: #fff;
    font-size: 14px;
}
.footer-bottom-extralinks ul li:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 16px;
    background: #fff;
}



/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}


.popup-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		padding-top: 100px;
    background: #fff;
		visibility: hidden;
		opacity: 0;
		transition: all .3s;
}

.popup-menu-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.popup-menu-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.footer-mainmenu li { padding: 7px 0; }
.footer-mainmenu li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
		position: relative;
}
.footer-mainmenu li a span {
		display: block;
		transition: transform .3s;
}
.footer-mainmenu li a:hover span { transform: translateX(25px); }
.footer-mainmenu ul li a::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 15px;
    height: 5px;
    background: #528BBE;
    border-radius: 15px;
    opacity: 0;
    transition: opacity .3s;
}
.footer-mainmenu ul li a:hover::before { opacity: 1; }


/* Responsives */

@media (max-width: 1399px) {
	.page-head { height: 550px; }
}

@media (max-width: 1299px) {
	.page-head.page-head-ospolce::before,
	.page-head.page-head-ladkorporacyjny::before,
	.page-head.page-head-walnezgromadzenia::before {
	    top: 0%;
	    width: 100%;
	    height: 100%;
	}
}


@media (max-width: 1199px) {
	.home-slider { height: 700px; }
	.slider-container { width: 350px; }
	.slider-container h2 { font-size: 45px; }
	.start-slider-footer { bottom: 120px; }
	.slider-item-cta a,
	button, input[type="button"],
	input[type="submit"],
	.cta-button { padding: 8px 35px; }
	h2 { font-size: 35px; }
	.home-marki-header p { font-size: 18px; }
	.home-marki-col { height: 320px; }
	.page-head.page-head-ospolce::before,
	.page-head.page-head-ladkorporacyjny::before,
	.page-head.page-head-walnezgromadzenia::before {
	    right: -70px;
	}
	.page-head-titles {
		width: 330px;
		padding-top: 40px;
	}
	.page-head-contact .page-head-titles {
		width: 420px;
		padding-top: 70px;
	}
	.single-marka-col { height: 390px; }
	.single-marka-excerpt p { font-size: 19px; }
	.lad-sct-three p { padding-left: 50px; }
	.page-head-contact .page-head-titles { width: 380px; }
}

@media (max-width: 991px) {

	.header-right { display: none; }
	.header-menu-box { display: block; }
	.header-menu-button, .header-menu-cls-button { float: right; }
	.header-menu-box.active .header-menu-cls-button { display: block; }
	.popup-menu.active {
			opacity: 1;
			visibility: visible;
	}
	.slider-container {
	    top: 50%;
	    left: 25px;
	}
	.slider-container h2 { font-size: 40px; }
	.home-slider { height: 550px; }
	.slider-item-bg-t { display: block; }


	.start-slider-item { background-position: top left; }
	.start-slider-footer {
    	left: 25px;
    	bottom: 60px;
	}
	.slider-btn-container ul li button {
	    width: 14px;
	    height: 14px;
	}
	.slider-btn-container ul li.slick-active button {
	    width: 16px;
	    height: 16px;
	}
	h2 { font-size: 32px; }
	.home-marki-col { height: 280px; }
	.home-marki-logo { height: 90px; }
	.home-raporty-col h2 { font-size: 28px; }
	.home-raporty-item h3, .home-zgromadzenia-item h3 { font-size: 18px; }
	.home-raporty-item-footer { bottom: 40px; }
	.home-raporty-item, .home-zgromadzenia-item { padding: 35px 30px 90px 30px; }
	.page-head { height: 410px; }
	.page-head.page-head-ospolce::before,
	.page-head.page-head-ladkorporacyjny::before,
	.page-head.page-head-walnezgromadzenia::before {
	    right: -10%;
	}
	.page-head-titles {
			padding-top: 35px;
			width: 45%;
	}
	.page-head-contact .page-head-titles { width: 430px; }
	.page-head-titles h1 {
	    margin-bottom: 5px;
	    font-size: 35px;
	}


	.footer-top-col { padding: 0px 30px; }
	.footer-bottom-firstrow .flexrow { flex-wrap: wrap; }
	.footer-bottom-col.footer-bottom-logo {
	    flex: 0 0 100%;
	    text-align: center;
	    padding-right: 0;
	    padding-bottom: 20px;
	}
	.footer-bottom-col { flex: 0 0 35%; }
	.footer-bottom-col2 { flex: 0 0 65%; }
	.sct-box { padding: 60px 0; }
	.struktura-marki-box { height: 230px; }
	.struktura-marki-logo { height: 100px; }
	.struktura-marki-desc { padding: 25px 40px 0 0; }
	.single-marka-col { height: 340px; }
	.single-marka-excerpt { padding: 35px 50px; }
	.single-marka-excerpt p { font-size: 18px; }
	.single-marka-desc { padding-top: 50px; }
	.single-marka-description {
	    padding-top: 10px;
	    padding-right: 20px;
	}
	.wladze-prezes-photo-col { flex: 0 0 55%; }
	.wladze-prezes-desc-col { flex: 0 0 45%; }
	.sct-wladze-rada-col, .wladze-lista-item span,
	.wladze-prezes-desc span, .wladze-stan { font-size: 18px; }
	.zgromadzenia-tabs .flexrow, .docs-tabs .flexrow { margin: 0px -8px; }
	.lad-docs.slick-initialized.slick-slider { margin: 0px -8px; }
	.zgromadzenia-tabs-col, .dokumenty-tabs-col { padding: 20px 8px 15px 8px; }
	.zgromadzenia-tabs-item, .dokumenty-tabs-item { padding: 15px 16px 60px 15px; }
	.dokumenty-tabs-item { height: 180px; }
	.zgromadzenia-tabs-footer, .dokumenty-tabs-footer { padding: 15px; }
	.zgromadzenia-tabs-footer::before, .dokumenty-tabs-footer::before {
	    top: 26px;
	    width: 25px;
	}
	.zgromadzenia-tabs-footer::after, .dokumenty-tabs-footer::after { top: 21px; }
	.lad-sct-three { align-self: flex-start; }
	.lad-sct-three p { padding-left: 30px; }
	.kalendarium-item { font-size: 19px; }
	.kalendarium-desc { flex: 0 0 550px; }
	.kalendarium-desc::before { top: 14px; }
	.kalendarium-desc::after { top: 9px; }



}

@media (max-width: 850px) {

	.page-head.page-head-ospolce::before,
	.page-head.page-head-ladkorporacyjny::before,
	.page-head.page-head-walnezgromadzenia::before {
	    right: -20%;
	}
	.page-head-titles {
			padding-top: 35px;
			width: 50%;
	}


}

@media (max-width: 767px) {

	.site-content {padding-top: 64px; }
	h2 { font-size: 30px; }
	.home-raporty-item, .home-zgromadzenia-item { padding: 30px 20px 80px 20px; }
	.home-raporty-col h2 { font-size: 24px; }
	.home-raporty-item-footer { bottom: 20px;	}
	.home-raporty-item::before, .home-zgromadzenia-item::before {
	    top: 15%;
	    left: 15%;
	    width: 70%;
	    height: 70%;
	    background-size: contain;
	}
	.footer-bottom-col.footer-bottom-logo,
	.footer-bottom-col,
	.footer-bottom-col2 {
	    flex: 0 0 100%;
	    text-align: left;
	}
	.home-raporty-item h3, .home-zgromadzenia-item h3 { font-size: 17px; }
	.header-logo, .header-logo img { height: 34px; }
	.main-header { padding: 15px 0; }
	.header-menu-box { padding: 2px 0px 2px 20px; }
	.header-menu-button span {
	    width: 6px;
	    height: 6px;
	}
	.header-menu-button span:nth-child(1) { top: 0px; }
	.header-menu-button span:nth-child(2) { top: 11px; }
	.header-menu-button span:nth-child(3) { bottom: 2px; }
	.sct-box { padding: 50px 0; }
	.ospolce-sct-desc { padding: 0px 0px 40px 0; }
	.struktura-sct-desc { padding: 0px 0px 40px 0; }
	.struktura-marki-box { height: 200px; }
	.struktura-marki-logo { height: 75px; }
	.single-marka-col { height: 290px; }
	.single-marka-excerpt { padding: 25px 35px; }
	.single-marka-desc .flexrow {
	    flex-wrap: wrap;
	}
	.single-marka-description, .single-marka-image { flex: 0 0 100%; }
	.wladze-prezes-photo-col {
			flex: 0 0 50%;
			padding-right: 30px;
	}
	.wladze-prezes-desc-col { flex: 0 0 50%; }
	.wladze-prezes-photo-col img { height: auto; }
	.sct-wladze-rada .flexrow { flex-wrap: wrap; }
	.sct-wladze-rada-col {
			flex: 0 0 100%;
			padding-bottom: 20px;
	}
	.sct-wladze-lista-col { flex: 0 0 100%; }
	.wladze-lista-item span, .wladze-stan { font-size: 17px; }
	.zgromadzenia-tabs-col, .dokumenty-tabs-col { width: 210px; }
	.lad-docs.slick-initialized.slick-slider,
	.akcjonariat-slider.slick-initialized.slick-slider { padding-bottom: 70px; }
	.sct-wladze-lista-slider { padding-bottom: 40px; }
	.docs-arrow {
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    width: 30px;
	    height: 30px;
	}
	.docs-arrow::before {
	    content: '';
	    position: absolute;
	    top: 10px;
	    left: 0;
	    width: 100%;
	    height: 2px;
	    background: #fff;
	}
	.akcjonariat-slider .docs-arrow::before,
	.zgromadzenia-tabs .lad-docs .docs-arrow::before,
	.sct-wladze-lista-slider .docs-arrow::before { background: #3a4c93; }
	.docs-arrow::after {
	    content: '';
	    position: absolute;
	    top: 5px;
	    width: 12px;
	    height: 12px;
	    border: 2px solid #fff;
	}
	.akcjonariat-slider .docs-arrow::after,
	.zgromadzenia-tabs .lad-docs .docs-arrow::after,
	.sct-wladze-lista-slider .docs-arrow::after {
			border: 2px solid #3a4c93;
			border-left: 0;
    	border-bottom: 0;
	}
	.docs-arrow.docs-left::after {
		  border-left: 0;
		  border-bottom: 0;
			left: 0;
		  transform: rotate(-135deg);
	}
	.docs-arrow.docs-right::after {
		  border-left: 0;
		  border-bottom: 0;
			left: 16px;
		  transform: rotate(45deg);
	}
 	.docs-arrow.docs-left { transform: translateX(-35px); }
	.docs-arrow.docs-right { transform: translateX(15px); }
	.lad-sct-three .flexrow {
	    flex-wrap: wrap;
	    flex-direction: column-reverse;
	}
	.lad-sct-three { flex: 0 0 100%; }
	.lad-sct-three p { padding-left: 0; }
	.lad-sct-three p:last-child { padding-bottom: 20px; }
	.lad-sct-three h2.sct-title { padding-bottom: 0; }
	.akcjonariat-table-box { display: none; }
	.akcjonariat-slider { display: block !important; }
	.akcjonariat-slider-item-header {
	    padding: 20px;
	    background: #EDEEEF;
	}
	.akcjonariat-s-row {
	    display: flex;
	    width: 100%;
	}
	.akcjonariat-s-row-title {
	    flex: 1;
	    padding: 10px 20px;
	    font-weight: 700;
	    color: #3a4c93;
	}
	.akcjonariat-s-row-value {
    	flex: 0 0 100px;
    	padding: 10px 20px;
	}
	.akcjonariat-slider-item-header {
	    padding: 20px;
	    background: #EDEEEF;
	    margin-bottom: 15px;
	}
	.raport-year-open span:nth-child(1) {
	    top: 24px;
	    left: 10px;
	    width: 30px;
	}
	.raport-year-open span:nth-child(2) {
	    top: 10px;
	    left: 24px;
	    height: 30px;
	}
	.kalendarium-data { flex: 0 0 100px; }
	.kalendarium-desc { flex: 1; }

	.page-head.page-head-ospolce::before,
	.page-head.page-head-ladkorporacyjny::before,
	.page-head.page-head-walnezgromadzenia::before {
	    top: -5%;
			right: -12%;
	    width: 110%;
	    height: 110%;
	}
	.page-head-titles {
	    padding-top: 30px;
	    width: 60%;
	}
	.page-head-contact .page-head-titles { width: 325px; }
	.page-header-contact-col { font-size: 15px; }
	.page-header-contact-col span { font-size: 18px; }





	.page-head-titles h1 { font-size: 32px; }
	.error-container h1 { font-size: 70px; }
	.error-container h1 p {
	    font-size: 32px;
	    padding-bottom: 0px;
	}
	.error-container h1 span { padding-left: 50px; }
	.error-container h1 span::before {
	    left: 25px;
	    width: 30px;
	    height: 8px;
	    border-radius: 20px;
	}
	.page-header-contact-person {  width: 250px; }
}

@media (max-width: 650px) {
	.page-head.page-head-ospolce::before,
	.page-head.page-head-ladkorporacyjny::before,
	.page-head.page-head-walnezgromadzenia::before { right: -15%; }
	.page-head-titles { width: 60%; }


}

@media (max-width: 599px) {

	.home-marki { padding: 40px 0px 0px 0; }
	.home-marki-list .flexrow,
	.home-raporty-list .flexrow,
	.footer-top .flexrow,
	.footer-bottom2 .flexrow,
	.ospolce-icons .flexrow,
	.struktura-marki .flexrow, .single-marka-header .flexrow,
	.sct-wladze-prezes .flexrow { flex-wrap: wrap; }
	.home-marki-col {
	    height: 280px;
	    flex: 0 0 100%;
	}
	.home-raporty-col,
	.footer-top-col,
	.ospolce-single-icon, .struktura-marki-col,
	.single-marka-col, .wladze-prezes-photo-col,
	.wladze-prezes-desc-col { flex: 0 0 100%; }
	.home-marki-col:nth-child(1n+2), .home-raporty-col:nth-child(1n+2) {
	    border-left: 0px solid #fff;
			border-top: 1px solid #fff;
	}
	.home-marki-container { position: relative; }
	.home-marki-footer {
	    position: absolute;
	    top: 50%;
	    left: 0;
	    width: 100%;
	    padding: 0;
	    transform: translateY(-50%);
	}
	.home-marki-footer .cta-button {
	    background: #fff;
	    color: #3a4c93;
	}
	.home-raporty-item, .home-zgromadzenia-item { padding: 50px 20px 140px 20px; }
	.home-raporty-item-footer { bottom: 40px; }
	.home-raporty-col h2 { padding-bottom: 10px; }
	.header-footermenu ul li { flex: 0 0 50%; }
	.footer-bottom-extralinks { flex: 0 0 100%; }
	.footer-bottom-wills {
	    flex: 0 0 100%;
	    text-align: left;
	    padding-top: 15px;
	}
	.ospolce-single-icon { padding-bottom: 20px; }
	.struktura-marki-desc { padding: 25px 0px; }
	.struktura-marki-col:last-child { padding-left: 0px; }
	.single-marka-col { height: 200px; }
	.single-marka-excerpt {
	    margin: 0px -25px;
	    border-left: 0 !important;
	    border-right: 0 !important;
	}
	.single-marka-desc { padding-top: 20px; }
	.single-marka-description {
	    padding-top: 10px;
	    padding-right: 0;
	    padding-bottom: 30px;
	}
	.single-marka-description-btn {
	    padding-top: 10px;
	    text-align: center;
	}
	.single-marka-col-logo { height: 80px; }
	.wladze-prezes-photo-col {
	    padding-bottom: 20px;
	    padding-right: 0;
	}
	.sct-wladze-lista-s { display: block; }
	.sct-wladze-lista-col { display: none; }
	.raport-year-item { padding: 12px 15px 50px 15px; }
	.raport-year-item span {
	    top: auto;
	    bottom: 10px;
	    right: auto;
	    left: 15px;
	}
	.kalendarium-item {
	    font-size: 16px;
	    flex-wrap: wrap;
	    padding: 15px 0;
	}
	.kalendarium-data, .kalendarium-desc { flex: 0 0 100%; }
	.page-head.page-head-contact { height: 510px; }
	.page-head-contact-bg {
	    height: 550px;
	    background-position: 45% 50%;
	}
	.page-header-contact-person {
	    position: absolute;
	    top: auto;
	    bottom: 0;
			right: -25px;
	    width: 190px;
	    height: 100%;
	}
	.page-head.page-head-ospolce,
	.page-head.page-head-ladkorporacyjny,
	.page-head.page-head-walnezgromadzenia {
		height: 800px;
		padding-right: 25px;
	}
	.page-head.page-head-ospolce::before,
	.page-head.page-head-ladkorporacyjny::before,
	.page-head.page-head-walnezgromadzenia::before {
	    top: auto;
	    bottom: 0;
	    right: 0;
	    width: 100%;
	    height: 450px;
	    background-size: cover;
	    background-position: center top;
	}
	.page-head-titles {
	    padding-top: 50px;
	    width: 100%;
	}

	.error-container h1 { font-size: 60px; }
	.error-container h1 p {
	    font-size: 25px;
	    padding-bottom: 0px;
	}
	.error-container h1 span { padding-left: 50px; }
	.error-container h1 span::before {
	    left: 25px;
	    width: 30px;
	    height: 8px;
	    border-radius: 20px;
	}



}

@media (max-width: 425px) {

	.container { padding: 0px 20px; }
	h2 { font-size: 28px; }
	.home-marki-list, .home-raporty-list,
	.single-marka, .single-marka-excerpt {
	    margin: 0px -20px;
	}
	.header-logo { flex: 0 0 230px; }
	.struktura-marki-box { height: 170px; }
	.contact-form-row2 {
			flex-wrap: wrap;
			padding-bottom: 0;
	}
	.contact-form-col {
			flex: 0 0 100%;
			padding: 0px 0px 20px 0px !important;
	}
	.slider-item-bg-m { display: block; }
	.slider-container p { padding: 10px 0px 30px 0; }
	.page-header-contact-adresses .flexrow { flex-wrap: wrap; }
	.page-header-contact-col { flex: 0 0 100%; }
	.page-head.page-head-contact { height: 600px;	}
	.page-head-contact-bg { height: 780px; }
	.page-header-contact-person { width: 160px; }
	.page-head-titles { padding-top: 30px; }
	.page-head.page-head-ospolce, .page-head.page-head-ladkorporacyjny, .page-head.page-head-walnezgromadzenia {
	    height: 900px;
	}
	.slider-container {
			top: 40%;
	    width: 80%;
	    left: 20px;
	}
	.slider-container h2 { font-size: 32px; }

}