html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
:focus { outline: 0; }
sub { font-size: .8rem; }
sup { font-size: .8rem; vertical-align: top; }
*, *::before, *::after { -moz-box-sizing: border-box; box-sizing: border-box; }

ul, ol { margin: 0 0 .5rem 2rem; }
ul li, ol li { margin: 0 0 .3rem; }

@font-face {
	font-family: 'roboto';
	src: url('fonts/roboto/roboto-light.eot');
	src: url('fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/roboto/roboto-light.woff2') format('woff2'),
		 url('fonts/roboto/roboto-light.woff') format('woff'),
		 url('fonts/roboto/roboto-light.ttf') format('truetype'),
		 url('fonts/roboto/roboto-light.svg#robotolight') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('fonts/roboto/roboto-regular.eot');
	src: url('fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/roboto/roboto-regular.woff2') format('woff2'),
		 url('fonts/roboto/roboto-regular.woff') format('woff'),
		 url('fonts/roboto/roboto-regular.ttf') format('truetype'),
		 url('fonts/roboto/roboto-regular.svg#robotoregular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('fonts/roboto/roboto-medium.eot');
	src: url('fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/roboto/roboto-medium.woff2') format('woff2'),
		 url('fonts/roboto/roboto-medium.woff') format('woff'),
		 url('fonts/roboto/roboto-medium.ttf') format('truetype'),
		 url('fonts/roboto/roboto-medium.svg#robotomedium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('fonts/roboto/roboto-bold.eot');
	src: url('fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/roboto/roboto-bold.woff2') format('woff2'),
		 url('fonts/roboto/roboto-bold.woff') format('woff'),
		 url('fonts/roboto/roboto-bold.ttf') format('truetype'),
		 url('fonts/roboto/roboto-bold.svg#robotobold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}



:root {
	--Concrete-Gray-100:	#fff;
	--Concrete-Gray-200:	#eee;
	--Concrete-Gray-300:	#aeaeae;
	--Concrete-Gray-400:	#777;
	--Concrete-Gray-500:	#3a3a3a;
	--Concrete-Gray-600:	#232323;
	--Concrete-Gray-800:	#000;
	--Grass-Green-400:		#9bebc5;
	--Grass-Green-600:		#33604b;
	--Error-Red-400:		#B3261E;

	--Purple-Text:			#fff;
	--Purple-200:			#CCBCE0;
	--Purple-300:			#9879C1;
	--Purple-400:			#542097;
}

html { font-size: 62.5%; }
html.ModalMode { overflow: hidden; overflow-y: clip; touch-action: none; scrollbar-gutter: stable; }
body { font: normal normal 400 1.7rem/1.5 roboto, arial, sans-serif; background-color: var(--Concrete-Gray-100); color: var(--Concrete-Gray-500); }
small { font-size: .7em;}
strong,
.Strong { font-weight: 500; }

a, a:link, a:visited, a:active { text-decoration: underline; color: var(--Concrete-Gray-500); transition: all .1s;}

h1 { font: normal normal 400 4.5rem/5.2rem roboto, arial, sans-serif; color: var(--Concrete-Gray-100); }
h3 { font: normal normal 400 2.2rem/1.27273 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); }
h4 { font: normal normal 400 1.8rem/1.5 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); }
h5 { font: normal normal 400 4.5rem/5.2rem roboto, arial, sans-serif; color: var(--Concrete-Gray-100); }

.Clear { clear: both; }
.NBSP { white-space: nowrap; }

a.Logout { position: relative; font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); padding-left: 27px; text-decoration: none; }
a.Logout::after { content: " "; display: block; top: 1px; left: 0; position: absolute; width: 20px; height: 18px; background: url('../images/layout/icons/mdiLogoutWhite.svg') #fff no-repeat center center; background-size: contain; z-index: 10; }
.Background.Klasyka a.Logout::after { background-image: url('../images/layout/icons/mdiLogoutBlack.svg'); }

.WitrynaContent { max-width: 1440px; margin: 0 auto 96px; }
.WitrynaStandard { max-width: 1208px; margin: 96px auto 0; padding: 0 32px; }
.WitrynaStandard h3 { text-align: center; }
.WitrynaAuthorizationHeader { width: 100%; min-height: 360px; padding: 102px 0 0 236px; background: url('../images/layout/headerXL.webp') transparent no-repeat center center; }
.WitrynaAuthorizationHeader .Logos { margin-bottom: 22px; display: flex; flex-direction: row; gap: 44px; align-items: flex-end; }
.WitrynaAuthorizationHeader .LogoFryderyk { width: 91px; height: 80px; background: url('../images/layout/logoFryderyk.webp') transparent no-repeat center center; }
.WitrynaAuthorizationHeader .LogoZPAV { width: 127px; height: 42px; vertical-align: bottom; background: url('../images/layout/logoZPAV.webp') transparent no-repeat center center; }
.WitrynaAuthorizationHeader h1 span:first-child,
.WitrynaHeader h1 span:first-child { display: block; }



.WitrynaUserError { max-width: 652px; margin: 40px auto 100px; padding: 0 24px; }
.WitrynaUserError .PanelTitleBar { text-align: center; line-height: 1.5; }
.WitrynaUserError .PanelListTitleBar { margin-bottom: 10px; }
.WitrynaUserError .PanelTitleBar h2 { font: normal normal 400 2.2rem/1.27273 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); margin-bottom: 20px; }
.WitrynaUserError .Details { margin: 10px 0; }
.WitrynaUserError .Widget_Link .CustomLink { margin-top: 30px; text-align: center; }

.WitrynaAuthorizationForm { text-align: center; }
.WitrynaAuthorizationForm .WitrynaAuthorizationOtc,
.WitrynaAuthorizationForm .WitrynaAuthorizationLogin { max-width: 604px; margin: 0 auto; }
.WitrynaAuthorizationForm .SubTitle { margin: 15px auto 17px; font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif; color: var(--Concrete-Gray-800); }
.WitrynaAuthorizationForm .SessionInfos { margin: 15px auto 17px; font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); }

