/** Standard WCAG **/

/** Dodawanie klass WCAG **/
html {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}
.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);	
}
.aplus-105 {
	font-size: 105%!important;
}
.aplus-115 {
	font-size: 110%!important;
}
.aplus-130 {
	font-size: 115%!important;
}
.hightcontrast {
	color: #fff!important;
}
.hightcontrast-000 {
	background-color: #000;
}
.hightcontrast-000 h1,
.hightcontrast-000 h2,
.hightcontrast-000 h3,
.hightcontrast-000 h4,
.hightcontrast-000 h5,
.hightcontrast-000 a,
.hightcontrast-000 p,
.hightcontrast-000 div,
.hightcontrast-000 {
	color: #fff!important;
	background-color: #000!important;
}
section.sec-hero div,
section.sec-hero h1,
section.sec-hero p,

section.sec-cennik div {
	background-color: transparent!important;
}
.hightcontrast-000 .post-fp:hover,
.hightcontrast-000 li:hover {
	background-color: #000!important;
}
.hightcontrast-border {
	border-color: #FFF832!important;
}

/** Koniec Dodwanie Klas **/
.mob-wcag-close {
	background-color: #014380;
	padding: 3px;
	height: 30px;
	width: 30px;	
	position: absolute;
	margin-left: -30px;
}
.mob-pic-wcag-close {
	width: 20px;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.underline {
	text-decoration: underline!important;
}
.sec-wcag {
	position: fixed;
	right: 45px;
	top: 250px;
	z-index: 11;
	transform: translateX(220px);	
	transition: transform .4s ease-in-out, top .4s ease-in-out;	
}
section.sec-wcag-top {
	top: 50px;
}
.sec-wcag:hover,
.sec-wcag:focus {
	cursor: pointer;
}
.container-wcag {
	background-color: #fff;
	position: relative;
	-webkit-box-shadow: 0 14px 28px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.01);
	box-shadow: 0 14px 28px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.01);
}
.ul-wcag {
	margin: 0; padding: 0;
	list-style: none;
}
.ul-wcag li {
	padding: 3px 15px;	
}
.ul-wcag li:hover {
	background-color: #4054B2;
	padding: 3px 15px;	
	cursor: pointer;
}
.ul-wcag li:hover .p-wcag {
	color: #fff;
}
.p-wcag {
	font-size: 15px;
	margin-bottom: 0;
	display: inline;
}
.btn-wcag {
	position: absolute;
	top: 0;
	left: -60px;
	z-index: 11;
}
.btn-wcag-cnt {
	background-color: #4054B2;
	padding: 4px;
	position: relative;
	top: 0;	right: 3px;
	height: 50px;	width: 63px;
	overflow: hidden;
	transition: background-color .3s ease-in-out;
}
.btn-wcag-cnt:hover,
.btn-wcag-cnt:focus {
	background-color: #3CBEEF;
}
.pic-wcag {
	height: 25px;	
	margin-top: -35px;
	text-align: center;
  margin: 0;	
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
	
	will-change: transform;
	transition: transform .3s ease-in-out;
}
.pic-wcag-sh {
	transform: translate(-50%, -200%);
}
.pic-wcag .cls-1 {
	fill: #fff;
}

.close-wcag {
text-align: center;
  margin: 0;	
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, 100%);
	
	will-change: transform;
	transition: transform .3s ease-in-out;
}
.close-wcag-sh {
	transform: translate(-50%, -50%);
}
img.pic-close-wcag {
	width: 20px;
}
/** JS classes **/
.sh-wcag  {
	-webkit-transform: translateX(45px);
	-ms-transform: translateX(45px);
	transform: translateX(45px);
}
/** Active - WCAG **/
.li-active-gray,
.li-active-linki,
.li-active-kontrast {
	background-color: #014380;
	color: #fff;
}
.btn-wcag-cnt {
  border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
}
/** WCAG **/
.svg-wcag {
	display: none;
	width: 18px;
	margin-top: -5px;
	margin-right: 5px;
	display: inline;
}
.hightcontrast-000 .svg-wcag .cls-1 {
	fill: #FFF832;
}
.hightcontrast-000 .svg-wcag {
	fill: #FFF832;
}
.hightcontrast-000 .pic-wcag .cls-1 {
	fill: #FFF832;
}
.hightcontrast-000 .btn-wcag-cnt {
	background-color: #000;
}
.hightcontrast {
	color: #fff!important;
}
@media only screen and (max-width: 768px) {
	.sec-wcag {
		top: 80px;
	}
}
/** end wcag **/

/** other button to WCAG **/
figure.fig-f-wcag {
	will-change: transform;
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
figure.fig-f-wcag:hover,
figure.fig-f-wcag:focus {
	cursor: pointer;
	opacity: .8;
	transform: scale(1.15);
}