@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300..700&display=swap');
/*
@font-face { font-family: "Gotham A"; src: url('gotham_book.otf'); font-weight: 400; font-style: normal; }
@font-face { font-family: "Gotham A"; src: url('gotham_bold.otf'); font-weight: 700; font-style: normal; }
*/
:root {
  --Color: #000;  
  --bgColor: #f5f5f7;  
  --bgWhite: #ffffff;
  --fontSize: 15px;
  --Red: #c9282e;
}

body { 
	font-family: "Montserrat", sans-serif;
	font-size: var(--fontSize);
	line-height: 26px;
	color: var(--Color);
	background-color: var(--bgColor);
	margin: 0;
}

header, main, nav, section, footer { display:block; }

img{ border:0; }
a { color: var(--Red); text-decoration: none; outline: none !important; }
a:hover { text-decoration: none; color: var(--Red); }

p, ul, ol { margin-top:0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; }
figure { margin: 10px 0px; padding: 10px 0px; }

strong { font-weight: 600; }

hr {
  background-color: rgba(33,35,41,0.1);
  margin: 0;
  padding: 0;
  border: 0;
  height: 1px;
}
.hr02 {
  background: linear-gradient(to right, #000 100px, rgba(33,35,41,0.1) 100px);
  margin-bottom: 20px;
  padding: 0;
  border: 0;
  height: 2px;
}
.hr02 + .img-article { border-top: 0px; padding-top: 0px; }

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family:inherit; font-weight:700; line-height:1.1; color:inherit; }
h1 { font-size: 43px; }
h1 small { font-weight:normal; color:#999; }
h2 { font-size: 36px; }
h3 { font-size: 29px; }
h4,.h4 { font-size: 22px; }

.h4 { padding: 30px 0px; }

.fa { line-height: inherit; }

[class*='fa-']:before {
  content:var(--fa);
  font-family: 'FontAwesome';
}
.fa-user:before,
.fa-user-plus:before,
.fa-user-circle:before,
.fa-sign-in:before,
.fa-check-circle:before,
.fa-check:before,
.fa-face-frown:before,
.fa-trophy:before,
.fa-phone:before,
.fa-envelope:before,
.fa-angle-right:before,
.fa-angle-left:before,
.fa-angle-up:before,
.fa-chart-simple:before,
.fa-power-off:before,
.fa-chevron-right:before,
.fa-clock:before,
.fa-calendar-days:before,
.fa-caret-down:before,
.fa-caret-up:before,
.fa-caret-right:before,
.fa-key:before,
.fa-download:before,
.fa-cog:before,
.fa-camera:before,
.fa-info-circle:before,
.fa-newspaper:before,
.fa-map-marker:before,
.fa-comments:before { padding-right: 7px; }

.fa-arrow-right:before { content: ''; }
.fa-arrow-right:after { font-family: 'FontAwesome'; content: '\f061'; padding-left: 5px; }

.nextline { width:100%; display: table; }
.container { width:90%; margin-right:auto; margin-left:auto; box-sizing: border-box; display: table; }
.container-02 { width:900px; margin-right:auto; margin-left:auto; box-sizing: border-box; display: table; }
@media (min-width:1400px){ .container { width:1360px } .container-02 { width:1100px; } }
@media (max-width:1000px){ .container-02 { width:90%; } }

/*Home Animations*/
.itemwrap li .headline-text, .itemwrap li .learnmore-text {
  display: none; }

.itemwrap li.current .headline-text {
  display: block;
  animation-name: fadeInLeftHome;
  -webkit-animation-name: fadeInLeftHome; }

.itemwrap li.current .learnmore-text {
  display: block;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  -webkit-animation-delay: .8s;
  /* Safari and Chrome */
  animation-delay: .8s; }

.move {
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -moz-animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.component li { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.component li.current { z-index: 999; }
.itemwrap { margin: 0; padding: 0; list-style: none; }

.fxSoftScale .navOutNext {
  -webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.fxSoftScale .navInNext {
  -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.fxSoftScale .navOutPrev {
  -webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.fxSoftScale .navInPrev {
  -webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); }

@-webkit-keyframes scaleUp {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(1.2);
    opacity: 0; } }
@keyframes scaleUp {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; } }
@-webkit-keyframes scaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9); }
  to {
    opacity: 1;
    -webkit-transform: scale(1); } }