.WitrynaAuthorizationForm .Progress { display: flex; flex-direction: row; justify-content: space-between; align-items: center; max-width: 126px; width: 100%; height: 16px; margin: 0 auto 16px; position: relative; z-index: 5; }
.WitrynaAuthorizationForm .Progress::after { content: " "; display: block; position: absolute; width: 100%; height: 4px; background-color: var(--Purple-300); }
.WitrynaAuthorizationForm .Progress span { text-align: center; width: 16px; font: normal normal 500 1.1rem/1.45455 roboto, arial, sans-serif; background-color: var(--Purple-300); border-radius: 16px; color: var(--Purple-Text); position: relative; z-index: 10; }
.WitrynaAuthorizationForm .Progress span.Active { background-color: var(--Purple-400); color: var(--Purple-Text); }

.WitrynaAuthorizationForm form { margin: 16px 0 20px; }
.WitrynaAuthorizationForm label,
.InfoPage .Details label { display: block; font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; position: absolute; top: -9px; background-color: #fff; padding: 2px 4px; margin: 0 0 0 12px; line-height: 1; max-width: 80%; z-index: 10; color: var(--Concrete-Gray-500); }


.WitrynaAuthorizationForm input[type="text"],
.WitrynaAuthorizationForm input[type="password"],
.WitrynaAuthorizationForm input[type="email"],
.WitrynaAuthorizationForm input[type="file"],
.WitrynaAuthorizationForm select,
.InfoPage .Details .Field .Frame,
.WitrynaAuthorizationForm textarea {
	width: 100%;
	border: 1px solid var(--Concrete-Gray-500);
	border-radius: 4px;
	height: 56px;
	z-index: 5;
	padding: 0 49px 0 16px;
	color: var(--Concrete-Gray-500);
	font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif;
}
.WitrynaAuthorizationForm textarea { min-height: 160px; padding-top: 16px; padding-bottom: 16px; }
.WitrynaAuthorizationForm select { background-color: var(--Concrete-Gray-100); }
.WitrynaAuthorizationForm input[type="text"]:disabled,
.WitrynaAuthorizationForm input[type="password"]:disabled,
.WitrynaAuthorizationForm input[type="email"]:disabled,
.WitrynaAuthorizationForm input[type="file"]:disabled,
.WitrynaAuthorizationForm select:disabled,
.WitrynaAuthorizationForm textarea:disabled {
	background-color: var(--Concrete-Gray-200);
}
.WitrynaAuthorizationForm input[type="file"]::file-selector-button { opacity: 0; width: 0; padding: 17px 0 0 0; margin: 0 0 0 -4px; position: relative; z-index: 10; }
.WitrynaAuthorizationForm .Input.File .FileButton { display: block; position: absolute; top: 8px; right: 17px; padding: 10px 24px; color: var(--Purple-Text); font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; background-color: var(--Purple-400); border: none; width: 100%; max-width: 185px; height: 40px; border-radius: 24px; cursor: pointer; text-decoration: none; text-align: center; z-index: 5; }
.WitrynaAuthorizationForm .Input.File.Error .FileButton { right: 50px; }

.WitrynaAuthorizationForm .Input { position: relative; }
.WitrynaAuthorizationForm .Error::after { content: " "; display: block; top: 1px; right: 14px; position: absolute; width: 20px; height: 54px; background: url('../images/layout/icons/error.svg') #fff no-repeat center center; background-size: contain; z-index: 10; }
.WitrynaAuthorizationForm .InputCRError .InputCheckboxRadio::after { height: 20px; top: 14px; right: 10px; }
.WitrynaStandard #question .InputBoxes.InputCRError .InputCheckboxRadio,
.WitrynaAuthorizationForm .InputCRError .InputCheckboxRadio { outline: 1px solid var(--Error-Red-400); }
.WitrynaAuthorizationForm .Error input[type="text"],
.WitrynaAuthorizationForm .Error input[type="password"],
.WitrynaAuthorizationForm .Error input[type="file"],
.WitrynaAuthorizationForm .Error select,
.WitrynaAuthorizationForm .Error input[type="email"] {
	border-color: var(--Error-Red-400);
}
.WitrynaAuthorizationForm .Error label,
.WitrynaStandard .TopErrorMsg,
.WitrynaAuthorizationForm .ErrorMsg,
.WitrynaStandard .ErrorMsg,
.WitrynaAuthorizationForm .Message.Red { color: var(--Error-Red-400); }
.WitrynaAuthorizationForm .TextAndButton { display: flex; justify-content: space-between; gap: 56px; margin: 16px 0; }
.WitrynaAuthorizationForm .MessageAndInfos,
.WitrynaAuthorizationForm .MessageAndInfos a { text-align: left; font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-400); }

.WitrynaAuthorizationForm .InputCRError { margin-bottom: 30px; position: relative; }
.WitrynaAuthorizationForm .InputCRError .ErrorMsg { position: absolute; bottom: -30px; }
.WitrynaAuthorizationForm .ErrorMsg,
.WitrynaStandard #question .InputBoxes .ErrorMsg { display: none; padding: 0 16px; }
.WitrynaAuthorizationForm .Input.Error .ErrorMsg,
.WitrynaStandard #question .Input.Error .ErrorMsg,
.WitrynaStandard #question .InputBoxes.InputCRError .ErrorMsg,
.WitrynaAuthorizationForm .InputCRError .ErrorMsg { display: block; }

.WitrynaUserError .PanelTitleBar h2 { color: var(--Error-Red-400); }
.WitrynaUserError .Widget_Link a { text-transform: uppercase; }
.WitrynaUserError .Widget_Link a,
.WitrynaAuthorizationForm input[type="submit"].ButtonPurple,
a.ButtonPurple,
div.ButtonPurple,
button.ButtonPurple,
input[type="button"].ButtonPurple,
input[type="button"].ButtonWhite,
button.ButtonWhite,
div.ButtonWhite,
a.ButtonWhite { padding: 10px 24px; color: var(--Purple-Text); font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; background-color: var(--Purple-400); border: none; width: 100%; max-width: 185px; height: 40px; border-radius: 24px; cursor: pointer; text-decoration: none; text-align: center; }
a.ButtonPurple,
a.ButtonWhite { padding-top: 9px; }
button.ButtonWhite,
input[type="button"].ButtonWhite,
div.ButtonWhite,
a.ButtonWhite { background-color: var(--Grass-Green-100); border: 1px solid var(--Purple-400); color: var(--Purple-400) }

.WitrynaAuthorizationRegister .FormInputs { display: flex; flex-direction: column; gap: 24px; }
.WitrynaAuthorizationRegister .FormInputs .Row { display: flex; flex-direction: row; gap: 24px; }
.WitrynaAuthorizationRegister .FormInputs .Row.GapS { gap: 18px; }
.WitrynaAuthorizationRegister .FormInputs .Row .Input { width: 100%; max-width: 50%; }
.WitrynaAuthorizationRegister .FormInputs .Row .InputMaxW { width: 100%; max-width: 100%; }
.WitrynaAuthorizationRegister .FormInputs .Row .SelectNarrow { width: 100%; max-width: 76px; }
.WitrynaAuthorizationRegister .FormInputs .Row .SelectNarrow select { padding: 0 4px 0 16px; }
.WitrynaAuthorizationRegister .FormInputs .Text,
.WitrynaAuthorizationForm .ErrorMsg { text-align: left; }
.WitrynaStandard .FormInputs .InputBoxes { display: flex; flex-direction: column; gap: 24px; margin-top: 40px; }
.WitrynaStandard .FormInputs .ExtraInputs { display: flex; flex-direction: column; gap: 24px; }

.InputCheckboxRadio input { z-index: -1; opacity: 0; position: absolute; }
.InputCheckboxRadio,
.WitrynaStandard #message .ShadowBox,
.Contents .Content { width: 100%; box-shadow: -2px 2px 8px rgb(0 0 0 / 25%); border-radius: 8px; position: relative; text-align: left; }
.InputCheckboxRadio label::before { content: ""; display: block; position: absolute; top: 15px; left: 21px; border: 2px solid var(--Purple-400); width: 18px; height: 18px; border-radius: 2px; z-index: 5; }
.InputCRError .InputCheckboxRadio label::before { border-color: var(--Error-Red-400); }
.InputCheckboxRadio label { display: block; font: normal normal 400 1.7rem/1.5 roboto, arial, sans-serif; position: relative; top: 0; width: 100%; max-width: 100%; z-index: 10; color: var(--Concrete-Gray-800); padding: 10px 18px 12px 55px; margin: 0; cursor: pointer; background: none; }
.InputCheckboxRadio label::first-letter { text-transform: uppercase; }
.InputCheckboxRadio input:checked + label::after { content: ""; display: block; position: absolute; top: 16px; left: 22px; background-image: url('../images/layout/icons/checked.svg'); background-repeat: no-repeat; background-position: center center; background-size: 72%; width: 16px; height: 16px; z-index: 10; }
.InputCheckboxRadio input:checked + label::before { background-color: var(--Purple-400); }

.WitrynaAuthorizationRegister .HintInfo,
.WitrynaAuthorizationRegister .HintAlert { display: inline-block; position: absolute; top: -7px; cursor: pointer; padding: 2px 12px; color: var(--Purple-Text); font: normal normal 400 1.3rem/1.42857 roboto, arial, sans-serif; background-color: var(--Purple-300); border: 5px solid #fff; border-radius: 24px; cursor: pointer; text-decoration: none; text-align: center; white-space: nowrap; }
.WitrynaAuthorizationRegister .HintInfo > div,
.WitrynaAuthorizationRegister .HintAlert > div { display: none; position: absolute; background-color: var(--Purple-300); border-radius: 3px; opacity: .95; font: normal normal normal 14px/1.3 'JosefinSans-Regular', arial, verdana, sans-serif; color: #fff; padding: 4px 6px; z-index: 200; white-space: normal; }
.WitrynaAuthorizationRegister .HintInfo > div { padding: 4px 0 4px 6px; }
.WitrynaAuthorizationRegister .HintInfo > div > div { max-height: 275px; overflow: auto; padding-right: 6px; }

.WitrynaAuthorizationRegister .HintInfoNew { display: inline-block; position: absolute; top: -7px; cursor: pointer; padding: 2px 12px; color: var(--Purple-Text); font: normal normal 400 1.3rem/1.42857 roboto, arial, sans-serif; background-color: var(--Purple-300); border: 5px solid #fff; border-radius: 24px; cursor: pointer; text-decoration: none; text-align: center; white-space: nowrap; }
.WitrynaAuthorizationRegister .HintInfoNew .HintContent { display: flex; gap: 24px; font-weight: 500; }
.WitrynaAuthorizationRegister .HintInfoNew .Message { display: none; white-space: nowrap; font-weight: 400; }
.WitrynaAuthorizationRegister .HintInfoNew.Active .Message { display: inline-block; }

.WitrynaAuthorizationRegister .FormButtons { display: flex; flex-direction: row; justify-content: space-between; margin: 24px 0; }



.WitrynaAuthorizationButtons .SessionInfos,
.WitrynaAuthorizationButtons .Buttons { margin: 24px auto; }
.WitrynaAuthorizationButtons .SessionInfos { font: normal normal 400 1.8rem/1.5 roboto, arial, sans-serif; color: var(--Concrete-Gray-600); }
.WitrynaAuthorizationButtons .Buttons { max-width: 604px; }
.WitrynaAuthorizationButtons .Buttons a { margin: 0 24px; }


.WitrynaHeader .Background { width: 100%; min-height: 460px; background-color: transparent; background-repeat: no-repeat; background-position: right center; position: relative; background-image: url('../images/layout/header2XL.webp'); }
.WitrynaHeader .Background.Neutral { background-image: url('../images/layout/header2XL.webp'); }
.WitrynaHeader .Background.Pop { background-image: url('../images/layout/headerRozrywkowa2XL.webp'); }
.WitrynaHeader .Background.Jazz { background-image: url('../images/layout/headerJazz2XL.webp'); }
.WitrynaHeader .Background.Klasyka { background-image: url('../images/layout/headerKlasyczna2XL.webp') }
.WitrynaHeader .Bar { background: rgba(0, 0, 0, 0.10); backdrop-filter: blur(8px); display: flex; flex-direction: column; justify-content: normal; gap: 5px; padding: 9px 32px 0; height: 84px; }
.WitrynaHeader.WitrynaInfopageHeader .Bar { height: 52px; padding: 5px 32px 0; }
.WitrynaHeader .Bar .Row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.WitrynaHeader .Bar .Line { display: block; width: 100%; height: 1px; margin: 6px 0 2px; background: var(--Concrete-Gray-100); }
.WitrynaHeader .Background.Klasyka .Bar .Line { background: var(--Concrete-Gray-800); }
.WitrynaHeader.WitrynaInfopageHeader .Bar .Line { margin: 2px 0 2px; }
.WitrynaHeader .Bar .Logos { display: flex; flex-direction: row; gap: 20px; align-items: center; }
.WitrynaHeader .Bar .LogoFryderyk { width: 31px; height: 27px; background: url('../images/layout/logoFryderyk_White_h27.webp') transparent no-repeat center center; }
.WitrynaHeader .Background.Klasyka .Bar .LogoFryderyk { background-image: url('../images/layout/logoFryderyk_Black_h27.webp'); }
.WitrynaHeader .Bar .LogoZPAV { width: 61px; height: 20px; vertical-align: bottom; background: url('../images/layout/logoZPAV_White_h20.webp') transparent no-repeat center center; }
.WitrynaHeader .Background.Klasyka .Bar .LogoZPAV { background-image: url('../images/layout/logoZPAV_Black_h20.webp'); }
.WitrynaHeader .RightSection { display: flex; flex-direction: row; gap: 36px; align-items: center; padding: 1px 8px; }
.WitrynaHeader .Person { position: relative; font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-100); padding-left: 32px; text-decoration: none; }
.WitrynaHeader .MyData { position: relative; font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-100); padding-left: 32px; text-decoration: none; }
.WitrynaHeader .MyData::after { content: " "; display: block; top: -1px; left: 0; position: absolute; width: 24px; height: 22px; background: url('../images/layout/icons/personWhite.svg') transparent no-repeat center center; background-size: contain; z-index: 10; }
.WitrynaHeader .Background.Klasyka .MyData::after { background-image: url('../images/layout/icons/personBlack.svg'); }
.WitrynaHeader .Logout { position: relative; font: normal normal 400 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-100); padding-left: 27px; text-decoration: none; }
.WitrynaHeader .Logout::after { background-color: transparent; }
.WitrynaHeader .Path { display: block; font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-100); max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.WitrynaHeader .Path a { text-decoration: none; color: var(--Concrete-Gray-100); }

.WitrynaHeader .Background.Klasyka .Person,
.WitrynaHeader .Background.Klasyka .MyData,
.WitrynaHeader .Background.Klasyka .Logout,
.WitrynaHeader .Background.Klasyka .Path,
.WitrynaHeader .Background.Klasyka .Path a { color: var(--Concrete-Gray-800); }

.WitrynaHeader .Header { margin: 126px 0 0 148px; position: relative; display: flex; }
.WitrynaHeader .Header .Titles { display: flex; flex-direction: column; position: relative; max-width: 700px; }
.WitrynaHeader .Header .Titles.TwoLines { top: -42px; }
.WitrynaHeader .Header h1 { margin: 14px 0 12px; color: var(--Concrete-Gray-100); overflow-wrap: anywhere; }
.WitrynaHeader .Background.Klasyka .Header h1 { color: var(--Concrete-Gray-800); }
.WitrynaHeader .Header h2 { margin: 28px 0 12px; font: normal normal 400 2.2rem/1.27273 roboto, arial, sans-serif; color: var(--Concrete-Gray-100); overflow-wrap: anywhere; }
.WitrynaHeader .Background.Klasyka .Header h2 { color: var(--Concrete-Gray-800); }
.WitrynaHeader .Header .Titles.TwoLines h2 { margin: 32px 0 8px; }
.WitrynaHeader .Pop .Header h1 { margin-bottom: 12px; color: var(--Concrete-Gray-100); overflow-wrap: anywhere; }
.WitrynaHeader .Header .Logos { display: flex; flex-direction: row; gap: 39px; align-items: flex-start; position: absolute; top: -26px; left: 733px; }
.WitrynaHeader .Header .LogoFryderyk { width: 133px; height: 146px; margin-top: 10px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-image: url('../images/layout/logoFryderyk_PGrad_h146.webp'); }
.WitrynaHeader .Header .LogoFryderyk.Neutral { background-image: url('../images/layout/logoFryderyk_PGrad_h146.webp'); }
.WitrynaHeader .Header .LogoFryderyk.Pop { background-image: url('../images/layout/logoFryderyk_GGrad_h146.webp'); }
.WitrynaHeader .Header .LogoFryderyk.Jazz { background-image: url('../images/layout/logoFryderyk_RGrad_h146.webp'); }
.WitrynaHeader .Header .LogoFryderyk.Klasyka { background-image: url('../images/layout/logoFryderyk_BGrad_h146.webp'); }
.WitrynaHeader .Header .LogoZPAV { width: 161px; height: 54px; margin-top: 45px; vertical-align: bottom; background: url('../images/layout/logoZPAV_White_h54.webp') transparent no-repeat center center; }
.WitrynaHeader .Background.Klasyka .Header .LogoZPAV { background-image: url('../images/layout/logoZPAV_Black_h54.webp'); }


.WitrynaMojeDane .FormButtons { margin-top: 96px; }
.WitrynaMojeDane .ButtonPurple,
.WitrynaMojeDane input[type="button"].ButtonPurple,
.WitrynaMojeDane input[type="submit"].ButtonPurple { max-width: 392px; }


.Votings { max-width: 1144px; margin: 80px auto 0; display: flex; flex-direction: column; }
.Votings .Voting,
.WitrynaTypy .Types .Type,
.Modal .ModalContent,
.Submissions .Submission { margin: 16px 0; border-radius: 8px; box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.25); font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); overflow: hidden; position: relative; display: flex; }
.Votings.Past .Voting,
.Cards.Voted .Card { opacity: 0.5; }
.Votings.Ongoing .Voting:hover,
.Votings.Upcoming .Voting:hover,
.Cards.Active .Card:hover { box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.75); }
.Votings .Voting::before { content: " "; display: block; width: 572px; height: 148px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-image: url('../images/content/submission.webp'); }

