/*!
 * CSS-Doc for mBank.cz :: 24/03/25 @ pp
 */
/* ----------------------- reset ----------------------- */
/* ----------------------- reset ----------------------- */
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, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
a {margin: 0; padding: 0; border: 0; font-size: 100%;}
img {padding: 0; border: 0; outline: 0; font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {display: block;}
audio, canvas, embed, keygen, meter, progress, video {display: inline-block;}
[hidden] {display: none;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 1px dotted #000;}
.ie body:focus, .ie section:focus, .ie div:focus {outline: none;}
ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
table {font-size: 100%;}

@font-face {
	font-family: "AB";
	src: url("/.templates/css/fonts/adobe-blank.woff") format("woff"),
		url("/.templates/css/fonts/adobe-blank.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "Mbank";
	src: url("/.templates/css/fonts/mbank-regular.woff2") format("woff2"),
		url("/.templates/css/fonts/mbank-regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Mbank Semi";
	src: url("/.templates/css/fonts/mbank-semibold.woff2") format("woff2"),
		url("/.templates/css/fonts/mbank-semibold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Mbank Bold";
	src: url("/.templates/css/fonts/mbank-bold.woff2") format("woff2"),
		url("/.templates/css/fonts/mbank-bold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Montserrat Lite";
	src: url("/.templates/css/fonts/montserrat-lite-regular.woff2") format("woff2"),
		url("/.templates/css/fonts/montserrat-lite-regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Montserrat Lite Semi";
	src: url("/.templates/css/fonts/montserrat-lite-semibold.woff2") format("woff2"),
		url("/.templates/css/fonts/montserrat-lite-semibold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Montserrat Lite Bold";
	src: url("/.templates/css/fonts/montserrat-lite-bold.woff2") format("woff2"),
		url("/.templates/css/fonts/montserrat-lite-bold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* font rendering dimmensions correction for cat-menu and main-menu scripts */
#log-in {font: 100%/1.1 "Mbank Semi", "AB";}
#page-head ul.menu {font: .4em/1.1 "Montserrat Lite", "AB";}


/* --------------------- defaults ---------------------- */
/* -- defaults :: v.: 0.01 r.: 22/05/25 @ pp */
/*
 * v. 0.01 @ pp (03/04/25): utworzenie pliku + zmiany RWD (SKCZDEV-726)
 */
 /* --------------------- defaults ---------------------- */
:root {
	--main-text-color: #201c17; /* Zeus */
	--black-color: #000;
	--white-color: #fff;
	--white-shaded-color: #fafafa;
	--light-gray-color: #f5f5f5;
	--light-shaded-gray: #f0f0f0;
	--gallery-color: #ececec; /* gallery */
	--light-border-color: #e5e5e5; /* mercury */
	--nav-border: #dadada;
	--silver-color: #c9c9c9; /* silver */
	--silver-back-color: #727272; /* back silver */
	--gray-color: #a1a2a2;
	--legal-label: #767676; /* boulder */
	--end-text: #525455; /* abbey */
	--def-links: #4c4c4c;
	--red-buttons: #ae0000; /* rusty */
	--red-buttons-hover: #850000; /* dark red */
	--blue-bg-color: #0074ad;
	--green-bg-color: #00801f;
	--green-bg-color-hover: #006619;
	/* section colors */
	--ind-bg-color: #ae0000; /* rusty */
	--biz-bg-color: #00801f; /* green */
	/* section elements */
	--ind-elem-color: #ae0000; /* */
	--biz-elem-color: #00801f; /* */
	--outline-color: #4c9aff; /* */
}

html {overflow-y: scroll; font-size: 40px;}
html, body {height: 100%;}
body {color: #4e4e4e; font-family: "Montserrat Lite", Arial, sans-serif; font-size: 100%; text-align: left;}

/* IE9+ needs this */
main {display: block;}

p {margin: 0.21em 0; color: var(--main-text-color); line-height: 1.5; font-size: .4rem;}
p span {line-height: 1.5;}
a {color: var(--def-links); text-decoration: none; cursor: pointer; text-shadow: none; outline: 4px dashed transparent; outline-offset: 5px; transition: outline-offset .2s;}
a:link {}
a:visited {}
a:hover {text-decoration: underline;}
a:active {color: #ff726b;}
a img {border: none;}
[data-input=key] a:focus {outline-width: 4px; outline-style: solid; outline-color: var(--outline-color); outline-offset: 2px; text-decoration: underline;}
[data-input=key].ie a:focus {outline-color: #4c9aff;}

h1, h2, h3, h4, h5, h6 {color: var(--main-text-color);}

h1 {font: 1rem/1.2 "Mbank Semi", Arial, sans-serif; margin: 0 0 .375rem; letter-spacing: -1px;}
h2 {font: .6rem/1.17 "Mbank Semi", Arial, sans-serif; margin: 0 0 .25rem; letter-spacing: -.5px;}
h3 {font: .45rem/1.2 "Mbank Bold", Arial, sans-serif; margin: 0 0 .2rem;}
h4, h5, h6 {font: .4rem/1.2 "Montserrat Lite Semi", Arial, sans-serif; margin: 0 0 .175rem;}
h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {line-height: inherit;}

ul, ol {margin: .22rem 0; padding: 0 0 0 .5rem; color: var(--main-text-color); line-height: 1.5; font-size: .4rem;}
ol {padding-left: .2rem;}
li {margin: 0;}
ul li {padding: 0;}
/*ul ul, ol ol {margin-left: .2rem;}*/
ul span, ol span, li p {line-height: 1.5;}

table, table td {font-family: "Montserrat Lite", Arial, sans-serif; font-size: .4rem; color: #000; line-height: 1.5;}
td {padding: 0;}
hr {height: 1px; background-color: #ccc; border: 0; font-size: 1px; line-height: 1;}

strong, b {font-family: "Montserrat Lite Semi", Arial, sans-serif; font-weight: 590; letter-spacing: -.2px;}/* font is bold with hack for FF that causes display normal font weight for Montserrat but bold for Arial */
h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b {font-family: "Mbank Bold", Arial, sans-serif; font-weight: 590;}


/* ----------------------- forms ----------------------- */
/* ----------------------- forms ----------------------- */
form {}
legend {margin: 0 0 .175rem; font: .4rem/1.2 "Montserrat Lite Semi", Arial, sans-serif;}/* like h4 */
fieldset {}
label {margin: 0 0 .2rem; font: .45rem/1.2 "Mbank Bold", Arial, sans-serif;}/* like h3 */
label.semi-text {font-family: "Mbank Semi", Arial, sans-serif;}/* font like in P */
input {}
input[type=text], input[type=number] {font-family: "Montserrat Lite", Arial, sans-serif;}
input[type=text] {-webkit-appearance: none;}
input[type=text]:focus {outline: none; background: #fffff9; color: #000; box-shadow: 0 0 3px rgba(0, 0, 0, .3);}

input[type=number] {-webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; margin: 0;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; margin: 0;}
.desktop input[type=number]::-webkit-inner-spin-button, .desktop input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}

/* ----USAGE - place label with span inside, next to input-checkbox, set 'for' attribute for label element same as checkbox 'id' ---- */
input[type=checkbox] {display: none;}
input[type=checkbox] + label {vertical-align: middle; font: .4rem "Montserrat Lite", Arial, sans-serif; cursor: pointer;}
input[type=checkbox] + label span {display: inline-block; width: 15px; height: 15px; margin-right: 10px; vertical-align: middle; background: url(/.templates/img/elements.png) no-repeat -125px -46px;}
input[type=checkbox]:checked + label span {background: url(/.templates/img/elements.png) no-repeat -143px -46px;}

input[type=radio] {}

select {font-family: "Montserrat Lite", Arial, sans-serif;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis;}
select::-ms-expand {display: none;}  
select.styled {border: 1px solid #d5d5d5; padding: 9px 45px 9px 10px; background: #fff url(/.templates/img/icons/dropdown.png) no-repeat right 10px center; background-size: 16px; font-family: "Montserrat Lite Semi", Arial, sans-serif;}

textarea {-webkit-appearance: none; font-family: "Montserrat Lite", Arial, sans-serif;}
textarea:focus {outline: none; background: #fffff9; color: #000; box-shadow: 0 0 3px rgba(0, 0, 0, .3);}

button {}
button.button {border: none;}

disabled {}

/* SelectBoxit library overrides */
body .selectboxit-container {position: relative; display: inline-block; vertical-align: top;}
body .selectboxit-container * {color: var(--main-text-color); font: .4rem/1 "Montserrat Lite Semi", Arial, sans-serif !important;}
body .selectboxit-container .selectboxit {width: 150px; margin: 3px 0; padding: 13px 0; border-radius: 2px; color: var(--main-text-color); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); word-spacing: 0;}
body .selectboxit-btn {background-color: #fff; background-image: none;}
body .selectboxit-btn::after {position: absolute; left: 2px; bottom: 0; width: 100%; height: 2px; background: var(--blue-bg-color); transition: all .3s; visibility: hidden; transform: scaleX(0); content: '';}
body .selectboxit-btn.selectboxit-open::after {visibility: visible; transform: scaleX(1);}
body .selectboxit-container span, body .selectboxit-container .selectboxit-options a {height: 1em; line-height: 1;}
body .selectboxit-text {max-width: 70% !important;}
body .selectboxit .selectboxit-arrow-container .selectboxit-arrow {top: 0; bottom: 0; right: 10px; width: 9px; height: 5px; margin: auto; border: none; background: url(/.templates/img/arrows.svg) no-repeat 0 0 / 9px; -webkit-transition: .3s; transition: .3s;}
body .selectboxit-open .selectboxit-arrow-container .selectboxit-arrow {transform: rotate(-180deg);}
body .selectboxit-btn.selectboxit-enabled:hover, body .selectboxit-btn.selectboxit-enabled:active {color: inherit; background-color: var(--light-gray-color);}
body .selectboxit-btn.selectboxit-enabled:focus {background-color: transparent;}
body .selectboxit-container .selectboxit-options {top: 95% !important; right: 0; min-width: 100% !important; padding: 10px 0 !important; background: var(--white-shaded-color); text-align: right; box-shadow: 0 1px 16px rgba(0, 0, 0, .22), 0 0 1px rgba(0, 0, 0, .32);}
body .selectboxit-options li::before {content: none;}
body .selectboxit-container .selectboxit-option, body .selectboxit-container .selectboxit-optgroup-header {height: auto; margin: 0; color: inherit;}
body .selectboxit-container .selectboxit-option {position: static;}
body .selectboxit-container .selectboxit-option::before {content: none !important;}
body .selectboxit-optgroup-header {position: relative; padding: 13px 5px; text-transform: uppercase; text-align: left; font-size: 12px !important;}
body .selectboxit-optgroup-header::after {position: absolute; bottom: 5px; left: 5px; right: 5px; display: block; height: 1px; border-bottom: 1px solid var(--light-border-color); content: '';}
body .selectboxit-list > .selectboxit-option > .selectboxit-option-anchor {padding: 13px 5px; color: inherit;}
body .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {background: var(--gallery-color);}
body .selectboxit-list > .selectboxit-option > .selectboxit-option-anchor span {display: none;}



/* ---------------------- classes ---------------------- */
/* utils */
.wrap:after {clear: both; display: block; visibility: hidden; height: 0; content: '.';}
.spacer {font-size: 0; line-height: 1;}
.f-l {float: left;}
.f-r {float: right;}
img.f-l {margin-right: 10px;}
img.f-r {margin-left: 10px;}
a.icon, img.icon, span.icon {vertical-align: middle; text-decoration: none;}
a.wrapper-href {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-decoration: none;}
img.border {padding: 1px; border: 1px solid #e6e6e6; text-align: center;}
.p-r {position:  relative;}
.d-i {display: inline;}
.d-i-b {display: inline-block;}
.m-n {margin: 0 !important;}
.b-n {border: none !important;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}
.ta-c {text-align: center;}
.ta-j {text-align: justify;}
.va-m {vertical-align: middle;}
.va-t {vertical-align: top;}
.td-u {text-decoration: underline;}
.ws-n, .no-wrap {white-space: nowrap !important;}
.c-d {cursor: default;}
.white {color: var(--white-color) !important;}
.black {color: var(--black-color) !important;}
.green {color: var(--biz-bg-color) !important;}
.red {color: var(--ind-bg-color) !important;}
.gray {color: #8b8b8b !important;}
.darkgray {color: #444 !important;}
.hr {clear: both; height: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; font-size: 1px; line-height: 1;}
.hidden {display: none;}
.hidden-content, .offscreen {position: absolute; display: block; clip: rect(1px, 1px, 1px, 1px); word-break: break-all; font-size: .4em;}
.clear {clear: both;}
.fw-b {font-weight: bold;}
.fw-n {font-weight: normal;}
.first {margin-left: 0 !important;}
.last {margin-right: 0 !important;}
.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;}
.f16 {font-size: 16px !important;}
.f17 {font-size: 17px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f24 {font-size: 24px !important;}
.f26 {font-size: 26px !important;}
.f30 {font-size: 30px !important;}
.f32 {font-size: 32px !important;}
.f36 {font-size: 36px !important;}
.f60 {font-size: 60px !important;}
/* doubled - need to be fixed on html side - grep whole site for those classes */
.align-left {text-align: left !important;}/*.ta-l*/
.align-right {text-align: right !important;}/*.ta-r*/
.relative {position: relative;}/*.p-r*/
.text-white {color: #fff;}/*.white*/
.fl {float: left;}/*.f-l*/
.fr {float: right;}/*.f-r*/
.align-center {text-align: center !important;}/*.ta-c*/
.no-margin {margin: 0 !important;}/*.m-n*/
.no-cursor {cursor: default;}/*.c-d*/

.fr768, .show768 {display: none;}

/* buttons */

/*.button {position: relative; display: inline-block; padding: .1em 2em; color: #373738 !important; font: 13px/1.1 "FS Lola Light", Arial, sans-serif; text-indent: 0; text-align: center; text-decoration: none !important; cursor: pointer; vertical-align: bottom;}*/
.button {background: var(--light-border-color);}
/*.button {-moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em;}
.button {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}*/
.button {position: relative; display: inline-block; padding: .4em .75em .5em; border-radius: 1.1em; color: var(--main-text-color) !important; vertical-align: bottom; font: .4rem/1.1 "Mbank", Arial, sans-serif; text-indent: 0; text-align: center; text-decoration: none !important; cursor: pointer; transition: background .3s;}
a.button {padding: 6px 12px 7px; font-size: 1.2em;}
.button {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.button:hover {background: #bec0c1;}
.button:focus {}
.button span {line-height: inherit;}

/*.button.next {padding-left: 1em; padding-right: 2em;}
.button.next::after, .button.prev::after {position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; margin: auto; cursor: pointer; content: '';}
.button.next::after {right: 0; left: auto; margin-right: .9em;}
.button.prev::after {right: auto; left: 0; margin-left: .9em;}*/

.button.red {background: var(--red-buttons); color: #fff !important;}
.button.red:hover {background: var(--red-buttons-hover);}

.button.green {background: var(--green-bg-color); color: #fff !important;}
.button.green:hover {background: var(--green-bg-color-hover);}

.button.middle {font-size: .4em; padding: 8px 10px;}
.button.middle span {vertical-align: middle;}
.button.middle p {font-size: 100%;}

.button.big, .button.small {font-size: 20px; font-weight: bold; border: 0;}
.button.big {padding: .7em 2.5em; border-radius: 50px 50px / 50px 50px; font-size: 16px; font-weight: normal; border: 0;}
.button.medium {padding: .5em .8em; font-weight: bold;}
.button.small {padding: .2em .5em;}
/*.button.big.red.next::after {width: 13px; height: 21px; background: url(../img/arrows.png) no-repeat -65px 0;}
.button.big.grey.next::after {width: 13px; height: 21px; background: url(../img/arrows.png) no-repeat -104px -22px; background-position: -169px 0;}
.button.medium.red.next::after {width: 9px; height: 13px; background: url(../img/arrows.png) no-repeat -39px -22px; margin-right: .46em;}
.button.small.red.next::after, .button.red.next::after {width: 9px; height: 13px; background: url(../img/arrows.png) no-repeat -39px -22px; margin-right: .46em;}
.button.big.next {padding-right: 2.5em;}
.button.small.next, .button.medium.next {padding-right: 1.4em;}
.button.big.prev {padding-left: 2.5em;}*/

.button.big.expert {padding-right: 60px; font-size: 18px;} 
.button.big.expert::after {position: absolute; left: auto; right: 0; top: 12px; width: 27px; height: 26px; margin: auto 0.9em; background: url(../img/elements.png) no-repeat -86px 0; content: '';}


/* headings */
h1.light, h2.light, h3.light, h4.light, h5.light, h6.light {font-family: "Montserrat Lite", Arial, sans-serif;}
h4.line-down {padding-bottom: 5px; border-bottom: 2px solid;}
.heading {margin: 0 0 10px; font: .425rem/1.5 "Montserrat Lite Semi", Arial, sans-serif}
.heading.small {font-size: .4rem;}
.heading.big {font-size: .45rem;}
.heading.bigger {font-size: .6rem;}
strong.heading {font-family: "Montserrat Lite Bold", Arial, sans-serif !important; font-weight: normal;}

.heading strong {font-family: "Montserrat Lite Bold", Arial, sans-serif !important; font-weight: normal;}

p.heading.h1 {margin: 0 0 .375rem; font: 1rem/1.2 "Mbank Semi", Arial, Helvetica, sans-serif; letter-spacing: -1px;}
p.heading.h2 {margin: 0 0 .35rem; font: .6rem/1.17 "Mbank Semi", Arial, Helvetica, sans-serif; letter-spacing: -.5px;}
p.heading.h3 {margin: 0 0 .25rem; font: .45rem/1.2 "Mbank Bold", Arial, Helvetica, sans-serif;}

.container .headline h1, .container .headline h2, .container .headline h3, .container .headline h4, .container .headline p, .title p {font: .6rem/1.17 "Mbank Semi", Arial, sans-serif; letter-spacing: -.5px; border: 0; color: #525455; margin: 0;}
div.headline p {margin: 0; line-height: 1.2; font-size: 100%;}
.sub-title p, .text-box .headline-title {color: #4e4e4e;}
div.headline-title h2, div.headline-title h3, div.headline-title p {font-size: .6rem; line-height: 1.2;}

/* lists */
.ind #page-wrapper ul li::before {background: var(--ind-elem-color);}
.biz #page-wrapper ul li::before {background: var(--biz-elem-color);}

/* no bullets */
#page-wrapper .container ul.clean {padding: 0; list-style: none;}
#page-wrapper .container ul.clean > li {padding: 0;}
#page-wrapper .container ul.clean > li::before {content: none;}

ul.square {display: block; line-height: 1; list-style: none;}
ul.square li {display: inline-block; width: 100%; margin: 0 0 5px; vertical-align: top;}
ul.square li div.inner-p {width: 88%; display: inline-block; vertical-align: top;}
ul.square li p {display: inline; width: 90%; margin: 0; line-height: 1; vertical-align: top;}
ul.square span.bullet {position: relative; left: -20px; top: 1px; display: inline-block; width: 20px; height: 20px; margin: 0 -25px 0 5px; padding: 0 5px; font-size: 14px; vertical-align: middle;}
body.ind ul.square span.bullet {background: url(../img/bullets/square.png) no-repeat center;}
body.biz ul.square span.bullet {background: url(../img/bullets/square-biz.png) no-repeat center;}

/* lists in text, headline-title, ending text and legal notes */
.container .text ul, .container .headline-title ul, .container .after-text ul, .container .legal-text ul, .container .text ol {}
.container .after-text.small-text ul, .container .after-text.small-text ol {font-size: .3rem;}
.container .text ul li, .container .headline-title ul li, .container .after-text ul li, .legal-text .row ul li {position: relative; margin: .21em 0; padding-bottom: 2px;}
.container .text ol li, .container .headline-title ol li, .container .after-text ol li, .legal-text .row ol li {margin: .21em 0; padding-bottom: 2px;}
.container .text ul[style*=list-style] li::before, .container .headline-title ul[style*=list-style] li::before, .container .after-text ul[style*=list-style] li::before, .legal-text .row ul[style*=list-style] li::before {content: none;}	/* lists with inline bullet style shouldn't have additional bullets */
.container .text ul li::before, .container .headline-title ul li::before, .container .after-text ul li::before, .legal-text .row ul li::before {position: absolute; left: -1.2em; top: .617em !important; display: inline-block; width: .4em !important; height: .4em !important; vertical-align: middle; content: '';}
.legal-text .row ul li::before {top: .68em !important; left: -1.1em;}	/* correction of bullet position in legal notes */
.container .text ul li p, .container .headline-title ul li p, .container .after-text ul li p, .legal-text .row ul li p {margin: 0;}
.ind .container .text ul li a, .ind .container .headline-title ul li a {color: var(--ind-bg-color);}
.biz .container .text ul li a, .biz .container .headline-title ul li a {color: var(--biz-bg-color);}
.container .after-text ul li::before, .legal-text .row ul li::before {background: var(--main-text-color) !important;}	/* in ending texts and legal notes bulllet are in one color no matter client section */

/* -- ol -- */
ol.num li::before, ol.roman-num li::before, ol.up-lat li::before, ol.low-lat li::before {display: none;}
ol.num {display: inline-block; margin: .22rem 0; padding: 0 0 0 .6rem; line-height: 1.2; list-style: decimal; vertical-align: middle; /* list-style-position: inside; */}
ol.roman-num {list-style-type: upper-roman;}
ol.up-lat {list-style-type: upper-latin;}
ol.low-lat {list-style-type: lower-latin;}
ol.num li, ol.roman-num li, ol.up-lat li, ol.low-lat li {margin-bottom: 3px; font-size: .4em;}
ol.num > li, ol.roman-num > li, ol.up-lat > li, ol.low-lat > li {display: list-item; list-style: decimal !important;}
ol.num ul {margin-left: 10px; list-style: disc; list-style-image: url(../img/bullets/square.png);}
ol.num ul li {display: list-item; font-size: 1em; line-height: 1.1em;}
ol.decimal li {list-style-type: decimal; list-style: decimal;}
/* links */
section .text-box p a, section .text-box span a {position: relative; z-index: 12; color: var(--ind-bg-color) !important;}/* to lay above links that cover whole surface in portlet */

a.link-name.outer {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 90%; text-indent: -9999px;}
a.more, span.more {position: relative; color: var(--red-buttons); text-transform: lowercase; font-size: .4rem; line-height: 1;}
.biz a.more {color: var(--biz-bg-color);}

a.more:not(.button) {font-family: "Montserrat Lite Semi", Arial, sans-serif;}
.small-text .more {font-size: inherit;}
.b-add {position: absolute;}/* link wrapper in different boxes */

/* skip links */
ul.skip-links, nav.third-level ul.skip-links li a {margin: 0 !important; list-style: none !important;}
ul.skip-links {padding: 0 !important;}
ul.skip-links li {padding: 0 !important;}
ul.nav.third-level ul.skip-links li a {margin: 0 !important; list-style: none !important;}
ul.skip-links li a.onscreen, nav.third-level ul.skip-links li a.onscreen {display: block; z-index: 2; padding: .125rem .25rem; background: var(--black-color); color: var(--white-color); line-height: .625rem; font-size: 18px;}
ul.skip-links li a.onscreen:focus {text-decoration: none;}
#page-head ul.skip-links li a.onscreen {position: absolute; top: 1.6rem;}
#page-foot ul.skip-links {max-width: 1310px; margin: auto !important;}
#page-foot ul.skip-links li a.onscreen {position: absolute; top: -.875rem; color: var(--white-color);}
#footer ul.skip-links li a.onscreen {top: auto; bottom: 0; margin: 0 36%;}
/*body.hp.banner #page-head ul.skip-links li a.onscreen {position: absolute; top: 10.1rem;}
body.sub.banner #page-head ul.skip-links li a.onscreen {position: absolute; top: 3rem; left: -.7rem;}
body.help #page-head ul.skip-links li a.onscreen {position: absolute; top: 1.025rem; left: .025rem;}*/
.third-level.second ul.skip-links li a.onscreen {position: relative;}
.third-level.third ul.skip-links {position: absolute; left: 0;}
.third-level.third ul.skip-links li {position: absolute; left: 0;}
.third-level.third ul.skip-links li a.onscreen {position: absolute; left: 0; top: 0; margin: 0;}
body.help .third-level.second ul.skip-links li a.onscreen {position: absolute; z-index: 99;}
#left-side .side-menu ul.skip-links li a.onscreen {position: absolute; top: -7px; left: 0;}
#left-side .side-menu ul.skip-links li a.onscreen:hover {background-color: #000; font-size: .45rem; font-weight: normal; text-decoration: none;}
/*.economic .proper-head .skip-links li a.onscreen, .contact .proper-head .skip-links li a.onscreen, .search.page .proper-head .skip-links li a.onscreen {position: absolute; top: 1.85rem; right: 0; z-index: 9;}*/

@media screen and (max-width: 1200px) {
	body.hp.banner #page-head ul.skip-links li a.onscreen {left: .25rem;}
	.third-level.third ul.skip-links li a.onscreen {left: .375rem;}
	body.sub.banner #page-head ul.skip-links li a.onscreen {left: .3rem;}
}

.no-l .link-name::before {display: none;}
.no-l .link-name:hover {text-decoration: underline !important;}

/* animation link */
.link-to {display: none;}
.link-name {position: relative; font-family: "Montserrat Lite Semi", Arial, sans-serif; font-size: .4rem; text-transform: lowercase; text-decoration: none;}
p .link-name {font-size: 100%;}
.ind .link-name, .ind .carousel.carousel-v1 .carousel-js ul li span.link-name {color: var(--red-buttons);}
.biz .link-name, .biz .carousel.carousel-v1 .carousel-js ul li span.link-name {color: var(--biz-bg-color);}

body.help a.link-name {color: var(--red-buttons);}

.link-name::before, a.more::before, span.more::before {position: absolute; left: -100%; bottom: 0; width: 200%; height: 1px; visibility: hidden; transition: all 0.3s ease-in-out 0s; transform: scaleX(0); content: "";}
.link-name::before, a.more::before, span.more::before {
	background: linear-gradient(to left, var(--ind-bg-color) 0%, var(--ind-bg-color) 50%, transparent 50%, transparent 50%, transparent 100%);
	/* from left side, its mean first color(will be last) is color of needing class, then width, and then color of transparent, cause left half will be , but invisible */
}
.biz .link-name::before, .biz a.more::before, .biz span.more::before {
	background: linear-gradient(to left, var(--biz-bg-color) 0%, var(--biz-bg-color) 50%, transparent 50%, transparent 50%, transparent 100%);
}
.link-name:hover, a.more:hover, span.more:hover {text-decoration: none !important;}
.link-name:hover::before, a.more:hover::before, span.more:hover::before {visibility: visible; transform: scaleX(1);}

.link-name.outer {position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; margin: 0; padding: 0;}
.link-name.outer::before, .no-und .link-name::before {display: none;}
span.more, span.link-name:hover {cursor: pointer;}

/*.legal-note .link-name, .legal-note .more, .legal-text .link-name, .legal-text .more {font-family: inherit;}
.legal-note .link-name, .legal-note .more, .legal-text .link-name, .legal-text .more, .text-block .link-name, .text-block .more, .text-block-standard .link-name, .text-block-standard .more {text-transform: none !important;}
.legal-note .link-name:hover, .legal-text .link-name:hover {text-decoration: underline !important;}
.legal-note .link-name:hover, .legal-text .link-name:hover, .legal-note .link-name, .legal-text .link-name {display: inline !important;}
.legal-note .link-name:hover::before, .legal-text .link-name::before, .legal-text .link-name:hover::before {display: none;}*/

.lifting .ind .link-name {color: var(--ind-bg-color);}
span[style~="font-size:"] .link-name, p .link-name {font-size: 100%;}
.lifting p .link-name {font-size: 100%;}/* because selector with '.lifting' overwrites default styles */

/* animation link */






/* texts */
.text-box {}
.text {margin: .25em 0;}
.text a {position: relative; z-index: 12;}
.container .text {padding: 0 .3rem;}
.col .text, .row .text, .inner .text {padding: 0;}

.text-about {padding: 0 .3rem;}

.after-text {font-size: .4rem; padding: 0 .3rem;}
.after-text p {font-family: "Montserrat Lite", Arial, sans-serif; word-wrap: break-word; color: var(--main-text-color); font-size: inherit;}
div.after-text.blue p {color: #fff;}
.ind .after-text p a, .ind .text-box a {color: var(--red-buttons);}
.biz .after-text p a, .biz .text-box a {color: var(--biz-bg-color);}

/* small text */
.after-text.grey {background-color: var(--light-gray-color);}
.after-text.blue {background-color: var(--blue-bg-color);}
.after-text.small-text p {font-size: .3rem;}
.after-text.grey.small-text, .after-text.blue.small-text {padding-top: 1px; padding-bottom: 5px;}
.small-text .link-name.more {font-size: .3rem;}
.small-text .link-name.more::before {bottom: -1px;}

@media screen and (max-width: 568px) {
	.after-text.small-text {height: 40px; overflow: hidden;}
	.after-text.small-text.show {height: auto; overflow: visible;}
}

/* text */
.big {}

/* small text */
.after-text {font-size: 1em;}
.after-text.small-text {font-size: .65em; padding: 0 15px;}
.after-text.grey.small-text {background-color: #f5f5f5; padding: 1px 10px 5px;}
.after-text p {font-size: .3rem;}

/* --------------------- classes ---------------------- */
/* tabindexes' focus state */
[data-input=key] [tabindex]:not([tabindex="-1"]):not(.button) {outline: 4px solid transparent; outline-offset: 5px; transition: outline-offset .2s;}
[data-input=key] [tabindex]:not([tabindex="-1"]):not(.button):focus {outline: 4px solid var(--outline-color); outline-offset: 2px; border-radius: 2px;}
[data-input=key] .ui-slider-handle[tabindex]:not([tabindex="-1"]):not(.button):focus {border-radius: 50%;}

//* google_conversion_frame */
iframe[name=google_conversion_frame] {position: absolute; top: -100px;}

/* YT video (iframe) */
.video {position: relative; height: 0; padding-top: 70px; padding-bottom: 39.25%;}
.video iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; max-width: 854px; height: 100%; max-height: 480px; margin: auto;}


/* ---------------------- layout ----------------------- */
/* ---------------------- layout ----------------------- */
/* section colors */
/*
dark red (ind) - #ea0000
dark green (biz) - #00801f
*/

/* columns */
div.col {float: left; padding: 0 2.56%;}
div.col-1 {width: 28.2%;}
div.col-2 {width: 61.5%;}
div.col-3 {width: 91.9%;}
div.col.half {width: 50%; padding: 0;}

#left-side {width: 33.3%; margin: 0 0 1em; padding: 0; background: var(--light-gray-color); display: table-cell; float: left; height: auto;}
#right-side {width: 66.6%; padding: 0; display: table-cell; float: right; height: auto;}

html.overflow-hidd {overflow: hidden; width: 100%;}
html.safari.overflow-hidd {position: fixed;}

.nav-file #page-head {z-index: 16;}
#top-border {height: 5px;}
#page-content section {margin-bottom: .5em;}
#main > section:last-child:not(.infobox-grid) {margin-bottom: 1em;}
body.cats #page-content section:first-child {margin-top: .5em;}
body.cats #page-content section.txt-banner {margin-top: 0;}
body.cats #page-content section.banner-s:first-child {margin-top: -10px;}
body.help #page-content section:first-child, body.cats #page-content section.contact-five:first-child, body.cats #page-content section.search-engine:first-child {margin-top: 1px;}
#page-content section.multitile-block {margin-bottom: .75em;}
#page-content section.multitile-block.faq-style {margin-bottom: 1em;}
#header {}
body.cats #header h1, body.cats #header p.heading, body.community #header h1, body.community #header p.heading {margin: .6rem .5rem .3rem; text-align: center; font: .6rem/1.17 "Mbank Semi", Arial, sans-serif;}
/*body.cats #header h1.thin, body.cats #header p.heading.thin, body.community #header h1.thin, body.community #header p.heading.thin {font-family: "Montserrat Lite", Arial, Helvetica, sans-serif;}*/
/*two cols*/
div.spacer {height: 0.2em; font-size: 100%; background: var(--light-gray-color);}

#page-wrapper {max-width: 1600px; margin: 0 auto;}
#page-head {position: relative; z-index: 2;} /* change due to banner carousel animation */
#page-content {position: relative;}
#page-content > div.wrap {padding: 0;}
#page-foot {position: relative; z-index: 14; clear: both; width: 100%; max-width: 1600px;}

section {max-width: 1170px; margin: 0 auto;}
div.container {max-width: 1170px; margin: 0 auto; padding: 0 .375rem;}
div.container:after {clear: both; display: block; height: 0; visibility: hidden; content: '';}

@media screen and (max-width: 920px) {
	.nav-file #page-head div.container {z-index: 15;} /* z-index changed due to banner carousel animation */
}

/* header */

/* logo */
#logotype {position: relative; float: left; width: 130px; height: 50px; margin: 0 15px 0 0; text-align: center;}
#logotype a {display: inline-block; width: 100%; height: 100%; color: #000;}
#logotype img {width: 100%;}
#logotype img.desktop {width: 100%;}
#logotype img.mobile {display: none; border-radius: 2px;}

#top-border {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to right,#e41e0a 0,#e41e0a 27%,#201c17 27%,#201c17 32%,#f39100 32%,#f39100 57%,#cc0b18 57%,#cc0b18 73%,#0077bd 73%,#0077bd 77%,#18a035 77%,#18a035 100%);
}
.biz #top-border {
    background: linear-gradient(to right,#63b125 0,#63b125 27%,#f3b800 27%,#f3b800 32%,#334f60 32%,#334f60 57%,#1d8822 57%,#1d8822 73%,#c0dc00  73%,#c0dc00  77%,#0f1308 77%,#0f1308 100%);
}

/* actions list */
#page-head ul.actions {float: right; font-size: .325em;}
#page-head ul.actions li {position: relative; padding: 0;}
#page-head ul.actions a, #page-head ul.actions button {display: inline-block; border: none; color: #636565; text-align: center;}
#page-head ul.actions a {cursor: pointer;}
#page-head ul.actions::after {position: absolute; left: 0; z-index: -1; width: 100%; height: 100%; background-color: var(--light-gray-color); content: '';}
#page-head ul.actions a:hover {text-decoration: none;}

#page-head ul.actions li#other-option {display: none;}
#page-head ul.submenu li.rwd-add-menu.other a::after {/*display: none;*/}
#page-head ul.actions li#other-option a {position: relative; display: none; /*display: table-cell;*/ width: 30px; font-size: 0; vertical-align: middle;}
/*#page-head ul.actions li#other-option a.search {padding-right: 0; padding-left: 0;}*/
#page-head ul.actions li#other-option a.contact {padding-right: 0; padding-left: 0;}
#page-head ul.actions li#other-option a.agencies {width: 24px; padding-right: 0; padding-left: 0;}
#page-head ul.actions li#other-option a.home {padding-right: 0; padding-left: 0;}
#page-head ul.actions li#other-option a::after {position: relative; display: block; background-repeat: no-repeat; background-size: contain; background-color: transparent; visibility: visible; content: '';}
/*#page-head ul.actions li#other-option a.search::after, #page-head ul.actions li#other-option:hover a.search::after, #page-head ul.actions li#other-option a.search:hover::after {width: 18px; height: 18px; background-image: url(../img/icons/svg/search-2.svg); background-repeat: no-repeat;}*/
#page-head ul.actions li#other-option a.contact::after, #page-head ul.actions li#other-option:hover a.contact::after, #page-head ul.actions li#other-option a.contact:hover::after {width: 36px; height: 30px; background-image: url(../img/icons/svg/new-contact.svg); background-repeat: no-repeat;}
#page-head ul.actions li#other-option a.agencies::after, #page-head ul.actions li#other-option:hover a.agencies::after, #page-head ul.actions li#other-option a.agencies:hover::after {width: 22px; height: 22px; background-image: url(../img/icons/svg/agencies-2.svg); background-repeat: no-repeat;}
#page-head ul.actions li#other-option a.home::after, #page-head ul.actions li#other-option:hover a.home::after, #page-head ul.actions li#other-option a.home:hover::after {/*display: none;*/ width: 34px; height: 30px; background-image: url(../img/icons/svg/home.svg); background-repeat: no-repeat;}

/* RWD menu indicator */
#page-head .rwd-add-menu {display: none;}
#page-head .rwd-add-menu a {width: 40%; display: inline-table; padding: 16px 1.2em; color: var(--black-color); text-align: center;}
#page-head .rwd-add-menu a.contact {border-right: 1px solid var(--nav-border);}

/* contact link */
body nav ul.actions #contact a:not(.no-bg) {width: 25px; height: 24px; padding: 0; margin-right: 7px; font-size: 14px; line-height: 1; text-transform: lowercase; text-align: left;}
ul.actions #contact a:not(.no-bg)::before {position: absolute; top: 0; bottom: 0; margin: auto; padding: 0; content: ''; background-size: cover; background-repeat: no-repeat; background-position: center;}
ul.actions #contact a:not(.no-bg)::before {left: 0; top: -1px;}
ul.actions #contact a::before {width: 25px; height: 25px; background-image: url(../img/icons/svg/new-contact.svg); background-size: contain;}

/* push message link */
#push-message > span {position: absolute; top: 5px; left: 24px; display: block; width: 15px; height: 15px; z-index: 3; border: 2px solid var(--white-color); background: var(--ind-bg-color); color: var(--white-color); line-height: 1.2; font-weight: bold; text-align: center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);}
#push-message > span {border-radius: 50%;}
.biz #push-message > span, .firmy #push-message > span {background: var(--biz-bg-color);}
body ul.actions #push-message a {width: 30px; height: 24px; margin: 0 20px 0 5px; padding: 0; background: none; text-align: center;}
.news body ul.actions #push-message a {display: none;}
body ul.actions #push-message a::before {position: absolute; top: 11px; left: 5px; width: 30px; height: 27px; margin: auto; padding: 0; background-image: url(../img/icons/svg/message-2.svg); background-repeat: no-repeat; background-position: center; background-size: contain; content: '';}
body.community ul.actions #push-message a {display: none;}
body.no-pm ul.actions #push-message {display: none !important;}
body.no-pm #page-head ul.actions li#other-option.active {right: 0}
body ul.actions #push-message > span.count {animation: blink 2.4s infinite;}

@keyframes blink {
	0% {opacity: 0;}
	25% {opacity: 1;}
	75% {opacity: 1;}
	100% {opacity: 0;}
}

/* cta-button - has to be visible only on individual, business home pages */
li#cta-button > div {margin-right: 10px;}
li#cta-button > div > a.button {padding: 4px 20px;}
li#cta-button > div > a.button.next {padding-left: 10px;}
body.hp.biz.nonclient nav ul.actions .biz.nonclient a, body.hp.ind.nonclient nav ul.actions .ind.nonclient a, body.cta nav ul.actions .ind.nonclient a {display: inline-block !important;}
body.hp.biz.client nav ul.actions .biz.client a, body.hp.ind.client nav ul.actions .ind.client a {display: inline-block !important;}
body.cats ul.actions #cta-button, body.raport ul.actions #cta-button, body.no-cta ul.actions #cta-button {display: none !important;}
html:lang(en) #cta-button {display: none !important;}

/* login button */
#page-head #log-in {}
ul.actions #log-in a.button/*, ul.actions #log-in button.button*/ {border: none; color: var(--white-color) !important; transition: padding, height .2s ease-out;}
ul.actions #log-in a.button:hover {background: #08742d;}
.biz #log-in .button {background: #279d2d;}
.biz #log-in .button:hover {background: #08742d !important;}
.ind #log-in .button {background: #279d2d;}
.ind #log-in .button:hover {background: #08742d !important;}
.tablet #page-head #log-in {position: static;}

#log-in > a.rwd, #log-in > button.rwd {display: none !important;}
#log-in.show a.rwd.button, #log-in.show a.rwd.button:hover, #log-in.show a.rwd.button:active {background: #484b4b !important;}
#log-in a.rwd.button::after {position: absolute; top: 24px; left: 0; display: block; width: 100%; height: 20px; transition: .8s; content: '';}

#log-in.show a.rwd.button::after {height: 20px; background: #484b4b; transition: .4s;}

/* tablet layout corrections */
.tablet #page-head div.container {position: relative; background-color: var(--white-color);}
.tablet #page-head .alert div.container {background-color: transparent;}
.tablet ul.actions #log-in a.button, ul.actions #cta-button a.button {padding: 6px 12px 7px; font-size: 1.2em;}

@media screen and (min-width: 769px) and (max-width: 1000px) {
    body nav ul.actions #push-message a {width: 29px; padding: 0; color: var(--light-gray-color);}
}
@media screen and (max-width: 992px) {
	#logotype {margin-right: 7px;}
}
@media screen and (max-width: 920px) {
	/*body.logout #logotype #nav-toggle {display: none !important;}*/
	body.logout #logotype {top: 1px; left: 0;}
	
	#logotype a {display: none;}
	#logotype #nav-toggle {width: 25px; height: 25px;}
	#logotype {position: relative; top: 0; left: 0; width: auto; height: 40px; z-index: 2;}
	#logotype img.desktop {display: none;}
	#logotype img.mobile {display: block;}
	
	.nav-file #logotype.active {top: 10px; left: calc(50% - 49px); transition: left .3s;}
	.nav-file #logotype.active a {display: inline-block; width: 98px; visibility: hidden;}
	/*.nav-file #logotype img.desktop {display: block;}*/
	.nav-file #logotype img.mobile {display: none;}
	
	#page-head ul.actions {position: static; top: 0;}
	#page-head ul.actions::after {height: auto;}
	body.logout #page-head ul.actions {top: 0;}
	#page-head ul.actions li {position: static; display: table-cell; height: auto; padding-top: 15px;}
	
	#page-head ul.actions li#other-option.active {position: absolute; z-index: 2; right: 42px; left: auto; top: 1px; display: table;}
	/*.no-pm #page-head ul.actions li#other-option.active, .community #page-head ul.actions li#other-option.active {right: 0;}*/
	.community #page-head ul.actions li#other-option.active {right: 0;}
	.career #page-head ul.actions li#other-option.active, #page-head ul.actions li#other-option.short.active {right: 0; width: 45px;}
	
	ul.actions #log-in a.button, ul.actions #cta-button a.button {padding: 6px 12px 7px; font-size: 1em;}
	ul.actions #log-in.show > a.button, ul.actions #log-in.show > a.button:hover {background-color: #f3f3f3 !important; color: #f3f3f3 !important;}
	ul.actions #log-in.show > a.button::after {position: absolute; top: 50%; right: 50%; width: 8px; height: 14px; background-image: url(../img/arrows.png?v2); background-position: -16px -21px; content: '';}
	ul.actions #log-in.show > a.button::after {transform: translate(50%, -50%) rotate(90deg);}

	body.community #page-head ul.actions li#other-option a.ind, body.ind #page-head ul.actions li#other-option a.ind, body.biz #page-head ul.actions li#other-option a.biz {display: table-cell !important;}
	body #page-head ul.actions li#other-option a.home {display: table-cell !important;}
	/*body.community #page-head ul.actions li#other-option a.home {display: none !important;}*/
	body.no-contact #page-head #head ul.actions li#other-option a.contact {display: none !important;}
	
	#page-head ul.submenu a::after {transition: none; transform: none;}
	body.community nav ul.actions #push-message.active {display: none;}
	body nav ul.actions #push-message a {position: absolute; left: auto; right: 0; bottom: auto; top: -1px; width: 37px; height: 29px; margin-right: 4px; padding: 0; color: var(--light-gray-color) !important; visibility: hidden; /*display: none;*/}
	body nav ul.actions #push-message.active {position: absolute; z-index: 2; right: 0; left: auto; top: 20px;}
	body nav ul.actions #push-message.active a {visibility: visible; /*display: block;*/}
	.ie body nav ul.actions #push-message {overflow: hidden;}
	body nav ul.actions #push-message a:hover {opacity: 0.8;}
	body nav ul.actions #push-message a::before {display: none; width: 32px; height: 28px; left: 2px; top: 0;}
	body nav ul.actions #push-message.active a::before {display: block;}
	.ie body ul.actions #push-message a::before {top: 49px; left: -6px; width: 45px; height: 33px;}
	.safari5 body ul.actions #push-message a::before {background-size: 100%; width: 60px; height: 40px; left: -14px; top: -5px;}
	body nav ul.actions #push-message > span {top: 10px; left: 12px; right: auto; bottom: auto; z-index: 3;}
	body nav ul.actions #push-message.active > span {left: -18px; top: -6px;}

	#contact, #agencies {display: none !important;}
	
	#page-head ul.actions #log-in {display: block; height: auto;}
 
	.nav-file #page-head ul.actions {margin-right: 15px;}
	.nav-file #page-head nav.wrap.active ul.actions {position: relative;}
	.nav-file body nav ul.actions #push-message.active {top: 16px;}
	/*.nav-file nav ul.actions #push-message.active {right: 40px; top: 16px;}*/
/*	.nav-file #page-head #searchengine {bottom: 0; right: 12px; margin: auto;}
	.nav-file #searchengine.active > a {display: inline-block !important;}
	.nav-file ul.actions #searchengine > a {bottom: -1px; z-index: 1; width: 20px; height: 24px; background-position: 0 0;}*/
	.nav-file #page-head ul.actions #log-in, .nav-file #page-head ul.actions #cta-button {position: static; padding-top: 15px;}
	.nav-file #page-head nav.active #log-in, .nav-file #page-head nav.active #cta-button {display: none;}
	/*.nav-file #page-head ul.actions li#other-option.active {display: none;}*/
	body.career nav.active ul.actions li#career {display: none !important;}
	#page-head ul.actions li#career {height: auto; padding-top: 15px;}
	.nav-file #page-head nav ul.menu {left: 0; width: 100%; box-sizing: border-box; border-top: 0;}
}
@media screen and (max-width: 875px) {
	#page-head ul.actions a {padding: 0 .3em;}
}
@media screen and (max-width: 800px) {
	 ul.actions #log-in button.button {font-size: .4rem;}
}
@media screen and (max-width: 775px) {
	#page-head ul.actions #contact a {padding-left: 18px;}
}






/* -- footer :: v.: 0.02 r.: 08/05/25 @ pp */
/*
 * v. 0.01 @ pp (24/03/25): utworzenie pliku
 * v. 0.02 @ pp (07/05/25): zmiana koloru tekstu copyrights na zgodny z WCAG; zmiana kolorow linkow w belce widzetow (SKCZDEV-787)
 */
#page-foot {}
#page-foot #widgets-bar hr {display: none; margin: 0 auto; padding: 0; width: 90%;}
#page-foot .foot-mobile-expand {display: none;}
body.fixed #page-foot {}
#page-foot p {margin: 0; color: #707070;}
#page-foot a {color: #b4b4b4;}
#page-foot a:hover {color: var(--white-color); text-decoration: none;}
#page-foot a.switch {display: none;}

#widgets-bar {position: static; top: 0; left: 0; right: 0; z-index: 10001; display: block; width: 100%; max-width: 1600px; height: 32.5px; margin: 0 auto; background: var(--light-gray-color); border-bottom: 1px solid #808080; border-top: 1px solid #808080; line-height: .9;}
body.no-footer #widgets-bar {height: 0;}
#widgets-bar.fixed {position: fixed;}
#widgets-bar div.container {position: relative; display: table; width: 100%; padding: 0; text-align: center;}
.safari #widgets-bar div.container {width: 85%;}
#widgets-bar div.container.rwd {display: none;}
#widgets-bar div.container > ul {display: flex; justify-content: space-between; width: 100%; margin: 0; padding: 0;}
#widgets-bar div.container > ul > li {display: flex; justify-content: center;  width: 20%; font-size: 1rem;}
#widgets-bar a.widget {width: auto; color: var(--def-links); line-height: 1; font-size: .41em; text-align: left; vertical-align: top;}
#widgets-bar a.widget b, #widgets-bar a.widget strong {color: inherit;}
#widgets-bar a.widget b, #widgets-bar a.widget strong, #widgets-bar a.widget img {display: inline-block; vertical-align: middle; padding: 5px 1px;}
#widgets-bar a.widget b {font-weight: 100; font-family: "Montserrat Lite", Arial, sans-serif;}
#widgets-bar a.widget:hover {color: var(--silver-color);}
#widgets-bar a.widget:hover b, #widgets-bar a.widget:hover strong {color: var(--def-links); text-decoration: underline;}
#widgets-bar div.include {position: relative; float: left;}/*declaration 'float: left' needed only in IE9 but added for all browsers*/
a.widget img, .community a.widget img {max-height: 23px; max-width: 23px; margin-right: 5px;}
/*p.widget span.bkg {display: inline-block; margin: 0 .5em 0 0; background: url(../img/elements.png) no-repeat;}
#forum-widget span {width: 32px; height: 32px; background-position: -46px 0;}
#blog-widget span {width: 31px; height: 31px; background-position: -79px 0;}
#help-widget span {width: 34px; height: 31px; background-position: -111px 0;}
#contact-widget span {width: 25px; height: 31px; background-position: -146px 0;}
#page-foot.on #widgets-bar {position: static; margin: 0 auto;}*/
 
#footer {padding: .2em 0 0; background: var(--white-color);}
body.no-footer footer .wrap {display: none !important;}
body.fixed #footer {}
/*#footer > .container > .column:last-of-type {padding: 0 5%;}
#footer span.selectboxit-container {text-shadow: none;}
#footer span.selectboxit-container a {color: var(--black-color);}
#footer .selectboxit-container {vertical-align: middle; display: block; text-align: center;}
#footer .selectboxit-container p {display: inline-block; padding: 0 .25em; vertical-align: middle;}*/
#footer .column .row {display: inline-block; width: 32.4%; vertical-align: middle;}
/*#footer select, #footer span.selectboxit {width: 180px;}
#footer select {display: inline-block; width: 50px; margin: auto; padding: 3px 0 2px 4px; border: 0; border-radius: 4px; background-color: #e6e6e6; background-image: url(../img/arrow-select.png); background-repeat: no-repeat; background-position: 85%; font-size: .3em; vertical-align: middle;}*/
#footer table {width: 100%; margin: 0 0 1em; padding: 0;}
#footer td {width: 16%; padding: 0 0 0 1%; vertical-align: top; font-size: .767em;}
#footer h3, #footer p.heading {margin-bottom: .1rem; color: #555;}
#footer ul:not(.skip-links) {margin: 0; padding: 0 0 0 .4rem; list-style-image: url(../img/bullets/square-foot.png);}
#footer *:not(.skip-links) li {padding: 5px 0;}
#footer hr {clear: both; height: 2px; margin: .5em 0; background-color: #232525; border-bottom: 1px solid #3e4041;}
#footer ul.community {float: none; text-align: center;}
#footer ul.community li {display: inline-block; padding: 0;}
#footer div.column a {color: var(--def-links);}
#footer div.column a:hover {color: #666; text-decoration: underline;}
#footer div.column a.icon {display: inline-block; width: 33px; height: 32px; margin: -5px 0 0; background: url(../img/new-socials.png) no-repeat;}
#footer div.column a.vendor {color: #b4b4b4;}
#footer div.column a.icon:hover {opacity: 0.5; text-decoration: none;}
#footer #facebook {background-position: 0 0; width: 32px; border-radius: 6px;}
#footer #twitter {background-image: url(../img/icons/twitter.png); background-position: 0 0; background-size: 33px; border-radius: 6px;}
#footer #instagram {width: 32px; height: 32px; background-position: -69px 0;}
#footer #you-tube {width: 32px; height: 32px; background-position: -103px 0;}
#footer #google-plus {background-position: -118px 0;}
#footer .column.under {background-color: var(--light-gray-color); overflow: hidden;}
#footer .column.under .container {max-width: 1024px;}
#footer.wrap .column.under .logo {max-width: 60px; padding-left: 2px; color: #707070;}
#footer.wrap .column.under a {color: #707070;}
#footer a.lang-icon {width: 38px; height: 21px; position: relative; top: -3px; left: 26px;}
#footer a.lang-icon:hover {text-decoration: none !important;}
#footer a.lang-icon.en {background-image: url(../img/icons/lang-en.png);}
#footer a.lang-icon.pl {background-image: url(../img/icons/lang-pl.png);}

/* -- lp footer -- */
.lp #footer {padding: .25em 0;}
.lp #footer table {margin: 0 0 1em; padding: 0 0 0;}
.lp #footer td, .lp #footer > .container > .column:last-of-type {padding: 0;}
.lp #widgets-bar div.container {display: block; height: 40px;}
.lp #widgets-bar a.widget {max-width: 200px; padding: 2px 0;}
.lp #widgets-bar a.widget.link {float: right; width: auto; margin: 10px auto;}
.lp #widgets-bar a.widget:hover img {opacity: 0.7;}

@media only screen and (max-width: 1217px) {
	.safari #widgets-bar div.container {width: 85%;}
}
@media only screen and (max-width: 1124px) {
	.safari #widgets-bar div.container {width: 95%;}
}
@media screen and (max-width: 1100px) {
	#footer .column.under {padding: 0 6%;}
}
@media only screen and (max-width: 1024px) {
	#footer ul.community {width: 100%;}
	#footer a.lang-icon {left: 10px;}
	.safari #widgets-bar div.container {width: 100%;}
	#footer .column.under {padding: 0 6%;}
}
@media screen and (max-width: 959px) {
	#widgets-bar a.widget {font-size: .35em;}
}
@media screen and (max-width: 959px) {
	#widgets-bar, #page-foot {height: auto; min-height: auto;}
}
@media screen and (max-width: 960px) {
	#widgets-bar div.container {padding: 0;}
}
@media screen and (max-width: 959px) {
	#widgets-bar, #page-foot {height: auto !important; min-height: auto;}
	#widgets-bar a.widget {vertical-align: middle;}
}
@media screen and (max-width: 768px) {
	#cookie-info a.button.close {display: block;}
	#widgets-bar a.widget img {display: block; margin: auto;}
	.desktop #footer .app-butt, .mobile #footer .app-butt, .tablet #footer .app-butt {display: none;}
	#footer a.lang-icon {left: 0;}
	#footer .column .row {width: 31.4%;}
}
@media screen and (max-width: 767px) {
	#footer td {width: 100%; display: inline-block; position: relative; padding: 0;}
	#footer table td ul {display: none;}
	#footer table td.another-show ul {display: block;}
	#footer .column .row p.fl, #footer .column .row ul.community.fr {float: none;}
	#footer .column tr:nth-child(2) td::after {display: none;}
	#footer td::after {position: absolute; right: 20px; top: 0; display: block; width: 14px; height: 22px; background: url(../img/arrows.png) -90px 0; content: '';}
	#footer td::after {transform: rotate(90deg);}
	#footer td.show::after {transform: rotate(-90deg);}
	#footer ul.community {width: 235px; margin: 0 auto;}
	#footer td {font-size: .9em;}
	#footer li {padding: 0;}
	#footer table td ul {margin-bottom: .5rem;}
	#footer .column .row {width: 100%; text-align: center; margin: auto;}
		
	/*#widgets-bar p.widget {padding-left: .375rem;}*/
	a.widget span.bkg {display: none;}
	#footer {padding: 0 !important;}
	#footer table {font-size: .5em; padding-top: .2em !important; margin-bottom: .2em;}
	#footer > .container {padding: 0 .375rem;}
	#footer p.heading {margin-bottom: .2rem;}
	
	/*#widgets-bar p.widget {padding-left: .375rem;}*/
	a.widget span.bkg {display: none;}
}
@media screen and (max-width: 640px) {	
	body.fixed #page-foot {position: static;}
	body.fixed #footer {display: block;}
	
	#widgets-bar div.container {padding: 0 .1em 0; box-sizing: border-box;}
	#widgets-bar a.widget {padding-left: 0;}
	#widgets-bar a.widget img.icon {display: block; margin: 0 auto; padding-bottom: 0;}
	#widgets-bar a.widget b {display: block; max-width: 58px; margin: 0 auto; padding-top: 0; text-align: center; font-size: 11px;}
	
	.lp #widgets-bar a.widget img {display: inline-block;}
}
@media screen and (max-width: 600px) {
	#widgets-bar a.widget img {display: none;}
}
@media screen and (max-width: 480px) {
	#footer .container .column:nth-of-type(1) {display: block;}
	#footer > .container {padding: 0 .375rem;}
	#footer table {margin: 0; padding: 0;}
	#footer .column .row {width: auto;}
	#footer > .container > .column:last-of-type {position: relative; padding: 0 !important; text-align: left;}
	#footer > .container > .column:last-of-type .row:first-child {position: absolute; top: 100%;}
	#footer .selectboxit-container {left: -25px;}
	#footer .row .f16 a {color: #b4b4b4;}
	#footer .column.under {position: relative; padding-bottom: 20px; text-align: center;}
	#footer .column.under .container .row:first-child {position: absolute; top: 70%; padding-left: 25px;}
	
	.lp #widgets-bar div.container {padding: .1em 0 .1em;}
	.lp #widgets-bar div.container, .lp #widgets-bar {height: auto;}
	.lp #widgets-bar a.widget {width: auto !important;}
	.lp #widgets-bar a.widget img {padding-left: 0;}
	.lp hr.foot-line {display: none;}
	.lp #widgets-bar a.widget.link {float: none; margin: 0;}
}
@media screen and (max-width: 414px) {
	#widgets-bar div.container a br {display: none;}
	.lp #widgets-bar a.widget img {padding-left: 0;}
}
@media screen and (max-width: 360px) {
	a.widget img {margin-right: 5px; display: none;}
	#footer .column.under {padding: 0 0 20px;}
	#footer .column.under .container .row:first-child {padding-left: 12px;}
	#footer .column .row ul.community.fr {padding: 0;}
	#footer .selectboxit-container {top: 1px; left: -28px;}
	#footer a.lang-icon {top: -3px;}
}
@media screen and (max-width: 320px) {
	#footer .selectboxit-container {top: -2px; left: -28px;}
	#footer .row .f16 {font-size: 15px !important;}
}

/* cookie-bar */
#cookie-info {display: none; !important;}

/* --------------------- elements ---------------------- */
/* filters */
#filters.opened::after {transform: rotate(180deg);}

/* CSP popup */
#csp-violation {position: absolute; top: 20%; left: 0; right: 0; z-index: 9999; width: -webkit-calc(100% - 400px); width: calc(100% - 400px); min-width: 800px; margin: auto; padding: 50px; border: 2px solid; background: #fff; border-radius: 10px; box-shadow: 5px 5px 5px rgba(0, 0, 0, .3); font-size: 1rem;}
#csp-violation > p {font-size: .5em;}
#csp-violation > p.heading {color: #f00; font-size: inherit;}
#csp-violation > p.csp {font-size: .6em; font-weight: bold;}

@media screen and (max-width: 908px) {
	#csp-violation {top: 0; width: 100%; min-width: 0; padding: 30px;}
}

/* vendor link */
#page-foot a#vendor {}
#page-foot a#vendor img {position: static; margin: 0; vertical-align: baseline;}

/* zmienna globalna */
#zmienna_globalna, body[data-offline] .global-var {padding: 2px; background-color: #ff0; color: #000; font-size: 12px; font-weight: bold; font-style: normal; line-height: 1.5em; text-decoration: none; text-transform: uppercase;}

/* different devices alert */
#diff-alert {margin: 0 auto; padding: 5px; background: #f00; color: #fff; font-size: .5em; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); text-align: center;}