@keyframes scaleDownUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes scaleDown {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    opacity: 0;
    -webkit-transform: scale(0.9); } }
@keyframes scaleDown {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
@-webkit-keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.2); }
  to {
    opacity: 1;
    -webkit-transform: scale(1); } }
@keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

#header { position: absolute; left: 0; top: 0; right: 0; z-index: 999; background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.9)); }
#header .container { padding-top: 40px; padding-bottom: 40px; }
#header.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: -50%;
  background: #e1e2de;
  overflow: hidden;
  -webkit-transition: top 800ms;
  -moz-transition: top 800ms;
  -o-transition: top 800ms;
  transition: top 800ms;
  z-index: 99999;
}

.show #header.fixed { top: 0; }
.show #header.initial-header { display: none; }

.navbar-header { position: relative; z-index: 1000; }
.navbar-toggle { position: relative; float: right; margin: 0px; padding: 10px; cursor: pointer; }
.navbar-collapse.in { overflow:auto; }
.navbar-toggle .icon-bar { background: #fff; display:block; width:22px; height:2px; border-radius:1px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top:4px; }
@media (min-width:990px){.navbar-toggle { display:none; } }

#header.fixed .container, .home #header.fixed .container { padding-top: 29px; padding-bottom: 29px; }
#header.fixed .tagline { display: none; }
#header.fixed .navbar { min-height: inherit; }
#header.fixed .navbar-default .navbar-nav > li > a { color: #666665; }
#header.fixed .navbar-nav > li:after { border-right: solid 1px #666665; }
#header.fixed .navbar-default .navbar-nav > li > a:hover,
#header.fixed .navbar-default .navbar-nav > li > a:focus { color: #666665; }
#header.fixed .navbar-default .navbar-nav > li > a:after { background: #666665; }

.navbar-nav > li a { padding: 0 0 10px; }

.navbar-nav > li.active a::after, .navbar-nav > li a::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--Red);
  content: '';
  opacity: 0;
  z-index: 1;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-13px);
  -moz-transform: translateY(-13px);
  transform: translateY(-13px);
}