.Votings .Voting .Details { padding: 11px 14px 11px 11px; width: 572px; }
.Votings .Voting .Details .Title,
.Cards .Card .Details .Title,
.Candidates .Details .Title,
.Submissions .Submission .Title,
.Submissions .Submission .SubTitle,
.Submissions .Submission .Number { font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif; color: var(--Concrete-Gray-800); }
.Votings .Voting .Details .SubTitle,
.Candidates .Details .SubTitle { margin: 12px 0 0 1px; font: normal normal 500 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); }
.Votings .Voting .Schedule { margin: 13px 0 0 1px; display: flex; flex-direction: row; justify-content: space-between; align-items: end; }

.Votings .Voting .Schedule .Dates { display: flex; gap: 12px; flex-direction: row; justify-content: space-between; }
.Votings .Voting .Schedule .Dates div,
.Submissions .Submission .Details .Column { padding: 6px 8px; border-radius: 8px; background: var(--Concrete-Gray-200); font: normal normal 500 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-800); }
.Votings .Voting .Schedule .Dates div span,
.Submissions .Submission .Details span { display: block; font: normal normal 500 1.1rem/1.45455 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); }

.Votings .Voting .ButtonPurple,
.Submissions .Submission .ButtonPurple { max-width: 280px; }

.Submissions { margin-top: 80px; }
.Submissions h3 { text-align: center; margin-bottom: 40px; }
.Submissions .Submission { display: flex; flex-direction: column; min-height: 120px; padding: 12px 18px; gap: 12px; margin: 24px 0; }
.Submissions .Submission .Row { display: flex; flex-direction: row; gap: 12px; justify-content: space-between; }
/* .Submissions .Submission .Row > div { display: flex; flex-direction: row; width: 100%; align-items: end; outline: 1px solid #f00; } */
.Submissions .Submission .Column { display: flex; flex-direction: column; /* justify-content: end; */ }
.Submissions .Submission .Row .Details { display: flex; flex-direction: column; width: 100%; gap: 12px; }
.Submissions .Submission .Row .Details .Row { justify-content: start; gap: 8px; }
.Submissions .Submission .Row .Details .Row .Column { width: 100%; }
.Submissions .Submission .Row .Details .Row .Column a { text-transform: uppercase; color: var(--Concrete-Gray-800); }
.Submissions .Submission .Number { width: 100%; max-width: 30px; }
.Submissions .Submission .CategoryAndSection { width: 100%; max-width: 200px; }
.Submissions .Submission .PerformerAndTitle { width: 100%; }
.Submissions .Submission .Column.DetailsColumn { width: 100%; max-width: 691px; } /* max-width: 621px; */
.Submissions .Submission .Details .Column { text-align: center; justify-content: space-between; } /* max-width: 84px; */
.Submissions .Submission .Column.Notes { max-width: 100%; text-align: left; }
.Submissions .Submission .Column.Buttons { align-self: flex-end; align-items: end; width: 280px; }
.Submissions .Submission .SubTitle { color: var(--Concrete-Gray-500); }

.WitrynaGatunki.WitrynaStandard { margin-top: 64px; }
.WitrynaGatunki .Genres,
.WitrynaTypy .Types { display: flex; flex-direction: row; gap: 20px; justify-content: center; margin-top: 40px; }
.WitrynaGatunki .Genres a,
.WitrynaGatunki .Genres div { display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 20px; width: 330px; height: 440px; border-radius: 8px; font: normal normal 400 3.6rem/1.22222 roboto, arial, sans-serif; color: var(--Concrete-Gray-100); background-color: transparent; background-repeat: no-repeat; background-position: center center; text-decoration: none; cursor: pointer; }
.WitrynaGatunki .Genres a.Rozrywkowa,
.WitrynaGatunki .Genres div.Rozrywkowa { background-image: url('../images/content/gatunekRozrywkowa.webp'); }
.WitrynaGatunki .Genres a.Jazz,
.WitrynaGatunki .Genres div.Jazz { background-image: url('../images/content/gatunekJazz.webp'); }
.WitrynaGatunki .Genres a.Klasyczna,
.WitrynaGatunki .Genres div.Klasyczna { background-image: url('../images/content/gatunekKlasyczna.webp'); }

.WitrynaTypy .Types .Type { margin: 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 12px; width: 330px; height: 229px; border-radius: 8px; font: normal normal 400 1.6rem/1.5 roboto, arial, sans-serif; color: var(--Concrete-Gray-800); position: relative; padding-top: 165px; }
.WitrynaTypy .Types .Type .ButtonPurple { max-width: 80px; }
.WitrynaTypy .Types .Type::before { content: ""; display: block; width: 330px; height: 165px; position: absolute; top: 0; left: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; text-decoration: none; border-radius: 8px 8px 0 0; }
.WitrynaTypy .Types .Type.PopAlbum::before { background-image: url('../images/content/rozrywkowaAlbum.webp'); }
.WitrynaTypy .Types .Type.PopSingiel::before { background-image: url('../images/content/rozrywkowaSingiel.webp'); }
.WitrynaTypy .Types .Type.PopTeledysk::before { background-image: url('../images/content/rozrywkowaTeledysk.webp'); }
.WitrynaTypy .Types .Type.JazzAlbum::before { background-image: url('../images/content/jazzAlbum.webp'); }
.WitrynaTypy .Types .Type.JazzKompozytor::before { background-image: url('../images/content/jazzKompozytor.webp'); }