.navbar-nav > li.active a::after, .navbar-nav > li a:hover::after,
.navbar-nav > li a:focus::after {
  height: 2px;
  opacity: 1;
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  transform: translateY(-3px);
}
/* Submenu */
.navbar-nav > li > ul { 
	display: none;
	list-style: none;
	background: rgba(0,0,0,0.9);
	border-radius: 4px;
	border-top-right-radius: 0px;
	padding: 20px;
}
.navbar-nav > li:hover > ul { position: absolute; display: block; list-style: none; right: -3px; width: max-content; }
.navbar-nav > li > ul > li a { display: block; position: relative; padding-bottom: 5px; padding-top: 5px; font-weight: 400; color: #fff; }

#header.fixed .Echo-Logo .logo-sticky { display: block; margin-left: 15px; }
#header.fixed .Echo-Logo .logo-normal { display: none; }

#top { height: 200px; }
#top img { width: 100%; height: 100%; object-fit: cover; }

.brand { position: absolute; margin-top: -20px; }
.brand img { width: 220px; }

.line01 { display: block; text-align: right; }
.line01 .bttn { display: inline-block; width: 25px; padding: 5px 0px 5px 5px; color: transparent; text-align: left; cursor: pointer; }
.line01 .bttn:before { color: #fff; }

.box_search { position: fixed; left: 0px; right: 0px; top: -150px; padding: 40px 0px; background: #fff; z-index: 101; transition: 0.3s; }
.box_search2 { position: relative; }
.box_search2 h2 { display: inline-block; }
.box_search2 .fa-magnifying-glass { position: absolute; right: 0; top: 20px; padding: 20px; }
.search form { position: relative; width: 60%; margin: 0 auto; }
.search input {
	border: 1px solid rgba(33,35,41,0.1);
	border-radius: 25px;
	color: #000;
	font: 400 17px/27px 'Maven Pro', sans-serif;
	padding: 15px 50px 15px 30px;
	width: 80%;
	box-sizing: border-box;
	display: inline-block;
}
.search .fa-magnifying-glass { position: absolute; top: 0px; right: 20%; padding: 15px; margin-right: 10px; cursor: pointer; }
.search_btn { display: inline-block; padding: 15px; font-weight: 600; cursor: pointer; }
.search .fa-xmark {
	position: absolute;
	top: 10px;
	right: 0;
	background: #000;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	color: #fff;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.search-phrase { border-bottom: 2px solid var(--Red); }
#search_suggest { padding: 10px 20px 0px 20px; box-sizing: border-box; width: 80%; font-size: 0.9em; display: none; max-height: 100px; overflow: auto; }
.suggest_link { display: block !important; padding: 0px 5px; }
.suggest_link_over { display: block !important; padding: 0px 5px; cursor: pointer; }

.navbar {
  background: none;
  border-radius: 0;
  margin: 0;
  border: 0;
  text-transform: uppercase;
  font-weight: 700;
  text-align: right;
}

.navbar-nav { width: 100%; padding: 15px 0 0; }

.navbar-nav > li, .nav > li {
  display: inline-block;
  vertical-align: top;
  float: none !important;
  position: relative;
  margin: 0 0 0 20px;
}

.navbar-nav > li:after {
  position: absolute;
  left: -14px;
  top: 5px;
  width: 1px;
  height: 16px;
  content: '';
  border-right: solid 1px #d6d7d3;
}

.navbar-nav > li:first-child:after { display: none; }
.navbar-default .navbar-nav > li > a { padding: 10px; color: #fff; font-size: 1.1em; font-style: normal; position: relative; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #fff; text-decoration: none; background: none; }

.navbar-default .navbar-nav > li > a:hover:after,
.navbar-default .navbar-nav > li > a:focus:after,
.navbar-default .navbar-nav > .active > a:after,
.navbar-default .navbar-nav > .active > a:hover:after,
.navbar-default .navbar-nav > .active > a:focus:after { display: block; }

.caption {
	position: absolute;
	text-align: center;
	z-index: 22;
	top: 50%;
	left: 10%;
	right: 10%;
	padding: 0;
	transform: translateY(-50%);
}

/* .component-fullwidth li:nth-child(2) .caption h1, .component-fullwidth li:nth-child(5) .caption h1 { color: #fff; } */

.caption h2 { color: #fff; font-size: 89px; margin: 0px; line-height: 94px; }
.caption p { color: #fff; font-size: 1.1em; }
.caption h2 span { color: #ffa7a7; }
.caption-holder { display: table-cell; vertical-align: middle; }
.caption .learn {
  display: inline-table;
  vertical-align: top;
  font-size: 21px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  font-style: italic;
}

.caption .learn a {
  color: #fff;
  position: relative;
  padding: 0 0 11px;
}

.caption .learn a::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  opacity: 1;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}

.caption .learn a:hover { text-decoration: none; }

.caption .learn a:hover::after {
  height: 1px;
  opacity: 0;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

.caption-text { padding: 0px; }

@media only screen and (max-width: 1199px) {
  .navbar-nav { margin-left: 5px; }
  .caption h2 { font-size: 68px; line-height: 74px; }
  .caption { padding: 86px 0; }
  .caption .learn { font-size: 20px; }
  .caption-holder { padding: 45px 0 0; }
  .caption-text { padding: 0 37px; overflow: hidden; }
  .btn-down { bottom: 22px; }
  .caption-holder { padding: 45px 0 0; }
  .about .caption-holder { padding: 0 0 8px; }
}

@media only screen and (max-width: 989px) {
  .show #header.fixed { display: none; }
  .caption h2 { font-size: 56px; line-height: 60px; }
  .caption-text { padding: 0; }
  .caption .learn { font-size: 18px; padding: 0 3px 0 0; }
  .caption-holder { padding: 51px 0 0; }
  .btn-down { width: 35px; height: 35px; background-position: -71px -58px; margin: 0 0 0 -17px; bottom: 25px; }

  .navbar-collapse {
    border: 0;
    padding: 0px 5%;
    margin: 0px;
    overflow: hidden;
    box-shadow: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    background: #212329;
    width: 40%;
	height: 0px;
	transition: 0.3s;
	}

  .navbar-collapse .row { margin: 0; }
  .navbar-nav { margin: 0; padding: 78px 0px 38px 0px; }

  .navbar-nav > li {
    display: block;
    border-bottom: solid 1px rgba(255,255,255,0.5);
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1em;
	}

  .navbar-nav > li:last-child { border-bottom: none; }
  .navbar-nav > li:after { display: none; }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus { text-decoration: none; color: var(--Red); }

  .navbar-default .navbar-nav > li > a { padding: 15px 0px; display: block; }
  .navbar-default .navbar-nav > li > a:after { display: none !important; }
  .navbar-default .navbar-nav .fa-caret-down:before { content: ''; }

  /*Submenu */
	
  .navbar-default .navbar-nav > li > ul { background: none; position: static; width: auto; left: auto; display: block; padding: 0px 0px 10px 0px; }
  .navbar-default .navbar-nav > li > ul > li > a { position: static; padding: 2px 0px; }
  .navbar-default .navbar-nav > li > ul > li > a:hover,
  .navbar-default .navbar-nav > li > ul > li > a:focus,
  .navbar-default .navbar-nav > li > ul > .active > a,
  .navbar-default .navbar-nav > li > ul > .active > a:hover,
  .navbar-default .navbar-nav > li > ul > .active > a:focus { text-decoration: none; color: var(--Red); }
  .navbar-default .navbar-nav > li > ul > li > a:after { display: none !important; }
  
  .about .caption-holder { padding: 52px 0 0; }
  .visual .caption2 .caption-holder { padding: 28px 0 0; }
  .visual .caption2 .text { padding: 0 25px; }

  .critraia-amounts .amountlimit { width: 244px; }
}

.bg-white { background: var(--bgWhite); }
.well-01 { padding-top: 55px; padding-bottom: 55px; }
.well-02 { padding-top: 35px; padding-bottom: 35px; }
.copy { cursor: pointer; }
.center { text-align: center; }
.red { color: var(--Red); }

.btn,
.btn2,
.btn_data {
	display: block;
	border: 1px solid rgba(33,35,41,0.1);
	padding: 10px 0px;
	border-radius: 14px;
	color: var(--Color);
	text-align: center;
	transition: 0.3s;
}
.btn { display: inline-block; font-weight: 600; padding: 10px 30px; }
.btn_search,
.btn_search:hover,
.btn:hover { background: var(--Red); color: #fff; }
.btn2:hover,
.btn_tag:hover { border: 1px solid var(--Red); color: #000; }
.btn_tag {
	display: inline-block;
	border: 1px solid rgba(33,35,41,0.1);
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600 !important;
	border-radius: 4px;
	text-decoration: none;
	transition: 0.3s;
}

.btn3 {
	display: inline-block;
	border-bottom: 2px solid var(--Red);
	padding: 10px 30px;
	color: var(--Color);
	font-weight: 600;
	text-align: center;
	transition: 0.3s;
}
.btn_data { display: inline-block; width: 100px; padding: 10px 0px; margin: 2px; }
.btn_data.active { border: none; background: var(--Red); color: #fff; }
.btn_search { display: inline-block; padding: 10px 30px; }

.toTop {
  padding: 6px 16px;
  font-size: 0.9em;
  color: #fff;
  background: #212329;
  position: fixed;
  right: 133px;
  bottom: 33px;
  border-radius: 14px;
  display: none;
  overflow: hidden;
  text-decoration: none;
  transition: 0.3s;
  z-index: 99;
}
.toTop:hover {
  background: var(--Red);
  color: #fff;
  text-decoration: none;
}

.box_01,
.box_01news,
.box_02,
.box_02news,
.box_03,
.box_03news,
.box_032,
.box_04,
.box_04news,
.box_043,
.box_05 { float: left; }

.box_01,
.box_01news { width: 100%; margin: 2% 0px; }
.box_02,
.box_02news { width: 48%; margin: 1%; }
.box_03,
.box_03news { width: 31.33%; margin: 1%; }
.box_032 { width: 64.66%; margin: 1%; }
.box_04,
.box_04news { width: 23%; margin: 1%; }
.box_043 { width: 73%; margin: 1%; }
.box_05 { width: 18%; margin: 1%; }

.box_site,
.box_szablon2 { padding: 0px 10%; }
.box_szablon1 { padding: 0px 20%; }
.box_news {
	background: var(--bgWhite);
	padding: 50px;
	box-sizing: border-box;
	border-radius: 14px;
}
.box_site img,
.box_szablon1 img,
.box_szablon2 img,
.box_news img { max-width: 100%; }

.box_event_cal { position: absolute; margin-left: 25px; margin-top: 35px; background: #212329; border-radius: 4px; color: #fff; padding: 20px; transition: 0.3s; }
.box_event_cal.active { background: var(--Red); }
.box_event_cal span { display: block; font-size: 30px; }
.box_events_title .small { font-size: 14px; font-weight: 400; }
.box_event_date { display: grid; grid-template-columns: auto auto auto; }
.box_event_date div { text-align: center; }
.box_event_date div:nth-child(1),
.box_event_date div:nth-child(3) { min-width: 40px; }

.event_cal_subsite { background: var(--bgColor); padding: 20px; margin-top: 20px; border-radius: 5px; }
.event_cal_subsite span { display: inline-block; width: 30px; text-align: center; }
.event_cal_subsite [class*='fa-']:before { padding:0px; opacity: 0.5; }

/* --- Artykuły Główna--- */

.box_articles { display: table; width: 1160px; list-style: none; margin: 0 auto; padding: 0; }
.box_articles li { position: relative; float: left; width: 280px; height: 280px; margin: 5px; padding: 0; border-radius: 4px; overflow: hidden; }
.box_articles li:first-child { width: 570px; height: 570px; }
.box_articles li img,
.box_articles_more li img,
.box_articles_img img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
.box_articles li:hover img,
.box_articles_more li:hover img { width: 110%; height: 110%; margin-top: -5%; margin-left: -5%; }

.box_articles .box_articles_gradient,
.box_events_gradient {
	position: absolute; left: 0; right: 0; bottom: 0; top: 0;
	background-image: linear-gradient(to bottom, rgba(33,35,41,0), rgba(33,35,41,1));
}
.box_articles .box_articles_title,
.box_events_title {
	position: absolute; left: 0px; right: 0px; bottom: 0px;
	padding: 25px; box-sizing: border-box;
	color: #fff; font-size: 1.2em; font-weight: 600;
	transition: 0.3s;
}
.box_articles li:first-child .box_articles_title { font-size: 1.5em; line-height: 1.5em; }
.box_articles li:hover .box_articles_title,
#events li:hover .box_events_title { bottom: 25px; }
.box_articles .box_articles_click,
#events .box_events_click { position: absolute; left: 0px; bottom: -25px; padding-left: 25px; color: var(--Red); font-size: 0.9em; transition: 0.3s; }
.box_articles li:hover .box_articles_click,
#events li:hover .box_events_click { bottom: 15px; }

@media screen and (min-width: 900px) and (max-width: 1199px)
{	
	.box_articles { width: 840px; }
	.box_articles li { width: 200px; height: 200px; }
	.box_articles li:first-child { width: 410px; height: 410px; }
	.box_articles .box_articles_title { padding: 15px; font-size: 1em; line-height: 1.1em; }	
	.box_articles li:hover .box_articles_title { bottom: 15px; }
	.box_articles .box_articles_click { padding-left: 15px; }
	.box_articles li:hover .box_articles_click { bottom: 5px; }
}
@media screen and (max-width: 899px)
{	
	.box_articles { width: 620px; }
	.box_articles li { width: 300px; height: 200px; }
	.box_articles li:first-child { width: 610px; height: 300px; }
}
@media screen and (max-width: 660px)
{	
	.box_articles { width: 90%; }
	.box_articles li { width: 100%; height: 220px; margin-left: 0px; margin-right: 0px; }
	.box_articles li:first-child { width: 100%; height: 220px; }
}

/* --- Artykuły --- */

.box_articles_more { display: grid; }
.box_articles_more.articles1 { grid-template-columns: 100%; }
.box_articles_more.articles2 { grid-template-columns: 50% 50%; }
.box_articles_more.articles3 { grid-template-columns: 33.3% 33.3% 33.3%; }
.box_articles_more > div { border: 1px solid rgba(33,35,41,0.1); margin: 10px; border-radius: 14px; padding: 15px; transition: 0.3s; overflow: hidden; }
.box_articles_more > div:hover { border: 1px solid var(--Red); }
.box_articles_more > div > a { display: grid; grid-template-columns: 150px auto; }
.box_articles_more > div > a.fa-arrow-right { display: block; color: var(--Color); text-align: center; }
.box_articles_more .box_articles_img { height: 150px; margin-right: 15px; border-radius: 4px; overflow: hidden; }
.box_articles_more .box_articles_title { color: var(--Color); font-weight: 700; }

blockquote { border-left: 5px solid rgba(33,35,41,0.2); padding-left: 20px; margin-left: 0px; }
.oznacz { position: absolute; }
.oznacz_ranga { 
	display: inline-block;
	background: var(--Red); 
	padding: 3px 13px; 
	border-radius: 4px;
	border-top-left-radius: 0px;
	color: #fff;
}
.img-article {
	text-align: center;
	border-top: 1px solid rgba(33,35,41,0.1);
	border-bottom: 1px solid rgba(33,35,41,0.1);
	padding: 10px 0px;
}
.img-article img { max-height: 600px; border-radius: 4px; }
.img-article p { padding-bottom: 0px; text-align: left; }

.box_share { margin-top: 20px; }
.box_share a { display: inline-block; width: 110px; height: 110px; text-align: center; color: var(--Color); border-radius: 14px; border: 1px solid rgba(33,35,41,0.1); }
.box_share a:before { display: block; font-size: 2em; line-height: 1.3em; padding-top: 20px; }
.box_share a:hover { color: var(--Red); }

#strona, .rok { display: block; padding: 20px; text-align: center; }
#strona a,
#strona strong  {
	display: inline-block;	
	padding: 5px 0px;
	width: 40px;
	margin: 2px 0px;
	text-align: center;
	color: #000;
	border-radius: 4px;
	border: 1px solid rgba(33,35,41,0.1);
}

#strona a:hover { border: 1px solid var(--Red); }

.resp-tabs { width: 100%; }
.resp-tabs-list { display: none; }
.resp-tabs-list li { cursor: pointer; }
.resp-accordion {
  display: block;
  cursor: pointer;
  padding: 20px;
  padding-left: 66px;
  border-top: 1px solid rgba(33,35,41,0.1);
  margin-bottom: 15px;
  background: linear-gradient(to right, #000 50px, #f5f5f7 0px);
  color: #000;
  font-weight: 600;
  transition: 0.3s;
}
.resp-accordion:before {
  content: "\2b";
  font-family: 'FontAwesome';
  text-align: center;
  position: absolute;
  width: 20px;
  color: #fff;
  margin-left: -50px;
}
.resp-accordion:hover { background: linear-gradient(to right, var(--Red) 50px, #f5f5f7 0px); color: var(--Red); }
.resp-tab-active:before { content: "\f068"; }
.resp-tab-content { display: none; padding: 0px 0px 22px 66px; }
.resp-tab-content-active { display: block; }

table {
	border-spacing: 0px;
    border-collapse: separate;
}
.table td { 
	padding: 10px;
	border-bottom: 1px solid rgba(33,35,41,0.1);
	border-right: 1px solid rgba(33,35,41,0.1);
}
.table tr:first-child td { border-top: 1px solid rgba(33,35,41,0.1); }
.table tr td:first-child { border-left: 1px solid rgba(33,35,41,0.1); }

.table-rss { width: 100%; }
.table-rss td { padding: 10px; border-bottom: 1px solid rgba(33,35,41,0.1); }
.table-rss tr:last-child td { border-bottom: none; }
.table-rss tr td:first-child { width: 25%; }

footer { 
	background-color: #212329;
	color: rgba(255,255,255,0.5);
	font-size: 0.9em;
}
footer a { color: rgba(255,255,255,1); }
footer hr { background-color: rgba(255,255,255,0.2); }
footer ul { list-style: none; margin:0px; padding: 10px 0px; }
footer .cookiemenu { text-align: right; }
footer .cookiemenu a { padding: 0px 5px; }
footer .media { padding: 10px 0px; }
footer .media [class*='fa-'] {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0px 5px;
	border-radius: 3px;
	line-height: 40px;
	text-align: center;
	color: transparent;
	overflow: hidden;
}
footer .media [class*='fa-']:before {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: #fff;
	color: #000;
	font-size: 1.8em;
}
footer .media [class*='fa-']:hover:before { color: #fff; }
footer .fa-facebook:hover:before { background: #3b5998; }
footer .fa-x-twitter:hover:before { background: #000; }
footer .fa-youtube:hover:before { background: #c4302b; }
footer .fa-instagram:hover:before { background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
footer .fa-linkedin-in:hover:before { background: #0A66C2; }
footer .fa-snapchat-ghost:hover:before { background: #fffc00; color: #000; }
footer .fa-pinterest:hover:before { background: #E60023; }
footer .fa-google:hover:before { background: #4285f4; }
footer .fa-threads:hover:before { background: #000; }

/*==================  Kalendarium  ======================*/

#call table { width: 100%; }
#call td { 
	width: 14.28%;
	padding: 0px;
	text-align: center; 
	border-top: 1px solid rgba(33,35,41,0.1); 
	border-left: 1px solid rgba(33,35,41,0.1); 
}
#call td:last-child { border-right: 1px solid rgba(33,35,41,0.1); }
#call tr:last-child td { border-bottom: 1px solid rgba(33,35,41,0.1); }
#call tr:first-child td { padding: 10px 0px !important; border: 0px !important; }
#call td a { display: block; color: var(--Color); }
.calendar-header-day { font-weight: 400; padding: 10px 0px !important; }
.calendar-month { font-weight: 600; font-size: 1.2em; }
.calendar-day { padding: 10px 0px !important; font-weight: 600; }
.calendar-day:hover { background: #fff; }
#call .fa-angle-left,
#call .fa-angle-right { cursor: pointer; }

.selblue,
.selblue .calendar-day:hover { background: var(--Red); }
.selblue .calendar-day { color: #fff !important; }

/* HOMEPAGE Slider*/
.subintro { height: 200px; }
.component { margin: 0 auto; position: relative; margin-bottom: 40px; max-width: 100%; }
.component-small { width: 650px; height: 290px; }
.component-fullwidth { width: 100%; height: 100%; margin-bottom: 0; background: #212329; }
.component-transparent { width: 900px; height: 500px; }
.component > ul { width: 100%; max-width: 100%; height: 100%; position: relative; list-style: none; padding: 0; margin: 0 auto; }
.component-small > ul { width: 450px; }
.component-fullwidth > ul { overflow: hidden; }
.component-transparent > ul { width: 112px; }
.component li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0; z-index: 999; }
.component-fullwidth li { overflow: hidden; }
.component .current { opacity: 1; pointer-events: auto; z-index: 1000; position: absolute; top:0; bottom:0; left:0; right:0; }
.component li img { display: block; max-width: 100%; }
.component-fullwidth li img { width: 100%; height: 100%; object-fit: cover; }

@media print {
	header,
	footer,
	section,
	.box_03,
	.box_04,
	.box_share,
	.subintro,
	#wcagicon,
	#toTop { display: none !important; }
	
	.box_032,
	.box_043,
	.container { width: 100%; display: block; }

	.box_news,
	.box_site,
	.box_szablon1,
	.box_szablon2,
	.well-01 { padding: 0px; margin: 0px; }
	.resp-tab-content { display: block; }
	
	.img-article { border: 0px; }
	.img-article img { max-width: 50%; float: left; margin-right: 20px; margin-bottom: 20px; }
}