.WitrynaPrepareInfo.WitrynaStandard { margin-top: 64px; }
.TopTexts { margin-bottom: 40px; }
.TopTexts div { text-align: center; margin-bottom: 8px; }
.Contents { display: flex; flex-direction: column; gap: 24px; }
.Contents .Content { padding: 12px 18px; display: flex; align-items: baseline; }
.Contents .Content.InActive { opacity: .5; }
.Contents .Content.InActive:hover { opacity: 1; }
/* .Contents .Content.InActive::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--Concrete-Gray-100); opacity: .5; z-index: 20; } */
.Contents .Content .RightSide { display: flex; margin-left: auto; flex-direction: column; }
.Contents .Content .RightSide .Row { display: flex; align-items: baseline; gap: 12px; }
.WitrynaMp3List .Content .RightSide { width: 444px; }
.WitrynaMp3List .Content .RightSide .ButtonPurple.Right { max-width: none; width: 100%; }
.Contents .Content .RightSide .Subcategories { display: none; }
.Contents .Content.Active .RightSide .Subcategories { display: flex; flex-direction: column; width: 100%; max-width: 100%; }
.Contents .ButtonPurple { background-color: var(--Purple-300); width: 183px; }
.WitrynaMp3List .Contents .ButtonPurple { background-color: var(--Purple-400); width: 183px; }
.Contents .InputCheckboxRadio { box-shadow: none; width: 183px; height: 40px; text-align: center; }
.Contents .InputCheckboxRadio label { padding: 8px 0 9px 26px; border: 1px solid var(--Purple-400); border-radius: 100px; color: var(--Purple-400); font-size: 14px; font-weight: 500; }
.Contents .InputCheckboxRadio label::before { top: 12px; left: 61px; width: 14px; height: 14px; }
/* .Contents .InputCheckboxRadio label::before { top: 15px; left: 21px; width: 14px; height: 14px; } */
.Contents .InputCheckboxRadio input:checked + label::after { content: ""; display: block; position: absolute; top: 13px; left: 62px; background-image: url('../images/layout/icons/checkedPurple.svg'); background-repeat: no-repeat; background-position: center center; background-size: 72%; width: 12px; height: 12px; z-index: 10; }
.Contents .InputCheckboxRadio input:checked + label::before { background-color: var(--Concrete-Gray-100); border-color: var(--Concrete-Gray-100); }
.Contents .InputCheckboxRadio input:checked + label { background-color: var(--Purple-400); color: var(--Concrete-Gray-100); }

.Contents .Content .RightSide .Subcategories .InputCheckboxRadio { width: 100%; text-align: right; margin-top: 12px; }
.Contents .Content .RightSide .Subcategories .InputCheckboxRadio label {  padding: 8px 24px 9px 26px; }
.Contents .Content .RightSide .Subcategories .InputCheckboxRadio label::before { left: 24px; }
.Contents .Content .RightSide .Subcategories .InputCheckboxRadio input:checked + label::after { left: 25px; }

.Contents .HintInfo,
.Contents .HintAlert { padding: 10px 24px; color: var(--Purple-Text); font: normal normal 500 1.4rem/1.42857 roboto, arial, sans-serif; background-color: var(--Purple-300); border: none; width: 183px; height: 40px; border-radius: 24px; cursor: pointer; text-decoration: none; text-align: center; white-space: nowrap; position: relative; }
.Contents .HintInfo > div,
.Contents .HintAlert > div { display: none; position: absolute; width: 500px; box-shadow: -2px 2px 8px rgb(0 0 0 / 25%); border-radius: 8px; opacity: .95; padding: 12px 18px; z-index: 200; white-space: normal; background-color: var(--Concrete-Gray-100); }
.Contents .HintInfo > div { padding: 4px 0 4px 6px; }
.Contents .HintInfo > div > div { max-height: 500px; overflow: auto; padding: 12px 18px; color: var(--Concrete-Gray-800); text-align: left; }

.WitrynaMp3List .Content.ExtraMargin { margin-top: 16px; }
.WitrynaMp3List .Content .Position { width: 52px; }

.WitrynaStandard .TopErrorMsg { margin: 0 0 40px; display: none; }
.WitrynaStandard .TopErrorMsg.Active { display: block; }

.WitrynaStandard .Buttons { margin-top: 66px; display: flex; flex-direction: row; justify-content: space-between; }
.WitrynaStandard .Buttons .ButtonPurple { max-width: 392px; padding: 14px 24px; height: 48px; }
.WitrynaStandard .Buttons .ButtonPurple.Right { margin-left: auto; }
.WitrynaStandard .Buttons.Center { justify-content: center; margin: 33px 0 40px; }
.WitrynaStandard .FormButtons .ButtonPurple.Right { margin-left: auto; }

.WitrynaStandard .ImgCover img { border-radius: 4px; }

/* .WitrynaStandard .ErrorMsg {  } */
.Hidden,
.WitrynaStandard #message.Hidden { display: none; }
.WitrynaStandard #question h3 { margin-bottom: 28px; }
.WitrynaStandard .Questions .EnlargedText { font: normal normal 500 2.2rem/1.27273 roboto, arial, sans-serif; color: var(--Concrete-Gray-800); }
.WitrynaStandard .Questions,
.WitrynaStandard #message { display: flex; flex-direction: column; gap: 12px; color: var(--Concrete-Gray-800); }
.WitrynaStandard .Questions .Question,
.WitrynaStandard #message .Question { text-align: center; }
.WitrynaStandard #question .InputBoxes { display: flex; flex-direction: column; gap: 24px; margin-top: 40px; }
.WitrynaStandard #message .ShadowBox { padding: 12px 18px; }

.WitrynaStandard #subquestions .Question { margin-top: 48px; text-align: center; }


.Modal { display: none; position: relative; }
/* .Modal, */
.Modal.Active { position: fixed; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 1000; }
.Modal::after { content: " "; position: absolute; width: 100%; height: 100%; display: block; background-color: var(--Concrete-Gray-100); opacity: .9; z-index: 5; animation-timing-function: ease-out; animation-duration: .45s; animation-iteration-count: 1; animation-name: ModalBG; }
@keyframes ModalBG { 0% { opacity: 0; } 50% { opacity: .5; }}
.Modal .ModalContent { position: absolute; margin: 20px auto 0; padding: 40px; z-index: 10; background-color: var(--Concrete-Gray-100); width: 100%; max-width: 1144px; transform: translateY(0); opacity: 1; animation-timing-function: ease-out; animation-duration: .8s; animation-iteration-count: 1; animation-name: Modal; }
/* @keyframes Modal { 0% { transform: translateY(-1000px); opacity: 0; } 30% { opacity: 0; } 50% { transform: translateY(0); opacity: 1; }} */
/* .Modal.Active .ModalContent { top: 0px; } */
.Modal.Active .ModalBodyMaxH { max-height: 78vh; overflow-y: auto; padding: 1px; }
.Modal.Active .ModalButtons { margin-top: 24px; }

.Modal .ModalButtons { display: flex; flex-direction: row; justify-content: center; gap: 12px; margin-top: 12px; max-width: none; }


.InfoPage { display: flex; flex-direction: column; gap: 12px; margin-bottom: 40px; }
.FormInputs .InfoPage { display: block; margin-top: 20px; }
.InfoPage .Row,
.FormInputs .InfoPage .Row { display: flex; flex-direction: row; justify-content: space-between; gap: 40px; }
.FormInputs .InfoPage .Row .Label { margin-bottom: 20px; }
.InfoPage .Cover { width: 100%; max-width: 424px; border-radius: 4px; position: relative; }
.InfoPage .Cover img { border-radius: 4px; display: block; }
.InfoPage .Details { width: 100%; display: flex; flex-direction: column; gap: 24px; }
.InfoPage .Details .Field { position: relative;  }
.InfoPage .Details .Field .Frame { display: flex; align-items: center; padding: 15px 16px; height: auto; }
.InfoPage .Details .Buttons { margin: 0; }
.InfoPage .Details .MP3 { display: flex; flex-direction: column; }
.InfoPage .Details .MP3 .Row { justify-content: flex-start; align-items: baseline; }
.InfoPage .Details .MP3 .Row.Spacer { margin-bottom: 8px; }
.InfoPage .Details .MP3 .Label { font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); min-width: 140px; }
.InfoPage .Details .MP3 .Value { font: normal normal 400 1.2rem/1.33333 roboto, arial, sans-serif; color: var(--Concrete-Gray-500); }
.InfoPage .Details .MP3 .Value.Title { font-size: 1.7rem; }
.InfoPage .MP3Player { font-size: 1.7rem; position: relative; height: 56px; display: flex; flex-direction: row; padding-left: 60px; gap: 12px; align-items: center; }
.InfoPage .MP3Player a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 56px; height: 56px; border-radius: 16px; background-color: var(--Purple-300); z-index: 8; }
.InfoPage .MP3Player a::after { content: ""; display: block; position: absolute; top: 20px; left: 22px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 12px solid var(--Purple-400); border-bottom: 8px solid transparent; z-index: 10; }
.InfoPage .MP3Player a.Pause::after { content: ""; display: block; position: absolute; top: 20px; left: 22px; width: 11px; height: 16px; border-top: none; border-bottom: none; border-left: 4px solid var(--Purple-400); border-right: 4px solid var(--Purple-400); z-index: 10; }
.InfoPage .MP3Player .MP3Progress { width: 100%; position: relative; }
.InfoPage .MP3Player .MP3Progress::before { content: ""; display: block; position: absolute; width: 100%; height: 1px; background-color: var(--Purple-400); }
.InfoPage .MP3Player .MP3Progress > div { display: block; width: 0; position: relative; transition: all .5s; }
.InfoPage .MP3Player .MP3Progress > div::before { content: ""; display: block; position: absolute; top: -3px; right: -8px; width: 8px; height: 8px; border-radius: 8px; background-color: var(--Concrete-Gray-800); }
.InfoPage .MP3Player .TimeStop { margin-left: auto; }
.InfoPage .MP3Player .TimePlay { text-align: right; }
.InfoPage .MP3Player .TimePlay,
.InfoPage .MP3Player .TimeStop { min-width: 50px; }