@import url('/img/forum/forum.css');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&display=swap');

@font-face { font-family: Memoria; src:url('/ftp/font/Memoria/Memoria-Regular.woff') format('woff'),url('/ftp/font/Memoria/Memoria-Regular.woff2') format('woff2'),url('/ftp/font/Memoria/Memoria-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal; }
@font-face { font-family:'ipn'; src: url('/ftp/layout/ipn-new/ipn.woff') format('woff'), url('/ftp/layout/ipn-new/ipn.woff2') format('woff2'), url('/ftp/layout/ipn-new/ipn.ttf') format('truetype'); font-weight:normal; font-style:normal;}

:root, 
[data-theme=light] {
 --font: "Figtree";
 --font-header: "Memoria";
 --font-icon: "ipn";
 --color-body-bg: #f5efe9;
 --color-light-bg: #fff;
 --color-dark-bg: #111;
 --color-text: #111;
 --color-text-highlight: #444;
 --color-main: #2b4a91;
 --color-main-opacity: rgba(0,158,248,0.8);
 --color-grey: #4D4D4D;
 --color-dark-grey: #262626;
 --color-light-grey: #E3E3E3;
 --color-light-text: #7e7c7d;
 --color-green: #267c01;
 --color-navy: #2B4A91;
 --color-light-navy: #5885C9;
 --color-extra-light-navy: #B8D1F6;
 --color-red: #E1003D;
 --color-gold: #C58160;
 --color-light-gold: #DEB585;
 --color-extra-light-gold: #F7E1B1;
 --color-black: #111;
 --color-white: #fff;
 --color-beige: #f5efe9;
 --color-yellow: #FBFF2B;
 --color-facebook: #3a559f;
 --color-youtube: #ea412c;
 --color-twitter: #222;
 --color-linkedin: #0077b5;
 --color-instagram: #555;
 --gradient: linear-gradient(180deg, rgba(0,74,105,0.85) 0%, rgba(0,160,227,0.3) 100%);
 --gradient-left: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
 --gradient-right: linear-gradient(270deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
 --gradient-top: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
 --gradient-bottom: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
 --gradient-light: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);
 --gradient-light-left: linear-gradient(90deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%);
 --gradient-light-right: linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%);
 --greyscale: grayscale(100%); 
 --greyscale--: grayscale(0); 
 --border-radius: 0px;
 --border-radius-button: 1px;
 --box-shadow: 0 0 10px rgba(160,160,160,0.2);
 --box-shadow-hover: 0 0 10px rgba(160,160,160,0.6); 
 --text-shadow: 0 0 20px rgba(255,255,255,1), 0 0 15px rgba(255,255,255,0.8), 1px 1px 0px rgba(255,255,255,0.9);
 --text-shadow-dark: 0 0 20px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,0.8), 1px 1px 0px rgba(0,0,0,0.9);
 --vcenter: translate(-50%,0);
 --hcenter: translate(0,-50%);
 --center: translate(-50%,-50%);

 --breakpoint-l:1200px;
 --breakpoint-m:992px;
 --breakpoint-s:768px;
 --breakpoint-xs:576px;

 --gap:30px;
 --gap0:0;
 --gap1:35px;
 --gap2:40px;
 --gap3:50px;
 
 --margin:2em;
 --padding:2em;
 
 --inside:12%;
 --inside-narrow:24%;
 --inside-wide:6%;
 
 --logo-height:100px;
 --slider-min-height:50vh;
 --slider-max-height:70vh;
 --slider-article-min-height:35vh;
 --slider-article-max-height:60vh;
  
 --video-width:100%;
 --video-height:60vh;  
  
 --cerabox-border-width:0;
 
}

[data-theme=dark] {
 --color-body-bg: #000;
 --color-main: #777;
 --color-light-bg: #000;
 --color-dark-bg: #111;
 --color-main-opacity: rgba(255,255,255,0.8);
 --color-grey: #555;
 --color-dark-grey: #444;
 --color-light-grey: #111;
 --color-text: #fff;
 --color-text-highlight: #fa0000;
 --color-light-text: #f4f4f4;
 --color-green: #267c01;
 --color-navy: #2B4A91;
 --color-light-navy: #25626c;
 --color-extra-light-navy: #25626c;
 --color-red: #E1003D;
 --color-gold: #000;
 --color-light-gold: #000;
 --color-extra-light-gold: #000;
 --color-black: #000;
 --color-white: #fff;
 --color-beige: #000;
 --color-yellow: #FBFF2B;
 --color-facebook: #3a559f;
 --color-youtube: #ea412c;
 --color-twitter: #222;
 --color-linkedin: #0077b5;
 --color-instagram: #555;

}

[data-theme=mouring] {
 --color-body-bg: #fff;
 --color-main: #777;
 --color-light-bg: #fff;
 --color-dark-bg: #111;
 --color-main-opacity: rgba(255,255,255,0.8);
 --color-grey: #555;
 --color-dark-grey: #444;
 --color-light-grey: #555;
 --color-text: #000;
 --color-text-highlight: #fa0000;
 --color-light-text: #f4f4f4;
 --color-green: #267c01;
 --color-navy: #333;
 --color-light-navy: #666;
 --color-extra-light-navy: #444;
 --color-red: #555;
 --color-gold: #000;
 --color-light-gold: #000;
 --color-extra-light-gold: #000;
 --color-black: #000;
 --color-white: #fff;
 --color-beige: #000;
 --color-yellow: #444;
 --color-facebook: #444;
 --color-youtube: #444;
 --color-twitter: #444;
 --color-linkedin: #444;
 --color-instagram: #444;

}

 @media only screen and (max-width:1200px) {
	:root {

	--inside:4%;
	--inside-narrow:8%;
	--inside-wide:2%;
	
	--logo-height:40px; 
	--slider-min-height:60vh;
	--slider-max-height:60vh;
	}
 }
 
 @media only screen and (max-width:992px) {
	:root {
	--gap:20px;
	--gap1:20px;
	--gap2:30px;
	--gap3:40px;
	}
 }
 @media only screen and (max-width:576px) {
	:root {
	 --gap:15px;
	 --gap1:20px;
	 --gap2:25px;
	 --gap3:30px;
	 
	--margin:1em;
	--padding:1em;
	 
	--inside:5%;
	--inside-narrow:10%;
	--inside-wide:2%;
	
	--slider-min-height:90vh;
	--slider-max-height:90vh;
	}
 }

@media (min-aspect-ratio: 4/3) {
  :root {
    --video-height:40vw;
  }
}

@media (max-aspect-ratio: 4/3) {
  :root {
    --video-height:50vh;
  }
}



html,body { font-family:var(--font); font-style:normal; font-weight:normal; color:var(--color-text); text-decoration:none; font-size:0.90em; letter-spacing:0.03em; line-height:1em; margin:0; padding:0; }
html { background-color:var(--color-body-bg); height:100%; }
body.bg { background-color:var(--color-body-bg); background-repeat:no-repeat; background-position:top right; background-attachment:fixed; }

#page { position:relative; display:block; padding:0; margin:0 auto; width:auto; overflow:hidden; z-index:1; }
.inside { position:relative; padding:0; margin:auto var(--inside); box-sizing:border-box; }
.inside-offset { padding:0; margin:auto calc(0% - var(--inside)); }
.inside-narrow { position:relative; padding:0; margin:auto var(--inside-narrow); box-sizing:border-box; }
.inside-narrow-offset { padding:0; margin:auto calc(0% - var(--inside-narrow)); }
.inside-wide { position:relative; margin:auto var(--inside-wide); padding:0; box-sizing:border-box; }
.inside-wide-offset { padding:0; margin:auto calc(0% - var(--inside-wide)); }

/* header */
header { position:relative; top:0; display:block; padding:0; margin:0; height:230px; width:100%; overflow:visible; border-bottom:1px solid var(--color-grey); z-index:3; transition: all 0.2s ease-out; }
header.pageHead .flex-column { display:flex; align-items:stretch; align-content:center; justify-content:space-between; flex-direction:column; height:100% }

.sticky header { position:fixed !important; height:auto; z-index:3; box-shadow:var(--box-shadow); background-color:var(--color-light-bg); margin-top:-130px; }
.sticky header.pageHead .flex-row._order-1,.sticky header.pageHead .flex-row._order-2 { opacity:0; }

header .logo { flex-shrink:0; text-align:left; overflow:visible; transition: all 0.5s ease-out; }
.logo { position:relative; display:block; padding:0; margin:0; width:auto; height:var(--logo-height); box-sizing:border-box; }
.logo .container { position:relative; display:flex; align-items:center; width:100%; height:100%; padding:0; }
.logo a:link,.logo a:visited { position:relative; height:100%; border-width:0; padding:0; box-sizing:border-box; color:var(--font-text); font-size:1em; line-height:1em; text-decoration:none; text-align:left; z-index:1; }
.logo a:hover { text-decoration:none; }
.logo a:focus { text-decoration:none; transition-duration:1s; border:1px solid var(--color-grey); }
.logo img { display:block; height:100%; flex-shrink:0; }
[data-theme=dark] .logo img { content: url('/dokumenty/szablonyimg/1-logo-white.svg') }
.logo .label { display:block; width:100%; flex-shrink:0; margin:0 0 0 1em; }
.logo h1 { display:block; width:100%; font-family:var(--font-header); margin:0; padding:0; font-size:1.4em; line-height:1.2em; font-family:var(--font-header); color:var(--color-text); text-align:left; font-weight:400; text-transform:uppercase; text-wrap:wrap;}
.logo h1 span { display:block; }
.logo .forms { margin:2px 0 0 0; }
.logo .forms a.button:link { background-color:transparent; color:var(--color-text); }
.logo .forms a.button:hover,.logo .forms a.button:hover:before { background-color:transparent; color:var(--color-text-highlight); }
.logo .select_list { top:25px; }

#region_choose,#region_chooseOpt {display:none}

/* menu */
#menuContainer { position:relative; align-items:flex-end; padding:0; margin:0 auto; width:100%; min-width:60%; text-align:left; box-sizing:border-box; z-index:1; transition-duration:0s;}
#menuContainer .usun { position:absolute; top:1em; right:1em; display:block; margin:0; z-index:2; }
#menuContainer .logo { position:absolute; top:1%; left:1%; display:block; padding:0; margin:0; width:200px; height:80px; text-align:left; z-index:1; overflow:hidden; box-sizing:border-box; transition-duration:1s; }
#menu { position:relative; display:block; padding:0; box-sizing:border-box; margin:0; width:auto; height:auto; z-index:1; text-align:left; transition-duration:1s;}
#menu .inside { display:block; height:100%; padding:0; box-sizing:border-box; }
#menu ul.opt { text-align:center; padding:1em;}
#menu ul.opt li { margin:10px; }

#menuCategoryContainer { position:relative; display:block; padding:0; margin:0; z-index:3; transition-duration:1s;}
#menuCategory { display:block; position:relative; padding:0; box-sizing:border-box; }
.menuCategoryBtn a:link,.menuCategoryBtn a:visited { display:flex; justify-content:center; background-color:var(--color-light-bg); color:var(--color-text); text-decoration:none; padding:var(--padding); }
.menuCategoryBtn a:hover,.menuCategoryBtn a:focus { outline:1px solid var(--color-text); }
.menuCategoryBtn div { position:relative; display:block; width:25px; height:18px; z-index:100; }
.menuCategoryBtn span { display:block; position:absolute; height:3px; width:100%; background:var(--color-text); border-radius:2px; opacity: 1; left: 0; transform:rotate(0deg); transition:.25s ease-in-out; }
.menuCategoryBtn span:nth-child(1) { top:0; }
.menuCategoryBtn span:nth-child(2), .menuCategoryBtn span:nth-child(3) { top:6px; }
.menuCategoryBtn span:nth-child(4) { top:12px; }
.menuCategoryBtn a.active span:nth-child(1) { top:6px; width:0; left:50%; }
.menuCategoryBtn a.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.menuCategoryBtn a.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.menuCategoryBtn a.active span:nth-child(4) { top:6px; width:0%; left:50%; }
.menuCategoryBtn a strong { margin-left:10px; }
header .menuCategoryBtn,main .menuCategoryBtn { position:relative; display:none; padding:0; margin:0; text-align:left; z-index:1; overflow:hidden; }
main .menuCategoryBtn { margin:var(--margin) 0; text-align:left; z-index:1; overflow:hidden; }

/* wcag opt */
ul.wcag { position:absolute; top:2px; left:2px; margin:0; padding:0; list-style:none outside none; }
ul.wcag a {position:absolute; left:-10000em; padding:5px 10px; display:inline; font-size:1.2em; text-align:center; text-decoration:none; width:150px; z-index:2;}
ul.wcag a:hover, ul.wcag a:focus, ul.wcag a:active { position:absolute; top:0; left:0; background:var(--color-red); border:2px solid var(--color-white); color:var(--color-white); }

/* header opt */
#header-opt { position:relative; padding:0.2em 0; margin:0; box-sizing:border-box; text-align:center; border-bottom:1px solid var(--color-dark-bg); z-index:0; }
#header-opt-2 { position:relative; width:auto; display:flex; justify-content:flex-end; padding:0; margin:0; box-sizing:border-box; text-align:right; z-index:0; }
#disabilities-opt { position:relative; display:inline-block; align-items:center; padding:15px 0; width:90%; box-sizing:border-box; text-align:left; width:auto; z-index:0; }
ul.opt { position:relative; display:flex; justify-content:space-between; align-items:center; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; }
ul.opt.rightSide { justify-content:flex-end; text-align:right;} 
ul.opt li { position:relative; display:flex; align-items:center; margin:0 0.8em; padding:1px; text-align:center; list-style:none; }
ul.opt li:last-child,ul.opt li.line:last-child { margin-right:0; }
ul.opt li.line { padding:0 10px 0 20px; margin:0 10px; }
ul.opt li.line:before { content:""; position:absolute; top:50%; left:0; transform:var(--hcenter); width:1px; height:100%; z-index:0; transition: all 0.2s ease-out; background-color:var(--color-grey); }
ul.opt li.border a, ul.opt li.border a:visited,ul.opt li.border a, ul.opt li.border .a { background-color:var(--color-light-bg);}
ul.opt li.border a[class^="icon-"]:before, ul.opt li.border a[class*=" icon-"]:before, ul.opt li.border .a[class*="icon-"]:before, ul.opt li.border .a[class*=" icon-"]:before { color:var(--color-main); }
ul.opt li.border a:after , ul.opt li.border .a:after { content:""; position:absolute; top:50%; left:50%; transform:var(--center); height:28px; width:28px; background-color:var(--color-light-bg); border-color:var(--color-light-grey); border-width:1px; border-style:solid; border-radius:var(--border-radius-button); z-index:-1; }
ul.opt li.border a:hover:after,ul.opt li.border a:focus:after { border:1px solid var(--color-red); }
ul.opt li.region { flex-wrap:nowrap; width:20%;}
ul.opt li .select select { padding:.8em 1em; border:0;}
ul.opt li.text-size { display:block; }
ul.opt i { font-style:normal; color:var(--color-grey);}
ul.opt strong { position:relative; display:inline-block; padding:0; margin-left:10px; font-family:var(--font); font-size:1em; color:var(--color-text); font-weight:normal; text-align:left; text-transform:none;}
ul.opt strong span { display:block; font-size:1.2em; line-height:1.2em; }
ul.opt li a:link, ul.opt li a:visited,ul.opt li a, ul.opt li .a { font-family:var(--font); font-size:1.1em; line-height:0.9em; color:var(--color-text); background-color:transparent; text-decoration:none; font-weight:500; text-transform:none; text-align:center; position:relative; padding:0; margin:0; display:flex; flex-direction:row; align-items:center; }
ul.opt li a:hover,ul.opt li a:active,ul.opt li a:focus,ul.opt li a.active { color:var(--color-text); text-decoration:none; transition-duration:0.6s;}
ul.opt li a:hover strong,ul.opt li a:active strong,ul.opt li a:focus strong { text-decoration:underline; }
ul.opt li a[class^="icon-"], ul.opt li a[class*=" icon-"] { }
ul.opt li a[class^="icon-"]:before, ul.opt li a[class*=" icon-"]:before, ul.opt li .a[class*="icon-"]:before, ul.opt li .a[class*=" icon-"]:before { position:relative; display:inline-block; margin:0; font-size:1.4rem; line-height:1em; font-family:var(--font-icon); color:var(--color-text); text-align:center; text-decoration:none; vertical-align:middle; transition-duration:0.6s;}
ul.opt li a:hover[class^="icon-"]:before, ul.opt li a:hover[class*=" icon-"]:before,ul.opt li a:focus[class^="icon-"]:before, ul.opt li a:focus[class*=" icon-"]:before { text-decoration:none; color:var(--color-grey); transition-duration:0.6s;}
ul.opt li a.active[class^="icon-"]:before, ul.opt li a.active[class*=" icon-"]:before { content:"\e018"; color:var(--color-grey); transition-duration:0.6s;} 
ul.opt li a > span, ul.opt li > span { position:relative; display:inline-block; padding:0; margin:0; width:auto; vertical-align:calc(50%); overflow:hidden; }
ul.opt li a img { width:auto; height:20px;}
ul.opt li.shortcut { width:auto; }
ul.opt li.shortcut a:link, ul.opt li.shortcut a:visited { color:var(--color-black); font-weight:400; }
ul.opt li.shortcut a:hover,ul.opt li.shortcut a:active,ul.opt li.shortcut a:focus { transition-duration:0.6s;}
ul.opt li.shortcut strong { margin:0 0 0 10px; }
ul.opt li a.icon-bip:before { color:var(--color-red);}
ul.opt li a.icon-bip-simply:before { color:var(--color-red);}
/*
ul.opt li a.icon-youtube:before { color:var(--color-youtube); }
ul.opt li a.icon-twitter:before { color:var(--color-twitter); }
ul.opt li a.icon-facebook:before { color:var(--color-facebook); }
ul.opt li a.icon-linkedin:before { color:var(--color-linkedin); }
*/


/* font opt */
#text-size { position:relative; display:block; padding:0 5px; margin:0; z-index:1; } 
#text-size strong { display:block; padding:0; margin-top:15px; color:var(--color-text); font-weight:normal; text-transform:none;}
#text-size a { position:relative; display:inline-block; padding:0; margin:0; border:0; text-decoration:none; color:var(--color-text); }
#text-size a:hover:before ,#text-size a:focus:before,#text-size a.check { color:var(--color-dark-grey);}
#text-size a span { position:absolute; top:-100em !important; left:-100em !important; width:1px; height:1px; text-indent:-1000em; }
#text-size a:before { font-family:var(--font); content:'A'; line-height:100%; font-weight:400; }
#text-size a.a:before {font-size:1.6em; content:'A'; }
#text-size a.aa:before{ font-size:2em; content:'A'; }
#text-size a.aaa:before {font-size:2.4em; content:'A'; }

/* search */
#disabilities { display:none; position:absolute; top:50px; left:50%; transform:var(--vcenter); width:auto; padding:2em; box-sizing:border-box; background-color:var(--color-light-bg); box-shadow:var(--box-shadow); font-size:1em; line-height:1.2em; z-index:3; }
#disabilities .usun { position:absolute; top:-1em; right:0; display:block; margin:0; }

/* search */
.search { padding:0; box-sizing:border-box; font-size:1em; line-height:1.2em; z-index:0; }
.search .usun { position:absolute; top:-60px; right:0; display:block; margin:0; }
.search form { position:relative; border:0; overflow:visible; width:100%; margin:0; float:none; }
.search fieldset { position:relative; display:flex; border:1px solid var(--color-text); overflow:visible; height:40px; width:100%; background-color:transparent; padding:0; box-sizing:border-box; text-align:left; margin:0; }
.search fieldset legend, .search label { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; }
.search input[type=text] { position:relative; padding:0.6em 40px 0.6em 1em; vertical-align:middle; width:100%; box-sizing:border-box; line-height:normal !important; display:inline-block; overflow:hidden; border:0 solid var(--color-light-grey); background:transparent; color:var(--color-text); font-size:1.1rem; font-family:"Rubik",sans-serif; font-weight:normal; text-align:left; }
.search input[type=submit],.search button { position:absolute; top:0; right:0; display:block; width:38px; height:38px; padding:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:var(--color-main); color:var(--color-white); transition-duration:0.6s;}
.search input[type=submit]:before ,.search button:before{ position:absolute; top:0; right:0; width:100%; text-indent:0; font-size:1rem; line-height:38px; }
.search input[type=submit]:hover,.search input[type=submit]:focus,#search button:hover,#search button:focus { color:var(--color-white); background-color:var(--color-main);transition-duration:0.6s; }
.search .select { padding:0; border:0; }
.search .select select { padding:.8em 1em; border:0; color:var(--color-text); background-color:transparent;}

/* breadcrumbs */
.breadcrumbs { position:relative; display:block; text-align:left; padding:var(--padding) 0; margin:0; z-index:0; color:var(--color-text); background-color:transparent; font-size:1.1em; line-height:1em; z-index:0; }
.breadcrumbs h3 { display:inline-block; vertical-align:middle; font-family:var(--font); font-size:1em; line-height:25px; color:var(--color-text); margin:0 0.5em 0 0; }
.breadcrumbs ul { position:relative; display:inline-block; padding:0 0 0 40px; margin:0; list-style-type:none; list-style-image:none; width:auto; vertical-align:baseline; }
.breadcrumbs ul:before { position:absolute; left:0; top:50%; transform:var(--hcenter); width:30px; height:30px; display:block; margin:0; content:"\e009"; font-size:1.4rem; line-height:30px; font-family:var(--font-icon); color:var(--color-text); border:0px solid var(--color-main); border-radius:var(--border-radius); text-align:center; text-decoration:none; transition-duration:0.6s;}
.breadcrumbs ul li { position:relative; display:inline-block; margin:0; margin-left:0.3em; padding:0; border:0; text-align:left;list-style:none; }
.breadcrumbs a:link,.breadcrumbs a:visited { display:inline-block; font-size:1em; line-height:25px; padding:0 0 0 1.2em; color:var(--color-text); font-weight:normal; text-decoration:none; }
.breadcrumbs a:hover,.breadcrumbs a:active,.breadcrumbs a:focus {color:var(--color-main); text-decoration:underline; }
.breadcrumbs a:before { font-family:var(--font-icon); content:"\e001"; font-size:0.6em; line-height:25px; color:var(--color-grey); text-decoration:none; position:absolute; top:0; left:0;text-align:left; }
.breadcrumbs ul li:first-child a:before { content:""; }
.breadcrumbs ul li:first-child a { padding:0; }
/* breadcrumbs mobile */
.breadcrumbs .breadcrumbsBtn { position:relative; display:none; padding:0; margin:0; z-index:5; border:1px solid var(--color-light-grey); }
.breadcrumbs .breadcrumbsBtn a:link,.breadcrumbs .breadcrumbsBtn a:visited { position:relative; display:block; font-size:1em; line-height:1em; color:var(--color-text); text-decoration:none; padding:1em 1em 1em 2em; }
.breadcrumbs .breadcrumbsBtn a:before { display:inline-block; top:auto; font-family:var(--font-icon); font-size:1em; line-height:1em; color:var(--color-text); content:"\e004"; vertical-align:middle; }

/* header img */
.headerImg { position:relative; display:block; padding:0; margin:0 auto; text-align:left; width:100%; min-height:100px; height:45vh; min-height:200px; overflow:hidden; background-repeat:no-repeat; background-attachment:scroll; background-size:cover; z-index:0; }
.headerImg .img { position:relative; display:block; padding:0; margin:0; width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:0; }
.headerImg .img.gradient:after { content:""; position:absolute; top:0; left:0; z-index:1; padding:0; width:100%; height:100%; margin:0; padding:0; background:var(--gradient); mix-blend-mode:normal; }
.headerImg .img.opacity {opacity:0.7;}
.headerImg .breadcrumbs { position:absolute; left:0; bottom:0; display:block; width:100%; z-index:2; }
.headerImg .headerHeading { position:absolute; top:50%; left:50%; transform:var(--center); width:50%; padding:0; margin:0; text-align:center; z-index:2; }
/* header heading */
.headerHeading { position:relative; display:block; padding:var(--padding); margin:0; text-align:center; z-index:2; }
.headerHeading h2 { display:inline-block; margin:0; font-family:var(--font); font-size:2em; line-height:1.6em; font-weight:400; text-align:center; text-transform:none; color:var(--color-white); text-shadow:var(--text-shadow-dark); }
.headerHeading h3 { display:inline-block; margin:0.5em 0; font-family:var(--font); font-size:2em; line-height:1.6em; font-weight:400; text-align:center; text-transform:none; color:var(--color-white); text-shadow:var(--text-shadow-dark);}

/* content */
main#content { position:relative; display:block; padding:0; margin:0 auto; overflow:visible; z-index:1; }
main#content.img { background-repeat:no-repeat; background-attachment:fixed; background-size:auto; background-position:center right; }
/*efect on hovering*/
main#content:before { position:absolute; content:""; top:0; left:0; display:block; margin:0; width:100%; height:100%; z-index:-1; border:0; background:rgba(0,0,0,0); transition-duration:0.6s; }
.is_hover main#content:before { z-index:2; background:rgba(255,255,255,0); transition-duration:0.6s; }

/* container */
.panel { position:relative; margin:0; padding:0; z-index:0; clear:both; }

.panel.bg-1:after { content:""; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background-image:url("/dokumenty/szablonyimg/1-_bg-1.svg"); background-repeat:repeat; background-position:center center; background-size:cover; opacity:0.3; }
.panel.bg-2:after { content:""; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background-image:url("/dokumenty/szablonyimg/1-_bg-2.svg"); background-repeat:repeat; background-position:center center; background-size:cover; background-color:var(--color-light-bg); opacity:0.3; }
.panel.bg-2:after { content:""; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background-image:url("/dokumenty/szablonyimg/1-_bg-3.svg"); background-repeat:repeat; background-position:center center; background-size:cover; background-color:var(--color-main); opacity:0.3; }
.panel.bg-3 { background-color:var(--color-extra-light-gold);}
.panel.bg-4 { background-color:var(--color-light-bg);}
.panel.bg-5 { background-repeat:no-repeat; background-position:top right; background-size:cover; background-size:50%;}

/* foot */
footer { position:relative; padding:0; margin:0 auto; text-align:center; width:auto; min-height:200px; background-color:var(--color-light-bg); z-index:0; }
footer .color { background-color:var(--color-dark-grey); padding:0; }
footer *, footer h3, footer a:link { color:var(--color-text) }
footer .color *, footer .color h3, footer .color a:link, footer .color .footer-opt ul.opt li a[class^="icon-"]:before, footer .color .footer-opt ul.opt li a[class*=" icon-"]:before { color:var(--color-white); }
footer a:hover { color:var(--color-light-grey); }
footer .content { padding:var(--margin) 0 0; }
footer h3 { position:relative; font-family:var(--font); font-size:1.5em; line-height:1.2em; font-weight:600; text-align:left; padding:0; margin:0 0 1.5em 0; border:0; }
footer .logo { margin:1em 0; height:90px;}

.adres { position:relative; padding:0; margin:0 auto 0; width:auto; z-index:1; text-align:left; } 
.adres.line { padding:20px 0 0 0;}
.adres.line:before { content:""; position:absolute; top:0; left:0; z-index:0; width:60%; height:1px; background:var(--color-text);}
.adres .logo { position:relative; display:inline-block; margin:0; width:100%; z-index:1; border:0; background-position:0 0; background-size:100% auto; background-repeat:no-repeat; box-sizing:border-box; }
.adres .logo img { width:auto; height:100px; }
.adres .logo * { }
.adres h3 { font-family:var(--font-header); font-size:2em; line-height:1.3em; text-align:left; font-weight:400; text-transform:uppercase; display:block; margin:0 0 1em 0;}
.adres h4 { font-family:var(--font-header); font-size:1.2em; line-height:1.1em; text-align:left; font-weight:400; text-transform:none; display:block; margin:0 0 1em 0;}
.adres strong { font-family:var(--font); font-size:1.2em; line-height:1.2em; text-align:left; font-weight:700; display:block; margin:0 0 10px 0;}
.adres strong span { font-size:1.4em; line-height:1em; font-weight:600; display:block; margin:0.2em 0 0 0;}
.adres .p { position:relative; overflow:hidden; padding:0; margin:var(--gap) auto; text-align:left; display:block; font-weight:400; } 
.adres .p { font-family:var(--font); font-size:1.2em; line-height:1.4em; overflow:visible;}
.adres .p a:link,.adres .p a:visited { margin:0; }
.adres .p a:hover, .adres .p a:focus {color:var(--color-light-gold); text-decoration:underline;}
.adres .p span { display:block; color:var(--color-light-grey); text-transform:uppercase;}
.adres .p.center { text-align:center;}
.adres .p[class^="icon-"]:before, .adres .p[class*=" icon-"]:before { font-family:var(--font-icon); position:absolute; top:0; left:0; font-size:1.2rem; line-height:20px; text-align:left; display:block; width:25px; height:25px; }
.adres .p[class^="icon-"], .adres .p[class*=" icon-"],
.adres h3[class^="icon-"], .adres h3[class*=" icon-"] { padding:0 0 0 30px; }
.adres h3[class^="icon-"]:before, .adres h3[class*=" icon-"]:before { left:30px; }

.footer-opt { position:relative; display:flex; padding:0; margin:2em 0; text-align:left; }
.footer-opt h3 { font-family:var(--font); font-size:1.4em; line-height:1.3em; text-align:left; font-weight:600; display:block; align-self:center; margin:0 1em 0 0;}
.footer-opt ul.opt { position:relative; text-align:left; height:auto;}
.footer-opt ul.opt li { padding:0; display:block; text-align:left;}
.footer-opt ul.opt strong { display:inline-block; padding:0 0 0 .5em; margin:0; font-weight:normal; text-align:left; }
.footer-opt ul.opt li a:link,.footer-opt ul.opt li a:visited { color:var(--color-white); text-align:left; white-space:nowrap; font-size:1.2em; }
.footer-opt ul.opt li a:hover,.footer-opt ul.opt li a:focus { color:var(--color-light-gold); text-decoration:none; }
.footer-opt ul.opt li a:link[class^="icon-"]:before, .footer-opt ul.opt li a:link[class*=" icon-"]:before,
.footer-opt ul.opt li a:visited[class^="icon-"]:before, .footer-opt ul.opt li a:visited[class*=" icon-"]:before{ font-size:2rem; line-height:30px; width:30px; height:30px; display:inline-block; vertical-align:middle; text-align:center; }
.footer-opt ul.opt li a:hover[class^="icon-"]:before, .footer-opt ul.opt li a:hover[class*=" icon-"]:before { color:var(--color-light-gold) !important; border-radius:var(--border-radius); }

.footer-menu { position:relative; padding:0; margin:2em 0 0; width:auto; text-align:center; z-index:0; }
.footer-menu.line { padding:2em 1em 1em 1em; border-top:1px solid var(--color-grey); }
.footer-menu ul { position:relative; display:flex; flex-wrap:wrap; padding:0; margin:0; width:100%; list-style-type:none; list-style-image:none; text-align:left; }
.footer-menu.center ul { text-align:center; }
.footer-menu ul li { position:relative; margin:0 calc(0.5 * var(--gap)) calc(0.5 * var(--gap)) 0; padding:0; display:inline-block; list-style:none; }
.footer-menu ul li li { margin:0 1em 1em 0;}
.footer-menu.block ul li { display:block; margin:0 0 calc(0.5 * var(--gap)) 0; }
.footer-menu ul li.line { width:100%; border-top:1px solid var(--color-grey); padding:calc(0.5 * var(--padding)) 0 0 0; }
.footer-menu a:link,.footer-menu a:visited { position:relative; display:inline-block; padding:0; margin:0; font-family:var(--font); font-size:1.2em; line-height:1em; color:var(--color-white); text-decoration:none; font-weight:400; text-transform:none; text-align:left; }
.footer-menu a:hover, .footer-menu a:active, .footer-menu a:focus { color:var(--color-light-gold); outline:0; text-decoration:underline; transition-duration:0.6s;}
.footer-menu a[class^="icon-"], .footer-menu a[class*=" icon-"] { padding:0 0 0 25px !important;}
.footer-menu a[class^="icon-"]:before, .footer-menu a[class*=" icon-"]:before { font-family:var(--font-icon); display:block; font-size:1.2em; line-height:1.2em; text-decoration:none; font-weight:400; position:absolute; top:50%; left:0; transform:var(--hcenter); text-align:center;}
.footer-menu ul ul { display:block; text-align:left; margin:0; padding:1em; font-size:0.9em; }
.footer-menu ul ul li { width:auto; float:none; display:block;}

/* slider */
.slider { position:relative; width:auto; min-height:var(--slider-min-height); max-height:var(--slider-max-height); background-color:var(--color-black); overflow:hidden; margin:0; padding:0; transition-duration:3s; }
.slider div.slider_wraper { position:relative; width:100%; height:100%; padding:0; margin:0; overflow:hidden; }
.slider .item { display:none; position:relative; width:100%; height:100%; padding:0; text-align:left; overflow:hidden; 
	-webkit-transition: 1s ease-in-out left;
	-o-transition: 1s ease-in-out left;
	transition: 1s ease-in-out left }
.slider .item.active, .slider .item.next, .slider .item.prev { display:block; }
.slider .item.active { left:0; opacity:1; }
.slider .item.next, .slider .item.prev { position:absolute; top:0; width:100% }
.slider .item.next { left:100%; opacity:1; }
.slider .item.prev { left:-100%; opacity:1; }
.slider .item.next.sliderLeft, .slider .item.prev.sliderRight { left:0; opacity:0; }
.slider .item.active.sliderLeft { left:-100%; opacity:0; }
.slider .item.active.sliderRight { left:100%; opacity:0; }
@media all and (transform-3d), (-webkit-transform-3d) {
	.slider .item {
		-webkit-transition: -webkit-opacity 1s ease-in-out;
		-o-transition: -o-opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
		-webkit-backface-visibility:hidden; backface-visibility:hidden;
		-webkit-perspective:1000px; perspective:1000px;
	}
	.slider .item.active.sliderRight, .slider .item.next { left:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:0; }
	.slider .item.active.sliderLeft, .slider .item.prev { left:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:0; }
	.slider .item.active, .slider .item.next.sliderLeft, .slider .item.prev.sliderRight { left:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1; }
}
.slider .item .info { position:absolute; top:0; left:0; padding:10% 0; margin:0; width:100%; height:100%; display:flex; align-items:flex-end; box-sizing:border-box; z-index:2; }
.slider .item.next .info,.slider .item.prev .info { animation:fadeIn 1s ease 1s 1 backwards; }
.slider .item.active .info { animation:fadeIn .7s ease 1s 1 forwards; }
.slider .item .info .padding { position:relative; width:100%; height:auto; padding:0; box-sizing:border-box; text-align:center; z-index:2; }
.slider .item .info .padding a[class^="icon-"], .slider .item .info .padding a[class*=" icon-"] { padding:100px 0 0 0; }
.slider .item .info .padding a[class^="icon-"]:before, .slider .item .info .padding a[class*=" icon-"]:before { position:absolute; top:0; left:0; width:70px; height:70px; text-align:center; display:block; margin:0; z-index:1; background-color:var(--color-gold); border:0; border-radius:100%; text-align:center; vertical-align:middle; font-size:2rem; line-height:70px; color:var(--color-white); }
.slider .item .info h3 { position:relative; display:block; padding:0; margin:0; font-family:var(--font-header); font-size:2.6em; line-height:1.2em; font-weight:700; letter-spacing:0; text-align:left; color:var(--color-white); text-transform:none; text-shadow:var(--text-shadow-dark); }
.slider .item .info h3.s { font-size:2em; }
.slider .item .info p { position:relative; display:block; padding:0; margin:1em 0; font-family:var(--font); font-size:1.2em; line-height:1.6em; color:var(--color-white); font-weight:400; text-align:left; border:0; text-shadow:var(--text-shadow-dark); }
.slider .item .info .date { position:relative; display:block; margin:0.5em 0; padding:0; font-family:var(--font); font-size:1.3rem; line-height:1.3rem; color:var(--color-black); font-weight:500; letter-spacing:0.03em; text-align:left; z-index:2; }
.slider .item .info .date:before { font-family:var(--font-icon); content:"\e015"; color:var(--color-black); font-size:1.3rem; line-height:1.3rem; position:relative; display:inline-block; padding:0 5px 0 0; margin:0; vertical-align:middle; transition-duration:1s; }
.slider .item .imgwraper { width:100%; height:100%; padding:0; box-sizing:border-box; overflow:hidden; display:block; margin:0; background-size:cover; background-position:top center; background-repeat:no-repeat; z-index:2; transition-duration:1s; }
.slider .item .imgwraper img,.slider .item .imgwraper video { object-fit:cover; object-position:center; border:0; width:100%; height:var(--slider-max-height); animation:zoomOutImg 1s ease 0s 1 backwards; }
.slider:hover .imgwraper img { animation:zoomInImg 1s ease .2s 1 forwards; }
.slider .item .imgwraper .img { overflow:hidden; z-index:0; }
.slider .item .imgwraper[class^="gradient-"]:before,.slider .item .imgwraper[class*=" gradient-"]:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:1; mix-blend-mode:multiply; }
.slider .item .imgwraper.gradient-bottom:before { background:var(--gradient-bottom); }
.slider .item .imgwraper.gradient-top:before { background:var(--gradient-top); }
.slider .item .iconSmall {display:inline-block; vertical-align:middle;}
.slider .item a:link,.slider .item a:visited { position:relative; display:block; padding:0; font-size:1em; border:0; color:var(--color-white); text-align:center; text-decoration:none; transition-duration:1s; }
.slider .item a:focus { transition-duration:0.3s; outline-color:var(--color-grey); font-size:1em;}
.slider .item a:hover h3, .slider .item a:active h3, .slider .item a:focus h3 { color:var(--color-light-gold); transition-duration:1s;}
.slider .item a:hover p, .slider .item a:active p, .slider .item a:focus p { color:var(--color-light-gold); transition-duration:1.3s;}
.slider-nav { position:absolute; bottom:5%; left:50%; transform:var(--vcenter); width:calc(100% - 2 * var(--inside)); padding:0 0 1em; margin:0; text-align:center; z-index:1; }
.slider-nav ul { margin:0; padding:0; display:flex; justify-content:flex-end; }
.slider-nav ul li { position:relative; display:block; padding:0; margin:0 5px; width:9px; height:9px; }
.slider-nav ul li:before { content:""; position:absolute; top:50%; left:50%; transform:var(--center); width:9px; height:9px; border:1px solid var(--color-white); box-sizing:border-box; border-radius:100%; z-index:-1; transition: all 0.4s ease-in; }
.slider-nav ul li a:link,.slider-nav ul li a:visited { position:relative; display:block; overflow:hidden; color:var(--color-white); font-size:0; text-indent:-100em; text-decoration:none; background:transparent; width:100%; height:100%; border:0; padding:0; }
.slider-nav ul li a:before { content:""; position:absolute; top:50%; left:50%; transform:var(--center); width:5px; height:5px; border-radius:100%; background:var(--color-white); z-index:2; opacity:0;}
.slider-nav ul li a:hover,.slider-nav ul li a:focus { color:var(--color-text-highlight); opacity:1; }
.slider-nav ul li a:hover:before,.slider-nav ul li a:focus:before,.slider-nav ul li.active a:before { transition-duration:0.6s; }
.slider-nav ul li.active:before { border:1px solid var(--color-white);}
.slider-nav ul li.active a:before { opacity:1; transition-duration:0.6s; }
.slider-previous,.slider-next,.slider-pause { position:absolute; bottom:15%; z-index:3; width:40px; height:40px; transition-duration:0.6s; }
.slider-previous { right:calc(var(--inside) + 55px); }
.slider-next { right:var(--inside); }
.slider-pause { display:none; right:20px; top:auto; bottom:20px; width:30px; height:30px; font-size:0.7em;}
.slider:hover .slider-previous, .slider:hover .slider-next { transition-duration:0.6s;}
.slider-previous a:link,.slider-previous a:visited,
.slider-next a:link,.slider-next a:visited,
.slider-pause a:link,.slider-pause a:visited { position:relative; display:block; width:100%; height:100%; text-decoration:none; font-size:1em; color:var(--color-white); background-color:transparent; border:2px solid var(--color-light-grey); border-radius:100%; }
.slider-previous a:before,.slider-next a:before ,.slider-pause a:before { content:"\e000"; font-family:var(--font-icon); font-size:2em; line-height:1em; color:var(--color-light-grey); text-align:center; position:absolute; top:50%; transform:var(--hcenter); left:0; width:100%; }
.slider-next a:before { content:"\e001"; }
.slider-pause a:before { content:"\e051"; font-size:4em; }
.slider-previous a:active,.slider-previous a:hover,.slider-previous a:focus,
.slider-next a:active,.slider-next a:hover,.slider-next a:focus,
.slider-pause a:active,.slider-pause a:hover,.slider-pause a:focus,.slider-pause.play a { background-color:var(--color-main); }
.slider-previous a:hover:before,.slider-previous a:focus:before,.slider-next a:hover:before,.slider-next a:focus:before,.slider-pause a:hover:before,.slider-pause a:focus:before,.slider-pause.play a:before { color:var(--color-white); }
.slider-pause.play a:before { content:"\e028"; }
.slider-previous a span,.slider-next a span,.slider-pause a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0em; }
.slider span.more { position:relative;display:inline-block; padding:0.5em 1em; margin:1em auto 0; font-family:var(--font); font-size:1em; color:var(--color-white); font-weight:normal; text-align:center; text-transform:none; text-decoration:none; white-space:nowrap; border:1px solid var(--color-white); cursor:pointer; background:transparent; box-decoration-break:clone; }
.slider span.more:after { position:relative; display:inline-block; float:none; margin:0; padding:0; content:""; font-size:0.8em; line-height:1em; }
.slider a:hover span.more,.slider a:active span.more,.slider a:focus span.more { color:var(--color-beige); }
/*fix*/
.slider.article { min-height:var(--slider-article-min-height); max-height:var(--slider-article-max-height); background-color:var(--color-body-bg); border:1px solid var(--color-light-grey);}
/*.slider.article .item .info { height:var(--slider-article-max-height); } */
.slider.article .item .imgwraper img,.slider .item .imgwraper video { height:var(--slider-article-max-height); object-fit:cover; }
.slider.article .item .imgwraper img.issue,.slider .item .imgwraper video.issue { object-fit:contain; }
.slider.article .slider-nav ul { justify-content:center; }
.slider.article .slider-previous,.slider.article .slider-next { bottom:5%; }
.slider.article .slider-previous { right:calc(var(--inside-wide) + 55px); }
.slider.article .slider-next { right:var(--inside-wide); }
/*------*/
.slider.homepage .slider-nav { border-bottom:1px solid var(--color-white); }
/*------*/
.slider.issue { background-color:var(--color-red); }
.slider.issue .slider-nav ul { justify-content:flex-start; }
.slider.issue .item .info { align-items: center; }
.slider.issue .item .info { position:absolute; top:0; left:auto; right:0; padding:10% 0; margin:0; width:50%; background-color:var(--color-red); }
.slider.issue .item .info h3 {  font-size:2.6em; text-shadow:none; }
.slider.issue .item .info p {  font-size:1.2em; text-shadow:none; }
.slider.issue .item .imgwraper { width:50%; }
.slider.issue .item a:hover h3 { color:var(--color-white); }
.slider.issue .item a:hover p{ color:var(--color-text-white); }

/* carusel */
.carusel { position:relative; overflow:visible; width:100%; height:auto; padding:0 60px 0; box-sizing:border-box; margin:0 auto; }
.carusel-overlay { position:relative; width:100%; overflow:hidden; height:100%; padding:0; margin:0; }
.carusel-wraper {position:relative; top:0; left:0; width:100000px; z-index:0;}
.carusel .okno ul { display:flex; }
.carusel .okno li { margin:0; display:block; padding:0 calc(0.5 * var(--gap)); }
/* przyciski */
.carusel-previous,.carusel-next { position:absolute; top:40%; z-index:5; cursor:pointer; width:40px; height:40px; transition-duration:0.6s; }
.carusel-previous { left:1px }
.carusel-next { right:1px; }
.carusel-previous a:link,.carusel-previous a:visited,
.carusel-next a:link,.carusel-next a:visited { position:relative; display:block; width:100%; height:100%; border:2px solid var(--color-text); opacity:1; text-decoration:none; font-size:1em; color:var(--color-text); background-color:transparent; border-radius:100%; }
.carusel-previous a:before,.carusel-next a:before { font-family:var(--font-icon); content:"\e084"; font-size:1.4rem; line-height:1em; position:absolute; top:50%; transform:var(--hcenter); left:0; width:100%; background-color:transparent; text-align:center; }
.carusel-next a:before { content:"\e085"; }
.carusel-previous a:active,.carusel-previous a:hover,.carusel-previous a:focus,
.carusel-next a:active,.carusel-next a:hover,.carusel-next a:focus { background-color:var(--color-dark-bg); }
.carusel-previous a:hover:before,.carusel-previous a:focus:before,.carusel-next a:hover:before,.carusel-next a:focus:before { color:var(--color-white); }
.carusel-previous a span,.carusel-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0; }
.carusel-previous a.end,.carusel-next a.end {opacity:0.5; transition-duration:0.6s;}

/*newsscroller*/
.newsscroller { position:relative; display:block; padding:0; margin:0; width:auto; height:auto; background:var(--color-white); border-bottom:2px solid var(--color-yellow); overflow:hidden; white-space:nowrap; z-index:0; }
.newsscroller .inside { margin:0; padding:1em 0; overflow:hidden;}
.newsscroller h3 { position:absolute; top:0; left:0; padding:1.2em; margin:0; display:block; background:var(--color-yellow); z-index:2; text-align:left; font-weight:normal; text-transform:none; color:var(--color-black); font-size:1.4em; line-height:1em; text-transform:none; }
.newsscroller h3:before { font-family:var(--font-icon); content:"\e0dd"; color:var(--color-black); font-size:1.4em; line-height:1em; position:absolute; top:8px; left:5px; display:block; padding:0; margin:0; vertical-align:middle; text-align:center; transition-duration:1s; }
.newsscroller .list > a:link,.newsscroller .list > a:visited { font-family:var(--font); font-weight:normal; color:var(--color-black); font-size:1.2em; line-height:1em; text-decoration:none; padding:0.1em 1em; margin-left:30px; list-style:none; position:relative; }
.newsscroller .list > a:hover,.newsscroller .list > a:active,.newsscroller .list > a:focus{ color:var(--color-white); text-decoration:none; background:var(--color-main); }
.newsscroller .usun { position:absolute; top:0; right:0; padding:0; margin:0; z-index:2; }
.newsscroller .usun a:link, .newsscroller .usun a:visited { background-color:var(--color-yellow); color:var(--color-black);}
.newsscroller .usun a:hover, .newsscroller .usun a:focus { background-color:var(--color-grey);}
.newsscroller .usun a:before {color:var(--color-black);}

/* pinned */
.pinned { position:fixed; bottom:5em; left:0; width:auto; z-index:10; opacity:1; transition-duration:1s; }
.pinned ul { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:center; z-index:1; }
.pinned ul li { position:relative; width:auto; height:auto; margin:2px; padding:0; display:block; list-style:none; }
.pinned a:link,.pinned a:visited { position:relative; display:block; width:40px; height:40px; padding:1em; box-sizing:border-box; background:var(--color-white); color:var(--color-main); box-shadow:var(--box-shadow-hover); text-decoration:none; }
.pinned a span:before { position:absolute; top:50%; left:50%; transform:var(--center); display:block; font-size:1.6em; line-height:1em; text-decoration:none; text-align:center; transition-duration:0.7s;}
.pinned a:hover,.pinned a:focus { background:var(--color-main); color:var(--color-white); bottom:5px; transition-duration:1.2s; }
.pinned a:hover:before,.pinned a:focus:before { color:var(--color-white);}

/* mark */
.iconSmall { position:relative; display:block; margin:0; width:36px; height:36px; z-index:1;font-size:1em; line-height:1em; background-color:var(--color-light-bg); border-radius:100%; }
.iconSmall[class^="icon-"]:after, .iconSmall[class*=" icon-"]:after { position:relative; content:""; display:block; margin:0; width:36px; height:36px; z-index:0; }
.iconSmall[class^="icon-"]:before, .iconSmall[class*=" icon-"]:before { position:absolute; top:50%; left:50%; transform:var(--center); width:100%; background-color:transparent; text-align:center; display:block; margin:0; z-index:1; border:0; font-size:1.7rem; line-height:1.7rem; font-family:var(--font-icon); }

/* BLOCKS */
.okno { margin:0; padding:0; width:auto; text-align:left; }
.okno.line { padding:var(--padding) 0 0; border-top:1px solid var(--color-main); }
.okno.small { font-size:0.8em;}
.okno > ul { margin:0; padding:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; float:none; }
.okno > ul > li { position:relative; padding:0; margin:0; margin-bottom:var(--gap); overflow:hidden; list-style:none; text-align:left; }
.okno > ul > li:last-child { border-bottom:0; }
.okno h3,.okno h4 { display:block; margin:0 0 0.5em 0; padding:0; font-family:var(--font); color:var(--color-text); font-weight:normal; text-align:left; text-decoration:none; font-size:1.4em; line-height:1em; }
.okno h4 { font-size:1.1em; }
.okno strong { display:block; margin:0; padding:0; font-family:var(--font); color:var(--color-text); font-weight:normal; text-align:left; text-decoration:none; text-transform:none; font-size:1.12em; line-height:1em; }
.okno p { display:block; font-family:var(--font); font-size:1.2em; line-height:1.3em; } 
.okno .date { position:relative; display:inline-flex; align-items:center;  margin:0 0 1em 0; padding:0; font-family:var(--font); color:var(--color-text); font-size:1em; line-height:1em; font-weight:400; text-align:left; z-index:2;}
.okno .date:before { font-family:var(--font-icon); content:"\e029"; color:var(--color-text); font-size:1rem; line-height:1rem; font-weight:400; position:relative; display:inline-block; vertical-align:top; padding:0; margin:0 5px 0 0; text-align:center; transition-duration:1s; }
.okno .category { display:inline-block; padding:5px; background-color:var(--color-main); color:var(--color-white);  }
.okno .imgwraper .category { display:block; position:absolute; top:0; right:0; z-index:2; }
.okno .buttons { display:flex; justify-content:space-between; align-items:center; }
.okno .buttons .date { display:inline-block; float:none;}
.okno .buttons .more { display:inline-block; float:none;}
.okno .buttons .iconSmall { position:relative; top:0; left:0; transform:translate(0,0); border:1px solid var(--color-light-grey); padding:5px; border-radius:100%;}
.okno .iconSmall { position:absolute; top:50%; left:50%; transform:var(--center); }
.okno .iconSmall:before { color:var(--color-main); }
.okno .imgwraper,.imgwraper { position:relative; display:block; padding:0; margin:0; overflow:hidden; background-position:center; background-size:cover }
.okno .imgwraper img,.imgwraper img { border:0; width:100%; height:auto; }
.okno .imgwraper.border,.imgwraper.border { padding:0; border:1px solid var(--color-light-grey)}
.okno .imgwraper.greyscale,.imgwraper.greyscale { filter:var(--greyscale); }
.okno ul li.w h3 { color:var(--color-main);}
.okno ul li a:link,.okno ul li a:visited { display:block; box-sizing:border-box; text-decoration:none; line-height:1.1em; }
.okno ul li a:hover,.okno ul li a:active,.okno ul li a:focus,
.okno ul li a:hover h3,.okno ul li a:active h3,.okno ul li a:focus h3 { color:var(--color-text-highlight); text-decoration:none; /*outline:0;*/ }
.okno ul li a:hover p ,.okno ul li a:focus p { color:var(--color-text-highlight); }
.okno ul li a:hover .date, .okno ul li a:focus .date { color:var(--color-text-highlight); text-decoration:none; transition-duration:0.3s; }
.okno ul li a:hover .imgwraper.greyscale { filter:var(--greyscale--); }
/* line */
.okno ul li.line { padding:var(--padding) 0; margin:0; border-bottom:1px solid var(--color-light-grey) }
.okno ul li.line:last-child{ border-bottom:0; }
/* border */
.okno ul li.border a { padding:var(--padding); border:1px solid var(--color-light-grey); }
/* news */
.okno ul li.news { display:block; margin:0 0 var(--gap) 0; text-align:center; overflow:visible; }
.okno ul li.news:nth-child(2n) {animation-delay:.2s; }
.okno ul li.news.border a { border:1px solid var(--color-light-grey); border-radius:var(--border-radius); padding:0; }
.okno ul li.news .content { position:relative; text-align:left; margin:0 auto 0 auto; padding:2em; width:100%; flex-shrink:0.5; box-sizing:border-box; background-color:var(--color-light-bg); }
.okno ul li.news h3 { position:relative; display:inline-block; padding:0; margin:0; font-family:var(--font-header); font-size:1.5em; line-height:1.2em; font-weight:400; text-transform:none; text-align:left; color:var(--color-text); }
.okno ul li.news.border h3:before { content:""; position:absolute; bottom:0; left:0; width:20%; height:1px; z-index:0; transition: all 0.2s ease-out; background:var(--color-main); }
.okno ul li.news p { position:relative; margin:1em 0 0; font-family:var(--font); font-size:1.2em; line-height:1.3em; font-weight:400; color:var(--color-text); text-align:left; border:0; }
.okno ul li.news a:link,.okno ul li.news a:visited { display:flex; align-items:stretch; justify-content:space-between; flex-direction:column; position:relative; color:var(--color-main); background-color:var(--color-light-bg); padding:0; transition-duration:0.6s; min-height:100%; overflow:hidden; }
.okno ul li.news a:hover h3,.okno ul li.news a:active h3,.okno ul li.news a:focus h3 { color:var(--color-text-highlight); text-decoration:none; transition: all 0.3s ease-out; }
.okno ul li.news a:hover, .okno ul li.news a:active, .okno ul li.news a:focus { box-shadow:var(--box-shadow-hover); -webkit-transition: all 0.3s ease-out; } 
.okno ul li.news a:hover p, .okno ul li.news a:focus p, .okno ul li.news a:hover .date, .okno ul li.news a:focus .date, .okno ul li.news a:hover .date:before ,.okno ul li.news a:focus .date:before { color:var(--color-text-highlight); }
.okno ul li.news a:hover .imgwraper ,.okno ul li.news a:focus .imgwraper { opacity:0.7; z-index:0; border-radius:0; transition: all 0.5s ease-out;}
.okno ul li.news a:hover .more,.okno ul li.news a:focus .more { animation:fadeIn 0.6s ease-out forwards;}
.okno ul li.news a .imgwraper { position:relative; width:100%; min-height:200px; aspect-ratio: 4 / 3; padding:0; overflow:hidden; box-sizing:border-box; border-radius:var(--border-radius); display:block; margin:0; background-position:center center; background-size:cover; text-align:center; }
.okno ul li.news a .imgwraper img { width:100%; height:100%; object-fit:cover; object-position:center; transition: all 0.8s ease-in;}
.okno ul li.news a .imgwraper .iconSmall { top:50%; left:50%; right:auto; transform:var(--center); }
.okno ul li.news a .imgwraper .iconSmall:before { color:var(--color-text); font-size:2rem; }
.okno ul li.news .buttons .iconSmall { position:relative; top:0; left:0; transform:translate(0,0); border:1px solid var(--color-light-grey); padding:5px; border-radius:100%;}
.okno ul li.news .imgwraper .date { position:absolute; bottom:0; left:0; transform:translate(0,0); background-color:var(--color-extra-light-navy); border-radius:var(--border-radius-button); margin:0; padding:5px }
.okno ul li.news .more { position:absolute; bottom:0; right:0; display:block; margin:0; padding:0; opacity:0; }
.okno ul li.news.inLine a { display:flex; align-items:stretch; flex-direction:row; }
.okno ul li.news.inLine .content { margin:0; flex-shrink:1; align-items:center; display:flex; flex-direction:column; justify-content:center; }
.okno ul li.news.inLine a .imgwraper { width:60%; flex-shrink:0; order:2; }
.okno ul li.news.inLine h3 { font-size:2em; font-weight:600; }
/* list + photo */
.okno ul li.list { display:block; margin:0 0 var(--gap) 0; text-align:left; overflow:visible; }
.okno ul li.list .content { position:relative; display:inline-block; margin:0; padding:calc(0.5 * var(--padding)); width:100%; box-sizing:border-box; }
.okno ul li.list h3 { position:relative; display:block; padding:0; margin:0; font-family:var(--font); font-size:1.4em; line-height:1.2em; font-weight:600; text-align:left; color:var(--color-text); }
.okno ul li.list p { position:relative; padding:0; margin:1em 0; font-family:var(--font); font-size:1.2em; line-height:1.1em; color:var(--color-text); font-weight:400; text-align:left; border:0; }
.okno ul li.list a:link,.okno ul li.list a:visited { position:relative; display:flex; align-items:flex-start; align-items:center; color:var(--color-text); padding:0; background-color:var(--color-light-bg); min-height:100%; border:0; transition-duration:0.6s; overflow:visible; }
.okno ul li.list a:hover,.okno ul li.list a:focus { transition-duration:0.6s; border-color:var(--color-text-highlight); }
.okno ul li.list a:hover h3,.okno ul li.list a:active h3,.okno ul li.list a:focus h3 { color:var(--color-text-highlight); text-decoration:none; transition: all 0.3s ease-out; }
.okno ul li.list a:hover p ,.okno ul li.list a:focus p { color:var(--color-text-highlight); }
.okno ul li.list a:hover .imgwraper:before ,.okno ul li.list a:focus .imgwraper:before { opacity:1; z-index:0; transition: all 0.8s ease-out;}
.okno ul li.list a .imgwraper { position:relative; display:inline-block; flex-shrink:0; width:30%; padding:0; margin:0; overflow:visible; }
.okno ul li.list a .imgwraper:before { content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; display:block; background-color:rgba(255,255,255,0.25); transition:all 0.3s ease-out; }
.okno ul li.list a .imgwraper img { width:100%; height:100%; aspect-ratio: 4 / 3; object-fit:cover; object-position:center; transition:all 0.8s ease-in; }
.okno ul li.list .more { position:absolute; bottom:0; right:0; display:block; margin:0; padding:0; opacity:0; }
/* box  */
.okno ul li.box { display:block; margin:0 0 var(--gap) 0; text-align:left; overflow:visible; }
.okno ul li.box:nth-child(2n) {animation-delay:.2s }
.okno ul li.box .content { position:relative; display:flex; align-items:flex-start; flex-direction:column; margin:0; padding:calc(0.25 * var(--padding)); width:100%; background-color:var(--color-main); box-sizing:border-box; text-align:left; z-index:1; transition: all 0.8s ease-out; }
.okno ul li.box .content.offset { padding-right:40px;}
.okno ul li.box h3,.okno ul li.box h2 { position:relative; display:block; padding:0; margin:0 0 0.5em 0; font-family:var(--font); color:var(--color-white); font-size:1.3em; line-height:1.4em; font-weight:400; text-align:left; transition-duration:0.6s; } 
.okno ul li.box strong { text-align:left;}
.okno ul li.box p { position:relative; display:block; margin:1em 0 0 0; font-family:var(--font); font-size:1.2em; line-height:1.2em; color:var(--color-white); font-weight:400; text-align:left; border:0; }
.okno ul li.box h3[class^="icon-"]:before, .okno ul li.box h3[class*=" icon-"]:before { font-family:var(--font-icon); position:relative; font-size:1.2rem; line-height:20px; text-align:left; display:inline-block; width:30px; height:30px; }
.okno ul li.box a:link,.okno ul li.box a:visited,.okno ul li.box a:link,.okno ul li.box .a { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:100%; padding:calc(0.5 * var(--padding)); border:0; overflow:visible; background-color:var(--color-main); border:0; border-radius:var(--border-radius); box-shadow:var(--box-shadow); transition-duration:0.6s; }
.okno ul li.box .a a:link,.okno ul li.box .a a:visited { border:0; border-radius:0; box-shadow:none; }
.okno ul li.box.noBorder > a,.okno ul li.box.noBorder > .a { border:0; box-shadow:var(--box-shadow-hover); }
.okno ul li.box a:hover,.okno ul li.box a:focus { box-shadow:var(--box-shadow-hover); border-color:var(--color-text-highlight); transition-duration:0.6s; }
.okno ul li.box a:hover h3,.okno ul li.box a:active h3,.okno ul li.box a:focus h3,.okno ul li.box a:hover h2,.okno ul li.box a:active h2,.okno ul li.box a:focus h2 { color:var(--color-extra-light-gold); text-decoration:none; transition: all 0.8s ease-out; }
.okno ul li.box a:hover p ,.okno ul li.box a:focus p { display:block; height:auto; color:var(--color-extra-light-gold); }
.okno ul li.box a:hover .content ,.okno ul li.box a:focus .content { transition: all 0.5s ease-out; }
.okno ul li.box .more { position:absolute; bottom:0; right:0; display:block; margin:0; padding:0; opacity:0; }
.okno ul li.box a .imgwraper,.okno ul li.box .a .imgwraper { position:relative; width:100%; min-height:100px; aspect-ratio: 16 / 9; margin:0; padding:0; display:inline-block; overflow:hidden; text-align:center; background-position:top center; background-repeat:no-repeat; background-size:cover; }
.okno ul li.box a .imgwraper.noResize { background-size:100% auto;}
.okno ul li.box a .imgwraper.moveUp { top:-30px; }
.okno ul li.box a .imgwraper img { width:100%; height:100%; object-fit:cover; object-position:center; transition: all 0.8s ease-in; }
.okno ul li.box a .imgwraper .iconSmall { top:50%; left:50%; right:auto; transform:var(--center); }
.okno ul li.box a .iconSmall { top:calc(0.25 * var(--padding)); right:0; left:auto; transform:translate(0,0); }
.okno ul li.box a .category { position:absolute; top:0; right:auto; left:-0; transform:var(--hcenter); }
.okno ul li.box .more { position:absolute; bottom:0; right:0; display:block; margin:0; padding:0; opacity:0; color:var(--color-white); }
/*fix box*/
.okno ul li.box.navy a:link,.okno ul li.box.navy a:visited,.okno ul li.box.navy a:link,.okno ul li.box.navy .a { background-color:var(--color-extra-light-navy);}
.okno ul li.box.navy .content { background-color:var(--color-extra-light-navy);}
.okno ul li.box.navy h3 { color:var(--color-text); }
.okno ul li.box.navy p { color:var(--color-text);}
.okno ul li.box.navy a:hover h3,.okno ul li.box.navy a:active h3,.okno ul li.box.navy a:focus h3,.okno ul li.box.navy a:hover h2,.okno ul li.box.navy a:active h2,.okno ul li.box.navy a:focus h2,
	.okno ul li.box.navy a:hover p ,.okno ul li.box.navy a:focus p { color:var(--color-text-hightlight); }
.okno ul li.box.navy a .iconSmall { background-color:var(--color-text-hightlight); }
.okno ul li.box.navy a .iconSmall:before { color:var(--color-text); }
.okno ul li.box.navy .more { color:var(--color-text); }
/*fix box*/
.okno ul li.box.gold a:link,.okno ul li.box.gold a:visited,.okno ul li.box.gold a:link,.okno ul li.box.gold .a { background-color:var(--color-extra-light-gold);}
.okno ul li.box.gold .content { background-color:var(--color-extra-light-gold);}
.okno ul li.box.gold h3 { color:var(--color-text); }
.okno ul li.box.gold p { color:var(--color-text);}
.okno ul li.box.gold a:hover h3,.okno ul li.box.gold a:active h3,.okno ul li.box.gold a:focus h3,.okno ul li.box.gold a:hover h2,.okno ul li.box.gold a:active h2,.okno ul li.box.gold a:focus h2,
	.okno ul li.box.gold a:hover p ,.okno ul li.box.gold a:focus p { color:var(--color-text); }
.okno ul li.box.gold a .iconSmall { background-color:var(--color-light-gold); }
.okno ul li.box.gold a .iconSmall:before { color:var(--color-text); }
.okno ul li.box.gold .more { color:var(--color-text); }
/*fix box */
.okno ul li.box.grey a:link,.okno ul li.box.grey a:visited,.okno ul li.box.grey a:link,.okno ul li.box.grey .a { background-color:var(--color-light-grey);}
.okno ul li.box.grey .content { background-color:var(--color-light-grey);}
.okno ul li.box.grey h3 { color:var(--color-text); }
.okno ul li.box.grey p { color:var(--color-text);}
.okno ul li.box.grey a:hover h3,.okno ul li.box.grey a:active h3,.okno ul li.box.grey a:focus h3,.okno ul li.box.grey a:hover h2,.okno ul li.box.grey a:active h2,.okno ul li.box.grey a:focus h2,
	.okno ul li.box.grey a:hover p ,.okno ul li.box.grey a:focus p { color:var(--color-text); }
.okno ul li.box.grey a .iconSmall { background-color:var(--color-light-grey); }
.okno ul li.box.grey a .iconSmall:before { color:var(--color-text); }
.okno ul li.box.grey .more { color:var(--color-text); }
/* icons */
.okno ul li.icon { display:block; margin:0 0 var(--gap) 0; text-align:center; overflow:visible; }
.okno ul li.icon:nth-child(2n) {animation-delay:.2s }
.okno ul li.icon .content { position:relative; display:inline-block; margin:var(--margin) var(--margin) 0; padding:0; text-align:center; box-sizing:border-box; border:0; }
.okno ul li.icon h3 { position:relative; display:block; padding:0; margin:0; font-size:1.2em; line-height:1.2em; font-weight:700; text-align:center; text-transform:none; color:var(--color-dark-grey); }
.okno ul li.icon p { position:relative; padding:calc(0.5 * var(--padding)) 0 0; margin:0; font-size:1.4em; line-height:1.2em; color:var(--color-grey); text-align:center; border:0; }
.okno ul li.icon > a { position:relative; display:inline-block; min-height:100%; color:var(--color-text); padding:0; border:0; border-radius:var(--border-radius); transition-duration:0.6s; overflow:hidden; text-align:left; }
.okno ul li.icon > a:link,.okno ul li.icon > a:visited { display:flex; flex-direction:column; justify-content:flex-start; align-items:center; align-content:center;}
.okno ul li.icon.big > a { font-size:1.4em !important}
.okno ul li.icon.small a .imgwraper { width:50px; height:50px; font-size:0.5em; }
.okno ul.inLine li.icon .content { margin:calc(0.5 * var(--margin)); text-align:left; }
.okno ul.inLine li.icon > a:link,.okno ul.inLine li.icon > a:visited { display:flex; align-items:center; flex-direction:row;}
.okno ul.inLine li.icon h3 { font-size:1.4em; text-align:left; }
.okno ul.inLine li.icon p { font-size:1.1em; text-align:left; }
.okno ul.inLine li.icon a .imgwraper { width:100px; height:100px; }
.okno ul li.icon a:hover,.okno ul li.icon a:focus { transition-duration:0.6s; }
.okno ul li.icon a:hover .content:after, .okno ul li.icon a:focus .content:after { transition-duration:0.6s; background-color:var(--color-light-bg); }
.okno ul li.icon a:hover h3, .okno ul li.icon a:active h3,.okno ul li.icon a:focus h3 { color:var(--color-grey); text-decoration:none; transition: all 0.3s ease-out; }
.okno ul li.icon a:hover p , .okno ul li.icon a:focus p { color:var(--color-grey); }
.okno ul li.icon a:hover .imgwraper ,.okno ul li.icon a:focus .imgwraper { opacity:1; background-size:auto 180%; transition: all 0.8s ease-out;}
.okno ul li.icon a .iconSmall { width:100%; height:100%; }
.okno ul li.icon a .iconSmall[class^="icon-"],.okno ul li.icon a .iconSmall[class*=" icon-"] { }
.okno ul li.icon a .iconSmall[class^="icon-"]:before,.okno ul li.icon a .iconSmall[class*=" icon-"]:before { font-size:2rem; line-height:1em; color:var(--color-white); transition:all 0.6s ease-in; }
.okno ul li.icon a:hover .iconSmall[class^="icon-"],.okno ul li.icon a:hover .iconSmall[class*=" icon-"] { background-color:var(--color-light-gold); }
.okno ul li.icon a:hover .iconSmall[class^="icon-"]:before,.okno ul li.icon a:hover .iconSmall[class*=" icon-"]:before { font-size:4.5em; line-height:1em; color:var(--color-extra-light-gold); transition:all 0.6s ease-out; }
.okno ul li.icon a .imgwraper { position:relative; width:90px; height:90px; flex-shrink:0; aspect-ratio: 1 / 1; overflow:hidden; display:inline-block; margin:0 auto; padding:10px; background-color:var(--color-gold); background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:100%; transition: all 0.8s ease-out; }
.okno ul li.icon a .imgwraper img { width:100%; height:100%; object-fit:cover; object-position:center; transition: all 0.8s ease-in; z-index:0;}
.okno ul li.icon .more { margin:2em; text-align:center; }
.okno ul li.icon .iconSmall { background-color:transparent}
.okno ul li.icon .subcontent { display:none; position:absolute; left:0; top:0; margin:0; z-index:5; width:100%; box-sizing:border-box; padding:2em; box-shadow:var(--box-shadow-hover); background-color:var(--color-light-grey); }
.okno ul li.icon.active .subcontent { display:block; }
.okno ul li.icon .subcontent .usun { position:absolute; right:20px; top:10px;}
.okno ul li.icon .subcontent ul > li a:hover h4,.okno .subcontent ul > li a:focus h4 { color:var(--color-white);}
/* arrows */
.okno ul li.arrow { margin:0 0 var(--gap) 0; padding:0; text-align:left; overflow:visible; display:block; }
.okno ul li.arrow:last-child { border-bottom:0; }
.okno ul li.arrow.border a { border:1px solid var(--color-grey); border-radius:var(--border-radius); box-shadow:var(--box-shadow); }
.okno ul li.arrow a:link,.okno ul li.arrow a:visited { position:relative; color:var(--color-text); padding:1em 0 1em 70px; overflow:hidden; text-align:left; transition-duration:0.6s; }
.okno ul li.arrow a h3 { font-family:var(--font); font-size:1.6em; line-height:1.2em; display:inline-block; margin:0; font-weight:600; color:var(--color-text); }
.okno ul li.arrow a h3 span { display:block; margin:0; padding:0 0 0.4em; font-family:var(--font); color:var(--color-text-highlight); font-size:0.6em; line-height:1em; font-weight:normal; text-align:left; text-transform:none;}
.okno ul li.arrow a p { display:block; font-size:1.4em; line-height:1.2em; }
.okno ul li.arrow a:before { font-family:var(--font-icon); font-size:3rem; line-height:50px; text-align:center; font-weight:normal; color:var(--color-text); padding:0; width:50px; height:50px; position:absolute; top:50%; transform:var(--hcenter); left:0; z-index:1; }
/* flipped */
.okno ul li.flip { display:block; margin:0; text-align:left; overflow:hidden; perspective:1px; }
.okno ul li.flip .content { position:absolute; top:0; left:0; padding:0; width:100%; height:100%; margin:0; padding:0; transform-style:preserve-3d; }
.okno ul li.flip .content-front,.okno ul li.flip .content-back { position:absolute; top:0; left:0; padding:0; width:100%; height:100%; margin:0; padding:0; transform-style:preserve-3d; backface-visibility:hidden; }
.okno ul li.flip .content-front { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.okno ul li.flip .content-front * { color:var(--color-white);}
.okno ul li.flip .content-front .iconSmall { width:60px; height:60px; background-color:transparent; }
.okno ul li.flip .content-front .iconSmall:before { color:var(--color-white); font-size:3rem}
.okno ul li.flip .content-back { -webkit-transform:translate3d(-30%, 0, 0); transform:translate3d(-30%, 0, 0); transition:all 0.8s ease-in; }
.okno ul li.flip .content-back * { color:var(--color-extra-light-gold);}
.okno ul li.flip .content-back .iconSmall { position:relative; margin:10px 30px; top:auto; left:auto; transform:translate(0,0); background-color:transparent; }
.okno ul li.flip .content-back .iconSmall:before { color:var(--color-extra-light-gold); font-size:3rem}
.okno ul li.flip .content-back { position:absolute; top:0; left:0; padding:var(--padding) 0; width:100%; height:100%; text-align:right; }
.okno ul li.flip .content-back .label { position:relative; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; float:right; width:70%; height:100%; }
.okno ul li.flip h3 { position:relative; display:block; padding:0 30px 0.5em; margin:0; font-family:var(--font-header); font-size:1.6em; line-height:1em; font-weight:400; text-align:left; }
.okno ul li.flip p { position:relative; padding:0.5em 30px 0; margin:0; font-family:var(--font); font-size:1em; line-height:1em; text-align:left; border:0; }
.okno ul li.flip a { position:relative; display:block; padding:0; border:0; overflow:hidden; height:300px; border-radius:1px; transform-style:preserve-3d; }
.okno ul li.flip a:hover,.okno ul li.flip a:focus { border-color:var(--color-white); }
.okno ul li.flip a:hover .content-back ,.okno ul li.flip a:focus .content-back { transform:translate3d(-100%, 0, 0); transition: all 0.6s ease-in;}
.okno ul li.flip a:hover h3,.okno ul li.flip a:active h3,.okno ul li.flip a:focus h3 { text-decoration:none; color:var(--color-white); }
.okno ul li.flip a .imgwraper { position:absolute; top:0; left:0; width:100%; height:100%; aspect-ratio: 4 / 3; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center top; background-size:cover;}
.okno ul li.flip a .imgwraper:before { position:absolute; content:""; top:0; left:0; display:block; margin:0; width:100%; height:100%; z-index:0; border:0; background:rgba(255,255,255,0);}
.okno ul li.flip .content-back .imgwraper:before { background-color:var(--color-grey);}
.okno ul li:nth-child(2n-1).flip .content-back .imgwraper:before { background-color:var(--color-main);}
.okno ul li:nth-child(3n-1).flip .content-back .imgwraper:before { background-color:var(--color-red);}
.okno ul li:nth-child(4n-1).flip .content-back .imgwraper:before { background-color:var(--color-gold);}
.okno ul li.flip a img { width:100%; height:100%; object-fit: cover; object-position:center; transition: all 0.8s ease-in; margin:0 0 0.5em 0;}
.okno ul li.flip .more {position:absolute; bottom:10px; right:10px; }
/* box alternately*/
.okno ul li.alter { display:block; margin:var(--gap) auto; text-align:left; overflow:visible; }
.okno ul li.alter a .content { position:relative; float:right; width:55%;  padding:calc(1 * var(--padding)); box-sizing:border-box; overflow:hidden; display:block; margin:0; }
.okno ul li.alter h3 { margin:0; padding:2rem; font-size:3em; color:var(--color-black); text-align:center; }
.okno ul li.alter p { margin:0; padding:0; font-size:1.4em; color:var(--color-black); text-align:center; }
.okno ul li.alter p span { display:block; margin:0; padding:0; font-size:1em; color:var(--color-grey); }
.okno ul li.alter a { position:relative; color:var(--color-black); padding:0 !important; box-sizing:border-box; background:rgba(255,255,255,0.9); transition-duration:0.6s; min-height:400px; text-align:center; }
.okno ul li.alter a:hover,.okno ul li.alter a:focus { transition-duration:0.6s; border-color:var(--color-black); color:var(--color-grey); }
.okno ul li.alter a:hover:before,.okno ul li.alter a:focus:before { transition-duration:0.6s; background:rgba(0,0,0,0.5); }
.okno ul li.alter a:hover .content,.okno ul li.alter a:focus .content { margin-left:0; }
.okno ul li.alter a:hover .imgwraper,.okno ul li.alter a:focus .imgwraper { margin-left:0; transform:scale3d(1.05, 1.05, 1); }
.okno ul li.alter a .imgwraper { position:relative; float:left; width:40%; aspect-ratio: 4 / 3; min-height:100px; border:0; padding:0; overflow:hidden; display:block; margin:0; background-position:center center; background-size:cover; transform: scale3d(1, 1, 1); transition: all 0.8s ease-in; }
.okno ul li.alter a img { width:100%; height:100%; object-fit: cover; object-position:center; transition: all 0.8s ease-in; margin:0 0 0.5em 0; }
.okno ul li.alter:nth-child(even) a .content { float:left; }
.okno ul li.alter:nth-child(even) a .imgwraper { float:right; }
.okno ul li.alter .more { position:relative; margin:1em auto 0; }
/* terms */
.okno ul li.terms { display:block; margin:0 0 var(--gap) 0; padding:0; text-align:left; overflow:visible; }
.okno ul li.terms .content { position:relative; display:inline-block; margin:0; padding:calc(1 * var(--padding)); width:100%; height:auto; box-sizing:border-box; border-radius:var(--border-radius); border:1px solid var(--color-light-grey); background-color:var(--color-light-bg); }
.okno ul li.terms h3 { position:relative; display:block; padding:0; margin:0; font-family:var(--font); font-size:2em; line-height:1.2em; font-weight:500; text-align:left; color:var(--main-color); }
.okno ul li.terms p { position:relative; padding:0; margin:1em 0; font-family:var(--font); font-size:1.2em; line-height:1.1em; color:var(--main-grey); text-align:left; border:0; }
.okno ul li.terms > .a, .okno ul li.terms > a:link,.okno ul li.terms > a:visited { position:relative; display:flex; align-items:stretch; color:var(--main-color); padding:1em; border:0; background-color:var(--color-light-bg); transition-duration:0.6s; overflow:hidden; }
.okno ul li.terms a:hover,.okno ul li.terms a:focus { transition-duration:0.6s; border-color:var(--color-main); }
.okno ul li.terms .aside { position:relative; display:inline-block; background:var(--gradient); border-radius:var(--border-radius); flex-shrink:0; width:25%; min-height:100px; padding:0; margin:0 var(--margin) 0 0; overflow:hidden; }
.okno ul li.terms .aside p { position:relative; display:block; padding:.5em 1em; margin:0; font-family:var(--font); font-size:2.5em; line-height:1.1em; color:var(--color-white); text-align:center; border-bottom:1px solid var(--color-white); }
.okno ul li.terms .aside p:last-child { border:0;}
.okno ul li.terms .dane { margin-top:calc(1 * var(--gap));}
/* subcontent */
.okno .subcontent > ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
.okno .subcontent > ul > li { position:relative; padding:0; margin:0; overflow:hidden; list-style:none; text-align:left; }
.okno .subcontent > ul > li:last-child { border-bottom:0; }
.okno .subcontent > ul > li a { position:relative; display:block; height:auto; color:var(--color-main); padding:0.5em; margin:0; border:0; border-bottom:1px solid var(--color-grey); transition-duration:0.6s; overflow:hidden; }
.okno .subcontent > ul > li h4 { font-size:1em; line-height:1em; display:inline-block; margin:0; }
/*AJAX box */
.ajaxArea { padding:calc(0.5 * var(--padding)) !important; margin:0; text-align:left; overflow:visible; background:var(--color-light-bg); border:1px solid var(--color-light-grey); }
.ajaxArea a[class^="ajax_"], .ajaxArea a[class*=" ajax_"] { position:relative; font-size:1em; line-height:1em; padding:0 3em 0 0;}
.ajaxArea a[class^="ajax_"]:before, .ajaxArea a[class*=" ajax_"]:before { font-family:var(--font-icon); content:"\e001"; color:var(--color-text); font-size:1.4em; line-height:1em; position:absolute; top:50%; right:0; transform:var(--hcenter);  display:block; padding:0 0 0 0.2em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s;}
.ajaxArea a.up:before {content:"\e003"; color:var(--color-main); }
.ajaxArea h3 { margin:0; }
.ajaxTxt .page-options, .ajaxTxt .page-item, .ajaxTxt .head, .ajaxTxt .metadata, .ajaxTxt .buttons { display:none; }
.ajaxTxt .txt { padding:1em; }
.ajaxTxt .txt strong { display:inline-block; margin:0; padding:0; text-transform:none; }
.ajaxTxt .txt a:link,.ajaxTxt .txt a:visited { display:inline-block; }
.ajaxTxt .txt p { font-size:1em;}
.ajaxTxt .txt a.context {text-decoration:underline;}

/* fix IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .okno ul li.arrow a h3 { line-height:1.5;}
 .okno ul li.list h3 { line-height: 1.6; }
 .okno ul li.news h3 { line-height:1.4; }
 .okno ul li.box h3 { line-height:1.5; }
}

/* button */
.okno .more { position:relative; display:inline-block; margin:1em 0 0; padding:0.6em 2em; border:0 solid var(--color-main); background-color:transparent; white-space:nowrap; color:var(--color-main); overflow:hidden; border-radius:var(--border-radius-button); }
.okno .more.border { border-width:1px;}
.okno .more:after { position:relative; display:inline-block; text-align:center; margin:0; width:30px; height:30px; padding:0; overflow:visible; font-family:var(--font-icon); content:"\e085"; font-size:1.2em; line-height:30px; text-decoration:none; transition-duration:0.3s; }
.okno a:hover .more,.okno a:focus .more { animation:fadeIn 0.6s ease-out forwards; z-index:2;}
.okno a:hover .more:after ,.okno a:focus .more:after { }
/* button All */
.moreAll { position:relative; display:block; float:none; text-align:right; padding:0; margin:var(--gap) 0; z-index:1 }
.moreAll a:link,.moreAll a:visited { display:inline-block; white-space:nowrap; position:relative; padding:0.7em 2em; margin:0; border:1px solid var(--color-main); background-color:var(--color-main); font-family:var(--font); font-size:1.2em; line-height:1em; color:var(--color-white); font-weight:600; text-align:center; text-transform:none; text-decoration:none; white-space:nowrap; cursor:pointer; transition: all 0.6s ease-in; }
.moreAll a:active,.moreAll a:hover,.moreAll a:focus { color:var(--color-main); background-color:transparent; outline:0; text-decoration:none; transition: all 0.4s ease-out; }
.moreAll a:link:after,.moreAll a:visited:after { content:""; position:absolute; display:block; bottom:0; left:50%; transform:var(--vcenter); width:0; height:100%; background:var(--color-beige); z-index:-1; transition-duration:0.4s; }
.moreAll a:active:after,.moreAll a:hover:after,.moreAll a:focus:after { width:100%; transition: all 0.4s ease-in; }
.moreAll.light a:link,.moreAll.light a:visited { color:var(--color-white); transition: all 0.4s ease-in; }
.moreAll a[class^="icon-"], .moreAll a[class*=" icon-"] { padding-top:38px !important;}
.moreAll a[class^="icon-"]:before, .moreAll a[class*=" icon-"]:before { font-family:var(--font-icon); display:block; font-size:1.4rem; line-height:1em; font-weight:normal; position:absolute; top:10px; left:50%; transform:var(--vcenter); text-align:center;}
.moreAll a[class^="icon-"]:active:before,.moreAll a[class^="icon-"]:hover:before,.moreAll a[class^="icon-"]:focus:before,.moreAll a[class*=" icon-"]:active:before,.moreAll a[class*=" icon-"]:hover:before,.moreAll a[class*=" icon-"]:before:focus { color:var(--color-white); }

/* block heading */
.heading { position:relative; display:block; overflow:visible; margin:0; padding:0; width:auto; text-align:left; }
.heading.line { padding-bottom:1.5em; }
.heading.line:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; z-index:0; background:var(--color-dark-grey); border-radius:var(--border-radius)}
.heading.center { text-align:center; }
.heading.line.center h2:after, .heading.line.center h3:after { top:auto; bottom:-15px; left:50%; transform:var(--vcenter); }
.heading.absolute { position:absolute; top:2em; left:2em; z-index:2 ;}
.heading[class^="icon-"], .heading[class*=" icon-"] { display:flex; justify-content:flex-start; align-items:center}
.heading[class^="icon-"]:before, .heading[class*=" icon-"]:before { position:relative; display:block; flex-shrink:0; width:80px; height:80px; margin:0; padding:0; font-family:var(--font-icon); display:block; color:var(--color-text); font-size:4rem; line-height:80px; text-align:left;}
.heading.center[class^="icon-"], .heading.center[class*=" icon-"] { justify-content:center; }
.heading h2 { position:relative; display:block; padding:0; margin:0; font-family:var(--font-header); color:var(--color-dark-grey); font-weight:700; font-size:2.4em; line-height:1.2em; letter-spacing:0; text-transform:none; }
.heading h3 { position:relative; display:block; padding:0; margin:0; font-family:var(--font-header); color:var(--color-dark-grey); font-weight:600; font-size:2em; line-height:1.3em; letter-spacing:0; text-transform:none; }
.heading strong { position:relative; display:block; padding:0; margin:0; font-family:var(--font-header); color:var(--color-grey); font-weight:600; font-size:1em; line-height:1.3em; letter-spacing:0; text-transform:none; z-index:0;}
.heading h2 span,.heading h3 span { display:block; font-size:0.5em; line-height:1em; font-weight:400; color:var(--color-grey);}
.heading.light { background-color:transparent;}
.heading.light h2, .heading.light h3,.heading.light strong,
.heading.light[class^="icon-"]:before, .heading.light[class*=" icon-"]:before { color:var(--color-white); background:none; -webkit-text-fill-color: var(--color-white);}
.heading.bg-white { background:var(--color-white); padding:var(--padding); width:auto; text-align:left; }
.heading h2 a:link,.heading h2 a:visited { text-decoration:none; color:var(--color-dark-grey); transition: all 0.4s ease-out;}
.heading h3 a:link,.heading h3 a:visited { text-decoration:none; color:var(--color-dark-grey); transition: all 0.4s ease-out;}
.heading h2 a:hover,.heading h2 a:focus, .heading h3 a:hover,.heading h3 a:focus { text-decoration:underline; padding-left:0.3em; transition: all 0.4s ease-out; }
.heading .sprite { margin-right:1em; vertical-align:middle;}

/* article */
article,#txt,.txt { font-family:var(--font); font-size:1.3em; line-height:1.5em; font-weight:normal; color:var(--color-text); text-align:left; padding:0; margin:0; position:relative; }
.txt strong,.cke_editable strong { font-family:var(--font); font-weight:600;}
.cke_editable { font-size:1.2em; line-height:1.3em;}
.cke_editable a:link,.cke_editable a:visited,
article a:link,article a:visited { color:var(--color-main); }
article a:hover,article a:focus { color:var(--color-grey); }
.txt { position:relative; overflow:visible; padding:0; margin:0; box-sizing:border-box; z-index:0;}
.txt[class^="icon-"]:before, .txt[class*=" icon-"]:before { font-family:var(--font-icon); position:absolute; right:0; top:0; font-size:5rem; line-height:1em; color:var(--color-grey); display:block; }
.txt[class^="icon-"]:after, .txt[class*=" icon-"]:after { content:""; position:absolute; right:90px; top:0; width:2px; height:100%; background-color:var(--color-grey); display:block; }
.txt[class^="icon-"], .txt[class*=" icon-"] { font-family:var(--font); line-height:1.4em; padding-right:100px; }
.txt a:focus,#txt a:focus {outline:1px solid; background-color:var(--color-light-bg); text-decoration:none;} 
/*.txt a[target="_blank"]:after { position:relative; vertical-align:top; content:"\2607"; font-size:1em; text-decoration:none; padding-left:5px; }*/

.icon { position:relative; float:left; margin:0 calc(0.5 * var(--gap)) calc(0.5 * var(--gap)) 0; width:60px; height:auto; }
.icon img { position:relative; width:60px; height:auto; }

/* article heading */
.head { position:relative; padding:0; margin:0; border-bottom:1px solid var(--color-grey); }
.head h2 {font-family:var(--font-header); font-size:2.4em; line-height:1.2em; font-weight:600; color:var(--color-text); text-align:left; text-transform:none; padding:0; margin:0 0 calc(0.25 * var(--gap)) 0; position:relative;}
.head h3 {font-family:var(--font); font-size:1.4em; line-height:1.4em; font-weight:normal; color:var(--color-text); text-align:left; padding:0; margin:calc(0.25 * var(--gap)) 0 0 0; border:0;}
.head span.d { position:relative; display:inline-block; padding:0.6em 1em; background:var(--color-light-grey); font-family:var(--font); color:var(--color-main); font-size:1em; line-height:1em; text-align:center; }

h1 { font-family:var(--font-header); font-size:2.5em; line-height:1.1em; font-weight:600; color:var(--color-text); padding:0; margin:0 0 calc(0.5 * var(--gap)) 0; }
h2 { font-family:var(--font-header); font-size:2.2em; line-height:1.1em; font-weight:600; color:var(--color-text); padding:0; margin:0 0 calc(0.5 * var(--gap)) 0; }
h3 { font-family:var(--font-header); font-size:1.6em; line-height:1.3em; font-weight:600; color:var(--color-text); padding:0; margin:0 0 calc(0.5 * var(--gap)) 0; }
h4 { font-size:1.3em; line-height:1.3em; font-weight:600; color:var(--color-text); padding:0; margin:calc(0.5 * var(--gap)) 0; }
h5 { font-size:1.2em; line-height:1.2em; font-weight:600; color:var(--color-text); padding:0; margin:calc(0.5 * var(--gap)) 0; }
h6 { font-size:1.1em; line-height:1.1em; font-weight:600; color:var(--color-text); padding:0; margin:calc(0.5 * var(--gap)) 0; text-transform:none; }

/* links */
a:link, a:visited {font-style:normal;color:var(--color-main);text-decoration:underline;}
a:focus { outline:2px solid; outline-offset:2px }
a:hover,a:active { color:var(--color-black); text-decoration:underline; }

/* opt text*/
.page-options { position:relative; z-index:1; }
.page-options.line:before { content:""; position:absolute; top:10px; left:0; display:block; width:100%; height:1px; background-color:var(--color-light-grey); }
.page-options .page-item { padding:0;}
.page-options .tagi { position:relative; text-align:left; padding:0; margin:calc(0.5 * var(--margin)) 0; color:var(--color-dark-grey); background:transparent; } 
.page-options .tagi a { display:inline; padding:0.2em; font-size:0.9em; line-height:1.2em; color:var(--color-dark-grey); text-decoration:none; }
.page-options .pagination-text { position:relative; padding:0; margin:0; float:left;}

/* ikonki tekstu*/
.page-item { position:relative; padding:0; margin:0; z-index:1; border:0; min-height:20px; }
.page-item ul { position:relative; display:flex; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; text-align:left;}
.page-item ul.center { text-align:center;}
.page-item ul li { position:relative; display:inline-block; margin:0; margin-right:0.5em; padding:0; border:0; list-style:none; }
.page-item a:link,.page-item a:visited { position:relative; display:flex; align-items:center; margin:0; padding:0.8em; background:transparent; border:0; font-family:var(--font); color:var(--color-text); font-size:1em; line-height:1em; font-weight:400; text-decoration:none; text-transform:none; transition-duration:1s;}
.page-item a strong { font-weight:400; margin-left:10px; white-space:nowrap; }
.page-item a:hover,.page-item a:focus { text-decoration:none; transition-duration:0.7s; }
.page-item a:hover:before,.page-item a:focus:before { color:var(--color-dark-grey); transition-duration:1.5s; }
.page-item a span { position:absolute; bottom:70px; left:0; opacity:0; padding:1em; white-space:nowrap; width:auto; height:auto; box-sizing:border-box; border:1px solid var(--color-main); background:var(--color-white); font-size:0.8em; line-height:1em; text-align:left; transition-duration:1s;}
.page-item a span:before { content:""; position:absolute; bottom:-20px; left:0.7em; display:block; width:0; height:0; border-style:solid; border-width:20px 20px 0 20px; border-color:var(--color-main) transparent transparent; z-index:2;}
.page-item a:hover span,.page-item a:focus span { opacity:1; display:block; transition-duration:0.3s;}
.page-item a:before { display:inline-block; margin:0; padding:0; border:0; font-family:var(--font-icon); content:"\e001"; color:var(--color-text); font-size:1.7em; line-height:1em; font-weight:normal; vertical-align:middle; text-decoration:none;}
.page-item a.pdf:before { content:"\e19b"; }
.page-item a.print:before { content:"\e053"; }
.page-item a.back:before { content:"\e084"; }
.page-item a.notify:before { content:"\e01c"; }
.page-item a.report:before { content:"\e0cc"; }
.page-item a.ask:before { content:"\e142"; }
.page-item a.clipboard:before { content:"\e02a"; }
.page-item a.share:before { content:"\e061"; }
.page-item a.facebook:before { content:"\e25c"; color:var(--color-facebook); }
.page-item a.twitter:before { content:"\e09b"; color:var(--color-twitter); }
.page-item a.xs:before { content:"\e258"; color:var(--color-black); }
.page-item a.linkedin:before { content:"\e256"; color:var(--color-linkedin); }
.page-item a.stats:before { content:"\e1c9"; }
#share { display:none; }

.buttons { position:relative; display:flex; justify-content:space-between; min-height:50px; }
.buttons .prev,.buttons .next { position:relative; display:block; overflow:visible;}
.buttons .prev { left:0; }
.buttons .next { right:0; }
.buttons .next a.button:before,.buttons .prev a.button:after { display:none; }

/*metadata*/
.metadata { position:relative; padding:0; margin:var(--gap) 0; font-size:0.8em; }
.metadata .item { display:inline-block; vertical-align:middle; font-family:var(--font); margin:0 calc(0.5 * var(--margin)) 0 0;}
.metadata .item:before { font-family:var(--font-icon); font-size:1em; line-height:0.8em; color:var(--color-main); position:relative; display:inline-block; margin:1.2em 0.5em 0 0;}
.metadata span { font-size:1.2em; line-height:1em; color:var(--color-text);}
.metadata .buttons { display:inline-block; float:right;}

/* gallery */
.gallery { position:relative; padding:0; margin:0; border:0; width:100%; text-align:center; background:transparent; }
.gallery ul { position:relative; padding:0; margin:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; }
.gallery ul li { padding:0; margin:0 0 var(--gap) 0; text-align:left; overflow:visible; display:block; height:auto; list-style:none; vertical-align:top; }
.gallery figure {position:relative; text-align:center; padding:0; margin:0; border:0; overflow:hidden;}
.gallery figcaption { position:absolute; bottom:-200%; left:0; display:block; width:auto; box-sizing:border-box; background-color:rgba(255,255,255,0.8); color:var(--color-black); font-size:0.8em; line-height:1em; padding:calc(0.5 * var(--padding)); text-align:left; text-shadow:var(--text-shadow); transition-duration:0.5s; z-index:2; }
.gallery figure img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition-duration:0.6s; }
.gallery a:link,.gallery a:visited { position:relative;display:block; padding:0; border:0 solid var(--color-white); color:var(--color-white); text-decoration:none; }
.gallery a:hover,.gallery a:focus { color:var(--color-white); background-color:var(--color-main); box-shadow:var(--box-shadow-hover); transition-duration:0.6s; }
.gallery a:hover img, .gallery a:focus img { opacity:0.5; transform:scale(1.1); box-shadow:var(--box-shadow-hover); transition-duration:0.6s; }
.gallery a:hover figcaption,.gallery a:focus figcaption { bottom:0; transition-duration:0.5s; }
/*zoom*/
.gallery ul li a:link:before { font-size:1.2em; font-family:var(--font-icon); content:"\e022"; color:var(--color-white); line-height:50px; opacity:0; position:absolute; top:50%; left:50%; transform:var(--center); width:50px; height:50px; text-align:center; z-index:2; transition-duration:2s; }
.gallery ul li a:hover:before,.gallery ul li a:focus:before { opacity:1; animation:zoomOut 0.6s ease-out 1; }
.gallery ul li a:link:after { content:""; display:block; position:absolute; top:-50%; left:50%; transform:var(--center); width:50px; height:50px; opacity:0; z-index:0; border-radius:100%; transition-duration:0.5s;}
.gallery ul li a:hover:after { border:1px solid var(--color-white); top:50%; background-color:rgba(255,255,255,0); animation:zoomIn 1s ease .5s 1 backwards; opacity:1; }
/* image carussel */
.gallery-tumb { position:relative; overflow:visible;width:100%; height:auto; padding:0; margin:1em 0; box-sizing:border-box;}
.gallery-tumb-overlay { position:relative; overflow:hidden; width:auto; height:100%; padding:0; margin:0;}
.gallery-tumb-wraper {position:relative; z-index:0;}
.gallery-tumb-wraper ul { display:inline-flex; justify-content:flex-start; align-items:flex-start; padding:0; margin:0; }
.gallery-tumb-wraper ul li { display:inline-block; margin:0; width:220px;}
.gallery-tumb-wraper ul li a img { width:100%; height:auto; padding:0; border:0; }
.gallery-tumb-wraper ul li.active > figure { overflow:visible; }
.gallery-tumb-wraper ul li.active figure { font-size:1em; z-index:2; transition-duration:1s;}
/* przyciski */
.gallery-previous,.gallery-next { position:absolute; top:50%; transform:var(--center); margin:0; z-index:1000; width:25px; height:25px; transform:var(--hcenter); }
.gallery-previous { left:5px; }
.gallery-next { right:5px;}
.gallery-previous a:link,.gallery-previous a:visited,
.gallery-next a:link,.gallery-next a:visited { position:relative; display:block; width:100%; height:100%; text-decoration:none; outline:0 !important; border-radius:50%; background-color:var(--color-light-bg); }
.gallery-previous a:before,.gallery-next a:before { font-family:var(--font-icon); content:"\e000"; font-size:1.3rem; line-height:25px; position:absolute; top:50%; left:50%; transform:var(--center); color:var(--color-text); padding:0; }
.gallery-next a:before { content:"\e001"; }
.gallery-previous a:active,.gallery-previous a:hover,.gallery-previous a:focus,
.gallery-next a:active,.gallery-next a:hover,.gallery-next a:focus { background-color:var(--color-dark-bg); }
.gallery-previous a:active:before,.gallery-previous a:hover:before,.gallery-previous a:focus:before,
.gallery-next a:active:before,.gallery-next a:hover:before,.gallery-next a:focus:before { color:var(--color-text-hightlight); }
.gallery-previous a span,.gallery-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0; }
/*large photo */
figure.imgMain { position:relative; margin:0; padding:0; line-height:0; text-align:center; }
figure.imgMain img { width:100%; height:auto; }
/* cerabox fix */
#cerabox .cerabox-content { border:0.5em solid var(--color-white); }
#cerabox .cerabox-title {background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0; }
#cerabox .cerabox-title span { font-size:1em; color:var(--color-text); font-family:var(--font);}
#cerabox-background {opacity: 0.7 !important; background-color:var(--color-light-bg); }
#cerabox a.cerabox-left:hover span:before,
#cerabox a.cerabox-right:hover span:before { font-family:var(--font-icon); content:"\e000"; font-size:1.3em; line-height:1em; }
#cerabox a.cerabox-right:hover span:before { content:"\e001"; }
#cerabox a.cerabox-close:before { font-family:var(--font-icon); content:"\e018"; font-size:2em; }

/* attachments */
.attachments { position:relative; padding:var(--gap) 0; margin:0; width:auto; overflow:hidden; text-align:left; background:transparent;border-top:1px solid var(--color-grey); border-bottom:1px solid var(--color-grey); }
.attachments ul { position:relative; padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; font-size:1em; line-height:1em; }
.attachments ul li { position:relative; padding:0; margin:0; margin-bottom:var(--gap); overflow:hidden; list-style:none; text-align:left; }
.attachments ul li:last-child { border:0; }
.attachments ul li a:link,.attachments ul li a:visited { position:relative; display:flex; align-items:center; align-content:center; justify-content:flex-start; padding:0; box-sizing:border-box; min-height:100%; font-family:var(--font); color:var(--color-text); font-size:1em; line-height:1.2em; text-decoration:none;text-align:left; border:0px solid var(--color-main); border-radius:var(--border-radius); transition-duration:0.6s;}
.attachments ul li a:hover,.attachments ul li a:focus { text-decoration:none; background-color:var(--color-light-grey); color:var(--color-dark-grey); transition-duration:0.6s;}
.attachments ul li a strong { position:relative; display:block; margin:0; padding:0; font-size:1em; line-height:1em; font-weight:400; text-transform:none; }
.attachments ul li a strong span { display:inline-block; margin:0; flex-shrink:0; font-weight:400; font-size:1em; text-align:left; color:var(--color-grey); }
.attachments ul li a > span { position:relative; width:40px; height:40px; flex-shrink:0; display:inline-block; overflow:hidden; margin:1em 20px 1em 5px; padding:20px; background-color:var(--color-gold); border:1px solid var(--color-gold); border-radius:100%; box-sizing:border-box; font-size:1em; line-height:60px; color:var(--color-grey); text-decoration:none; vertical-align:middle; background-position:center center; background-size:auto 20px; background-repeat:no-repeat;}
.attachments ul li a:hover > span { border:1px solid var(--color-white); background-position:center 100px ; transition-duration:0.6s; }
.attachments ul li a > span:before { position:absolute; top:-50%; left:50%; transform:var(--center); font-family:var(--font-icon); content:"\e067"; font-size:1.3em; line-height:30px; text-align:center; width:30px; height:30px; animation-delay:.4s; animation:zoomOut 1s ease-out 1; } 
.attachments ul li a:hover > span:before { top:50%; color:var(--color-white); animation:zoomIn 1s ease-out 1; }

.video-js, .video-js-bg { background-color:var(--color-light-bg) !important; }
.video-js.mp3 { width:300px !important; height:300px !important;}

/*  global list */
ol { padding:0 0 0 var(--padding); margin:calc(0.5 * var(--gap)) 0; list-style-position:outside; border:0 }
ol ol { margin:calc(0.5 * var(--gap)) calc(0.5 * var(--gap)) 0; padding:0; }
ol li { padding:0 0 calc(0.5 * var(--padding)) 0; margin:0; border:0; }
ul { padding:0 0 0 var(--padding); margin:calc(0.5 * var(--gap)) 0; list-style-image:url("/dokumenty/szablonyimg/1-arrow.svg"); text-align:left; }
ul ul { margin:calc(0.5 * var(--gap)) calc(0.5 * var(--gap)) 0; padding:0; list-style-image:none; list-style-image:none; list-style-type:circle; }
ul li { padding:0 0 calc(0.5 * var(--padding)) 0; margin:0; }

/* icons */
[class^="icon-"], [class*=" icon-"] { font-family:var(--font-icon); speak:never; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; }

/* BOXY */

blockquote,.blockquote { position:relative; background:0; border:0; padding:var(--padding); padding-left:120px; border-radius:var(--border-radius); margin:0; text-align:left; font-size:1em; line-height:1em; color:var(--color-dark-grey); font-family:var(--font); font-weight:300; font-style:italic }
blockquote:before,.blockquote:before{ font-family:var(--font-icon); content:"\e12b"; font-size:3em; line-height:1em; color:var(--color-red); position:absolute; left:20px; transform:var(--hcenter); text-align:left;}
blockquote:after,.blockquote:after { content:""; position:absolute; top:0; left:90px; width:1px; height:100%; background:var(--color-light-grey); text-align:center; z-index:2; }

.q,q { position:relative; display:block; width:45%; float:right; padding:var(--padding); padding-left:80px; box-sizing:border-box; margin:0 0 0 var(--margin); border-left:0; border-right:0; text-align:left; font-size:1em; line-height:1.1em; font-family:var(--font); font-style:italic;}
.q:before,q:before { font-family:var(--font-icon); content:"\e12b"; font-size:3em; color:var(--color-red); line-height:1em; display:block; position:absolute; top:50%; left:10px; transform:var(--hcenter);}
.q p:after,q p:after { font-family:var(--font-icon); content:"\e001"; font-size:1em; color:var(--color-ted); line-height:1em; position:absolute; right:10px; bottom:10px;}

/* bulb */
.bulb { position:relative; border:0; padding:var(--padding); padding-left:6em; margin:0; text-align:left; font-size:1em; line-height:1.2em; color:var(--color-text); font-family:var(--font); }
.bulb:after { content:""; position:absolute; top:50%; left:40px; transform:var(--center); z-index:0; opacity:1; width:60px; height:60px; background-color:transparent; border-radius:100%; border:0px solid var(--color-gold); overflow:visible; padding:0; display:block; margin:0; font-family:var(--font-icon); content:"\e107"; color:var(--color-gold); font-size:3em; line-height:60px; text-align:center; transition: all 0.8s ease-out;}
.bulb:before { content:""; position:absolute; bottom:0; left:0; z-index:-1; opacity:1; width:100%; height:100%; overflow:visible; padding:0; display:block; margin:0; transition: all 0.8s ease-out;}

/* quotation */
.quotation { position:relative; border:0; padding:var(--padding); padding-left:6em; margin:0; text-align:left; font-size:1em; line-height:1.2em; color:var(--color-text); font-family:var(--font); }
.quotation:after { content:""; position:absolute; top:50%; left:40px; transform:var(--center); z-index:0; opacity:1; width:60px; height:60px; background-color:transparent; border-radius:100%; border:0px solid var(--color-main); overflow:visible; padding:0; display:block; margin:0; font-family:var(--font-icon); content:"\e0c6"; color:var(--color-main); font-size:3em; line-height:60px; text-align:center; transition: all 0.8s ease-out;}
.quotation:before { content:""; position:absolute; bottom:0; left:0; z-index:-1; opacity:1; width:100%; height:100%; overflow:visible; padding:0; display:block; margin:0; transition: all 0.8s ease-out;}

/* alert */
.alert { position:relative; border:0; padding:var(--padding); padding-left:6em; margin:0; text-align:left; font-size:1em; line-height:1.2em; color:var(--color-text); font-family:var(--font); }
.alert:after { content:""; position:absolute; top:50%; left:40px; transform:var(--center); z-index:0; opacity:1; width:60px; height:60px; background-color:transparent; border-radius:100%; border:0px solid var(--color-red); overflow:visible; padding:0; display:block; margin:0; font-family:var(--font-icon); content:"\e0ec"; color:var(--color-red); font-size:3em; line-height:60px; text-align:center; transition: all 0.8s ease-out;}
.alert:before { content:""; position:absolute; bottom:0; left:0; z-index:-1; opacity:1; width:100%; height:100%; overflow:visible; padding:0; display:block; margin:0; transition: all 0.8s ease-out;}

/* warn */
.warn { position:relative; border:0; padding:var(--padding); padding-left:6em; margin:0; text-align:left; font-size:1em; line-height:1.2em; color:var(--color-text); font-family:var(--font); }
.warn:after { content:""; position:absolute; top:50%; left:40px; transform:var(--center); z-index:0; opacity:1; width:60px; height:60px; background-color:transparent; border-radius:100%; border:0px solid var(--color-yellow); overflow:visible; padding:0; display:block; margin:0; font-family:var(--font-icon); content:"\e07b"; color:var(--color-gold); font-size:3em; line-height:60px; text-align:center; transition: all 0.8s ease-out;}
.warn:before { content:""; position:absolute; bottom:0; left:0; z-index:-1; opacity:1; width:100%; height:100%; overflow:visible; padding:0; display:block; margin:0; transition: all 0.8s ease-out;}


[class^="box-"],[class*=" box-"] { position:relative; padding:var(--padding); margin:0; text-align:left; overflow:hidden; border-radius:var(--border-radius); }
.box-default { background:var(--color-light-bg); }
.box-white { background:var(--color-light-bg); }
.box-grey { background:var(--color-light-grey); }
.box-gold { background:var(--color-extra-light-gold); }
.box-navy { background:var(--color-extra-light-navy); }
.box-color { background:var(--color-main); }
	.box-color p,.box-color a,.box-color * { color:var(--color-white); }
	.box-color a:hover,.box-color a:focus { color:var(--color-main); }

.box-incontent { float:right; width:35%; margin:0 0 0 var(--margin); }
.box-incontent:before, .box-incontent:after { content:""; position:absolute; top:0; left:0; width:5px; height:5px; z-index:-1; }
.box-incontent:before { border-top:1px solid var(--color-main); border-left:1px solid var(--color-main); }
.box-incontent:after { left:auto; right:0; top:auto; bottom:0; border-bottom:1px solid var(--color-main); border-right:1px solid var(--color-main); }
.box-incontent h3 { margin:0 0 0.5em 0; padding:0 0 1em 0; border-bottom:1px solid var(--color-text); text-align:center; }

/*mask*/
.dark { background:var(--gradient); }
.dark.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--gradient-left); }
.dark.mask.half:before { height:50%; }
.light { background:var(--gradient-light); }
.light.mask:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--gradient-light-left); }
.light.mask.half:before { height:50%; }

/*button*/
a.button:link, a.button:visited { display:inline-flex;align-items:center; justify-content:center; gap:5px; position:relative; padding:0.8em 2em; margin:1px; font-family:var(--font); font-size:1em; line-height:1em; color:var(--color-white); font-weight:500; text-align:center; text-transform:none; text-decoration:none; white-space:nowrap; border-radius:var(--border-radius); background-color:var(--color-dark-bg); border:1px solid var(--color-dark-bg);}
a.button.rev:link, a.button.rev:visited {color:var(--color-text); border:1px solid var(--color-dark-bg); background-color:transparent;}
a.button.main-color:link, a.button.main-color:visited {color:var(--color-white); border:1px solid var(--color-main); background-color:var(--color-main);}
a.button.noBorder { padding:1em !important; border:0 !important;}
a.button.noPadding { padding:0 !important; border:0;}
a.button.big { padding:3em 6em; font-size:1.1em; }
/* hover */
a.button:active,a.button:hover,a.button:focus { color:var(--color-text); background:var(--color-light-bg); text-decoration:none; transition-duration:0.7s; }
a.button.rev:active,a.button.rev:hover,a.button.rev:focus { color:var(--color-white); background-color:var(--color-dark-bg);}
a.button:active:after,a.button:hover:after,a.button:focus:after,
a.button:active:before,a.button:hover:before,a.button:focus:before { text-decoration:none; transition-duration:0.7s; }
/* icon */
a.button[class^="icon-"], a.button[class*=" icon-"] { padding:1em 3em; }
a.button.big[class^="icon-"], a.button.big[class*=" icon-"] { padding:3em ; }
a.button.noPadding[class^="icon-"], a.button.noPadding[class*=" icon-"] { padding:0; }
a.button[class^="icon-"]:before, a.button[class*=" icon-"]:before { position:relative; display:block; margin:0; font-size:1.4rem; line-height:15px; font-family:var(--font-icon); font-weight:normal; color:var(--color-white); text-align:center; text-decoration:none; vertical-align:middle; transition-duration:0.6s;}
a.button.rev[class^="icon-"]:before, a.button.rev[class*=" icon-"]:before { color:var(--color-text); }
a.button:hover[class^="icon-"]:before, a.button:hover[class*=" icon-"]:before,a.button:focus[class^="icon-"]:before, a.buttona:focus[class*=" icon-"]:before { text-decoration:none; color:var(--color-text); transition-duration:0.6s;}
a.button.rev:hover[class^="icon-"]:before, a.button.rev:hover[class*=" icon-"]:before,a.button.rev:focus[class^="icon-"]:before, a.buttona.rev:focus[class*=" icon-"]:before { color:var(--color-text-highlight); }
a.button.active[class^="icon-"]:before, ul.opt li a.active[class*=" icon-"]:before { content:"\e00a"; color:var(--color-text-highlight); transition-duration:0.6s;} 

/* accordion */
ul.accordion { position:relative; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
ul.accordion li { margin:0; padding:0.5em 0 0.5em; position:relative; display:block; text-align:left; list-style:none; box-sizing:border-box; }
ul.accordion li a,ul.accordion li a:visited { font-size:1.1em; line-height:1em; color:var(--color-main); text-decoration:none; font-weight:700; text-align:left; position:relative; padding:0 0 0 1em; margin:0; display:block; }
ul.accordion li a:before { font-family:var(--font-icon); content:"\e001"; font-size:0.5em; line-height:1.1em; font-weight:normal; color:var(--color-main); position:absolute; top:2px; left:0; }
ul.accordion li a.check:before { content:"\e003";}
ul.accordion li a:hover,ul.accordion li a:active,ul.accordion li a:focus,ul.accordion li a.check,ul.accordion li.check a { color:var(--color-grey); text-decoration:none; transition-duration:0.6s;}
ul.accordion li ul { margin:0 0 0 2em; padding:1em 0;}
ul.accordion li ul li { margin:0; padding:0 0 0.5em 1em; }
ul.accordion li ul li:before { font-family:var(--font-icon); content:"\e001"; font-size:0.4em; line-height:1.1em; font-weight:normal; color:var(--color-main); position:absolute; top:6px; left:0; }
ul.accordion li li a,ul.accordion li li a:visited { position:absolute; font-size:1em; color:var(--color-main); padding:0.8em; z-index:3;}
ul.accordion li ul ul { margin:0; padding:1em 0; }
ul.accordion li ul ul li { margin:0; padding:0 0 0.5em 0.5em;}
ul.accordion li li li a,ul.accordion li li li a:visited { position:relative; font-size:1em;}
ul.accordion ul.noActive { display:none;}
/* fix link */
ul.accordion ul li a,ul.accordion ul li a:visited { font-size:1em; line-height:1em; color:var(--color-main); text-decoration:underline; font-weight:400; text-align:left; position:relative; padding:0; margin:0; display:inline; }
ul.accordion ul li a:before { content:""; }
ul.accordion ul li a:hover,ul.accordion ul li a:active,ul.accordion ul li a:focus{ color:var(--color-main); text-decoration:underline; }

/* dialogBox */
.dialogBox { position:absolute; top:50%; left:50%; transform:var(--center); min-width:30%; height:auto; padding:var(--padding) var(--padding) 0 0; z-index:10; }
.dialogBox .content { border:1px solid var(--color-grey); background-color:var(--color-light-bg); box-shadow:var(--box-shadow); background-image:none; }
.dialogBox .content .forms { padding:var(--padding); }
.dialogBox .usun { position:absolute; top:0; right:0; width:30px; height:30px; }

.boxFull { position:relative; display:flex; margin:0; padding:0; background-repeat:no-repeat; background-size:cover; background-position:left center; overflow:hidden;}
.boxFull.bgScale { background-size:48% auto; background-position:100% 50%; }
.boxFull.border { border:1px solid var(--color-light-grey); border-radius:var(--border-radius); }
.boxFull.full { margin-left:-7%; margin-right:-7%;}
.boxFull.fixed { background-attachment:fixed; background-size:100%;}
.boxFull.light h3, .boxFull.light strong, .boxFull.light p { color:var(--color-text); text-shadow:var(--text-shadow); }
.boxFull.dark h3, .boxFull.dark strong, .boxFull.dark p { color:var(--color-white); text-shadow:var(--text-shadow-dark); }
.boxFull h3 { display:block; margin:0; padding:0; font-family:var(--font); font-size:5em; line-height:1em; color:var(--color-text); font-weight:600; text-align:left; }
.boxFull strong { display:block; margin:0; padding:0; font-family:var(--font); font-size:1.4em; line-height:1em; color:var(--color-text); text-transform:none; }
.boxFull p { display:block; margin:2em 0; font-family:var(--font); font-size:1.5em; line-height:1.4em; color:var(--color-text); font-weight:400; text-align:left; }
.boxFull .content { position:relative; width:48%; box-sizing:border-box; padding:4em; text-align:left;z-index:1;}
.boxFull .content .moreAll { margin:50px 0 0 0; text-align:left;}
.boxFull .img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
.boxFull .img img { width:100%; height:100%; object-fit:cover; object-position:center; }
.boxFull.bgScale .img { width:45%; height:100%; left:auto; right:0; z-index:1;}

.infoBox { position:relative; padding:0; margin:0; width:auto; text-align:left; font-size:1em; z-index:1; } 
.infoBox strong { font-family:var(--font); font-size:1em; line-height:1em; text-align:left; font-weight:600; display:block; margin:0 0 calc(0.5 * var(--margin)) 0;}
.infoBox h3 { font-family:var(--font); font-size:2em; line-height:1em; color:var(--color-text); text-align:left; font-weight:600; display:block; margin:0 0 calc(0.5 * var(--gap)) 0; border:0;}
.infoBox > p,.infoBox > div { position:relative; display:flex; align-items:center; align-content:center; overflow:hidden; width:100%; padding:0; margin:0 0 calc(0.5 * var(--margin)) 0; text-align:left; text-transform:none; } 
.infoBox p,.infoBox div { font-family:var(--font); font-size:1em; line-height:1.4em; color:var(--color-text); }
.infoBox p span,.infoBox div span { font-size:1.4em; line-height:1em; font-weight:600;}
.infoBox p a,.infoBox div a {color:var(--color-main); text-decoration:none; padding:0; margin:0;}
.infoBox p a:hover, .infoBox p a:focus,.infoBox div a:hover, .infoBox div a:focus { color:var(--color-main);}
.infoBox p[class^="icon-"], .infoBox p[class*=" icon-"],.infoBox div[class^="icon-"], .infoBox div[class*=" icon-"] {  min-height:60px;  }
.infoBox p[class^="icon-"]:before, .infoBox p[class*=" icon-"]:before,.infoBox div[class^="icon-"]:before, .infoBox div[class*=" icon-"]:before { position:relative; flex-shrink:0; margin:0 .5em 0 0; display:block; width:60px; height:60px; border-radius:100%; background-color:transparent; font-family:var(--font-icon); color:var(--color-text); font-size:3rem; line-height:60px; text-align:center; }
.infoBox.small { font-size:0.8em; }
.infoBox.small p[class^="icon-"]:before, .infoBox.small p[class*=" icon-"]:before,.infoBox.small div[class^="icon-"]:before, .infoBox.small div[class*=" icon-"]:before { font-size:1.4rem; line-height:40px; width:40px; height:40px; }
.infoBox.small p[class^="icon-"], .infoBox.small p[class*=" icon-"],.infoBox.small div[class^="icon-"], .infoBox.small div[class*=" icon-"] { min-height:40px; }

.data { position:relative; display:inline-flex; justify-content:center; gap:10px; align-items:center; padding:0; margin:0 auto; width:auto; vertical-align:top; z-index:1; } 
.data div { position:relative; display:inline-block; overflow:hidden; padding:0; min-height:30px; margin:0; } 
.data div { font-family:var(--font); font-size:1em; line-height:1.2em; color:var(--color-text); }
.data div strong { color:var(--color-text); font-weight:600; font-size:1.2em;}
.data div a {color:var(--color-grey); text-decoration:none; padding:0; margin:0;}
.data div a:hover, .data div a:focus { color:var(--color-grey);}
.data div[class^="icon-"]:before, .data div[class*=" icon-"]:before { font-family:var(--font-icon); position:relative; width:20px; height:20px; font-size:1.3rem; line-height:20px; background-color:transparent; color:var(--color-text); border-radius:100%; display:block; text-align:center; }
.data div[class^="icon-"], .data div[class*=" icon-"] { display:flex; align-items:center; gap:5px; }

.flexBox {position:relative; display:flex; justify-content:space-between; align-items:flex-start; margin:0;}
.flexBox .img { margin-right:2em; flex-shrink:0; width:20%;}
.flexBox .content { font-size:1em; flex-grow:1; padding:0; }

/* scroll */
.scroll-x { display:block; overflow:auto; overflow-y:hidden; padding:var(--padding) 0; }
@media only screen and (max-width:576px) {
	.scroll-x:before { content:"Przesuń palcem w lewo, aby przewinąć widok"; display:block; font-size:0.9em; height:20px; margin-bottom:1em; margin-top:-3em; width:100%; opacity:0;}
	.scroll-x:hover:before { opacity:1; transition-duration:1s;}
}
/* --- */
.scroll-y { display:block; overflow:auto; overflow-x:hidden; padding:var(--padding) 0; height:40vh; }
@media only screen and (max-width:576px) {
	.scroll-y:before { content:"Przesuń palcem w dół, aby przewinąć widok"; display:block; font-size:0.9em; height:20px; margin-bottom:1em; margin-top:-3em; width:100%; opacity:0;}
	.scroll-y:hover:before { opacity:1; transition-duration:1s;}
}

/* tips */
.tip { background:var(--color-white); padding:0.2em; border:1px solid var(--color-white); width:auto; z-index:1000; position:absolute; left:0; text-align:left; border-radius:var(--border-radius); box-shadow:var(--box-shadow-hover); }
.tip-title {color:var(--color-dark-grey); font-size:1em; padding:0.5em; }
.tip-text {color:var(--color-dark-grey); font-size:0; padding:0;}

.stripes-Xcolor:before { content:""; position:absolute; top:0; right:0; width:100%; height:10px; background-image: linear-gradient(122deg, var(--color-main) 7.14%, var(--color-white) 7.14%, var(--color-white) 14.29%, var(--color-main) 14.29%, var(--color-main) 21.43%, var(--color-white) 21.43%, var(--color-white) 28.57%, var(--color-main) 28.57%, var(--color-main) 35.71%, var(--color-white) 35.71%, var(--color-white) 50%, var(--color-main) 50%, var(--color-main) 57.14%, var(--color-white) 57.14%, var(--color-white) 64.29%, var(--color-main) 64.29%, var(--color-main) 71.43%, var(--color-white) 71.43%, var(--color-white) 78.57%, var(--color-main) 78.57%, var(--color-main) 85.71%, var(--color-white) 85.71%, var(--color-white) 100%);
background-size: 82.54px 132.10px;}
.triangle { -webkit-clip-path: polygon(0 90%, 0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%);clip-path: polygon(0 90%, 0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%); }
.ellipse {clip-path: ellipse(150% 50% at 50% 50%); margin:-1% 0; z-index:2;}
.gradient { background: var(--gradient); }
.hexagon:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background-color:var(--color-main); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%);}
.hexagon.grey:before { background-color:var(--color-grey); }

.animOpacityInit { opacity:0;}

.image-default-filter .imgwraper {
 overflow:hidden !important; }
 .image-default-filter .imgwraper img,.image-default-filter .img {filter: grayscale(100%) sepia(31%) hue-rotate(165deg) saturate(421%); }
 .image-default-filter a:hover .imgwraper img {
 -webkit-transform: scale(1.1);
 -ms-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-filter: grayscale(50%) contrast(100%);
 filter: grayscale(50%) contrast(100%);
}
.no-image-default-filter.imgwraper img,.no-image-default-filter.img { filter:none; -webkit-filter:none; -moz-filter:none; }

/* go upy */
#back-to-top { position:fixed; bottom:5em; right:5px; width:35px; height:35px; z-index:10; opacity:1; transition-duration:1s; }
#back-to-top a { position:absolute; display:block; width:100%; height:100%; background:var(--color-black); color:var(--color-white); border:1px solid var(--color-white); border-radius:100%; text-decoration:none; }
#back-to-top a:before { font-family:var(--font-icon); content:'\e002'; color:var(--color-white); position:absolute; font-size:1.6rem; line-height:1em; position:absolute; top:50%; left:50%; transform:var(--center); width:100%; text-align:center; }
#back-to-top a span{ position:absolute; bottom:1em; display:block; font-size:0.7em; line-height:0.9em; width:100%; text-align:center;}
#back-to-top a:hover,#back-to-top a:focus { background:var(--color-white); color:var(--color-main); }
#back-to-top a:hover:before,#back-to-top a:focus:before { color:var(--color-main);}

/* preloader */
body.loading .loader { display:block; z-index:1000; }
.loader { display:none; content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.1);}
.loader div { position:absolute; top:50%; left:50%; transform:var(--center); width:80px; height:80px; }
.loader span { position:absolute; z-index:0; top:0; width:81px; height:81px; margin:0; background:var(--color-white); border-radius:100%; }
.loader span:before { content:""; opacity:1; z-index:1; position:absolute; top:50%; left:50%; width:80px; height:80px; margin:0; border-radius:50%; border:1px solid var(--color-light-grey); animation:zoomIn 15s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
.loader span:after { content:""; opacity:1; z-index:2; position:absolute; top:50%; left:50%; transform:var(--center); width:90px; height:90px; margin:0; 
background-image:url("/dokumenty/szablonyimg/1-spiner.svg"); background-repeat:no-repeat; background-position:center center; background-size:auto 100%; }

/*map SVG */
#mapaSVG { position:relative; width:100%; height:650px; overflow:hidden;}
/*IE fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 svg#departments { width:400px !important; height:400px !important; }
}

/* mouring theme */
[data-theme=mouring] img,[data-theme=mouring] .img,[data-theme=mouring] .imgwraper,[data-theme=mouring] .boxFull { 
 filter: gray; 
 -ms-filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 -webkit-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -o-filter: grayscale(100%);
}
[data-theme=mouring] .logo .container:before { content:""; position:absolute; top:0; left:0; z-index:2; font-family:var(--font-icon); content:"\e250"; color:var(--color-text); font-size:2rem; line-height:1em; padding:0;}


/*===============================================*/
/* nav */ 

/*------- menu dropdown */ 
ul.mainmenu { display:flex; justify-content:space-between; align-items:center; width:auto; margin:0 auto; padding:0; list-style:none; text-align:left; }
ul.mainmenu li { position:relative; display:block; margin:0; padding:0; list-style:none; text-align:left; vertical-align:middle; z-index:1;}
ul.mainmenu li:last-child { margin:0; }
ul.mainmenu ul { position:absolute; min-width:280px; display:none; visibility:hidden; height:0; opacity:0; margin:0; padding:10px; border-top:1px solid var(--color-light-bg); box-sizing:border-box; list-style:none; background:var(--color-light-bg); box-shadow:var(--box-shadow); z-index:1; transition:all 1s ease-out; }
ul.mainmenu ul.show { visibility:visible; display:block !important; height:auto; opacity:1; transition:all 0.7s ease-in; }
ul.mainmenu ul:before { content:""; position:absolute; top:-6px; left:30px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent var(--color-light-grey); z-index:0; }
ul.mainmenu ul:after { content:""; position:absolute; top:-7px; left:29px; width:0; height:0; border-style:solid; border-width:0 7px 7px 7px; border-color:transparent transparent var(--color-light-bg); z-index:-1; }
ul.mainmenu ul li { position:relative; display:block; margin:0; padding:0; box-sizing:border-box; border:0; border-bottom:1px dotted var(--color-grey);}
@media only screen and (max-width:992px) { ul.mainmenu > li.expand:before { content:""; position:absolute; transform:var(--center); top:50%; right:0; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:var(--color-grey) transparent transparent; }}
ul.mainmenu ul > li.expand:after { content:""; position:absolute; top:50%; transform:var(--vcenter); right:-20px; width: 0; height: 0; border-style:solid; border-width:7px 0 7px 7px; border-color:transparent transparent transparent var(--color-white); }
ul.mainmenu li.hideItem { display:none; }
ul.mainmenu li.noExpand ul { display:none !important;}
ul.mainmenu li.rightSide { float:right;}
/* 1nd level */
ul.mainmenu a:link,ul.mainmenu a:visited { display:block; padding:0; margin:0; border:0; height:auto; font-family:var(--font); color:var(--color-text); font-size:1.2em; line-height:1em; text-transform:none; text-decoration:none; font-weight:700; text-align:center; transition: all 0.4s ease-in;}
ul.mainmenu a strong { position:relative; display:block; font-weight:600; font-style:normal; padding:0; }
ul.mainmenu a span { position:relative; display:block; padding:1em 1em; z-index:1; }
ul.mainmenu li a span:before { content:""; position:absolute; bottom:5px; left:50%; transform:var(--vcenter); width:0; height:0; z-index:-1; transition: all 0.4s ease-in; }
ul.mainmenu > li:nth-child(2) strong:before {content:"";}
ul.mainmenu li:hover,ul.mainmenu li:focus,ul.mainmenu li.check {z-index:2;}
ul.mainmenu li:hover a, ul.mainmenu li a:hover, ul.mainmenu li a:focus, ul.mainmenu li a.check { color:var(--color-grey); transition: all 0.6s ease-in;}
ul.mainmenu li:hover a span:before, ul.mainmenu li a:hover span:before, ul.mainmenu li a:focus span:before,ul.mainmenu li.check span:before,
ul.mainmenu li:hover a strong:before, ul.mainmenu li a:hover strong:before, ul.mainmenu li a:focus strong:before,ul.mainmenu li.check strong:before { width:100%; height:1px; background-color:var(--color-light-grey); }
ul.mainmenu a[class^="icon-"], ul.mainmenu a[class*=" icon-"] { display:inline-block; padding:0 15px; color:var(--color-text); min-width:4px; height:auto; text-align:center; white-space:nowrap; }
ul.mainmenu a.border[class^="icon-"]:after, ul.mainmenu a.border[class*=" icon-"]:after { content:""; position:absolute; top:50%; left:50%; transform:var(--center); height:40px; width:40px; border-color:var(--color-text); border-width:1px; border-style:solid; border-radius:100%;}
ul.mainmenu a[class^="icon-"] strong, ul.mainmenu a[class*=" icon-"] strong { display:inline-block; margin:0; padding:0.6em 0.8em; vertical-align:top;}
ul.mainmenu a[class^="icon-"]:before, ul.mainmenu a[class*=" icon-"]:before { font-family:var(--font-icon); font-size:1.3rem; color:var(--color-text); width:auto; height:30px; line-height:30px; padding:0; text-align:center; }
ul.mainmenu a.icon-bip:before { color:var(--color-red); }
ul.mainmenu a[class^="icon-"]:hover, ul.mainmenu a[class*=" icon-"]:focus { color:var(--color-white);}
ul.mainmenu a[class^="icon-"]:hover:before, ul.mainmenu a[class*=" icon-"]:hover:before,
ul.mainmenu a[class^="icon-"]:focus:before, ul.mainmenu a[class*=" icon-"]:focus:before { color:var(--color-white); transition-duration:0.5s; }
ul.mainmenu li a.active[class^="icon-"]:before, ul.mainmenu a.active[class*=" icon-"]:before { content:"\e059"; transition-duration:0.6s;} 
/* 2nd level */
ul.mainmenu ul a:link,ul.mainmenu ul a:visited { display:block; position:relative; float:none; background:transparent; padding:1em 1.2em; margin:0; z-index:1; font-family:var(--font); color:var(--color-text); font-size:1em; line-height:1.1em; font-weight:normal; text-transform:none; text-align:center; text-shadow:none; }
ul.mainmenu ul a:after { content:""; position:absolute; top:-1px; left:0; height:100%; width:100%; background-color:transparent; z-index:-1; }
ul.mainmenu ul li:hover > a, ul.mainmenu ul li a.check { color:var(--color-white); transition: all 0.3s ease-in; }
ul.mainmenu ul li:hover > a:after,ul.mainmenu ul a.check:after { background-color:var(--color-main); transition: all 0.6s ease-in; }
ul.mainmenu ul ul { display:none; position:absolute; top:-1px; right:-300px; width:300px; }
ul.mainmenu li:hover ul ul { display:none; }
ul.mainmenu li:hover ul,ul.mainmenu ul li:hover ul { display:block; }
ul.mainmenu img { position:relative; top:-5px; display:block; vertical-align:top; float:right; width:40px; height:auto; clear:right; margin:0 0.5em;}
ul.mainmenu ul li a[class^="icon-"], ul.mainmenu ul li a[class*=" icon-"] { white-space:nowrap; width:auto; height:auto; background-color:transparent; border-radius:0; }
ul.mainmenu ul li a[class^="icon-"]:before, ul.mainmenu ul li a[class*=" icon-"]:before { position:relative; vertical-align:middle; display:inline-block; font-family:var(--font-icon); font-size:1.6rem; color:var(--color-text); height:100%; line-height:1em; padding:0 0.5em 0 0; }
ul.mainmenu ul li:hover > a[class^="icon-"]:before, ul.mainmenu ul li:hover > a[class*=" icon-"]:before, ul.mainmenu ul li > a[class*=" icon-"].check { color:var(--color-white); transition-duration:0.5s; z-index:5;}
/*block menu*/
ul.mainmenu ul li.blok { width:33%; float:left; display:block; padding:1em 2em 1em 1em; }
ul.mainmenu ul li.blok .okno h3 { display:block; margin:0 0 0.3em 0; padding:0; font-family:var(--font) !important; color:var(--color-white); font-weight:normal; text-align:left; text-decoration:none; font-size:1.4em; line-height:1em; }
ul.mainmenu ul li.blok .okno p { display:block; font-family:var(--font); font-size:1.1em; line-height:1.2em; margin:0.3em 0; } 
ul.mainmenu ul li.blok .okno ul { position:relative; top:0; left:0; display:block; padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
ul.mainmenu ul li.blok .okno ul li { position:relative; float:none; width:auto; padding:0; margin:0; margin-bottom:1em; overflow:hidden; list-style:none; }
ul.mainmenu ul li.blok .okno ul li a,ul.mainmenu ul li.blok .okno ul li a:visited {display:block; padding:0; color:var(--color-white);font-size:1em;line-height:1.1em; text-decoration:none;font-weight:normal;text-transform:none; text-align:left;}
ul.mainmenu ul li.blok .okno ul li a:before { content:""; }
ul.mainmenu ul li.blok .okno .imgwraper { position:relative; left:0; width:100%; height:10em; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0;}
ul.mainmenu ul li.blok .okno ul li a:hover { font-family:var(--font); }
/* fix*/
ul.mainmenu.small a:link, ul.mainmenu.small a:visited {font-size: 1.2em;}

/*--------- menu multi-level list */
.submenu { position:relative; overflow:visible; margin:0 0 var(--margin) 0; padding:0; border:0; }
ul.submenu { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
ul.submenu li { padding:0; margin:1px 0 0 0; border:0; display:block; list-style:none; position:relative; background:transparent; }
ul.submenu > li:before, ul.submenu > li:after { display:none; content:""; position:absolute; top:50%; transform:var(--hcenter); left:0; width:0; height:0; z-index:0; border-style:solid; border-width:5px 0 5px 6px; border-color: transparent transparent transparent var(--color-grey); transition: all 0.4s ease-in; }
ul.submenu > li:before { }
ul.submenu > li:after { }
ul.submenu > li:hover:before, ul.submenu > li:hover:after , ul.submenu > li.check:after { left:0; }
ul.submenu li a,ul.submenu li a:visited { position:relative; font-family:var(--font); font-size:1.1em; line-height:1em; color:var(--color-text); text-decoration:none; font-weight:600; padding:0.8em 0 0.8em 0; margin:0; background:transparent; border-radius:var(--border-radius-button); display:block; }
ul.submenu li a:hover,ul.submenu li a:active,ul.submenu li a:focus,ul.submenu li a.check { color:var(--color-text); background-color:transparent; font-weight:600; padding:0.8em 0 0.8em 0; border:0; }
ul.submenu li li a:before {position:absolute; top:50%; transform:var(--hcenter); left:5px; display:block; margin:0; font-size:0.5em; line-height:1em; font-family:var(--font-icon); content:"\e001"; text-align:center; color:var(--color-grey); text-decoration:none; }
ul.submenu li li a:before { padding-left:0%; font-size:1em;}
ul.submenu li li li a:before { padding-left:2%; font-size:0.9em;}
ul.submenu li li li li a:before { padding-left:4%; font-size:0.8em;}
ul.submenu li a:hover:before,ul.submenu li a:active:before,ul.submenu li a:focus:before,ul.submenu li a.check:before { color:var(--color-text);} 
ul.submenu li a.rozwin:after { font-family:var(--font-icon); content:"\e003"; font-size:1em; line-height:1em; color:var(--color-text); position:absolute; top:50%; transform:var(--hcenter); right:1.2em; }
ul.submenu li a.rozwin:hover:after,ul.submenu li a.rozwin:active:after,ul.submenu li a.rozwin:focus:after,ul.submenu li a.check.rozwin:after { content:"\e003"; color:var(--color-text); }
ul.submenu li a.rozwin,ul.submenu li a.rozwin:hover,ul.submenu li a.rozwin:focus { padding-right:2.5em !important; }
ul.submenu ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
ul.submenu ul li { padding:0; margin:0; border:0; display:block !important; list-style:none; position:relative; background:transparent; clear:both; }
ul.submenu ul li a,ul.submenu ul li a:visited { font-family:var(--font); font-size:1em; line-height:1.2em; color:var(--color-text); text-decoration:none; font-weight:600; background-color:transparent; padding:0.6em 1em 0.6em 2em; margin:0; display:block; border-bottom:0 solid var(--color-grey); border-radius:0; }
ul.submenu ul li a:hover,ul.submenu ul li a:active,ul.submenu ul li a:focus,ul.submenu ul li a.check { color:var(--color-text) !important; font-weight:600; text-decoration:underline; padding:0.6em 1em 0.6em 2em; border-bottom:0 solid var(--color-grey); }
ul.submenu ul ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
ul.submenu ul ul li { padding:0; margin:0; border:0; display:block !important; list-style:none; position:relative; background:transparent; }
ul.submenu ul ul li a,ul.submenu ul ul li a:visited { font-size:1em; line-height:1em; color:var(--color-text); text-decoration:none; font-weight:normal; padding:0.6em 3em; margin:0; display:block; }
ul.submenu ul ul li a:hover,ul.submenu ul ul li a:active,ul.submenu ul ul li a:focus,ul.submenu ul ul li a.check { color:var(--color-text); font-weight:normal; padding:0.6em 3em; }
ul.submenu ul ul ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
ul.submenu ul ul ul li { padding:0; margin:0; border:0; display:block !important; list-style:none; position:relative; background:transparent; }
ul.submenu ul ul ul li a,ul.submenu ul ul li a:visited { font-size:1em; line-height:1em; color:var(--color-text); text-decoration:none; font-weight:normal; padding:0.6em 3em; margin:0; display:block; }
ul.submenu ul ul ul li a:hover,ul.submenu ul ul ul li a:active,ul.submenu ul ul ul li a:focus,ul.submenu ul ul ul li a.check { color:var(--color-text); font-weight:normal; padding:0.6em 3em; }

/*-------- tab menu*/
.meniTab { position:relative; padding:0; margin:0 0 var(--gap) 0; width:auto; font-size:1em; z-index:1; }
.meniTab.large { font-size:1.8em; }
.meniTab.small ul li a:link, .meniTab.small ul li a:visited { padding:1em 0.4em;}
.meniTab.rightSide ul { text-align:right; }
.meniTab.noBorder ul { border:0; }
.meniTab ul { display:flex; justify-content:flex-start; gap:5px; flex-wrap:wrap; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; overflow:hidden; text-align:left; border-bottom:1px solid var(--color-dark-bg); }
.meniTab ul li { position:relative; margin:0; border:0; padding:0; display:inline-block; list-style:none; }
.meniTab ul li a:link,.meniTab ul li a:visited { font-family:var(--font); font-size:1em; line-height:1em; color:var(--color-text); text-decoration:none; font-weight:600; padding:1.2em; border:1px solid var(--color-light-grey); border-bottom:0; border-radius:var(--border-radius-button); background-color:var(--color-light-grey); display:block; white-space:nowrap; transition-duration:1s; }
.meniTab ul li a:hover,.meniTab ul li a:active, .meniTab ul li a:focus,.meniTab ul li a.active,.meniTab ul li a.tab_on,.meniTab ul li a.check,.meniTab ul li a.tab_on { background-color:var(--color-dark-bg); color:var(--color-white); border:1px solid var(--color-dark-bg); border-bottom:0; white-space:nowrap; transition-duration:0.6s; }
article .meniTab { font-size:0.8em;}

/*-------- pagination */
.pagination { position:relative; display:table; overflow:hidden; font-size:1em; padding:0; margin:var(--gap) auto; min-height:25px; text-align:center; }
.pagination ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.pagination ul li { position:relative; margin:0 0.5em 0.2em 0; border:0; padding:0; float:left; display:block; display:inline; overflow:hidden; list-style:none; }
.pagination ul li.noActive { background:transparent; color:var(--color-grey); text-transform:lowercase; padding:1em; }
.pagination ul li.selectbox { white-space:nowrap; padding:0; }
.pagination ul li.selectbox .forms select { width:auto; padding:0.75em 2em 0.75em 0.5em; }
.pagination ul li.selectbox .iloscStron { position:relative; display:inline; padding:0.5em; font-weight:bold; color:var(--color-main);}
.pagination a,.pagination a:visited { display:block; background:transparent; border-bottom:1px solid transparent; height:auto !important; font-family:var(--font); color:var(--color-main); line-height:1em; padding:1em; font-size:1em; text-decoration:none; font-weight:normal; text-transform:lowercase; overflow:hidden; 
-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; }
.pagination a:hover,.pagination a:active,.pagination a:focus,.pagination a.check { border-bottom:1px solid var(--color-main); color:var(--color-main); text-decoration:none; transition: all 0.2s ease-in;}
.pagination span { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; }
/* pagination select */
.selectPagination .pagination ul li.selectbox { margin:0;}
.selectPagination .pagination ul li:first-child {float:left; text-align:left;}
.selectPagination .pagination ul li:first-child a:before,.selectPagination .pagination ul li:last-child a:after { font-family:var(--font-icon); content:"\e000"; color:var(--color-main); font-size:1em; line-height:0.5em; display:inline-block; padding:0 0.1em 0 0.1em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; }
.selectPagination .pagination ul li:last-child {float:right; text-align:right;}
.selectPagination .pagination ul li:last-child a:after { content:"\e001"; }
.selectPagination .pagination ul li:first-child a:hover:before,.pagination ul li:first-child a:focus:before,
.selectPagination .pagination ul li:last-child a:hover:after,.pagination ul li:last-child a:focus:after { color:var(--color-grey); text-decoration:none; transition: all 0.2s ease-in;}
/* text-pagination */
.pagination-text { padding:0; margin:0; }
.pagination-text ul { display:flex; justify-content:flex-start; text-align:left; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto;}
.pagination-text ul li { margin:0; margin-right:0.2em; padding:0; display:block; display:inline; list-style:none; position:relative; }
.pagination-text ul li span { display:block; color:var(--color-main); font-size:1em; line-height:1em; padding:1em; background:transparent; border-bottom:1px solid var(--color-gold); }
.pagination-text ul li a:link,.pagination-text ul li a:visited { display:block; color:var(--color-text); font-size:1em; line-height:1em; padding:1em; font-weight:normal; text-decoration:none; white-space:nowrap; border-bottom:1px solid transparent; background:transparent; }
.pagination-text ul li a:hover,.pagination-text ul li a:active,.pagination-text ul li a:focus,.pagination-text ul li a.check { background:transparent; border-bottom:1px solid var(--color-gold); color:var(--color-main); text-decoration:none;}

/*===============================================*/
/* MODULE */

/*archive*/
.archive { position:relative; }
.archive h2 { position:relative; text-align:left; font-size:1.3em; line-height:1.5em;font-weight:bold; text-decoration:none; padding:var(--padding) 0; }
.archive ul {  position:relative; display:flex; padding:0; margin:var(--gap) 0 0 var(--gap); text-align:left; list-style-type:none; list-style-image:none;}
.archive ul li { position:relative; margin:0; margin-right:var(--margin); border:0; padding:0 0 0 var(--margin); display:block; list-style:none; }
.archive ul ul { padding:0; margin:var(--margin) 0 0 0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.archive ul ul li { position:relative; display:block; padding:var(--padding); margin:0; overflow:hidden; list-style:none; border-bottom:1px solid var(--color-light-grey); background:url("/dokumenty/szablonyimg/1-arrow.svg") no-repeat left center;} 
.archive ul ul li a:link,.archive ul ul li a:visited { font-size:1em; font-weight:normal; text-decoration:none; padding:0; }
.archive ul ul li a:hover,.archive ul ul li a:active { text-decoration:none; }

/*sitemap*/
.sitemap { position:relative; }
.sitemap ul { padding:0; margin:var(--gap) 0 0 var(--gap); text-align:left; list-style-type:none; list-style-image:none; }
.sitemap ul li { position:relative; margin:var(--margin); width:auto; display:block;  }
.sitemap ul li a:link,.sitemap ul li a:visited { font-size:1.3em; padding:0; display:inline-block; font-weight:bold; text-decoration:none; }
.sitemap ul li a:hover,.sitemap ul li a:active { text-decoration:none; }
.sitemap ul ul { padding:0; margin:var(--margin) 0 0 var(--margin);}
.sitemap ul ul li a,.sitemap ul ul li a:visited { font-size:1.1em; font-weight:normal; text-decoration:none; border:0; }
.sitemap ul ul ul li a,.sitemap ul ul ul li a:visited { font-size:1em; font-weight:normal; border:0; }
.sitemap ul ul ul ul li a,.sitemap ul ul ul ul li a:visited { font-size:1em; font-weight:normal; text-decoration:none; border:0; }
.sitemap a.rozwin:link,.sitemap a.rozwin:visited { position:relative; display:inline-block; margin:0 0.2em; vertical-align:middle; text-decoration:none; line-height:0.5em; color:var(--color-main); border:0; transition-duration:0.6s; }
.sitemap a.rozwin:hover,.sitemap a.rozwin:focus { color:var(--color-grey); transition-duration:0.6s; }
.sitemap a.rozwin:before,.sitemap a.rozwin:before { font-family:var(--font-icon); content:"\e001"; font-size:0.8em; line-height:0.5em; position:relative; text-align:center; }
.sitemap ul li.expand a.rozwin:before {content:"\e002";}
.sitemap ul li.expand li a.rozwin:before {content:"\e001";}
.sitemap ul li.expand li.expand a.rozwin:before {content:"\e002";}

/* comment */
.comments { margin:var(--gap) 0; text-align:left; }
.comments h3 {  font-size:1.3em; line-height:1.4em; font-weight:bold; border-bottom:1px solid var(--color-light-grey);}
.comments span.date { position:relative; margin:0; padding:var(--padding); font-size:0.9em; line-height:1.1em;  }
.comments ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.comments ul li { display:flex; padding:var(--gap) 0; margin:0; overflow:hidden; list-style:none; border-bottom:1px solid var(--color-light-grey); }
.comments ul li.w { padding:var(--padding); background:var(--color-light-red);}
.comments ul li a:link,.comments ul li a:visited { text-decoration:none; font-size:1.2em; }
.comments ul li a:hover,.comments ul li a:active,.comments ul li a:focus { text-decoration:none; }

/*search */
.searchResults { position:relative; display:block; padding:0; margin:var(--gap) auto; }
.searchResults h3,.searchResults strong { display:inline-block; margin:0 0 var(--margin) 0; padding:0; font-size:1.2em; line-height:1em; font-weight:bold; text-align:left; text-decoration:none;}
.searchResults p { display:block; font-size:1em; line-height:1em; margin:0 0 var(--margin) 0; font-size:1.2em; line-height:1em; } 
.searchResults ol { display:block; padding:0; margin:0; text-align:left; width:auto; list-style-type:decimal;}
.searchResults ol li { position:relative; padding:var(--padding); margin:0 0 var(--gap) 0; border:1px solid var(--color-light-grey); background-color:var(--color-light-bg); }
.searchResults ol li::marker { font-size:1.4em; line-height:1em; color:var(--color-grey)  }
.searchResults .container { position:relative; display:flex; gap:var(--gap1); }
.searchResults a:link,.searchResults a:visited { color:var(--color-text); text-decoration:none; }
.searchResults a:hover,.searchResults a:active,.searchResults a:focus,.searchResults a:focus h3 { text-decoration:underline; }
.searchResults img.ico { display:inline-block; vertical-align:middle; margin:0 0.3em; width:30px; height:auto;}
.searchResults .imgwraper { position:relative; width:20%; flex-shrink:0; aspect-ratio: 4 / 3; padding:0; overflow:hidden; box-sizing:border-box; border-radius:var(--border-radius); }
.searchResults .content { position:relative; padding:0; }
.searchResults .type { position:relative; width:30px; flex-shrink:0; padding:0; overflow:hidden; }
.searchResults .type img { width:30px; }
.searchResults .date { position:relative; display:inline-block; text-align:left; padding:0.5em; margin:0 0 0.5em 0; font-weight:normal; text-decoration:none; font-size:1em; line-height:1em; background-color:var(--color-light-grey); }
.searchResults .category { position:relative; display:inline-block; text-align:left; padding:0.5em; margin:0 0 0.5em 0; font-weight:normal; text-decoration:none; font-size:1em; line-height:1em; background-color:var(--color-navy); color:var(--color-white); }
.searchResults .category a:link,.searchResults .category a:visited { font-size:1em; line-height:1em; text-decoration:none; color:var(--color-white); }

/*hightlight seraching words */
mark { background-color:var(--color-yellow); }

/*search expand btn */
.searchExpandBtn { position:relative; }
.searchExpandBtn a:link, .searchExpandBtn a:visited { display:block; text-decoration:none; font-size:1em;}
.searchExpandBtn a:active,.searchExpandBtn a:hover,.searchExpandBtn a:focus { outline:none; text-decoration:underline; }
.searchExpandBtn a:before { font-family:var(--font-icon); content:"\e003"; color:var(--color-text); font-size:1.5em; line-height:0.1em; display:inline-block; padding:0; margin-right:0.2em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; }
.searchExpandBtn.active a:before { content:"\e001"; color:var(--color-text-highlight); transition-duration:1.5s; text-decoration:none; }
.searchExpand { height:auto; display:block; }

ul.searchList { display:block; padding:0; margin:0; text-align:left; width:auto; list-style-type:none; list-style-image:none;}
ul.searchList li { position:relative; padding:0 0 calc(0.25 * var(--padding)) calc(0.25 * var(--padding)); margin:0; }

/* pools */
.poll { position:relative; } 
.poll .result { display:flex; justify-content: space-between; align-items:center; padding:0; margin:var(--gap) 0; border:0;  }
.poll .result.ok { padding:var(--padding); border:1px solid var(--color-green); }
.poll .ans { position:relative; padding:0; text-align:left; font-size:0.9em; font-weight:normal; font-style:normal;}
.poll span.required { position:relative; float:right; }
.poll .raport { position:relative; width:100%; margin:0.5em 0; border:1px solid var(--color-light-grey);} 
.poll .raport h3 { padding:0.3em; }
.poll ul.legend { position:absolute; bottom:0; left:0; display:block; overflow:hidden; margin:0; background:var(--color-white); }
.poll ul.legend li { position:relative; display:inline-block; margin:0.1em 0.5em; padding:0; overflow:hidden; white-space:nowrap; }

/*dialog alert */
.alerts { position:relative; display:flex; align-items:center; justify-content:flex-start; padding:var(--padding); margin:var(--gap) auto; text-align:left; font-size:1.4em; line-height:1.1em; color:var(--color-text); font-family:var(--font); border:1px solid var(--color-grey); border-radius:var(--bordr-radius); z-index:1; }
.alerts._warn { color:var(--color-text); background-color:var(--color-yellow); border:1px solid var(--color-yellow); border:0; }
.alerts._alert { color:var(--color-white); background-color:var(--color-red); border:1px solid var(--color-red); border:0; }
.alerts._ok { color:var(--color-white); background-color:var(--color-green); border:1px solid var(--color-green); border:0; }
.alerts i.element { position:relative; display:block; padding:10px; text-align:center; font-style:normal; border:1px solid var(--color-light-grey); }
.alerts i.element:before { content:"\26A0"; font-size:3rem; line-height:50px; }
.alerts div.content { padding:1em; font-size:1em; line-height:1em; font-weight:normal; text-align:left; }

/*payment */
.payment {display:block;}
.payment span[class^="i-"],.payment span[class*=" i-"] { display:inline-block; padding:0.3em; margin:0; font-size:1em; line-height:1em; }
.payment .i-error { background-color:var(--color-red); color:var(--color-white);}
.payment .i-ok { background-color:var(--color-green); color:var(--color-white); }
.payment .i-normal { background-color:var(--color-grey); color:var(--color-black); }
.payment .i-alert { background-color:var(--color-yellow); color:var(--color-black); }

/*index*/
.index { position:relative;}
.index h3 { position:relative; padding:calc(0.5 * var(--padding)) 0; font-size:3em; line-height:1.2em; color:var(--color-black); text-align:left; font-weight:700; text-decoration:none; text-transform:uppercase; }
.index .box { position:relative; background-color:var(--color-light-grey); padding:var(--padding); margin:0; text-align:left; font-size:1em; line-height:1em; color:var(--color-black); }
.index ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none;}
.index ul li { margin:0; border:0; padding:0; list-style:none; position:relative; }
.index ul li a:link,.index ul li a:visited { position:relative; padding:0.4em; display:inline-block; text-decoration:none; font-size:1.3em; line-height:1.2em; color:var(--color-black); }
.index ul li a:hover,.index ul li a:focus { background-color:var(--color-main); color:var(--color-white); }
.index ul li a span { font-size:0.6em; padding:0.2em; margin:0 0.5em; background-color:var(--color-main); color:var(--color-white); }

/* maps */
.maps { position:relative; padding:0; margin:0; } 
.maps .map, article .map { display:block; width:100%; height:650px; }
.maps #objectList { display:block; margin:var(--gap) 0; }
.maps .summary { position:relative; display:flex; justify-content:space-between; align-items:stretch; flex-direction:row; border:0; padding:0; margin:0 0 var(--gap) 0; box-sizing:border-box; } 
@media only screen and (max-width:768px) { .maps .summary { flex-direction:column; } }
/* maps - search */
.maps .search { text-align:left; margin-bottom:var(--gap);}
.maps .search form { border:1px solid var(--color-light-grey); width:100%; margin:0; box-sizing:border-box;}
.maps .search legend, .maps .search label { position:absolute; top:0; left:-10000em; width:1px; height:1px;}
.maps .search input[type=text] { width:85%; border:0;}
.maps .search button { position:absolute; top:0; right:0; display:block; width:50px; height:100%; padding:0; margin:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:var(--color-text); }
.maps .search button:before { position:absolute; top:50%; transform:var(--hcenter); left:0; width:100%; text-indent:0; font-size:1.4em; line-height:50px; font-family:var(--font-icon); content:"\e021"; color:var(--color-text); }
.maps .search button:hover,.maps .search button:focus { color:var(--color-black); } 
/* maps - legend and options */
.maps .legend, .maps .opt { position:relative; padding:var(--padding); margin:0; }
.maps .legend .forms, .maps .opt .forms { overflow:visible; background:transparent;}
.maps .legend legend, .maps .opt legend { padding:0; margin:0 0 var(--margin) 0;}
.maps .legend ins,.maps .legend .ins,
.maps .legend ins,.maps .legend .ins, .maps .opt ins,.maps .opt .ins { position:relative; display:block; overflow:visible; height:auto; padding:0; margin:0.5em; text-align:left; background:transparent; border-bottom:1px solid var(--color-light-grey); }
.maps .legend .marker { display:inline-block; vertical-align:middle; border:0; border-left:1px solid var(--color-light-grey); width:20px; height:20px; padding:0; margin:0 0.5em 0 0; box-sizing:border-box; background-position:center top; background-repeat:no-repeat; background-size:80% 100%; }
/* maps - dsc */
.maps .desc { position:relative; padding:var(--padding); margin:0; }
.maps .desc strong { display:block; font-weight:bold; font-size:1.4em; line-height:1em; text-align:left; margin:0 0 var(--margin) 0; }
.maps .desc p { display:block; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.1em; }
/* mapy - image */
.maps .image { position:relative; padding:calc(1 * var(--padding)); margin:0; width:44%; }
/* mapy - hint */
.map-object { position:relative; padding:var(--padding); margin:0; width:auto; height:auto; box-sizing:border-box; }
.map-object strong { display:block; margin:0 0 0.8em 0; font-family:var(--font); text-align:left; font-size:1.2em; line-height:1em; }
.map-object p { font-family:var(--font); text-align:left; font-size:1em; line-height:1.2em; margin:0; }
.map-object a.button:link, .map-object a.button:visited { padding:1em; margin:var(--margin) 0; }
.map-object .forms { width:350px; }
 /* maps - popup if not exist */
.map-popup { position:absolute; top:20%; left:50%; transform:var(--center); min-width:30%; height:auto; padding:15px 15px 0 0; z-index:10; }
.map-popup-content { border:1px solid var(--color-grey); background-color:var(--color-light-bg); box-shadow:var(--box-shadow-hover); }
.map-popup .usun { position:absolute; top:0; right:0; width:30px; height:30px; }
/* fix*/
.txt .extendedArea, aside .extendedArea { display:none; }
.map-area .extendedArea { display:none; }
.map-area { width:100%; background-color:var(--color-light-bg); margin:0 0 2em 0; }
.map-area img { width:100%; height:auto; }
.map-area #mapy, .map-area #mapy #map { height:100%; }
@media only screen and (max-width:768px) { .map-area #mapy, .map-area #mapy #map { height:500px; } }

/* banner */
.bannery { position:relative; display:inline-block; overflow:hidden; width:auto; height:auto; padding:0; margin:0; }
.bannery div.item { padding:0; margin:0; float:left; display:block; }
.bannery a {display:block; }
.bannery a img { width:auto; height:auto; padding:0; transition-duration:0.8s; }
.bannery a:hover img,.bannery a:focus img { opacity:0.7; transition-duration:0.6s; }
.bannery a:focus img { border:2px solid var(--color-black);width:95%;height:95%; }
.bannery-slider { position:relative; margin:0 auto; }
.bannery-overlay { position:relative; overflow:hidden;width:100%; height:100%; padding:0; margin:0;}
.bannery-wraper {position:absolute; z-index:0;}
/* slider column */
.bannery.pion .bannery-wraper { height:100000px; width:auto;}
.bannery.pion div.item { float:none; display:block !important; }
/* slider opt */
.bannery-previous,.bannery-next { position:absolute; top:50%; transform: var(--hcenter); z-index:1000; cursor:pointer; width:40px; height:40px; z-index:2; }
.bannery-previous { left:0;}
.bannery-next { right:0;}
.bannery-previous a:link,.bannery-previous a:visited,
.bannery-next a:link,.bannery-next a:visited { height:100%; display:block; text-decoration:none; color:var(--color-main); background-color:var(--color-light-grey); }
.bannery-previous a:before,.bannery-next a:before { font-family:var(--font-icon); content:"\e000"; line-height:1em; position:absolute; top:50%;transform:var(--hcenter); left:0; width:100%; text-align:center; }
.bannery-next a:before { content:"\e001"; }
.bannery-previous a:before, .bannery-next a:before { font-size:1em;}
.bannery-previous a:active,.bannery-previous a:hover,.bannery-previous a:focus,
.bannery-next a:active,.bannery-next a:hover,.bannery-next a:focus { background-color:var(--color-main);}
.bannery-previous a:hover:before,.bannery-previous a:focus:before,.bannery-next a:hover:before,.bannery-next a:focus:before { color:var(--color-white); }
.bannery-previous a span,.bannery-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0; }
.bannery-next a.end,.bannery-previous a.end {opacity:0.5; color:var(--color-light-grey); cursor:default;}
/* slider opt column */
.bannery.pion .bannery-previous,.bannery.pion .bannery-next { left:50%; top:auto; margin-left:-10px; margin-top:0; }
.bannery.pion .bannery-previous { top:1px;}
.bannery.pion .bannery-next { bottom:1px;}
.bannery.pion .bannery-previous a:link,.bannery.pion .bannery-previous a:visited { background-position:0px -40px; }
.bannery.pion .bannery-previous a:active,.bannery.pion .bannery-previous a:hover,.bannery.pion .bannery-previous a:focus {background-position:0px -60px; }
.bannery.pion .bannery-next a:link,.bannery.pion .bannery-next a:visited { background-position:-20px -40px; }
.bannery.pion .bannery-next a:active,.bannery.pion .bannery-next a:hover,.bannery.pion .bannery-next a:focus {background-position:-20px -60px; }
/* fix it */
.banners {position:relative; padding:0; width:100%; height:auto; overflow:hidden; z-index:0;}
.banners .bannery { height:100% !important; width:100%; text-align:center; }
.banners .bannery:after { clear:both;}
.banners .bannery div.item { float:none; display:inline-block; }

/* context */
a.context { position:relative; display:inline-block; }
a.context:before { content:"" !important;}
a.context span.hint { position:absolute; display:none; padding:var(--padding); box-sizing:border-box; border:2px solid var(--color-main); background-color:var(--color-light-bg); color:var(--color-text); font-size:1em; line-height:1em; text-align:left; transition-duration:1.8s;}
a.context span.hint strong { display:block; margin:0 0 1em;}
a.context span.hint .triangle { position:absolute; bottom:-20px; left:1em; display:block; width:0; height:0; border-style:solid; border-width:20px 25px 0 25px; border-color: var(--color-main) transparent transparent; z-index:2;}
a.context:hover span.hint,a.context:focus span.hint { position:absolute; bottom:2.1em; left:calc(-1 * var(--padding)); display:block; width:200%; height:auto; transition-duration:0.8s;}
#printer span.hint { display:none !important; }
/*fix*/
figcaption a.context span.hint,.opisObrazka3d { font-size:1.1em; line-height:1.2em; white-space:pre-line; }
figcaption .imgwraper { float:right; height:15em; width:30%; }

/*Calendar*/
.calendarContent{ position:relative; overflow:visible; padding:var(--padding) 0 0; margin:0 auto; }
.calendar { position:relative; overflow:visible; padding:0; margin:0; }
.calendar { position:relative; box-sizing:border-box; display:block; z-index:1;}
.calendar .day { position:relative; display:block; z-index:1; }
.calendar .choose { position:relative; display:block; width:auto; margin:0 auto; padding:2em 0; text-align:center; z-index:0; }
.calendar .choose strong { position:relative; display:block; padding:0.5em 0; font-family:var(--font); font-size:1.2em; line-height:1em; font-weight:normal; }
.calendar .day > ul { display:flex; justify-content:center; flex-wrap:wrap; padding:0; margin:0; text-align:center; list-style-type:none; list-style-image:none; width:auto; height:100%; }
.calendar .day > ul > li { position:relative; margin:5px; padding:0; border:0; display:block; vertical-align:top; overflow:visible; list-style:none; width:auto; height:100%; }
.calendar .day > ul > li .inner { position:relative; height:calc(100% - 10px); margin:5px; padding:0; display:block; border:1px solid var(--color-light-grey); background:var(--color-white); }
.calendar .day a:link,.calendar .day a:visited,.calendar .day .noActive { display:flex; align-items:center; justify-content:center; text-align:center; width:34px; height:34px; border:1px solid var(--color-main); padding:0; border-radius:100%; color:var(--color-main); font-size:1.1em; font-weight:normal; overflow:hidden; text-decoration:none; transition: all 0.4s ease-in; }
.calendar .day .noActive { color:var(--color-grey); border:1px solid var(--color-grey); }
.calendar .day a:hover,.calendar .day a:active,.calendar .day a:focus,.calendar .day a.check { background-color:var(--color-main); color:var(--color-white); text-decoration:none; transition: all 0.2s ease-in;}
.calendar .noActive { text-decoration:none; }
.calendar .day a .nlabel { position:relative; display:block; padding:20px 10px; font-family:var(--font); font-size:1.4em; line-height:1em; font-weight:normal; text-align:left; border-bottom:1px solid var(--color-light-grey); }
.calendar .day a .nday { position:relative; display:block; padding:10px; font-family:var(--font); font-size:6em; line-height:1em; text-align:left; }
.calendar h4 { margin:var(--margin) 0; font-family:var(--font); font-size:1.5em; line-height:1.1em; font-weight:normal; text-align:center; text-transform:none;}
.calendar h4 span { text-transform:none; display:inline-block; }
.calendar h4 span:after { content:": "; }
.calendar form { position:relative; border:0; overflow:visible; height:100%; padding:0; margin:0; float:none; }
.calendar fieldset { position:relative; display:flex; align-items:center; justify-content:center; text-align:center; border:0; height:100%; padding:0 80px; margin:0; }
.calendar fieldset legend { position:absolute; top:0; left:-10000px; width:1px; height:1px; }
.calendar label span { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; display:block; }
.calendar label {position:relative; display:flex; align-items:center; justify-content:center;}
.calendar label:after {content:'>'; font:1em "Consolas", monospace; line-height:1em; color:var(--color-dark-grey); position:absolute; top:50%; right:0; transform:var(--hcenter); padding:0; transform:rotate(90deg); pointer-events:none;}
.calendar select { position:relative; padding:0 0.5em; box-sizing:border-box; margin:0; width:auto; height:1.5em; display:inline-block; overflow:hidden; border:0; background:transparent; font-family:var(--font); color:var(--color-main); font-size:2.6em; line-height:1em; font-weight:normal; text-align:left; 
-webkit-appearance:none;-moz-appearance:none;}
.calendar select option { font-size:0.5em; line-height:1em; color:var(--color-dark-grey);}
.calendar select option:first-letter{ text-transform:none; }
.calendar select.year { font-size:3em; }
.calendar select:focus { color:var(--color-main);}
.calendar input[type=submit],.calendar button { position:relative; display:inline-block; width:50px; height:50px; padding:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:var(--color-main); }
.calendar input[type=submit]:before ,.calendar button:before{ position:absolute; top:0; left:0; width:100%; text-indent:0; font-size:2.5em; line-height:1em; }
.calendar input[type=submit]:hover,.calendar input[type=submit]:focus,.calendar button:hover,.calendar button:focus { color:var(--color-main); }
/* calendar button */
.calendar-previous,.calendar-next { position:absolute; top:40%; transform:var(--hcenter); z-index:2; width:65px; height:65px; transition-duration:0.6s; }
.calendar-previous { left:0 }
.calendar-next { right:0; }
.calendar-previous a:link,.calendar-previous a:visited,
.calendar-next a:link,.calendar-next a:visited { position:relative; display:block; width:100%; height:100%; opacity:1; text-decoration:none; font-size:0.7em; color:var(--color-grey); }
.calendar-previous a:before,.calendar-next a:before { font-family:var(--font-icon); content:"\e000"; font-size:3em; line-height:1em; position:absolute; top:50%; transform:var(--hcenter); left:0; width:100%; background-color:transparent; text-align:center; }
.calendar-next a:before { content:"\e001"; }
.calendar-previous a:active,.calendar-previous a:hover,.calendar-previous a:focus,
.calendar-next a:active,.calendar-carusel-next a:hover,.calendar-next a:focus { }
.calendar-previous a:hover:before,.calendar-previous a:focus:before,.calendar-next a:hover:before,.calendar-next a:focus:before { color:var(--color-white); }
.calendar-previous a span,.calendar-next a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:1em; text-indent:0; }
.calendar-previous a.end,.calendar-next a.end {opacity:0.5; transition-duration:0.6s;}

/* Calendar picker - fix */
.vlaCalendarOverlay { width:auto; height:auto; font-size:1em; line-height:2em; padding:var(--padding); margin:0; background:var(--color-extra-light-gold);}
.vlaCalendar { height:100%}
.vlaCalendar caption { padding:0; margin:calc(0.5 * var(--margin)) 0;  }
.vlaCalendar .month th { font-size:1em; color:var(--color-text); font-weight:400; text-transform:lowercase; border-bottom:1px solid var(--color-light-gold); }
.vlaCalendar .label { font-size:1em; text-transform:none; color:var(--color-text); font-weight:normal; }
.vlaCalendar .label a { font-size:1.2em; text-transform:none; color:var(--color-text); font-weight:700; }
.vlaCalendar .arrowLeft,.vlaCalendar .arrowRight { position:absolute; top:0; width:30px; height:30px; box-shadow:0 0 0; }
.vlaCalendar .arrowLeft { left:0;}
.vlaCalendar .arrowRight { right:0;}
.vlaCalendar .arrowLeft a,.vlaCalendar .arrowRight a { background:var(--color-gold); color:var(--color-text); }
.vlaCalendar .arrowLeft a:before,.vlaCalendar .arrowRight a:before { font-family:var(--font-icon); content: "\e000"; font-size:1em; line-height:1em; text-align:center; text-decoration:none; }
.vlaCalendar .arrowRight a:before { content:"\e001"; }
.vlaCalendar .arrowLeft a:active,.vlaCalendar .arrowLeft a:hover,.vlaCalendar .arrowLeft a:focus,
.vlaCalendar .arrowRight a:active,.vlaCalendar .arrowRight a:hover ,.vlaCalendar .arrowRight a:focus {color:var(--color-white); background:var(--color-main); }
.vlaCalendar .month td.activeDay > a, .vlaCalendar .month td.activeDay span > a { color:var(--color-text); font-weight:400; border:1px solid var(--color-light-gold); background:var(--color-light-gold); border-radius:100%; width:30px; height:30px; line-height:30px; display:inline-block;}
.vlaCalendar .month td.activeDay a:hover,.vlaCalendar .month td.activeDay a:focus { border:1px solid var(--color-main); background:var(--color-main); color:var(--color-white);}
.vlaCalendar .month td.activeDay div ul li a, .vlaCalendar .month td.activeDay div ul li a:visited { font-size:0.8em; line-height:1em; border:0; background:transparent; color:var(--color-main); }
.vlaCalendar .month td.activeDay div ul li a:hover { border:0; background:transparent; color:var(--color-main); }
.vlaCalendar .month td span, .vlaCalendar .month td.activeDay span a { display:inline-block; width:30px; height:30px; line-height:30px; color:var(--color-text); background:transparent; border:1px solid var(--color-gold); border-radius:100%; }
.vlaOption { width:60%; margin:0 auto;}
/*fix dla formularzy */
.pickerBackground .vlaCalendar .arrowLeft,.pickerBackground .vlaCalendar .arrowRight {top:0 !important; width:18px; height:18px; }
.pickerBackground .vlaCalendar .arrowLeft { left:0em !important;}
.pickerBackground .vlaCalendar .arrowRight { right:0em !important;}
.pickerBackground .vlaCalendar .arrowLeft a:before, .pickerBackground .vlaCalendar .arrowRight a:before { font-size:1em; }

/* calendar carusel*/
.timeline-vert { position:relative; overflow:visible; z-index:1; border:0; font-size:1em; text-align:left; }
.timeline-vert h2 { position:relative; display:block; z-index:4; font-size:2em; font-weight:bold; color:var(--color-white); text-align:center; padding:0.3em 0.5em; margin:0; background-color:var(--color-light-grey); }
.timeline-vert ul { position:relative; display:flex; padding:0; margin:0; list-style-type:none; list-style-image:none; text-align:left; min-height:600px; width:20000px;}
.timeline-vert ul:after { content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); height:2px; width:100%; z-index:1; background-color:var(--color-main); }
.timeline-vert li { position:relative; display:flex; margin:0; padding:0; list-style:none; overflow:visible; text-align:center; vertical-align:top; }
.timeline-vert li a:link,.timeline-vert li a:visited,.timeline-vert li .a { position:relative; display:block; min-height:45%; margin:0 var(--gap); box-sizing:border-box; font-size:1em; line-height:1.2em; color:var(--color-grey); text-decoration:none; font-weight:normal; text-align:center; }
.timeline-vert li a div,.timeline-vert li .a div { position:relative; display:block; top:60%; width:100%; height:50%; box-sizing:border-box; padding:0 0.5em; box-sizing:border-box;}
.timeline-vert li:nth-child(even) a div,.timeline-vert li:nth-child(even) .a div { top:0;}
.timeline-vert li h3 { position:relative;display:inline; font-size:1em; line-height:1em; margin:0; color:var(--color-black); }
.timeline-vert li p { font-size:1em; line-height:1em;}
.timeline-vert li:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:var(--center); width:20px; height:20px; border-radius:30px; z-index:2; border:2px solid var(--color-main); background:var(--color-white); transition-duration:1s; }
.timeline-vert li:before { content:""; display:block; position:absolute; top:50%; left:50%; transform:var(--center); width:14px; height:14px; border-radius:30px; z-index:3; background:var(--color-white); transition-duration:1s; }
.timeline-vert li a:before,.timeline-vert li .a:before { content:""; position:absolute; top:50%; left:50%; transform:var(--center); width:2px; height:40px; z-index:1; background-color:var(--color-main); }
.timeline-vert li a:after,.timeline-vert li .a:after { content:""; position:absolute; top:calc(50% + 40px); left:50%; transform:var(--center); width:10px; height:10px;border-radius:100%; z-index:1; background-color:var(--color-main); }
.timeline-vert li:nth-child(even) a:before,.timeline-vert li:nth-child(even) .a:before { bottom:50%; top:auto;}
.timeline-vert li:nth-child(even) a:after,.timeline-vert li:nth-child(even) .a:after { top:calc(50% - 40px);}
.timeline-vert li a:hover h3,.timeline-vert li a:focus h3 { color:var(--color-main); transition-duration:2s;}
.timeline-vert li a:hover,.timeline-vert li a:focus { color:var(--color-text); transition-duration:1s;}
.timeline-vert li a:hover:after,.timeline-vert li a:focus:after { background:var(--color-main); transition-duration:1s;}
.timeline-vert li a:hover:before,.timeline-vert li a:focus:before { background:var(--color-white); transition-duration:1s;}

/* AJAX */
div.ajaxloading {position:absolute; display:block; top:1em; left:1em; padding:0.5em; float:left; color:var(--color-black); border:1px dotted var(--color-dark-grey); background:var(--color-white); z-index:1000; }

/* RANKING */
.rabidRating { margin:0;}
.rabidRating .wrapper { cursor:pointer; background:var(--color-grey); margin:0; }
.rabidRating .wrapper { overflow:hidden; text-align:left;}
.rabidRating span,.rabidRating .wrapper { display:block; width:110px; height:25px; }
.rabidRating span { position:relative; top:0; left:0; text-indent:-999em; }
.rabidRating .ratingStars { display:block; background:url("/img/rating/gwiazdki.png") no-repeat center; }
.rabidRating .ratingFill { background-color:var(--color-main); }
.rabidRating .ratingVoted {cursor:default; background-color:var(--color-black); }
.rabidRating .ratingActive { background-color:var(--color-yellow); }
.rabidRating .ratingText { color:var(--color-grey); font-size:0.8em; }
.rabidRating .ratingText.loading { background:url("/img/ajax/loading1.gif") no-repeat; text-indent:-999em; }

/* TAGI*/
.tags a:link,.tags a:visited { display:inline-block; padding:0.5em 1em; background-color:var(--color-dark-bg); color:var(--color-white); font-size:1em; text-decoration:none; margin-bottom:5px; }
.tags a:hover,.tags a:focus { background-color:var(--color-light-bg); color:var(--color-text); }
a.tag6 { font-size:2.1em; color:var(--color-white); }
a.tag5 { font-size:1.9em; color:var(--color-white); }
a.tag4 { font-size:1.7em; color:var(--color-white); }
a.tag3 { font-size:1.5em; color:var(--color-white); }
a.tag2 { font-size:1.2em; color:var(--color-white); }
a.tag1 { font-size:1em; color:var(--color-white); }

/*cookies box */
.cookiesBox { position:fixed; bottom:0; left:0; width:100%; padding:0; max-height:40vh; margin:0; opacity:1; overflow:hidden; overflow-y:auto; border-top:3px solid var(--color-white); box-shadow:var(--box-shadow); z-index:1000;}
.cookiesBox .cookiesBoxItem { position:relative; display:block; box-sizing:border-box;padding:4em; margin:0 auto; width:100%; font-size:1em; letter-spacing:0; text-align:left; background:var(--color-light-grey); color:var(--color-dark); z-index:1;}

/* LISTING TYP:TABELE*/
table.table, table.table-listing { width:100%; border:0; border-spacing:1px; font-size:1em; line-height:1.1em; }
table.table caption, table.table-listing caption { border:0; border-bottom:0; padding:1em 0.5em; background:var(--color-white); font-size:1.4em; line-height:1.1em; text-align:left; font-family:var(--font);}
table.table caption span, table.table-listing caption span { font-size:0.7em; font-weight:normal; }
table.table tr, table.table-listing tr { color:var(--color-black); }
table.table tr:hover td, table.table-listing tr:hover td { background:var(--color-light-grey) !important;}
table.table tr th, table.table-listing tr th { min-height:1em; padding:1em 0.5em; background:var(--color-gold); font-family:var(--font); font-size:1.3em; line-height:1.1em; font-weight:normal; color:var(--color-white); text-align:center;}
table.table.small tr th,table.table-listing.small tr th {font-size:1em;}
table.table a, table.table-listing a { color:var(--color-main); text-decoration:none;}
table.table a:hover,table.table a:focus, table.table-listing a:hover, table.table-listing a:focus { text-decoration:underline;}
table.table tr td, table.table-listing tr td { font-size:1.1em; min-height:1em; vertical-align:top; text-align:center; border:0; padding:1em; margin:0.6em; background:var(--color-white); border-bottom:1px solid var(--color-light-grey);}
table.table tr:nth-child(odd) td, table.table-listing tr:nth-child(odd) td { background:var(--color-light-grey);}
table.table tr td.center, table.table-listing tr td.center {text-align:center;}
table.table tr td.nowrap, table.table-listing tr td.nowrap {white-space:nowrap;}
table.table tr td.right, table.table-listing tr td.right,table.table tr th.right, table.table-listing tr th.right {text-align:right; float:none;}
article table.table, article table.table-listing { font-size:0.8em;}

/*table div*/
.table-items { display:table; vertical-align:middle; margin:0; padding:0; width:100%; box-sizing:border-box; }
.table-items ul { position:relative; display:table-row; margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:center; }
.table-items ul.error:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid var(--color-white); background-color:rgba(255,0,0,0.1) }
.table-items ul.header:after { height:2px; }
.table-items ul.header li { font-weight:bold; background-color:var(--color-gold); color:var(--color-white); }
.table-items ul:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:var(--color-light-grey); }
.table-items li ul:after { content:""; height:0; }
.table-items ul li { position:relative; display:table-cell; height:auto; width:auto; min-width:50px; overflow:visible; margin:0 0.5em 0; padding:1.5em 1em; box-sizing:border-box; vertical-align:middle; text-align:left; background:transparent; font-size:1em;line-height:1em; }
.table-items ul li.alignRight { text-align:right;}
.table-items .name { text-align:left;} 

/*===============================================*/
/* FORMS */
/*===============================================*/

.searcher { position:relative; float:none; overflow:visible; padding:var(--padding); margin:0; background:var(--color-light-grey); border:1px solid var(--color-light-grey); border-left:4px solid var(--color-main); z-index:1; }

.records { position:relative; float:none; overflow:visible; padding:0; margin:var(--gap) 0; background-color:var(--color-light-bg); z-index:0; }
.records .header { text-align:left; padding:var(--padding); border:0;}
.records .header h3 {display:inline-block; font-family:var(--font); font-size:2em; line-height:1em;}

/* licznik */
.recordsNumber { position:relative; display:inline-block; padding:calc(0.5 * var(--padding)); margin:0; width:auto; text-align:left; z-index:1; border-left:1px solid var(--color-grey); } 
.recordsNumber h4 { margin:0; padding:0; font-family:var(--font); font-size:1.8em; line-height:1em;  font-weight:normal;}
.recordsNumber h4 span { font-family:var(--font); color:var(--color-main);}

/* formularz */
.forms { position:relative; display:block; overflow:visible; margin:0; padding:0; border:0; }
.forms .required { font-weight:normal; color:var(--color-red); font-size:0.9em; }
.forms .error { display:inline-block; background-color:var(--color-red); color:var(--color-white); font-size:0.9em; line-height:1em; padding:0.3em;}
.forms form { height:auto; margin:0 auto; background:transparent; padding:0; color:var(--color-text);}
.forms fieldset { position:relative; display:block; height:auto; padding:0; margin:0; border:0; overflow:visible; z-index:1; }
.forms legend { position:relative; margin:0; padding:0; width:100%; overflow:hidden; font-family:var(--font); font-size:1.4em; line-height:1.3em; font-weight:600; text-align:center; color:var(--color-text);  }
.forms legend.subtitle { position:relative; display:block; width:auto; overflow:hidden; padding:0; text-align:center; font-size:1em; z-index:1; }
.forms ins,.forms .ins { position:relative; display:flex; align-items:center; overflow:visible; padding:0; margin:var(--gap) 0; text-align:left; background-color:transparent; font-size:1em; text-decoration:none; }
.forms label,.forms .label { position:relative; display:block; padding:0 var(--padding) 0 0; width:37%; border:0; text-align:right; font-size:1em; line-height:1em; font-weight:normal; }
.forms label span.error { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em;}
.forms img { border:0; vertical-align:middle; }
.forms .box_error { border:1px solid var(--color-red); }
.forms .title { position:relative; display:block; padding:calc(0.5 * var(--padding)); font-size:1.6em; line-height:1.1em; background-color:var(--color-light-grey); }
.forms .subtitle { position:relative; display:block; padding:calc(0.5 * var(--padding)) 0; font-size:1.2em; line-height:1.1em; }
.forms .all { position:relative; display:block; padding:calc(0.5 * var(--padding)) 0; }
.forms .submit { position:relative; display:block; padding:0; text-align:center; }
.forms .form_input { position:relative; width:63%; padding:0; margin:0; }
.forms .form_input label,.forms .form_input .label { position:relative; display:inline-block; padding:0 0.5em; width:auto; border:0; text-align:left; }
.forms .form_input .date { display:inline-flex; align-items:center; }
.forms .form_text { position:relative; width:63%; padding:0; margin:0; font-size:1em; line-height:1.4em;}
.forms .form_text p { margin-top:0; }

/*reset*/
.forms ins.reset { display:block; }
.forms ._row ins.reset { margin:0; }
.forms ins.reset > label,.forms ins.reset > .label { display:block; padding:0 0 var(--padding) 0; width:100%; text-align:left; }
.forms ins.reset > .form_input { position:relative; display:block; padding:0; margin:0; width:100%; text-align:left; }
.forms ins.reset > .form_input label,.forms ins.reset > .form_input .label { display:inline-block; width:auto; padding:0 0.5em; }

/*reset general*/
.forms.reset ins { display:block; }
.forms.reset ._row ins { margin:0; }
.forms.reset ins > label,.forms.reset ins > .label { display:block; padding:0 0 var(--padding) 0; width:100%; text-align:left; }
.forms.reset ins > .form_input,.forms.reset ins > .form_text { display:block; padding:0; width:100%; margin:0; text-align:left; }
.forms.reset ins > .form_input label,.forms.reset ins > .form_input .label { display:inline-block; width:auto; padding:0; }

/* form files*/
.forms ins img { width:auto !important; height:auto !important; }
.forms .attachedFile img.sImg { border:0; width:120px; height:auto; margin:var(--margin) 0; }
.forms .attachedFile img.sFile { border:0; width:35px; height:auto; margin:1em 10px 1em 0; }
.forms .attachedFile .checkbox { margin:1em 0; display:inline-block; }

/* LoginBox */
.forms.loginBox { position:relative; display:block; margin:0; } 
.forms.loginBox input[type=text], .forms.loginBox input[type=password] { width:100%; height:100%; box-sizing:border-box; padding-left:30px }
.forms.loginBox .loginFiled:before, .forms.loginBox .passField:before, .forms.loginBox .emailField:before { position:absolute; top:50%; left:5px; transform: var(--hcenter); display:block; width:20px; height:20px; overflow:hidden; font-family:var(--font-icon); font-size:20px; line-height:20px; font-weight:normal; }
.forms.loginBox .loginFiled:before { content:"\e013"; }
.forms.loginBox .passField:before { content:"\e14b"; }
.forms.loginBox .emailField:before { content:"\e20a"; }

/*fast LoginBox */
.forms.loginBox.quick fieldset { display:flex; gap:var(--gap); align-items:center; }
.forms.loginBox.quick legend, .forms.loginBox.quick label { width:auto; color:var(--color-white); text-align:left; margin:0;}
.forms.loginBox.quick .emailField { position:relative; width:auto; }
.forms.loginBox.quick .emailField .email { color:var(--color-light-text); }
.forms.loginBox.quick .emailField .email::placeholder { color:var(--color-light-text); opacity:1; }

/* Pass strenth */
.passStrength { position:relative; margin:0.3em 0; }
.passStrength.bar { display:block; height:0.6em; }
.passStrength.hint { margin:0.2em 0 0 0; font-size:0.9em; color:var(--color-light-text); }

/* category search */
.forms.page { text-align:left; margin:var(--gap) 0;}
.forms.page form { width:100%; margin:0; }
.forms.page form fieldset { display:flex; align-items:center; border:1px solid var(--color-grey); }
.forms.page input[type=text] { width:100%; border:0;}
.forms.page input[type=submit],.forms.page button { position:relative;  display:block; width:50px; height:50px; padding:0; margin:0; border:0; overflow:hidden; text-indent:-100em; cursor:pointer; background:transparent; color:var(--color-text); }
.forms.page input[type=submit]:before ,.forms.page button:before { position:absolute; top:0; left:0; width:100%; text-indent:0; font-size:1.2rem; line-height:50px; font-family:var(--font-icon); content:"\e021"; color:var(--color-text); }
.forms.page input[type=submit]:hover,.forms.page input[type=submit]:focus,.forms.page button:hover,.forms.page button:focus { color:var(--color-main); }
.forms.archive .zoom:after { position:absolute; top:50%; right:3%; transform:var(--hcenter); text-indent:0; font-size:1.2rem; line-height:1.3em; font-family:var(--font-icon); content:"\e021"; color:var(--color-text);}

/* off */
.usun { position:relative; display:inline-block; vertical-align:middle; width:45px; height:45px; margin:0 0 0 0.5em; }
.usun a,.usun a:link,.usun a:visited { position:relative; display:block; height:100%; text-decoration:none; color:var(--color-white); background:var(--color-main); transition-duration:0.6s; }
.usun a:before { font-family:var(--font-icon); content:"\e018"; font-size:1.4em; line-height:1em; position:absolute; top:50%; transform: var(--hcenter); left:0; width:100%; text-align:center; }
.usun a:hover,.usun a:focus { background:var(--color-light-grey); color:var(--color-black); transition-duration:0.6s; }
.usun a.active:before { content:"\e018"; }
.usun.reload a:before { content:"\e040";}

/* date insert */
a.dateInsert { position:relative; display:inline-block; vertical-align:middle; width:28px; height:28px; margin:0 0.5em; }
a.dateInsert:link,a.dateInsert:visited { color:var(--color-main); text-decoration:none; transition-duration:0.6s; }
a.dateInsert:before { font-family:var(--font-icon); content:"\e0ba"; font-size:1.6em; line-height:1em; position:absolute; top:50%; transform:var(--hcenter); left:0; width:100%; text-align:center; }
a.dateInsert:hover,a.dateInsert:focus { color:var(--color-dark-grey); transition-duration:0.6s; }

/* sorting */
.sort { position:relative; display:inline-block; vertical-align:middle; z-index:2; margin:0 0.5em; white-space:nowrap; transition-duration:0.6s; }
 a.sort-up:link, a.sort-up:visited,
 a.sort-down:link, a.sort-down:visited { position:relative; display:inline-block; text-decoration:none; line-height:0.5em; margin-right:-3px; color:var(--color-text); transition-duration:0.6s; }
 a.sort-up:hover, a.sort-up:focus, a.sort-down:hover,a.sort-down:focus,
 a.sort-up:hover:before, a.sort-down:hover:before { color:var(--color-text); text-decoration:none !important; transition-duration:0.6s; }
 a.sort-up:before, a.sort-down:before { font-family:var(--font-icon); content:"\e002"; font-size:0.8em; line-height:0.9em; position:relative; text-align:center; text-decoration:none; }
 a.sort-down:before { content:"\e003"; }
 
 /* filer */
.filter { position:relative; display:block; margin:var(--gap) 0; }
.filter h3 { position:relative; display:inline-block; margin:0; font-size:1em; line-height:1em; color:var(--color-main); }
.filter a:link,.filter a:visited { position:relative; display:inline-block; border:1px solid var(--color-light-grey); padding:0.3em; margin:0.1em; text-decoration:none; font-size:1em; line-height:1em; color:var(--color-main); }
.filter a:hover,.filter a:focus { background:var(--color-main); color:var(--color-white); transition-duration:0.6s; }
.filter a:before { font-family:var(--font-icon); content:"\e0f3"; font-size:1em; line-height:0.9em; color:var(--color-main); position:relative; text-align:center; float:right; vertical-align:middle; margin:0 0 0 0.3em;}
.filter a:hover:before,.filter a:focus:before { color:var(--color-white); transition-duration:0.6s; }

::placeholder { color:var(--color-grey); opacity:1; }
:-ms-input-placeholder { color:var(--color-grey); }

/* form fields */ 
.forms input[type=text],.forms input[type=file],.forms input[type=password],.forms select,.forms textarea { font-family:var(--font); font-size:1em; font-weight:normal; color:var(--color-text); text-align:left; border:1px solid var(--color-grey); width:100%; margin:0; padding:1rem; box-sizing:border-box; background-color:transparent; border-radius:var(--border-radius-button);}
.forms input::placeholder { color:var(--color-text); }
.select { position:relative; display:inline; }
.select:after { content:'\e003'; font-size:1em; font-family:var(--font-icon); color:var(--color-text); background-color:transparent; position:absolute; top:50%; transform: var(--hcenter); right:6px; padding:0 5px; pointer-events:none;}
.select select,.forms .select input { position:relative; font-family:var(--font); padding:1em 0.5em 1em 1.2em; -webkit-appearance:none;-moz-appearance:none;}
.select select[multiple] {z-index:2;}
.select select option { font-family:sans-serif; }
.forms input[type=text].number {width:120px;}
.forms input[type=text].date, .forms input[type=text].data { width:70%;}
.forms input[type=password] { width:100%; border:1px var(--color-grey) solid; }
.forms input[readonly="readonly"] {opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.forms input[type=radio],.forms input[type=checkbox] { border:0; margin:0.4em 0.5em 0.4em 1em; background:transparent; }
.forms textarea { padding:1em; overflow-y:auto; overflow:hidden; width:100%; border:1px solid var(--color-grey); }
.forms input[type=submit],.forms input[type=button],.forms button { font-family:var(--font); font-size:1em; color:var(--color-white); border:0 solid var(--color-white); font-weight:400; text-align:center; text-transform:none; width:auto; height:auto; margin:0; padding:1em 2em; border-radius:var(--border-radius-button); overflow:hidden; cursor:pointer; transition-duration:0.6s; background:var(--color-main); }
.forms button.szukaj:after { font-family:var(--font-icon); content:"\e005"; color:var(--color-white); font-size:1em; line-height:0.8em; display:inline-block; padding:0 0 0 0.2em; margin-top:-0.3em; vertical-align:middle; text-align:center; transition-duration:1s; }
.forms input[type=submit].usunFiltr,.forms input[type=button].usunFiltr,.forms button.usunFiltr {color:var(--color-white); background:var(--color-grey); }
.forms input[type=submit].add-item,.forms input[type=button].add-item,.forms button.add-item { font-size:0.8em; margin:0.5em auto; color:var(--color-white); background-color:var(--color-green); border-color:var(--color-green); }
.forms input[type=submit]:hover,.forms input[type=button]:hover,.forms button:hover,.forms input[type=submit]:focus,.forms input[type=button]:focus,.forms button:focus { background:var(--color-white); color:var(--color-main); transition-duration:0.6s; }
.forms input[type=image] { border:0; }
.forms input:disabled,.forms textarea:disabled {opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
.forms input:focus,.forms select:focus,.forms textarea:focus { border:1px solid var(--color-black); box-shadow:var(--box-shadow-hover); transition-duration:1s;}

button[class^="icon-"]:before, button[class*=" icon-"]:before { font-family:var(--font-icon); display:block; font-size:1.5rem; line-height:1em; font-weight:normal; position:absolute; top:50%; left:50%; transform:var(--center); text-align:center; }
button[class^="icon-"]:hover:before, button[class^="icon-"]:focus:before, button[class*=" icon-"]:hover:before, button[class*=" icon-"]:before:focus { font-size:1.7rem; }

.forward { float:right }
.previous { float:left; }
.reject { position:absolute !important; bottom:-20px; left:50%; display:block; font-size:0.9em !important; }

/* upload */
.forms ul[id^="upload_list_"] { display:none; padding:0; margin:0; }
.forms ul[id^="upload_list_"] li { position:relative; display:block; padding:1em 0; margin:0; overflow:hidden; overflow:visible; list-style:none; box-sizing:border-box;}
.forms ul[id^="upload_list_"].show { display:block;}
.forms input[type=file].uploadInput { display:none; }
.forms .file { position:relative; display:block; border:1px solid var(--color-grey); padding:1em; box-sizing:border-box; margin:0 0 1em 0;}
.forms .file h4 { display:block; padding:0; margin:0; border:0; overflow:hidden; font-size:1.1em; line-height:1.1em; font-weight:normal; text-decoration:none; text-align:left; }
.forms .file .progress { display:inline-block; padding:0; margin:5px 0; border:1px solid var(--color-grey); overflow:hidden; width:80%; height:20px;}
.forms .file .progress span { display:block; background-color:var(--color-green); padding:0; margin:0; border:0; overflow:hidden; width:0px; height:30px;}
.forms .file .usun { float:right; z-index:2; }

/* pretty checkbox */
.checkbox { position:relative; display:flex; align-items:center; margin:0 0 0.5em; text-align:left; min-height:18px; }
.checkbox.radio label:after,.checkbox.radio label:before { border-radius:25px; }
.checkbox input[type=checkbox],.checkbox input[type=radio] { position:absolute; top:5px; left:2px; z-index:-2; }
.checkbox label {display:block; width:auto !important; height:auto !important; cursor:pointer; position:relative !important; top:auto; left:auto; background:transparent; padding:0 0 0 30px !important; transform:translate(0,0); border:0; text-align:left;}
.checkbox label:after,.checkbox label:before {font-family:var(--font-icon); font-size:1em; line-height:18px; display:block; width:18px; height:18px; cursor:pointer; position:absolute; top:0; left:0; padding:0; transform:translate(0,0); border:0; box-sizing:border-box; background:var(--color-beige); border:1px solid var(--color-grey);
	transition: all .4s ease; text-align:center;}
.checkbox label:after { content:""; }
.checkbox label:before { content:"\e017"; display:none; }
.checkbox input[type=checkbox],.checkbox input[type=radio] { margin:0;}
.checkbox input[type=checkbox]:checked + label:after,.checkbox input[type=radio]:checked + label:after { display:none; }
.checkbox input[type=checkbox]:checked + label:before { display:block; background:var(--color-main); color:var(--color-white); border:1px solid var(--color-dark-grey); }
.checkbox input[type=radio]:checked + label:before { display:block; background:var(--color-main); color:var(--color-white); border:1px solid var(--color-main); }
.checkbox input[type=checkbox]:focus + label,.checkbox input[type=radio]:focus + label { text-decoration:underline; }
.checkbox input[type=radio]:focus + label:before,.checkbox input[type=radio]:checked + label:before { border-radius:100%; }
.checkbox label:hover:before { opacity:1; }

/* select DIV */
.select_list { position:absolute; top:30px; left:0; width:100%; padding:0; margin:0; text-align:center; z-index:100; }
.select_list ul { position:relative; display:block; width:100%; height:250px; margin:0; padding:0; list-style-type:none; list-style-image:none; background-color:var(--color-light-bg); border:1px solid var(--color-grey); box-shadow:var(--box-shadow); overflow-y:auto; }
.select_list ul li { position:relative; display:block; padding:0; margin:0; border-bottom:1px solid var(--color-grey); }
.select_list ul li:last-child{ border-bottom:0; }
.select_list ul li a:link,.select_list ul li a:visited { position:relative; display:block; overflow:hidden; font-size:1em; color:var(--color-text); text-decoration:none; border:0; padding:1em; margin:0 !important; }
.select_list ul li a:before { content:""; position:absolute; bottom:-10%; left:-10%; width:140%; height:0; background:var(--color-white); z-index:2; opacity:0;}
.select_list ul li a:hover,.select_list ul li a:focus { background-color:var(--color-main); color:var(--color-white); text-decoration:none; }

/*button insted of checkbox */
a.checkbox-button-Off, a.checkbox-button-Off:link,a.checkbox-button-Off:visited,a.checkbox-button-On:link,a.checkbox-button-On,a.checkbox-button-On:visited { display:none; position:relative; font-size:1.1em; font-weight:normal; text-align:left; text-transform:none; text-decoration:none; padding:0.5em 1em 0.5em 2em; margin:0.1em 0; cursor:pointer; white-space:nowrap; }
a.checkbox-button-Off:link,a.checkbox-button-Off:visited { color:var(--color-text);}
a.checkbox-button-On:link,a.checkbox-button-On:visited { color:var(--color-text);  }
a.checkbox-button-Off span,a.checkbox-button-On span { position:absolute; top:0; left:0; font-size:0; text-indent:-100em; }
a.checkbox-button-Off:before, a.checkbox-button-On:before { position:absolute; top:50%; left:0; transform:var(--hcenter); content:"\2612"; display:block; width:20px; height:20px; font-size:1.6rem; line-height:20px; color:var(--color-red);}
a.checkbox-button-On:before { content:"\2611"; color:var(--color-green); }
a.checkbox-button-Off:before:hover { color:var(--color-text); }
a.checkbox-button-On:before:hover { color:var(--color-green); }

/* field info */
.infoForm { position:relative; display:inline-block; border:1px solid var(--color-grey); padding:1em 1em 1em 50px; margin:1em 0 0 0; text-align:left; font-size:0.9em; line-height:1em; color:var(--color-dark-grey); font-family:var(--font); }
.infoForm * { color:var(--color-main); }
.infoForm:before { font-family:var(--font-icon); content:"\e07a"; font-size:1.5em; line-height:1em; color:var(--color-white); background-color:var(--color-grey); width:35px; height:100%; text-align:center; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; }

/* form steps */
.steps {position:relative; background-color:var(--color-light-bg); margin:1em 0; padding:1em;}
.steps:before { content:""; position:absolute; top:50%; left:0; transform:var(--hcenter); width:100%; height:1px; background-color:var(--color-grey); z-index:0; }
.steps > ul { display:flex; flex-flow:wrap; justify-content:space-between; margin:0; padding:0; list-style-type:none; list-style-image:none; width:auto; float:none; z-index:2; }
.steps > ul > li { position:relative; padding:0; margin:0; margin:1em; overflow:hidden; list-style:none; text-align:left; }
.steps > ul > li div { position:relative; width:40px; height:40px; display:flex; justify-content:center; align-items:center; color:var(--color-white); font-size:1.2em; font-weight:700; border:2px solid var(--color-grey); border-radius:100%; z-index:1;}
.steps > ul > li div:before { content:""; position:absolute; top:50%; left:50%; transform:var(--center); width:100%; height:100%; border-radius:100%; background:var(--color-main); z-index:-1; }
.steps > ul > li div.deactive { color:var(--color-grey); }
.steps > ul > li div.deactive:before { background-color:var(--color-white); }
.steps > ul > li div.current { color:var(--color-white); border:2px solid var(--color-black); }
.steps > ul > li div.current:before { background-color:var(--color-main); }

/*===============================================*/
/* PRINT */

body.print-bg { background:var(--color-white); }
#printer { padding:0.6em; width:97%; font-size:0.8em;}
#printer * { color:var(--color-black);}
#printer #text-size, #printer #drukuj, #printer .page-item, #printer .noprint, #printer .noPrint, #printer .page-options, #printer .prev, #printer .next { display:none; }
#printer table.table tr td { font-size:0.9em; }
#printer .img img { width:100%; height:auto; }

#printer .panel { margin:1em 0; padding:1em 0; clear:none; }

#printer .gallery ul li { float:left; display:block}
#printer .gallery-tumb {width:100%; height:auto; padding:0; }
#printer .gallery-tumb-overlay { margin:1em auto;}
#printer .gallery-tumb-wraper {position:relative; width:auto; }
#printer .gallery-previous,#printer .gallery-next { display:none; }

#printer .forms ins,#printer .forms .ins { position:relative; display:block; height:auto; padding:0; margin:1em 0; }
#printer .forms .label { position:relative; top:auto; left:auto; padding:0; width:auto; border:0; text-align:left; font-size:1.3em; font-weight:normal;}
#printer .forms div.form_text { position:relative; padding:0 0 10px 0; color:var(--color-dark-grey); font-size:1em;}

#printer .wyszukiwarka,#printer .sort,#printer .filter, #printer .pagination #printer .meniTab { display:none;}
#printer .rekordy { width:100%;}

#printer .timeline-vert ul { display:block; min-height:auto; width:auto; }
#printer .timeline-vert li { display:block; }
#printer .timeline-vert li::before, #printer .timeline-vert li::after {display:none;}
#printer .timeline-vert li a:link, #printer .timeline-vert li a:visited, #printer .timeline-vert li .a { min-height:auto; }
#printer .timeline-vert li a div, #printer .timeline-vert li .a div { top:0; width:100%; height:auto; }
#printer .timeline-vert li:after { display:none; }
#printer .timeline-vert li:before { display:none; }
#printer .timeline-vert li a:before,#printer .timeline-vert li .a:before { display:none; }
#printer .timeline-vert li a:after, #printer.timeline-vert li .a:after { display:none; }
#printer .timeline-vert li:nth-child(even) a:before, #printer .timeline-vert li:nth-child(even) .a:before { display:none; }
#printer .timeline-vert li:nth-child(even) a:after,#printer .timeline-vert li:nth-child(even) .a:after { display:none; }

/*===============================================*/
/* anim */

@keyframes rotate {
 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); }
 0% { transform: var(--center) rotateY(0deg); }
 50% {transform: var(--center) rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);}
 100% { transform: var(--center) rotateY(0deg);}
}

@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

@keyframes zoomIn {
 0% { transform: var(--center) scale(1); }
 50% { transform: var(--center) scale(1.5); }
 100% { transform: var(--center) scale(1); }
}
@keyframes zoomOut {
 0% { transform: var(--center) scale(1); }
 50% { transform: var(--center) scale(0.8); }
 100% { transform: var(--center) scale(1); }
}

@keyframes zoomInImg {
 0% { transform: scale(1); }
 100% { transform: scale(1.1); }

}
@keyframes zoomOutImg {
 0% { transform: scale(1.1); }
 100% { transform: scale(1); }
}

@keyframes fadeIn {
 0% { opacity:0; }
 100% { opacity:1; }
}
@keyframes fadeOut {
 0% { opacity:1; }
 100% { opacity:0; }
}

/*===============================================*/
/* icons SET */
.icon-arrowLeftBold:before{content:"\e000"}.icon-arrowRightBold:before{content:"\e001"}.icon-arrowUpBold:before{content:"\e002"}.icon-arrowDownBold:before{content:"\e003"}.icon-arrowLeft:before{content:"\e004"}
.icon-arrowRight:before{content:"\e005"}.icon-arrowUp:before{content:"\e006"}.icon-arrowDown:before{content:"\e007"}.icon-home:before{content:"\e008"}.icon-home1:before{content:"\e009"}.icon-menu:before{content:"\e00a"}
.icon-menu2:before{content:"\e00b"}.icon-menu3:before{content:"\e00c"}.icon-menu1:before{content:"\e00d"}.icon-menu4:before{content:"\e00e"}.icon-user:before{content:"\e00f"}.icon-user-del:before{content:"\e010"}
.icon-user-add:before{content:"\e011"}.icon-user3:before{content:"\e012"}.icon-user2:before{content:"\e013"}.icon-user1:before{content:"\e014"}.icon-group:before{content:"\e015"}.icon-ok:before{content:"\e016"}
.icon-check:before{content:"\e017"}.icon-close:before{content:"\e018"}.icon-remove:before{content:"\e019"}.icon-settings:before{content:"\e01a"}.icon-email:before{content:"\e01b"}
.icon-email2:before{content:"\e01c"}.icon-email3:before{content:"\e01d"}.icon-mail:before{content:"\e01e"}.icon-mail2:before{content:"\e01f"}.icon-search:before{content:"\e020"}.icon-search1:before{content:"\e021"}
.icon-zoom-in:before{content:"\e022"}.icon-zoom_in:before{content:"\e023"}.icon-zoom-out:before{content:"\e024"}.icon-zoom_out:before{content:"\e025"}.icon-search-close:before{content:"\e026"}
.icon-trash:before{content:"\e027"}.icon-trash1:before{content:"\e028"}.icon-clock:before{content:"\e029"}.icon-like:before{content:"\e02a"}.icon-like1:before{content:"\e02b"}.icon-star5:before{content:"\e02c"}
.icon-star:before{content:"\e02d"}.icon-star6:before{content:"\e02e"}.icon-star1:before{content:"\e02f"}.icon-star4:before{content:"\e030"}.icon-star3:before{content:"\e031"}.icon-arrow-circle2-left:before{content:"\e032"}
.icon-arrow-circle2-right:before{content:"\e033"}.icon-arrow-circle2-up:before{content:"\e034"}.icon-arrow-circle2-down:before{content:"\e035"}.icon-arrow-circle-left:before{content:"\e036"}
.icon-arrow_circle-right:before{content:"\e037"}.icon-download:before{content:"\e038"}.icon-upload:before{content:"\e039"}.icon-play-circle:before{content:"\e03a"}.icon-play2:before{content:"\e03b"}
.icon-play:before{content:"\e03c"}.icon-circleDot:before{content:"\e03d"}.icon-inbox:before{content:"\e03e"}.icon-repeat:before{content:"\e03f"}.icon-refresh:before{content:"\e040"}.icon-undo:before{content:"\e041"}
.icon-unlock:before{content:"\e042"}.icon-unlock_alt:before{content:"\e043"}.icon-lock:before{content:"\e044"}.icon-audio:before{content:"\e045"}.icon-headphones:before{content:"\e046"}
.icon-volume-off:before{content:"\e047"}.icon-volume-down:before{content:"\e048"}.icon-volume-up:before{content:"\e049"}.icon-sound:before{content:"\e04a"}.icon-music:before{content:"\e04b"}
.icon-flag:before{content:"\e04c"}.icon-tag:before{content:"\e04d"}.icon-tags:before{content:"\e04e"}.icon-bookmark:before{content:"\e04f"}.icon-bookmark_empty:before{content:"\e050"}
.icon-video:before{content:"\e051"}.icon-video1:before{content:"\e052"}.icon-print:before{content:"\e053"}.icon-print1:before{content:"\e054"}.icon-road:before{content:"\e055"}.icon-film:before{content:"\e056"}
.icon-align_left:before{content:"\e057"}.icon-align_center:before{content:"\e058"}.icon-align_right:before{content:"\e059"}.icon-align_justify:before{content:"\e05a"}.icon-list:before{content:"\e05b"}
.icon-indent_left:before{content:"\e05c"}.icon-indent_right:before{content:"\e05d"}.icon-picture:before{content:"\e05e"}.icon-pencil:before{content:"\e05f"}.icon-share1:before{content:"\e060"}
.icon-share:before{content:"\e061"}.icon-share3:before{content:"\e062"}.icon-share2:before{content:"\e063"}.icon-edit:before{content:"\e064"}.icon-check1:before{content:"\e065"}.icon-sitemap:before{content:"\e066"}
.icon-download1:before{content:"\e067"}.icon-plus_square:before{content:"\e068"}.icon-step_backward:before{content:"\e069"}.icon-fast-backward:before{content:"\e06a"}.icon-backward:before{content:"\e06b"}
.icon-play1:before{content:"\e06c"}.icon-pause:before{content:"\e06d"}.icon-stop:before{content:"\e06e"}.icon-forward:before{content:"\e06f"}.icon-fast-forward:before{content:"\e070"}
.icon-step_forward:before{content:"\e071"}.icon-eject:before{content:"\e072"}.icon-adjust:before{content:"\e073"}.icon-plus_sign:before{content:"\e074"}.icon-minus3:before{content:"\e075"}
.icon-remove1:before{content:"\e076"}.icon-ok1:before{content:"\e077"}.icon-question2:before{content:"\e078"}.icon-exclamation1:before{content:"\e079"}.icon-info:before{content:"\e07a"}.icon-warning:before{content:"\e07b"}
.icon-remove-circle:before{content:"\e07c"}.icon-ok-circle:before{content:"\e07d"}.icon-ban-circle:before{content:"\e07e"}.icon-check2:before{content:"\e07f"}.icon-arrowExtraBold-left:before{content:"\e080"}
.icon-arrowExtraBold-right:before{content:"\e081"}.icon-arrowExtraBold-down:before{content:"\e082"}.icon-arrowExtraBold-up:before{content:"\e083"}.icon-arrow2Left:before{content:"\e084"}
.icon-arrow2Right:before{content:"\e085"}.icon-arrow2Up:before{content:"\e086"}.icon-arrow2Down:before{content:"\e087"}.icon-arrow-left:before{content:"\e088"}.icon-arrow-right:before{content:"\e089"}
.icon-arrow-up:before{content:"\e08a"}.icon-arrow-down:before{content:"\e08b"}.icon-circleArrow_right:before{content:"\e08c"}.icon-circleArrow_left:before{content:"\e08d"}.icon-circleArrow_up:before{content:"\e08e"}
.icon-circleArrow_down:before{content:"\e08f"}.icon-doubleArrow-left:before{content:"\e090"}.icon-doubleArrow-right:before{content:"\e091"}.icon-doubleArrow-upup:before{content:"\e092"}
.icon-doubleArrow-down:before{content:"\e093"}.icon-move:before{content:"\e094"}.icon-long_arrow_down:before{content:"\e095"}.icon-long_arrow_up:before{content:"\e096"}
.icon-long_arrow_left:before{content:"\e097"}.icon-long_arrow_right:before{content:"\e098"}.icon-caret-left:before{content:"\e099"}.icon-caret_right:before{content:"\e09a"}.icon-caret_down:before{content:"\e09b"}
.icon-sort:before{content:"\e09c"}.icon-caret_up:before{content:"\e09d"}.icon-sort_up:before{content:"\e09e"}.icon-sort_down:before{content:"\e09f"}.icon-reply_all:before{content:"\e0a0"}.icon-reply:before{content:"\e0a1"}
.icon-send:before{content:"\e0a2"}.icon-off:before{content:"\e0a3"}.icon-signout:before{content:"\e0a4"}.icon-download2:before{content:"\e0a5"}.icon-upload2:before{content:"\e0a6"}.icon-archive2:before{content:"\e0a7"}
.icon-law:before{content:"\e0a8"}.icon-forms:before{content:"\e0a9"}.icon-frame:before{content:"\e0aa"}.icon-resize:before{content:"\e0ab"}.icon-downsize:before{content:"\e0ac"}.icon-exchange:before{content:"\e0ad"}
.icon-resize_full:before{content:"\e0ae"}.icon-resize_small:before{content:"\e0af"}.icon-resize_horizontal:before{content:"\e0b0"}.icon-random:before{content:"\e0b1"}.icon-resize_vertical:before{content:"\e0b2"}
.icon-plus:before{content:"\e0b3"}.icon-minus:before{content:"\e0b4"}.icon-asterisk:before{content:"\e0b5"}.icon-list1:before{content:"\e0b6"}.icon-book1:before{content:"\e0b7"}.icon-news:before{content:"\e0b8"}
.icon-newspaper:before{content:"\e0b9"}.icon-calendar:before{content:"\e0ba"}.icon-calendar1:before{content:"\e0bb"}.icon-calendar2:before{content:"\e0bc"}.icon-c1:before{content:"\e0bd"}.icon-c4:before{content:"\e0be"}
.icon-c2:before{content:"\e0bf"}.icon-c3:before{content:"\e0c0"}.icon-eye1:before{content:"\e0c1"}.icon-eye:before{content:"\e0c2"}.icon-eye2:before{content:"\e0c3"}.icon-comment:before{content:"\e0c4"}
.icon-quot1:before{content:"\e0c5"}.icon-quote:before{content:"\e0c6"}.icon-discuss:before{content:"\e0c7"}.icon-disq:before{content:"\e0c8"}.icon-comments:before{content:"\e0c9"}.icon-comments1:before{content:"\e0ca"}
.icon-quote1:before{content:"\e0cb"}.icon-warn:before{content:"\e0cc"}.icon-retweet:before{content:"\e0cd"}.icon-book-open:before{content:"\e0ce"}.icon-book:before{content:"\e0cf"}.icon-folder:before{content:"\e0d0"}
.icon-folder_open:before{content:"\e0d1"}.icon-phone2:before{content:"\e0d2"}.icon-phone5:before{content:"\e0d3"}.icon-phone4:before{content:"\e0d4"}.icon-phone1:before{content:"\e0d5"}.icon-phone3:before{content:"\e0d6"}
.icon-phone:before{content:"\e0d7"}.icon-camera:before{content:"\e0d8"}.icon-camera_retro:before{content:"\e0d9"}.icon-key:before{content:"\e0da"}.icon-cogs:before{content:"\e0db"}.icon-handup:before{content:"\e0dc"}
.icon-thumb-down:before{content:"\e0dd"}.icon-thumbs_up:before{content:"\e0de"}.icon-thumbs_down:before{content:"\e0df"}.icon-hand_right:before{content:"\e0e0"}.icon-hand_left:before{content:"\e0e1"}
.icon-hand_down:before{content:"\e0e2"}.icon-hand_up:before{content:"\e0e3"}.icon-pushpin:before{content:"\e0e4"}.icon-external_link:before{content:"\e0e5"}.icon-check_empty:before{content:"\e0e6"}
.icon-signin:before{content:"\e0e7"}.icon-prize:before{content:"\e0e8"}.icon-trophy:before{content:"\e0e9"}.icon-credit_card:before{content:"\e0ea"}.icon-hdd:before{content:"\e0eb"}.icon-bell:before{content:"\e0ec"}
.icon-target:before{content:"\e0ed"}.icon-bullhorn:before{content:"\e0ee"}.icon-announcement:before{content:"\e0ef"}.icon-globe:before{content:"\e0f0"}.icon-wrench:before{content:"\e0f1"}.icon-tasks:before{content:"\e0f2"}
.icon-filter:before{content:"\e0f3"}.icon-glass:before{content:"\e0f4"}.icon-briefcase:before{content:"\e0f5"}.icon-fullscreen:before{content:"\e0f6"}.icon-unlink:before{content:"\e0f7"}.icon-link:before{content:"\e0f8"}
.icon-link2:before{content:"\e0f9"}.icon-attachment:before{content:"\e0fa"}.icon-cloud:before{content:"\e0fb"}.icon-beaker:before{content:"\e0fc"}.icon-cut:before{content:"\e0fd"}.icon-save:before{content:"\e0fe"}
.icon-magnet:before{content:"\e0ff"}.icon-copy:before{content:"\e100"}.icon-ul:before{content:"\e101"}.icon-ol:before{content:"\e102"}.icon-table:before{content:"\e103"}.icon-magic:before{content:"\e104"}
.icon-legal:before{content:"\e105"}.icon-columns:before{content:"\e106"}.icon-bulb:before{content:"\e107"}.icon-bolt:before{content:"\e108"}.icon-umbrella:before{content:"\e109"}.icon-cloud_download:before{content:"\e10a"}
.icon-cloud_upload:before{content:"\e10b"}.icon-doctor:before{content:"\e10c"}.icon-stethoscope:before{content:"\e10d"}.icon-suitcase:before{content:"\e10e"}.icon-bell1:before{content:"\e10f"}
.icon-coffee:before{content:"\e110"}.icon-food:before{content:"\e111"}.icon-gov:before{content:"\e112"}.icon-building:before{content:"\e113"}.icon-hospital:before{content:"\e114"}.icon-taxi:before{content:"\e115"}
.icon-car:before{content:"\e116"}.icon-train:before{content:"\e117"}.icon-bus:before{content:"\e118"}.icon-bus1:before{content:"\e119"}.icon-motocycle:before{content:"\e11a"}.icon-bike:before{content:"\e11b"}
.icon-ambulance:before{content:"\e11c"}.icon-medkit:before{content:"\e11d"}.icon-truck:before{content:"\e11e"}.icon-plane:before{content:"\e11f"}.icon-rocket:before{content:"\e120"}.icon-jet:before{content:"\e121"}
.icon-fighter:before{content:"\e122"}.icon-beer:before{content:"\e123"}.icon-cross:before{content:"\e124"}.icon-desktop:before{content:"\e125"}.icon-laptop:before{content:"\e126"}.icon-tablet:before{content:"\e19c"}
.icon-tablet1:before{content:"\e128"}.icon-mobile_phone:before{content:"\e129"}.icon-quote_left:before{content:"\e12a"}.icon-quote_right:before{content:"\e12b"}.icon-puzzle:before{content:"\e12c"}
.icon-spinner:before{content:"\e12d"}.icon-certificate:before{content:"\e12e"}.icon-sign_blank:before{content:"\e12f"}.icon-circleBlank:before{content:"\e130"}.icon-circle:before{content:"\e131"}
.icon-folder-close:before{content:"\e132"}.icon-folder-open:before{content:"\e133"}.icon-smile:before{content:"\e134"}.icon-frown:before{content:"\e135"}.icon-meh:before{content:"\e136"}
.icon-keyboard:before{content:"\e137"}.icon-gamepad:before{content:"\e138"}.icon-qrcode:before{content:"\e139"}.icon-flag1:before{content:"\e13a"}.icon-flag0:before{content:"\e13b"}
.icon-vote:before{content:"\e13c"}.icon-flag2:before{content:"\e13d"}.icon-terminal:before{content:"\e13e"}.icon-code:before{content:"\e13f"}.icon-crop:before{content:"\e140"}
.icon-code_fork:before{content:"\e141"}.icon-question:before{content:"\e142"}.icon-question1:before{content:"\e143"}.icon-info1:before{content:"\e144"}.icon-exclamation:before{content:"\e145"}
.icon-superscript:before{content:"\e146"}.icon-subscript:before{content:"\e147"}.icon-eraser:before{content:"\e148"}.icon-microphone:before{content:"\e149"}.icon-microphone_off:before{content:"\e14a"}
.icon-shield:before{content:"\e14b"}.icon-extinguisher:before{content:"\e14c"}.icon-chevron_sign_left:before{content:"\e14d"}.icon-chevron_sign_right:before{content:"\e14e"}.icon-chevron_sign_up:before{content:"\e14f"}
.icon-chevron_sign_down:before{content:"\e150"}.icon-play_sign:before{content:"\e151"}.icon-html5:before{content:"\e152"}.icon-css3:before{content:"\e153"}.icon-anchor:before{content:"\e154"}
.icon-bullseye:before{content:"\e155"}.icon-ellipsis_horizontal:before{content:"\e156"}.icon-ellipsis_vertical:before{content:"\e157"}.icon-ticket:before{content:"\e158"}.icon-level_up:before{content:"\e159"}
.icon-level_down:before{content:"\e15a"}.icon-minus2:before{content:"\e15b"}.icon-plus1:before{content:"\e15c"}.icon-minus1:before{content:"\e15d"}.icon-check21:before{content:"\e15e"}
.icon-edit_sign:before{content:"\e15f"}.icon-up:before{content:"\e160"}.icon-share_sign:before{content:"\e161"}.icon-clear1:before{content:"\e162"}.icon-clear2:before{content:"\e163"}
.icon-compass:before{content:"\e164"}.icon-collapseDown:before{content:"\e165"}.icon-collapseUp:before{content:"\e166"}.icon-collapseLeft:before{content:"\e167"}.icon-collapseRight:before{content:"\e168"}
.icon-sort-up:before{content:"\e169"}.icon-sort-down:before{content:"\e16a"}.icon-sort_by_attributes:before{content:"\e16b"}.icon-sort_by_attributes_alt:before{content:"\e16c"}.icon-sort-order:before{content:"\e16d"}
.icon-sort-order-alt:before{content:"\e16e"}.icon-dropbox:before{content:"\e16f"}.icon-stackexchange:before{content:"\e170"}.icon-oil:before{content:"\e171"}.icon-oil2:before{content:"\e172"}
.icon-adn:before{content:"\e173"}.icon-dribble:before{content:"\e174"}.icon-trello:before{content:"\e175"}.icon-people:before{content:"\e176"}.icon-female:before{content:"\e177"}.icon-male:before{content:"\e178"}
.icon-gittip:before{content:"\e179"}.icon-circle2:before{content:"\e17a"}.icon-sun:before{content:"\e17b"}.icon-moon:before{content:"\e17c"}.icon-archive:before{content:"\e17d"}.icon-bug:before{content:"\e17e"}
.icon-stack:before{content:"\e17f"}.icon-education:before{content:"\e180"}.icon-hash:before{content:"\e181"}.icon-court:before{content:"\e182"}.icon-chess:before{content:"\e183"}.icon-fax:before{content:"\e184"}
.icon-animal1:before{content:"\e185"}.icon-squere:before{content:"\e186"}.icon-_431:before{content:"\e187"}.icon-block:before{content:"\e188"}.icon-robot:before{content:"\e189"}.icon-robot2:before{content:"\e18a"}
.icon-recycle:before{content:"\e18b"}.icon-dashboard:before{content:"\e18c"}.icon-leaves:before{content:"\e18d"}.icon-gift:before{content:"\e18e"}.icon-eco:before{content:"\e18f"}.icon-leaf:before{content:"\e190"}
.icon-fire:before{content:"\e191"}.icon-tint:before{content:"\e192"}.icon-forest:before{content:"\e193"}.icon-spoon:before{content:"\e194"}.icon-road1:before{content:"\e195"}.icon-weather:before{content:"\e196"}
.icon-server:before{content:"\e197"}.icon-bases:before{content:"\e198"}.icon-base:before{content:"\e199"}.icon-file1:before{content:"\e19a"}.icon-pdf:before{content:"\e19b"}.icon-pdf1:before{content:"\e19c"}
.icon-word:before{content:"\e19d"}.icon-excel:before{content:"\e19e"}.icon-powerpoint:before{content:"\e19f"}.icon-image1:before{content:"\e1a0"}.icon-zip:before{content:"\e1a1"}.icon-audio2:before{content:"\e1a2"}
.icon-video2:before{content:"\e1a3"}.icon-audio21:before{content:"\e1a4"}.icon-code1:before{content:"\e1a5"}.icon-doc:before{content:"\e1a6"}.icon-calendar3:before{content:"\e1a7"}.icon-video3:before{content:"\e1a8"}
.icon-file:before{content:"\e1a9"}.icon-doc1:before{content:"\e1aa"}.icon-file-text:before{content:"\e1ab"}.icon-infinty:before{content:"\e1ac"}.icon-help:before{content:"\e1ad"}.icon-circle3:before{content:"\e1ae"}
.icon-uniF1D0:before{content:"\e1af"}.icon-newsletter2:before{content:"\e1b0"}.icon-newsletter1:before{content:"\e1b1"}.icon-newsletter:before{content:"\e1b2"}.icon-pi:before{content:"\e1b3"}
.icon-settings2:before{content:"\e1b4"}.icon-bomb:before{content:"\e1b5"}.icon-ball:before{content:"\e1b6"}.icon-zoom1:before{content:"\e1b7"}.icon-plug:before{content:"\e1b8"}.icon-class:before{content:"\e1b9"}
.icon-speak:before{content:"\e1ba"}.icon-calculator:before{content:"\e1bb"}.icon-f27e:before{content:"\e1bc"}.icon-walet:before{content:"\e1bd"}.icon-alarm-off1:before{content:"\e1be"}
.icon-alarm-off:before{content:"\e1bf"}.icon-reserved:before{content:"\e1c0"}.icon-copyright:before{content:"\e1c1"}.icon-ad1:before{content:"\e1c2"}.icon-pipette:before{content:"\e1c3"}.icon-paint:before{content:"\e1c4"}
.icon-birth:before{content:"\e1c5"}.icon-stat1:before{content:"\e1c6"}.icon-stat:before{content:"\e1c7"}.icon-stat3:before{content:"\e1c8"}.icon-_481:before{content:"\e1c9"}.icon-ooff:before{content:"\e1ca"}.icon-on:before{content:"\e1cb"}.icon-expres:before{content:"\e1cc"}.icon-3d:before{content:"\e1cd"}.icon-card-plus:before{content:"\e1ce"}.icon-card-add:before{content:"\e1cf"}.icon-shopping-cart:before{content:"\e1d0"}.icon-diamond:before{content:"\e1d1"}.icon-ship:before{content:"\e1d2"}.icon-spy:before{content:"\e1d3"}.icon-heathbeat:before{content:"\e1d4"}.icon-lemon:before{content:"\e1d5"}.icon-venus:before{content:"\e1d6"}.icon-mars:before{content:"\e1d7"}.icon-trans4:before{content:"\e1d8"}.icon-trans3:before{content:"\e1d9"}.icon-trans2:before{content:"\e1da"}.icon-gey:before{content:"\e1db"}.icon-lesb:before{content:"\e1dc"}.icon-pmen-and-woman:before{content:"\e1dd"}.icon-les:before{content:"\e1de"}.icon-uun:before{content:"\e1df"}.icon-enj:before{content:"\e1e0"}.icon-location1:before{content:"\e1e1"}.icon-pin:before{content:"\e1e2"}.icon-placeholder:before{content:"\e1e3"}.icon-pin1:before{content:"\e1e4"}.icon-pin11:before{content:"\e1e5"}.icon-map1:before{content:"\e1e6"}.icon-map:before{content:"\e1e7"}.icon-circle1:before{content:"\e1e8"}.icon-bed:before{content:"\e1e9"}.icon-padlock:before{content:"\e1ea"}.icon-select:before{content:"\e1eb"}.icon-select2:before{content:"\e1ec"}.icon-battery1:before{content:"\e1ed"}.icon-battery2:before{content:"\e1ee"}.icon-battery3:before{content:"\e1ef"}.icon-battery4:before{content:"\e1f0"}.icon-battery5:before{content:"\e1f1"}.icon-cursor:before{content:"\e1f2"}.icon-write:before{content:"\e1f3"}.icon-doc2:before{content:"\e1f4"}.icon-doc-blank:before{content:"\e1f5"}.icon-docs:before{content:"\e1f6"}.icon-cloud1:before{content:"\e1f7"}.icon-range:before{content:"\e1f8"}.icon-location:before{content:"\e1f9"}.icon-signal:before{content:"\e1fa"}.icon-progress0:before{content:"\e1fb"}.icon-progress1:before{content:"\e1fc"}.icon-progress2:before{content:"\e1fd"}.icon-progress3:before{content:"\e1fe"}.icon-progress4:before{content:"\e1ff"}.icon-chip:before{content:"\e200"}.icon-victory:before{content:"\e201"}.icon-hand1:before{content:"\e202"}.icon-hand2:before{content:"\e203"}.icon-hand3:before{content:"\e204"}.icon-hand4:before{content:"\e205"}.icon-hand5:before{content:"\e206"}.icon-hand6:before{content:"\e207"}.icon-hand7:before{content:"\e208"}.icon-mail21:before{content:"\e209"}.icon-mail3:before{content:"\e20a"}.icon-pocket:before{content:"\e20b"}.icon-tv:before{content:"\e20c"}.icon-conference:before{content:"\e20d"}.icon-factory:before{content:"\e20e"}.icon-_584:before{content:"\e20f"}.icon-direction:before{content:"\e210"}.icon-parking:before{content:"\e211"}.icon-creditcard:before{content:"\e212"}.icon-eater:before{content:"\e213"}.icon-castle:before{content:"\e214"}.icon-usb:before{content:"\e215"}.icon-pause2:before{content:"\e216"}.icon-pause1:before{content:"\e217"}.icon-stop2:before{content:"\e218"}.icon-stop1:before{content:"\e219"}.icon-card1:before{content:"\e21a"}.icon-shop:before{content:"\e21b"}.icon-card:before{content:"\e21c"}.icon-hash1:before{content:"\e21d"}.icon-bluetooth:before{content:"\e21e"}.icon-bluetooth1:before{content:"\e21f"}.icon-wifi:before{content:"\e220"}.icon-percent:before{content:"\e221"}.icon-brail:before{content:"\e222"}.icon-audition-sign:before{content:"\e223"}.icon-disable2:before{content:"\e224"}.icon-disable1:before{content:"\e225"}.icon-disable3:before{content:"\e226"}.icon-disable:before{content:"\e227"}.icon-blind:before{content:"\e228"}.icon-deaf1:before{content:"\e229"}.icon-deaf2:before{content:"\e22a"}.icon-deaf:before{content:"\e22b"}.icon-deaf3:before{content:"\e22c"}.icon-hands:before{content:"\e22d"}.icon-handshake:before{content:"\e22e"}.icon-id1:before{content:"\e22f"}.icon-id2:before{content:"\e230"}.icon-id4:before{content:"\e231"}.icon-id3:before{content:"\e232"}.icon-id5:before{content:"\e233"}.icon-id6:before{content:"\e234"}.icon-id7:before{content:"\e235"}.icon-temperature:before{content:"\e236"}.icon-temperature2:before{content:"\e237"}.icon-temperature3:before{content:"\e238"}.icon-temperature4:before{content:"\e239"}.icon-temperature5:before{content:"\e23a"}.icon-cold:before{content:"\e23b"}.icon-shower:before{content:"\e23c"}.icon-bath:before{content:"\e23d"}.icon-one:before{content:"\e23e"}.icon-barcode:before{content:"\e23f"}.icon-breazer:before{content:"\e240"}.icon-dot:before{content:"\e241"}.icon-astro:before{content:"\e242"}.icon-telescope:before{content:"\e243"}.icon-spam:before{content:"\e244"}.icon-antena:before{content:"\e245"}.icon-rats-leader:before{content:"\e246"}.icon-text_height:before{content:"\e247"}.icon-text_width:before{content:"\e248"}.icon-underline:before{content:"\e249"}.icon-strikethrough:before{content:"\e24a"}.icon-epuap:before{content:"\e24b"}.icon-jsk:before{content:"\e24c"}.icon-jsk2:before{content:"\e24d"}.icon-poland:before{content:"\e24e"}.icon-ue:before{content:"\e24f"}.icon-mourning:before{content:"\e250"}.icon-bip:before{content:"\e251"}.icon-bip-simply:before{content:"\e252"}.icon-youtube2:before{content:"\e253"}.icon-youtube:before{content:"\e254"}.icon-youtube1:before{content:"\e255"}.icon-linkedin:before{content:"\e256"}.icon-linkedin1:before{content:"\e257"}.icon-x1:before{content:"\e258"}.icon-x:before{content:"\e259"}.icon-x2:before{content:"\e25a"}.icon-x3:before{content:"\e25b"}.icon-facebook:before{content:"\e25c"}.icon-facebook1:before{content:"\e25d"}.icon-facebook2:before{content:"\e25e"}.icon-instagram:before{content:"\e25f"}.icon-google:before{content:"\e260"}.icon-google1:before{content:"\e261"}.icon-google2:before{content:"\e262"}.icon-google3:before{content:"\e263"}.icon-pinterest1:before{content:"\e264"}.icon-pinterest2:before{content:"\e265"}.icon-pinterest:before{content:"\e266"}.icon-github:before{content:"\e267"}.icon-github1:before{content:"\e268"}.icon-github2:before{content:"\e269"}.icon-github4:before{content:"\e26a"}.icon-github3:before{content:"\e26b"}.icon-be:before{content:"\e26c"}.icon-be1:before{content:"\e26d"}.icon-be2:before{content:"\e26e"}.icon-be3:before{content:"\e26f"}.icon-be4:before{content:"\e270"}.icon-g1:before{content:"\e271"}.icon-g2:before{content:"\e272"}.icon-twitter:before{content:"\e273"}.icon-twitter1:before{content:"\e274"}.icon-tumblr:before{content:"\e275"}.icon-tumblr1:before{content:"\e276"}.icon-rss:before{content:"\e277"}.icon-rss1:before{content:"\e278"}.icon-rss2:before{content:"\e279"}.icon-whatsup:before{content:"\e27a"}.icon-signal1:before{content:"\e27b"}.icon-vimeo:before{content:"\e27c"}.icon-vimeo1:before{content:"\e27d"}.icon-vimeo2:before{content:"\e27e"}.icon-flickr:before{content:"\e27f"}.icon-snapchat:before{content:"\e280"}.icon-snapchat1:before{content:"\e281"}.icon-snapchat2:before{content:"\e282"}.icon-stumbleupon:before{content:"\e283"}.icon-stumbleupon1:before{content:"\e284"}.icon-gg1:before{content:"\e285"}.icon-gg2:before{content:"\e286"}.icon-as:before{content:"\e287"}.icon-as1:before{content:"\e288"}.icon-skype:before{content:"\e289"}.icon-vk:before{content:"\e28a"}.icon-xing:before{content:"\e28b"}.icon-snap:before{content:"\e28c"}.icon-foursquare:before{content:"\e28d"}.icon-digg:before{content:"\e28e"}.icon-xing1:before{content:"\e28f"}.icon-h_sign:before{content:"\e290"}.icon-yy:before{content:"\e291"}.icon-pp:before{content:"\e292"}.icon-maxcdn:before{content:"\e293"}.icon-renren:before{content:"\e294"}.icon-apple:before{content:"\e295"}.icon-windows:before{content:"\e296"}.icon-android:before{content:"\e297"}.icon-linux:before{content:"\e298"}.icon-drupal:before{content:"\e299"}.icon-wordpress:before{content:"\e29a"}.icon-dna:before{content:"\e29b"}.icon-cc:before{content:"\e29c"}.icon-ccc:before{content:"\e29d"}.icon-tm:before{content:"\e29e"}.icon-wordpress1:before{content:"\e29f"}.icon-navigator:before{content:"\e2a0"}.icon-chrome:before{content:"\e2a1"}.icon-firefox:before{content:"\e2a2"}.icon-opera:before{content:"\e2a3"}.icon-ie:before{content:"\e2a4"}.icon-ie2:before{content:"\e2a5"}.icon-amazon:before{content:"\e2a6"}.icon-_491:before{content:"\e2a7"}.icon-mp:before{content:"\e2a8"}.icon-diqus:before{content:"\e2a9"}.icon-atm:before{content:"\e2aa"}.icon-eur:before{content:"\e2ab"}.icon-gbp:before{content:"\e2ac"}.icon-usd:before{content:"\e2ad"}.icon-jpy:before{content:"\e2ae"}.icon-yuan:before{content:"\e2af"}.icon-btc:before{content:"\e2b0"}.icon-paypal1:before{content:"\e2b1"}.icon-money:before{content:"\e2b2"}.icon-aa:before{content:"\e2b3"}.icon-w:before{content:"\e2b4"}.icon-visa:before{content:"\e2b5"}.icon-mastercard:before{content:"\e2b6"}.icon-discover:before{content:"\e2b7"}.icon-american-express:before{content:"\e2b8"}.icon-yu:before{content:"\e2b9"}.icon-paypal:before{content:"\e2ba"}.icon-jcb:before{content:"\e2bb"}.icon-imoh:before{content:"\e2bc"}.icon-ad:before{content:"\e2bd"}.icon-stripe:before{content:"\e2be"}.icon-m:before{content:"\e2bf"}.icon-cop:before{content:"\e2c0"}.icon-wiki:before{content:"\e2c1"}.icon-odnoklassniki2:before{content:"\e2c2"}.icon-odnoklassniki:before{content:"\e2c3"}.icon-fi:before{content:"\e2c4"}.icon-fox:before{content:"\e2c5"}.sprite{display:inline-block;width:5em;height:4em;stroke-width:0;stroke:currentColor;fill:currentColor}
.icon-symbol:before { content: "\e2c7";}.icon-symbol-line:before {content: "\e2c6";}

/*===============================================*/
/* BOX 12 GRID SYSTEM */

*, *::before, *::after { box-sizing: border-box; }
a:not([href]):not([class]), a:not([href]):not([class]):hover { text-decoration: none; }
/*ie bug fix underline */
a:before,a:after,a span:before,a span:after { text-decoration:underline;}
a:before,a:after,a:hover:before,a:hover:after,a:hover span:before,a:hover span:after { text-decoration:none;}

img { border:0; }
hr { border:0; height:0; border-top:1px solid var(--color-light-grey); border-bottom:1px solid var(--color-grey); }

iframe { width:100%; height:45vw; background:var(--color-light-grey); }

.media_embed { position:relative; overflow:hidden; }

 .yt-container {
  position: relative;
  padding-top: 56.25%;
}

.yt-embed {
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
} 

._hide, .hide { position:absolute !important; top:-1000em !important; left:-1000em !important; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; text-indent:-1000em !important;}

._tabletShow, ._tabletShowFlex , ._mobileShow, ._mobileShowFlex { display:none !important;}


._row,ul._row { display:inline-flex; flex-wrap:wrap; }
._row,ul._row { margin: calc(-1 * var(--gap)) calc(-0.5 * var(--gap)) 0 calc(-0.5 * var(--gap)); width:calc(100% + var(--gap)); }
._row._gap-0,ul._row._gap-0 { margin: 0; width:100%; }
._row._gap-1 ,ul._row._gap-1 { margin: calc(-1 * var(--gap1)) calc(-0.5 * var(--gap1)) 0 calc(-0.5 * var(--gap1)); width:calc(100% + var(--gap1)); }
._row._gap-2 ,ul._row._gap-2 { margin: calc(-1 * var(--gap2)) calc(-0.5 * var(--gap2)) 0 calc(-0.5 * var(--gap2)); width:calc(100% + var(--gap2)); }
._row._gap-3 ,ul._row._gap-3 { margin: calc(-1 * var(--gap3)) calc(-0.5 * var(--gap3)) 0 calc(-0.5 * var(--gap3)); width:calc(100% + var(--gap3)); }

._col-1,._col-2,._col-3,._col-4,._col-5,._col-6,._col-7,._col-8,._col-9,._col-10,._col-11,._col-12 { display:block; margin: var(--gap) calc(var(--gap) * 0.5) 0 calc(var(--gap) * 0.5) !important; }
._gap-0 > ._col-1,._gap-0 > ._col-2,._gap-0 > ._col-3,._gap-0 > ._col-4,._gap-0 > ._col-5,._gap-0 > ._col-6,._gap-0 > ._col-7,._gap-0 > ._col-8,._gap-0 > ._col-9,._gap-0 > ._col-10,._gap-0 > ._col-11,._gap-0 > ._col-12 { display:block !important; margin: var(--gap0) calc(var(--gap0) * 0.5) 0 calc(var(--gap0) * 0.5) !important;}
._gap-1 > ._col-1,._gap-1 > ._col-2,._gap-1 > ._col-3,._gap-1 > ._col-4,._gap-1 > ._col-5,._gap-1 >._col-6,._gap-1 > ._col-7,._gap-1 > ._col-8,._gap-1 > ._col-9,._gap-1 > ._col-10,._gap-1 > ._col-11,._gap-1 >._col-12 { display:block !important; margin: var(--gap1) calc(var(--gap1) * 0.5) 0 calc(var(--gap1) * 0.5) !important; }
._gap-2 > ._col-1,._gap-2 > ._col-2,._gap-2 > ._col-3,._gap-2 > ._col-4,._gap-2 > ._col-5,._gap-2 >._col-6,._gap-2 > ._col-7,._gap-2 > ._col-8,._gap-2 > ._col-9,._gap-2 > ._col-10,._gap-2 > ._col-11,._gap-2 >._col-12 { display:block !important; margin: var(--gap2) calc(var(--gap2) * 0.5) 0 calc(var(--gap2) * 0.5) !important; }
._gap-3 > ._col-1,._gap-3 > ._col-2,._gap-3 > ._col-3,._gap-3 >._col-4,._gap-3 >._col-5,._gap-3 >._col-6,._gap-3 > ._col-7,._gap-3 > ._col-8,._gap-3 > ._col-9,._gap-3 >._col-10,._gap-3 >._col-11,._gap-3 >._col-12 { display:block !important; margin: var(--gap3) calc(var(--gap3) * 0.5) 0 calc(var(--gap3) * 0.5) !important; }

._col-1 { width:calc(8.33% - var(--gap)); } ._gap-0 > ._col-1 { width:calc(8.33%); } ._gap-1 > ._col-1 { width:calc(8.33% - var(--gap1)); } ._gap-2 > ._col-1 { width:calc(8.33% - var(--gap2)); } ._gap-3 > ._col-1 { width:calc(8.33% - var(--gap3)); }
._col-2 { width:calc(16.66666667% - var(--gap)); } ._gap-0 > ._col-2 { width:calc(16.66%); } ._gap-1 > ._col-2 { width:calc(16.66% - var(--gap1)); } ._gap-2 > ._col-2 { width:calc(16.66% - var(--gap2)); } ._gap-3 > ._col-2 { width:calc(16.66% - var(--gap3)); }
._col-3 { width:calc(25% - var(--gap)); } ._gap-0 > ._col-3 { width:calc(25%); } ._gap-1 > ._col-3 { width:calc(25% - var(--gap1)); } ._gap-2 > ._col-3 { width:calc(25% - var(--gap2)); } ._gap-3 > ._col-3 { width:calc(25% - var(--gap3)); }
._col-4 { width:calc(33.33% - var(--gap)); } ._gap-0 > ._col-4 { width:calc(33.33% ); } ._gap-1 > ._col-4 { width:calc(33.33% - var(--gap1)); } ._gap-2 > ._col-4 { width:calc(33.33% - var(--gap2)); } ._gap-3 > ._col-4 { width:calc(33.33% - var(--gap3)); }
._col-5 { width:calc(41.66% - var(--gap)); } ._gap-0 > ._col-5 { width:calc(41.66%); } ._gap-1 > ._col-5 { width:calc(41.66% - var(--gap1)); } ._gap-2 > ._col-5 { width:calc(41.66% - var(--gap2)); } ._gap-3 > ._col-5 { width:calc(41.66% - var(--gap3)); }
._col-6 { width:calc(50% - var(--gap)); } ._gap-0 > ._col-6 { width:calc(50%); } ._gap-1 > ._col-6 { width:calc(50% - var(--gap1)); } ._gap-2 > ._col-6 { width:calc(50% - var(--gap2)); } ._gap-3 > ._col-6 { width:calc(50% - var(--gap3)); }
._col-7 { width:calc(58.33% - var(--gap)); } ._gap-0 > ._col-7 { width:calc(58.33%); } ._gap-1 > ._col-7 { width:calc(58.33% - var(--gap1)); } ._gap-2 > ._col-7 { width:calc(58.33% - var(--gap2)); } ._gap-3 > ._col-7 { width:calc(58.33% - var(--gap3)); }
._col-8 { width:calc(66.66% - var(--gap)); } ._gap-0 > ._col-8 { width:calc(66.66%); } ._gap-1 > ._col-8 { width:calc(66.66% - var(--gap1)); } ._gap-2 > ._col-8 { width:calc(66.66% - var(--gap2)); } ._gap-3 > ._col-8 { width:calc(66.66% - var(--gap3)); }
._col-9 { width:calc(75% - var(--gap)); } ._gap-0 > ._col-9 { width:calc(75%); } ._gap-1 > ._col-9 { width:calc(75% - var(--gap1)); } ._gap-2 > ._col-9 { width:calc(75% - var(--gap2)); } ._gap-3 > ._col-9 { width:calc(75% - var(--gap3)); }
._col-10 { width:calc(83.33% - var(--gap)); } ._gap-0 > ._col-10 { width:calc(83.33% ); } ._gap-1 > ._col-10 { width:calc(83.33% - var(--gap1)); } ._gap-2 > ._col-10 { width:calc(83.33% - var(--gap2)); } ._gap-3 > ._col-10 { width:calc(83.33% - var(--gap3)); }
._col-11 { width:calc(91.66% - var(--gap)); } ._gap-0 > ._col-11 { width:calc(91.66%); } ._gap-1 > ._col-11 { width:calc(91.66% - var(--gap1)); } ._gap-2 > ._col-11 { width:calc(91.66% - var(--gap2)); } ._gap-3 > ._col-11 { width:calc(91.66% - var(--gap3)); } 
._col-12 { width:calc(100% - var(--gap)); } ._gap-0 > ._col-12 { width:calc(100%); } ._gap-1 > ._col-12 { width:calc(100% - var(--gap1)); } ._gap-2 > ._col-12 { width:calc(100% - var(--gap2)); } ._gap-3 > ._col-12 { width:calc(100% - var(--gap3)); }

._row-cols-auto > * { flex: 0 0 auto; width:auto !important; }
._row-cols-1 > * { flex: 0 0 auto; width:calc(100% - var(--gap)) !important; }
._row-cols-2 > * { flex: 0 0 auto; width:calc(50% - var(--gap)) !important; }
._row-cols-3 > * { flex: 0 0 auto; width:calc(33.33% - var(--gap)) !important;}
._row-cols-4 > * { flex: 0 0 auto; width:calc(25% - var(--gap)) !important; }
._row-cols-5 > * { flex: 0 0 auto; width:calc(20% - var(--gap)) !important; }
._row-cols-6 > * { flex: 0 0 auto; width:calc(16.66666667% - var(--gap)) !important;}

._col { display:block; margin: var(--gap) calc(var(--gap) * 0.5) 0 calc(var(--gap) * 0.5) !important; }
._gap-0 > ._col { display:block !important; margin: var(--gap0) calc(var(--gap0) * 0.5) 0 calc(var(--gap0) * 0.5) !important;}
._gap-1 > ._col { display:block !important; margin: var(--gap1) calc(var(--gap1) * 0.5) 0 calc(var(--gap1) * 0.5) !important; }
._gap-2 > ._col { display:block !important; margin: var(--gap2) calc(var(--gap2) * 0.5) 0 calc(var(--gap2) * 0.5) !important; }
._gap-3 > ._col { display:block !important; margin: var(--gap3) calc(var(--gap3) * 0.5) 0 calc(var(--gap3) * 0.5) !important; }


@media only screen and (max-width:1200px) {
	
._col-l-1 { width:calc(8.33% - var(--gap)); } ._gap-0 > ._col-l-1 { width:calc(8.33%); } ._gap-1 > ._col-l-1 { width:calc(8.33% - var(--gap1)); } ._gap-2 > ._col-l-1 { width:calc(8.33% - var(--gap2)); } ._gap-3 > ._col-l-1 { width:calc(8.33% - var(--gap3)); }
._col-l-2 { width:calc(16.66% - var(--gap)); } ._gap-0 > ._col-l-2 { width:calc(16.66%); } ._gap-1 > ._col-l-2 { width:calc(16.66% - var(--gap1)); } ._gap-2 > ._col-l-2 { width:calc(16.66% - var(--gap2)); } ._gap-3 > ._col-l-2 { width:calc(16.66% - var(--gap3)); }
._col-l-3 { width:calc(25% - var(--gap)); } ._gap-0 > ._col-l-3 { width:calc(25%); } ._gap-1 > ._col-l-3 { width:calc(25% - var(--gap1)); } ._gap-2 > ._col-l-3 { width:calc(25% - var(--gap2)); } ._gap-3 > ._col-l-3 { width:calc(25% - var(--gap3)); }
._col-l-4 { width:calc(33.33% - var(--gap)); } ._gap-0 > ._col-l-4 { width:calc(33.33%); } ._gap-1 > ._col-l-4 { width:calc(33.33% - var(--gap1)); } ._gap-2 > ._col-l-4 { width:calc(33.33% - var(--gap2)); } ._gap-3 > ._col-l-4 { width:calc(33.33% - var(--gap3)); }
._col-l-5 { width:calc(41.66% - var(--gap)); } ._gap-0 > ._col-l-5 { width:calc(41.66%); } ._gap-1 > ._col-l-5 { width:calc(41.66% - var(--gap1)); } ._gap-2 > ._col-l-5 { width:calc(41.66% - var(--gap2)); } ._gap-3 > ._col-l-5 { width:calc(41.66% - var(--gap3)); }
._col-l-6 { width:calc(50% - var(--gap)); } ._gap-0 > ._col-l-6 { width:calc(50%); } ._gap-1 > ._col-l-6 { width:calc(50% - var(--gap1)); } ._gap-2 > ._col-l-6 { width:calc(50% - var(--gap2)); } ._gap-3 > ._col-l-6 { width:calc(50% - var(--gap3)); }
._col-l-7 { width:calc(58.33% - var(--gap)); } ._gap-0 > ._col-l-7 { width:calc(58.33%); } ._gap-1 > ._col-l-7 { width:calc(58.33% - var(--gap1)); } ._gap-2 > ._col-l-7 { width:calc(58.33% - var(--gap2)); } ._gap-3 > ._col-l-7 { width:calc(58.33% - var(--gap3)); }
._col-l-8 { width:calc(66.66% - var(--gap)); } ._gap-0 > ._col-l-8 { width:calc(66.66%); } ._gap-1 > ._col-l-8 { width:calc(66.66% - var(--gap1)); } ._gap-2 > ._col-l-8 { width:calc(66.66% - var(--gap2)); } ._gap-3 > ._col-l-8 { width:calc(66.66% - var(--gap3)); }
._col-l-9 { width:calc(75% - var(--gap)); } ._gap-0 > ._col-l-9 { width:calc(75%); } ._gap-1 > ._col-l-9 { width:calc(75% - var(--gap1)); } ._gap-2 > ._col-l-9 { width:calc(75% - var(--gap2)); } ._gap-3 > ._col-l-9 { width:calc(75% - var(--gap3)); }
._col-l-10 { width:calc(83.33% - var(--gap)); } ._gap-0 > ._col-l-10 { width:calc(83.33%); } ._gap-1 > ._col-l-10 { width:calc(83.33% - var(--gap1)); } ._gap-2 > ._col-l-10 { width:calc(83.33% - var(--gap2)); } ._gap-3 > ._col-l-10 { width:calc(83.33% - var(--gap3)); }
._col-l-11 { width:calc(91.66% - var(--gap)); } ._gap-0 > ._col-l-11 { width:calc(91.66%); } ._gap-1 > ._col-l-11 { width:calc(91.66% - var(--gap1)); } ._gap-2 > ._col-l-11 { width:calc(91.66% - var(--gap2)); } ._gap-3 > ._col-l-11 { width:calc(91.66% - var(--gap3)); } 
._col-l-12 { width:calc(100% - var(--gap)); } ._gap-0 > ._col-l-12 { width:calc(100%); } ._gap-1 > ._col-l-12 { width:calc(100% - var(--gap1)); } ._gap-2 > ._col-l-12 { width:calc(100% - var(--gap2)); } ._gap-3 > ._col-l-12 { width:calc(100% - var(--gap3)); }

._row-l-cols-1 > * { flex: 0 0 auto; width:calc(100% - var(--gap)) !important; }
._row-l-cols-2 > * { flex: 0 0 auto; width:calc(50% - var(--gap)) !important; }
._row-l-cols-3 > * { flex: 0 0 auto; width:calc(33.33% - var(--gap)) !important;}
._row-l-cols-4 > * { flex: 0 0 auto; width:calc(25% - var(--gap)) !important; }
._row-l-cols-5 > * { flex: 0 0 auto; width:calc(20% - var(--gap)) !important; }
._row-l-cols-6 > * { flex: 0 0 auto; width:calc(16.66666667% - var(--gap)) !important;}

}

@media only screen and (max-width:992px) {

._col-m-1 { width:calc(8.33% - var(--gap)); } ._gap-0 > ._col-m-1 { width:calc(8.33%); } ._gap-1 > ._col-m-1 { width:calc(8.33% - var(--gap1)); } ._gap-2 > ._col-m-1 { width:calc(8.33% - var(--gap2)); } ._gap-3 > ._col-m-1 { width:calc(8.33% - var(--gap3)); }
._col-m-2 { width:calc(16.66% - var(--gap)); } ._gap-0 > ._col-m-2 { width:calc(16.66%); } ._gap-1 > ._col-m-2 { width:calc(16.66% - var(--gap1)); } ._gap-2 > ._col-m-2 { width:calc(16.66% - var(--gap2)); } ._gap-3 > ._col-m-2 { width:calc(16.66% - var(--gap3)); }
._col-m-3 { width:calc(25% - var(--gap)); } ._gap-0 > ._col-m-3 { width:calc(25%); } ._gap-1 > ._col-m-3 { width:calc(25% - var(--gap1)); } ._gap-2 > ._col-m-3 { width:calc(25% - var(--gap2)); } ._gap-3 > ._col-m-3 { width:calc(25% - var(--gap3)); }
._col-m-4 { width:calc(33.33% - var(--gap)); } ._gap-0 > ._col-m-4 { width:calc(33.33%); } ._gap-1 > ._col-m-4 { width:calc(33.33% - var(--gap1)); } ._gap-2 > ._col-m-4 { width:calc(33.33% - var(--gap2)); } ._gap-3 > ._col-m-4 { width:calc(33.33% - var(--gap3)); }
._col-m-5 { width:calc(41.66% - var(--gap)); } ._gap-0 > ._col-m-5 { width:calc(41.66%); } ._gap-1 > ._col-m-5 { width:calc(41.66% - var(--gap1)); } ._gap-2 > ._col-m-5 { width:calc(41.66% - var(--gap2)); } ._gap-3 > ._col-m-5 { width:calc(41.66% - var(--gap3)); }
._col-m-6 { width:calc(50% - var(--gap)); } ._gap-0 > ._col-m-6 { width:calc(50%); } ._gap-1 > ._col-m-6 { width:calc(50% - var(--gap1)); } ._gap-2 > ._col-m-6 { width:calc(50% - var(--gap2)); } ._gap-3 > ._col-m-6 { width:calc(50% - var(--gap3)); }
._col-m-7 { width:calc(58.33% - var(--gap)); } ._gap-0 > ._col-m-7 { width:calc(58.33%); } ._gap-1 > ._col-m-7 { width:calc(58.33% - var(--gap1)); } ._gap-2 > ._col-m-7 { width:calc(58.33% - var(--gap2)); } ._gap-3 > ._col-m-7 { width:calc(58.33% - var(--gap3)); }
._col-m-8 { width:calc(66.66% - var(--gap)); } ._gap-0 > ._col-m-8 { width:calc(66.66%); } ._gap-1 > ._col-m-8 { width:calc(66.66% - var(--gap1)); } ._gap-2 > ._col-m-8 { width:calc(66.66% - var(--gap2)); } ._gap-3 > ._col-m-8 { width:calc(66.66% - var(--gap3)); }
._col-m-9 { width:calc(75% - var(--gap)); } ._gap-0 > ._col-m-9 { width:calc(75%); } ._gap-1 > ._col-m-9 { width:calc(75% - var(--gap1)); } ._gap-2 > ._col-m-9 { width:calc(75% - var(--gap2)); } ._gap-3 > ._col-m-9 { width:calc(75% - var(--gap3)); }
._col-m-10 { width:calc(83.33% - var(--gap)); } ._gap-0 > ._col-m-10 { width:calc(83.33%); } ._gap-1 > ._col-m-10 { width:calc(83.33% - var(--gap1)); } ._gap-2 > ._col-m-10 { width:calc(83.33% - var(--gap2)); } ._gap-3 > ._col-m-10 { width:calc(83.33% - var(--gap3)); }
._col-m-11 { width:calc(91.66% - var(--gap)); } ._gap-0 > ._col-m-11 { width:calc(91.66%); } ._gap-1 > ._col-m-11 { width:calc(91.66% - var(--gap1)); } ._gap-2 > ._col-m-11 { width:calc(91.66% - var(--gap2)); } ._gap-3 > ._col-m-11 { width:calc(91.66% - var(--gap3)); } 
._col-m-12 { width:calc(100% - var(--gap)); } ._gap-0 > ._col-m-12 { width:calc(100%); } ._gap-1 > ._col-m-12 { width:calc(100% - var(--gap1)); } ._gap-2 > ._col-m-12 { width:calc(100% - var(--gap2)); } ._gap-3 > ._col-m-12 { width:calc(100% - var(--gap3)); }

._row-m-cols-1 > * { flex: 0 0 auto; width:calc(100% - var(--gap)) !important; }
._row-m-cols-2 > * { flex: 0 0 auto; width:calc(50% - var(--gap)) !important; }
._row-m-cols-3 > * { flex: 0 0 auto; width:calc(33.33% - var(--gap)) !important;}
._row-m-cols-4 > * { flex: 0 0 auto; width:calc(25% - var(--gap)) !important; }
._row-m-cols-5 > * { flex: 0 0 auto; width:calc(20% - var(--gap)) !important; }
._row-m-cols-6 > * { flex: 0 0 auto; width:calc(16.66666667% - var(--gap)) !important;}

}

@media only screen and (max-width:768px) {

._col-s-1 { width:calc(8.33% - var(--gap)); } ._gap-0 > ._col-s-1 { width:calc(8.33%); } ._gap-1 > ._col-s-1 { width:calc(8.33% - var(--gap1)); } ._gap-2 > ._col-s-1 { width:calc(8.33% - var(--gap2)); } ._gap-3 > ._col-s-1 { width:calc(8.33% - var(--gap3)); }
._col-s-2 { width:calc(16.66% - var(--gap)); } ._gap-0 > ._col-s-2 { width:calc(16.66%); } ._gap-1 > ._col-s-2 { width:calc(16.66% - var(--gap1)); } ._gap-2 > ._col-s-2 { width:calc(16.66% - var(--gap2)); } ._gap-3 > ._col-s-2 { width:calc(16.66% - var(--gap3)); }
._col-s-3 { width:calc(25% - var(--gap)); } ._gap-0 > ._col-s-3 { width:calc(25%); } ._gap-1 > ._col-s-3 { width:calc(25% - var(--gap1)); } ._gap-2 > ._col-s-3 { width:calc(25% - var(--gap2)); } ._gap-3 > ._col-s-3 { width:calc(25% - var(--gap3)); }
._col-s-4 { width:calc(33.33% - var(--gap)); } ._gap-0 > ._col-s-4 { width:calc(33.33%); } ._gap-1 > ._col-s-4 { width:calc(33.33% - var(--gap1)); } ._gap-2 > ._col-s-4 { width:calc(33.33% - var(--gap2)); } ._gap-3 > ._col-s-4 { width:calc(33.33% - var(--gap3)); }
._col-s-5 { width:calc(41.66% - var(--gap)); } ._gap-0 > ._col-s-5 { width:calc(41.66%); } ._gap-1 > ._col-s-5 { width:calc(41.66% - var(--gap1)); } ._gap-2 > ._col-s-5 { width:calc(41.66% - var(--gap2)); } ._gap-3 > ._col-s-5 { width:calc(41.66% - var(--gap3)); }
._col-s-6 { width:calc(50% - var(--gap)); } ._gap-0 > ._col-s-6 { width:calc(50%); } ._gap-1 > ._col-s-6 { width:calc(50% - var(--gap1)); } ._gap-2 > ._col-s-6 { width:calc(50% - var(--gap2)); } ._gap-3 > ._col-s-6 { width:calc(50% - var(--gap3)); }
._col-s-7 { width:calc(58.33% - var(--gap)); } ._gap-0 > ._col-s-7 { width:calc(58.33%); } ._gap-1 > ._col-s-7 { width:calc(58.33% - var(--gap1)); } ._gap-2 > ._col-s-7 { width:calc(58.33% - var(--gap2)); } ._gap-3 > ._col-s-7 { width:calc(58.33% - var(--gap3)); }
._col-s-8 { width:calc(66.66% - var(--gap)); } ._gap-0 > ._col-s-8 { width:calc(66.66%); } ._gap-1 > ._col-s-8 { width:calc(66.66% - var(--gap1)); } ._gap-2 > ._col-s-8 { width:calc(66.66% - var(--gap2)); } ._gap-3 > ._col-s-8 { width:calc(66.66% - var(--gap3)); }
._col-s-9 { width:calc(75% - var(--gap)); } ._gap-0 > ._col-s-9 { width:calc(75%); } ._gap-1 > ._col-s-9 { width:calc(75% - var(--gap1)); } ._gap-2 > ._col-s-9 { width:calc(75% - var(--gap2)); } ._gap-3 > ._col-s-9 { width:calc(75% - var(--gap3)); }
._col-s-10 { width:calc(83.33% - var(--gap)); } ._gap-0 > ._col-s-10 { width:calc(83.33%); } ._gap-1 > ._col-s-10 { width:calc(83.33% - var(--gap1)); } ._gap-2 > ._col-s-10 { width:calc(83.33% - var(--gap2)); } ._gap-3 > ._col-s-10 { width:calc(83.33% - var(--gap3)); }
._col-s-11 { width:calc(91.66% - var(--gap)); } ._gap-0 > ._col-s-11 { width:calc(91.66%); } ._gap-1 > ._col-s-11 { width:calc(91.66% - var(--gap1)); } ._gap-2 > ._col-s-11 { width:calc(91.66% - var(--gap2)); } ._gap-3 > ._col-s-11 { width:calc(91.66% - var(--gap3)); } 
._col-s-12 { width:calc(100% - var(--gap)); } ._gap-0 > ._col-s-12 { width:calc(100%); } ._gap-1 > ._col-s-12 { width:calc(100% - var(--gap1)); } ._gap-2 > ._col-s-12 { width:calc(100% - var(--gap2)); } ._gap-3 > ._col-s-12 { width:calc(100% - var(--gap3)); }

._row-s-cols-1 > * { flex: 0 0 auto; width:calc(100% - var(--gap)) !important; }
._row-s-cols-2 > * { flex: 0 0 auto; width:calc(50% - var(--gap)) !important; }
._row-s-cols-3 > * { flex: 0 0 auto; width:calc(33.33% - var(--gap)) !important;}
._row-s-cols-4 > * { flex: 0 0 auto; width:calc(25% - var(--gap)) !important; }
._row-s-cols-5 > * { flex: 0 0 auto; width:calc(20% - var(--gap)) !important; }
._row-s-cols-6 > * { flex: 0 0 auto; width:calc(16.66666667% - var(--gap)) !important;}

}

@media only screen and (max-width:576px) {

._col-xs-1 { width:calc(8.33% - var(--gap)); } ._gap-0 > ._col-xs-1 { width:calc(8.33%); } ._gap-1 > ._col-xs-1 { width:calc(8.33% - var(--gap1)); } ._gap-2 > ._col-xs-1 { width:calc(8.33% - var(--gap2)); } ._gap-3 > ._col-xs-1 { width:calc(8.33% - var(--gap3)); }
._col-xs-2 { width:calc(16.66% - var(--gap)); } ._gap-0 > ._col-xs-2 { width:calc(16.66%); } ._gap-1 > ._col-xs-2 { width:calc(16.66% - var(--gap1)); } ._gap-2 > ._col-xs-2 { width:calc(16.66% - var(--gap2)); } ._gap-3 > ._col-xs-2 { width:calc(16.66% - var(--gap3)); }
._col-xs-3 { width:calc(25% - var(--gap)); } ._gap-0 > ._col-xs-3 { width:calc(25%); } ._gap-1 > ._col-xs-3 { width:calc(25% - var(--gap1)); } ._gap-2 > ._col-xs-3 { width:calc(25% - var(--gap2)); } ._gap-3 > ._col-xs-3 { width:calc(25% - var(--gap3)); }
._col-xs-4 { width:calc(33.33% - var(--gap)); } ._gap-0 > ._col-xs-4 { width:calc(33.33%); } ._gap-1 > ._col-xs-4 { width:calc(33.33% - var(--gap1)); } ._gap-2 > ._col-xs-4 { width:calc(33.33% - var(--gap2)); } ._gap-3 > ._col-xs-4 { width:calc(33.33% - var(--gap3)); }
._col-xs-5 { width:calc(41.66% - var(--gap)); } ._gap-0 > ._col-xs-5 { width:calc(41.66%); } ._gap-1 > ._col-xs-5 { width:calc(41.66% - var(--gap1)); } ._gap-2 > ._col-xs-5 { width:calc(41.66% - var(--gap2)); } ._gap-3 > ._col-xs-5 { width:calc(41.66% - var(--gap3)); }
._col-xs-6 { width:calc(50% - var(--gap)); } ._gap-0 > ._col-xs-6 { width:calc(50%); } ._gap-1 > ._col-xs-6 { width:calc(50% - var(--gap1)); } ._gap-2 > ._col-xs-6 { width:calc(50% - var(--gap2)); } ._gap-3 > ._col-xs-6 { width:calc(50% - var(--gap3)); }
._col-xs-7 { width:calc(58.33% - var(--gap)); } ._gap-0 > ._col-xs-7 { width:calc(58.33%); } ._gap-1 > ._col-xs-7 { width:calc(58.33% - var(--gap1)); } ._gap-2 > ._col-xs-7 { width:calc(58.33% - var(--gap2)); } ._gap-3 > ._col-xs-7 { width:calc(58.33% - var(--gap3)); }
._col-xs-8 { width:calc(66.66% - var(--gap)); } ._gap-0 > ._col-xs-8 { width:calc(66.66%); } ._gap-1 > ._col-xs-8 { width:calc(66.66% - var(--gap1)); } ._gap-2 > ._col-xs-8 { width:calc(66.66% - var(--gap2)); } ._gap-3 > ._col-xs-8 { width:calc(66.66% - var(--gap3)); }
._col-xs-9 { width:calc(75% - var(--gap)); } ._gap-0 > ._col-xs-9 { width:calc(75%); } ._gap-1 > ._col-xs-9 { width:calc(75% - var(--gap1)); } ._gap-2 > ._col-xs-9 { width:calc(75% - var(--gap2)); } ._gap-3 > ._col-xs-9 { width:calc(75% - var(--gap3)); }
._col-xs-10 { width:calc(83.33% - var(--gap)); } ._gap-0 > ._col-xs-10 { width:calc(83.33%); } ._gap-1 > ._col-xs-10 { width:calc(83.33% - var(--gap1)); } ._gap-2 > ._col-xs-10 { width:calc(83.33% - var(--gap2)); } ._gap-3 > ._col-xs-10 { width:calc(83.33% - var(--gap3)); }
._col-xs-11 { width:calc(91.66% - var(--gap)); } ._gap-0 > ._col-xs-11 { width:calc(91.66%); } ._gap-1 > ._col-xs-11 { width:calc(91.66% - var(--gap1)); } ._gap-2 > ._col-xs-11 { width:calc(91.66% - var(--gap2)); } ._gap-3 > ._col-xs-11 { width:calc(91.66% - var(--gap3)); } 
._col-xs-12 { width:calc(100% - var(--gap)); } ._gap-0 > ._col-xs-12 { width:calc(100%); } ._gap-1 > ._col-xs-12 { width:calc(100% - var(--gap1)); } ._gap-2 > ._col-xs-12 { width:calc(100% - var(--gap2)); } ._gap-3 > ._col-xs-12 { width:calc(100% - var(--gap3)); }

._row-xs-cols-1 > * { flex: 0 0 auto; width:calc(100% - var(--gap)) !important; }
._row-xs-cols-2 > * { flex: 0 0 auto; width:calc(50% - var(--gap)) !important; }
._row-xs-cols-3 > * { flex: 0 0 auto; width:calc(33.33% - var(--gap)) !important;}
._row-xs-cols-4 > * { flex: 0 0 auto; width:calc(25% - var(--gap)) !important; }
._row-xs-cols-5 > * { flex: 0 0 auto; width:calc(20% - var(--gap)) !important; }
._row-xs-cols-6 > * { flex: 0 0 auto; width:calc(16.66666667% - var(--gap)) !important;}

}

._p-0 { padding:0 !important; } ._p-1 { padding:calc(0.25 * var(--padding)) !important; } ._p-2 { padding:calc(0.5 * var(--padding)) !important; } ._p-3 { padding:calc(1 * var(--padding)) !important; } ._p-4 { padding:calc(1.25 * var(--padding)) !important; } ._p-5 { padding:calc(1.5 * var(--padding)) !important; } ._p-6 { padding:calc(2 * var(--padding)) !important; }
._pt-0 { padding-top:0 !important; } ._pt-1 { padding-top:calc(0.25 * var(--padding)) !important; } ._pt-2 { padding-top:calc(0.5 * var(--padding)) !important; } ._pt-3 { padding-top:calc(1 * var(--padding)) !important; } ._pt-4 { padding-top:calc(1.25 * var(--padding)) !important; } ._pt-5 { padding-top:calc(1.5 * var(--padding)) !important; } ._pt-6 { padding-top:calc(2 * var(--padding)) !important; }
._pb-0 { padding-bottom:0 !important; } ._pb-1 { padding-bottom:calc(0.25 * var(--padding)) !important; } ._pb-2 { padding-bottom:calc(0.5 * var(--padding)) !important; } ._pb-3 { padding-bottom:calc(1 * var(--padding)) !important; } ._pb-4 { padding-bottom:calc(1.25 * var(--padding)) !important; } ._pb-5 { padding-bottom:calc(1.5 * var(--padding)) !important; } ._pb-6 { padding-bottom:calc(2 * var(--padding)) !important; }

._m-0 { margin:0 !important; } ._m-1 { margin:calc(0.25 * var(--margin)) !important; } ._m-2 { margin:calc(0.5 * var(--margin)) !important; } ._m-3 { margin:calc(1 * var(--margin)) !important; } ._m-4 { margin:calc(1.25 * var(--margin)) !important; } ._m-5 { margin:calc(1.5 * var(--margin)) !important; } ._m-6 { margin:calc(2 * var(--margin)) !important; }
._mt-0 { margin-top:0 !important; } ._mt-1 { margin-top:calc(0.25 * var(--margin)) !important; } ._mt-2 { margin-top:calc(0.5 * var(--margin)) !important; } ._mt-3 { margin-top:calc(1 * var(--margin)) !important; } ._mt-4 { margin-top:calc(1.25 * var(--margin)) !important; } ._mt-5 { margin-top:calc(1.5 * var(--margin)) !important; } ._mt-6 { margin-top:calc(2 * var(--margin)) !important; }
._mb-0 { margin-bottom:0 !important; } ._mb-1 { margin-bottom:calc(0.25 * var(--margin)) !important; } ._mb-2 { margin-bottom:calc(0.5 * var(--margin)) !important; } ._mb-3 { margin-bottom:calc(1 * var(--margin)) !important; } ._mb-4 { margin-bottom:calc(1.25 * var(--margin)) !important; } ._mb-5 { margin-bottom:calc(1.5 * var(--margin)) !important; } ._mb-6 { margin-bottom:calc(2 * var(--margin)) !important; }

._text-start { text-align:left !important; }
._text-end { text-align:right !important; }
._text-center { text-align:center !important; }

._float-start { float:left !important; }
._float-end { float:right !important; }
._float-none { float:none !important; }

._d-inline { display:inline !important; }
._d-inline-block { display:inline-block !important; }
._d-block { display:block !important; }
._d-flex { display:flex !important; }
._d-inline-flex { display:inline-flex !important; }
._d-none { display:none }

._order-first { order:-1 !important; }
._order-0 { order:0 !important; }
._order-1 { order:1 !important; }
._order-2 { order:2 !important; }
._order-3 { order:3 !important; }
._order-4 { order:4 !important; }
._order-5 { order:5 !important; }
._order-last { order:6 !important; }

._z-0 { z-index:0 !important; }
._z-1 { z-index:1 !important; }
._z-2 { z-index:2 !important; }
._z-3 { z-index:3 !important; }

._flex-row { flex-direction:row !important; }
._flex-column { flex-direction:column !important; }

._flex-group-row > * { flex-direction:row !important; }
._flex-group-column > * { flex-direction:column !important; }

._justify-content-start { justify-content:flex-start !important; }
._justify-content-end { justify-content:flex-end !important; }
._justify-content-center { justify-content:center !important; }
._justify-content-between { justify-content:space-between !important; }
._justify-content-around { justify-content:space-around !important; }
._justify-content-evenly { justify-content:space-evenly !important; }
._align-items-start { align-items:flex-start !important; }
._align-items-end { align-items:flex-end !important; }
._align-items-center { align-items:center !important; }
._align-items-baseline { align-items:baseline !important; }
._align-items-stretch { align-items:stretch !important; }
._align-content-start {align-content:flex-start !important; }
._align-content-end {align-content:flex-end !important; }
._align-content-center {align-content:center !important; }
._align-content-between {align-content:space-between !important; }
._align-content-around {align-content:space-around !important; }
._align-content-stretch {align-content:stretch !important; }
._align-self-auto {align-self:auto !important; }
._align-self-start {align-self:flex-start !important; }
._align-self-end {align-self:flex-end !important; }
._align-self-center {align-self:center !important; }
._align-self-baseline {align-self:baseline !important; }
._align-self-stretch {align-self:stretch !important; }

._offset-1 { margin-left:8.33% !important; }
._offset-2 { margin-left:16.66666667% !important; }
._offset-3 { margin-left:25% !important; }
._offset-4 { margin-left:33.33% !important; }
._offset-5 { margin-left:41.66666667% !important; }
._offset-6 { margin-left:50% !important; }
._offset-7 { margin-left:58.33333333% !important; }
._offset-8 { margin-left:66.66666667% !important; }
._offset-9 { margin-left:75% !important; }
._offset-10 { margin-left:83.33333333% !important; }
._offset-11 { margin-left:91.66666667% !important; }

._left-50 {right:auto !important; left:50% !important; transform:var(--vcenter) !important; }
._top-50 {bottom:auto !important; top:50% !important; transform:var(--hcenter) !important; }
._center-50 { bottom:auto !important; top:50% !important; right:auto !important; left:50% !important; transform:var(--center) !important; }

._vh-100 { padding:0 !important; height:100vh !important; min-height:800px !important; }
._vh-90 { padding:0 !important; height:90vh !important; min-height:750px !important; }
._vh-80 { padding:0 !important; height:80vh !important; min-height:700px !important; }
._vh-70 { padding:0 !important; height:70vh !important; min-height:600px !important; }
._vh-60 { padding:0 !important; height:60vh !important; min-height:500px !important; }
._vh-50 { padding:0 !important; height:50vh !important; min-height:400px !important; }
._vh-40 { padding:0 !important; height:40vh !important; min-height:300px !important; }
._vh-30 { padding:0 !important; height:30vh !important; min-height:200px !important; }
._vh-20 { padding:0 !important; height:20vh !important; min-height:200px !important; }
._vh-10 { padding:0 !important; height:40vh !important; min-height:200px !important; }
._vh-auto { height:auto !important; }

._w-25 { width:25% !important; }
._w-50 { width:50% !important; }
._w-75 { width:75% !important; }
._w-100 { width:100% !important; }
._w-auto { width:auto !important; }

._aspect-ratio-16-9 { aspect-ratio: 16 / 9 !important; }
._aspect-ratio-3-2 { aspect-ratio: 3 / 2 !important; }
._aspect-ratio-1-1 { aspect-ratio: 1 / 1 !important; }
._aspect-ratio-4-3 { aspect-ratio: 4 / 3 !important; }
._aspect-ratio-3-5 { aspect-ratio: 3 / 5 !important; }
._aspect-ratio-3-4 { aspect-ratio: 3 / 4 !important; }

._fs-1 { font-size: calc(var(--body-font-size) + 0.5vw) !important; }
._fs-2 { font-size: calc(var(--body-font-size) + 0.8vw) !important;}
._fs-3 { font-size: calc(var(--body-font-size) + 1vw) !important;}
._fs-4 { font-size: calc(var(--body-font-size) + 1.2vw) !important;}
._fs-5 { font-size: calc(var(--body-font-size) + 1.4vw) !important;}
._fs-6 { font-size: calc(var(--body-font-size) + 1.6vw) !important;}


[class^="_y"].line,[class*=" _y"].line { position:relative; padding-left:var(--padding);}
[class^="_y"].line:before,[class*=" _y"].line:before { content:""; position:absolute; top:0; left:0; width:1px; height:100%; border-left:1px solid var(--color-light-grey); }
[class^="_x"].line,[class*=" _x"].line { position:relative; padding-bottom:var(--padding);}
[class^="_x"].line:before,[class*=" _x"].line:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; border-bottom:1px solid var(--color-light-grey); }


@media only screen and (max-width:1200px) {

._p-l-0 { padding:0 !important; } ._p-l-1 { padding:calc(0.25 * var(--padding)) !important; } ._p-l-2 { padding:calc(0.5 * var(--padding)) !important; } ._p-l-3 { padding:calc(1 * var(--padding)) !important; } ._p-l-4 { padding:calc(1.25 * var(--padding)) !important; } ._p-l-5 { padding:calc(1.5 * var(--padding)) !important; } ._p-l-6 { padding:calc(2 * var(--padding)) !important; }
._pt-l-0 { padding-top:0 !important; } ._pt-l-1 { padding-top:calc(0.25 * var(--padding)) !important; } ._pt-l-2 { padding-top:calc(0.5 * var(--padding)) !important; } ._pt-l-3 { padding-top:calc(1 * var(--padding)) !important; } ._pt-l-4 { padding-top:calc(1.25 * var(--padding)) !important; } ._pt-l-5 { padding-top:calc(1.5 * var(--padding)) !important; } ._pt-l-6 { padding-top:calc(2 * var(--padding)) !important; }
._pb-l-0 { padding-bottom:0 !important; } ._pb-l-1 { padding-bottom:calc(0.25 * var(--padding)) !important; } ._pb-l-2 { padding-bottom:calc(0.5 * var(--padding)) !important; } ._pb-l-3 { padding-bottom:calc(1 * var(--padding)) !important; } ._pb-l-4 { padding-bottom:calc(1.25 * var(--padding)) !important; } ._pb-l-5 { padding-bottom:calc(1.5 * var(--padding)) !important; } ._pb-l-6 { padding-bottom:calc(2 * var(--padding)) !important; }

._m-l-0 { margin:0 !important; } ._m-l-1 { margin:calc(0.25 * var(--margin)) !important; } ._m-l-2 { margin:calc(0.5 * var(--margin)) !important; } ._m-l-3 { margin:calc(1 * var(--margin)) !important; } ._m-l-4 { margin:calc(1.25 * var(--margin)) !important; } ._m-l-5 { margin:calc(1.5 * var(--margin)) !important; } ._m-l-6 { margin:calc(2 * var(--margin)) !important; }
._mt-l-0 { margin-top:0 !important; } ._mt-l-1 { margin-top:calc(0.25 * var(--margin)) !important; } ._mt-l-2 { margin-top:calc(0.5 * var(--margin)) !important; } ._mt-l-3 { margin-top:calc(1 * var(--margin)) !important; } ._mt-l-4 { margin-top:calc(1.25 * var(--margin)) !important; } ._mt-l-5 { margin-top:calc(1.5 * var(--margin)) !important; } ._mt-l-6 { margin-top:calc(2 * var(--margin)) !important; }
._mb-l-0 { margin-bottom:0 !important; } ._mb-l-1 { margin-bottom:calc(0.25 * var(--margin)) !important; } ._mb-l-2 { margin-bottom:calc(0.5 * var(--margin)) !important; } ._mb-l-3 { margin-bottom:calc(1 * var(--margin)) !important; } ._mb-l-4 { margin-bottom:calc(1.25 * var(--margin)) !important; } ._mb-l-5 { margin-bottom:calc(1.5 * var(--margin)) !important; } ._mb-l-6 { margin-bottom:calc(2 * var(--margin)) !important; }

._text-l-start { text-align:left !important; }
._text-l-end { text-align:right !important; }
._text-l-center { text-align:center !important; }

._float-l-start { float: left !important; }
._float-l-end { float: right !important; }
._float-l-none { float: none !important; }

._d-l-inline { display:inline !important; }
._d-l-inline-block { display:inline-block !important; }
._d-l-block { display:block !important; }
._d-l-flex { display:flex !important; }
._d-l-inline-flex { display:inline-flex !important; }
._d-l-none { display:none }

._order-l-first { order:-1 !important; }
._order-l-0 { order:0 !important; }
._order-l-1 { order:1 !important; }
._order-l-2 { order:2 !important; }
._order-l-3 { order:3 !important; }
._order-l-4 { order:4 !important; }
._order-l-5 { order:5 !important; }
._order-l-last { order:6 !important; }

._z-l-0 { z-index:0 !important; }
._z-l-1 { z-index:1 !important; }
._z-l-2 { z-index:2 !important; }
._z-l-3 { z-index:3 !important; }

._flex-l-row { flex-direction:row !important; }
._flex-l-column { flex-direction:column !important; }

._flex-group-l-row > * { flex-direction:row !important; }
._flex-group-l-column > * { flex-direction:column !important; }

._justify-content-l-start { justify-content:flex-start !important; }
._justify-content-l-end { justify-content:flex-end !important; }
._justify-content-l-center { justify-content:center !important; }
._justify-content-l-between { justify-content:space-between !important; }
._justify-content-l-around { justify-content:space-around !important; }
._justify-content-l-evenly { justify-content:space-evenly !important; }
._align-items-l-start { align-items:flex-start !important; }
._align-items-l-end { align-items:flex-end !important; }
._align-items-l-center { align-items:center !important; }
._align-items-l-baseline { align-items:baseline !important; }
._align-items-l-stretch { align-items:stretch !important; }
._align-content-l-start {align-content:flex-start !important; }
._align-content-l-end {align-content:flex-end !important; }
._align-content-l-center {align-content:center !important; }
._align-content-l-between {align-content:space-between !important; }
._align-content-l-around {align-content:space-around !important; }
._align-content-l-stretch {align-content:stretch !important; }
._align-self-l-auto {align-self:auto !important; }
._align-self-l-start {align-self:flex-start !important; }
._align-self-l-end {align-self:flex-end !important; }
._align-self-l-center {align-self:center !important; }
._align-self-l-baseline {align-self:baseline !important; }
._align-self-l-stretch {align-self:stretch !important; }

._offset-l-1 { margin-left:8.33% !important; }
._offset-l-2 { margin-left:16.66666667% !important; }
._offset-l-3 { margin-left:25% !important; }
._offset-l-4 { margin-left:33.33% !important; }
._offset-l-5 { margin-left:41.66666667% !important; }
._offset-l-6 { margin-left:50% !important; }
._offset-l-7 { margin-left:58.33333333% !important; }
._offset-l-8 { margin-left:66.66666667% !important; }
._offset-l-9 { margin-left:75% !important; }
._offset-l-10 { margin-left:83.33333333% !important; }
._offset-l-11 { margin-left:91.66666667% !important; }

._left-l-50 {right:auto !important; left:50% !important; transform:var(--vcenter) !important; }
._top-l-50 {bottom:auto !important; top:50% !important; transform:var(--hcenter) !important; }
._center-l-50 { bottom:auto !important; top:50% !important; right:auto !important; left:50% !important; transform:var(--center) !important; }

._vh-l-100 { padding:0 !important; height:100vh !important; min-height:800px !important; }
._vh-l-90 { padding:0 !important; height:90vh !important; min-height:750px !important; }
._vh-l-80 { padding:0 !important; height:80vh !important; min-height:700px !important; }
._vh-l-70 { padding:0 !important; height:70vh !important; min-height:600px !important; }
._vh-l-60 { padding:0 !important; height:60vh !important; min-height:500px !important; }
._vh-l-50 { padding:0 !important; height:50vh !important; min-height:400px !important; }
._vh-l-40 { padding:0 !important; height:40vh !important; min-height:300px !important; }
._vh-l-30 { padding:0 !important; height:30vh !important; min-height:200px !important; }
._vh-l-20 { padding:0 !important; height:20vh !important; min-height:200px !important; }
._vh-l-10 { padding:0 !important; height:40vh !important; min-height:200px !important; }
._vh-l-auto { height:auto !important; }

._w-l-25 { width:25% !important; }
._w-l-50 { width:50% !important; }
._w-l-75 { width:75% !important; }
._w-l-100 { width:100% !important; }
._w-l-auto { width:auto !important; }
  
._aspect-ratio-l-16-9 { aspect-ratio: 16 / 9 !important; }
._aspect-ratio-l-3-2 { aspect-ratio: 3 / 2 !important; }
._aspect-ratio-l-1-1 { aspect-ratio: 1 / 1 !important; }
._aspect-ratio-l-4-3 { aspect-ratio: 4 / 3 !important; }
._aspect-ratio-l-3-5 { aspect-ratio: 3 / 5 !important; }
._aspect-ratio-l-3-4 { aspect-ratio: 3 / 4 !important; }

}

@media only screen and (max-width:992px) {

._p-m-0 { padding:0 !important;} ._p-m-1 { padding:calc(0.25 * var(--padding)) !important;} ._p-m-2 { padding:calc(0.5 * var(--padding)) !important;} ._p-m-3 { padding:calc(1 * var(--padding)) !important;} ._p-m-4 { padding:calc(1.25 * var(--padding)) !important;} ._p-m-5 { padding:calc(1.5 * var(--padding)) !important;} ._p-m-6 { padding:calc(2 * var(--padding)) !important;}
._pt-m-0 { padding-top:0 !important;} ._pt-m-1 { padding-top:calc(0.25 * var(--padding)) !important;} ._pt-m-2 { padding-top:calc(0.5 * var(--padding)) !important;} ._pt-m-3 { padding-top:calc(1 * var(--padding)) !important;} ._pt-m-4 { padding-top:calc(1.25 * var(--padding)) !important;} ._pt-m-5 { padding-top:calc(1.5 * var(--padding)) !important;} ._pt-m-6 { padding-top:calc(2 * var(--padding)) !important;}
._pb-m-0 { padding-bottom:0 !important;} ._pb-m-1 { padding-bottom:calc(0.25 * var(--padding)) !important;} ._pb-m-2 { padding-bottom:calc(0.5 * var(--padding)) !important;} ._pb-m-3 { padding-bottom:calc(1 * var(--padding)) !important;} ._pb-m-4 { padding-bottom:calc(1.25 * var(--padding)) !important;} ._pb-m-5 { padding-bottom:calc(1.5 * var(--padding)) !important;} ._pb-m-6 { padding-bottom:calc(2 * var(--padding)) !important;}

._m-m-0 { margin:0 !important;} ._m-m-1 { margin:calc(0.25 * var(--margin)) !important;} ._m-m-2 { margin:calc(0.5 * var(--margin)) !important;} ._m-m-3 { margin:calc(1 * var(--margin)) !important;} ._m-m-4 { margin:calc(1.25 * var(--margin)) !important;} ._m-m-5 { margin:calc(1.5 * var(--margin)) !important;} ._m-m-6 { margin:calc(2 * var(--margin)) !important;}
._mt-m-0 { margin-top:0 !important;} ._mt-m-1 { margin-top:calc(0.25 * var(--margin)) !important;} ._mt-m-2 { margin-top:calc(0.5 * var(--margin)) !important;} ._mt-m-3 { margin-top:calc(1 * var(--margin)) !important;} ._mt-m-4 { margin-top:calc(1.25 * var(--margin)) !important;} ._mt-m-5 { margin-top:calc(1.5 * var(--margin)) !important;} ._mt-m-6 { margin-top:calc(2 * var(--margin)) !important;}
._mb-m-0 { margin-bottom:0 !important;} ._mb-m-1 { margin-bottom:calc(0.25 * var(--margin)) !important;} ._mb-m-2 { margin-bottom:calc(0.5 * var(--margin)) !important;} ._mb-m-3 { margin-bottom:calc(1 * var(--margin)) !important;} ._mb-m-4 { margin-bottom:calc(1.25 * var(--margin)) !important;} ._mb-m-5 { margin-bottom:calc(1.5 * var(--margin)) !important;} ._mb-m-6 { margin-bottom:calc(2 * var(--margin)) !important;}

._text-m-start { text-align:left !important; }
._text-m-end { text-align:right !important; }
._text-m-center { text-align:center !important;}

._float-m-start { float: left !important; }
._float-m-end { float: right !important; }
._float-m-none { float: none !important; }

._d-m-inline { display:inline !important; }
._d-m-inline-block { display:inline-block !important; }
._d-m-block { display:block !important; }
._d-m-flex { display:flex !important; }
._d-m-inline-flex { display:inline-flex !important;}
._d-m-none { display:none }

._order-m-first { order:-1 !important; }
._order-m-0 { order:0 !important; }
._order-m-1 { order:1 !important; }
._order-m-2 { order:2 !important; }
._order-m-3 { order:3 !important;}
._order-m-4 { order:4 !important; }
._order-m-5 { order:5 !important; }
._order-m-last { order:6 !important; }

._z-m-0 { z-index:0 !important; }
._z-m-1 { z-index:1 !important; }
._z-m-2 { z-index:2 !important; }
._z-m-3 { z-index:3 !important; }

._flex-m-row { flex-direction:row !important; }
._flex-m-column { flex-direction:column !important; }

._flex-group-m-row > * { flex-direction:row !important; }
._flex-group-m-column > * { flex-direction:column !important; }

._justify-content-m-start { justify-content:flex-start !important;}
._justify-content-m-end { justify-content:flex-end !important;}
._justify-content-m-center { justify-content:center !important;}
._justify-content-m-between { justify-content:space-between !important;}
._justify-content-m-around { justify-content:space-around !important;}
._justify-content-m-evenly { justify-content:space-evenly !important;}
._align-items-m-start { align-items:flex-start !important;}
._align-items-m-end { align-items:flex-end !important;}
._align-items-m-center { align-items:center !important;}
._align-items-m-baseline { align-items:baseline !important;}
._align-items-m-stretch { align-items:stretch !important;}
._align-content-m-start {align-content:flex-start !important;}
._align-content-m-end {align-content:flex-end !important;}
._align-content-m-center {align-content:center !important;}
._align-content-m-between {align-content:space-between !important;}
._align-content-m-around {align-content:space-around !important;}
._align-content-m-stretch {align-content:stretch !important;}
._align-self-m-auto {align-self:auto !important;}
._align-self-m-start {align-self:flex-start !important;}
._align-self-m-end {align-self:flex-end !important;}
._align-self-m-center {align-self:center !important;}
._align-self-m-baseline {align-self:baseline !important;}
._align-self-m-stretch {align-self:stretch !important;}

._offset-m-1 { margin-left:8.33% !important; }
._offset-m-2 { margin-left:16.66666667% !important; }
._offset-m-3 { margin-left:25% !important; }
._offset-m-4 { margin-left:33.33% !important;}
._offset-m-5 { margin-left:41.66666667% !important;}
._offset-m-6 { margin-left:50% !important; }
._offset-m-7 { margin-left:58.33333333% !important; }
._offset-m-8 { margin-left:66.66666667% !important;}
._offset-m-9 { margin-left:75% !important; }
._offset-m-10 { margin-left:83.33333333% !important; }
._offset-m-11 { margin-left:91.66666667% !important; }

._left-m-50 {right:auto !important; left:50% !important; transform:var(--vcenter) !important; }
._top-m-50 {bottom:auto !important; top:50% !important; transform:var(--hcenter) !important; }
._center-m-50 { bottom:auto !important; top:50% !important; right:auto !important; left:50% !important; transform:var(--center) !important;}

._vh-m-100 { padding:0 !important; height:100vh !important; min-height:800px !important; }
._vh-m-90 { padding:0 !important; height:90vh !important; min-height:750px !important; }
._vh-m-80 { padding:0 !important; height:80vh !important; min-height:700px !important; }
._vh-m-70 { padding:0 !important; height:70vh !important; min-height:600px !important; }
._vh-m-60 { padding:0 !important; height:60vh !important; min-height:500px !important; }
._vh-m-50 { padding:0 !important; height:50vh !important; min-height:400px !important; }
._vh-m-40 { padding:0 !important; height:40vh !important; min-height:300px !important; }
._vh-m-30 { padding:0 !important; height:30vh !important; min-height:200px !important; }
._vh-m-20 { padding:0 !important; height:20vh !important; min-height:200px !important; }
._vh-m-10 { padding:0 !important; height:40vh !important; min-height:200px !important; }
._vh-m-auto { height:auto !important; }

._w-m-25 { width:25% !important; }
._w-m-50 { width:50% !important; }
._w-m-75 { width:75% !important; }
._w-m-100 { width:100% !important; }
._w-m-auto { width:auto !important; }  
  
._aspect-ratio-m-16-9 { aspect-ratio: 16 / 9 !important; }
._aspect-ratio-m-3-2 { aspect-ratio: 3 / 2 !important; }
._aspect-ratio-m-1-1 { aspect-ratio: 1 / 1 !important; }
._aspect-ratio-m-4-3 { aspect-ratio: 4 / 3 !important; }
._aspect-ratio-m-3-5 { aspect-ratio: 3 / 5 !important; }
._aspect-ratio-m-3-4 { aspect-ratio: 3 / 4 !important; }

 ._tabletShow { display:block !important;}
 ._tabletShowFlex { display:flex !important;}
 ._tabletHide {display:none !important;}

}

@media only screen and (max-width:768px) {

._p-s-0 { padding:0 !important;} ._p-s-1 { padding:calc(0.25 * var(--padding)) !important;} ._p-s-2 { padding:calc(0.5 * var(--padding)) !important;} ._p-s-3 { padding:calc(1 * var(--padding)) !important;} ._p-s-4 { padding:calc(1.25 * var(--padding)) !important;} ._p-s-5 { padding:calc(1.5 * var(--padding)) !important;} ._p-s-6 { padding:calc(2 * var(--padding)) !important;}
._pt-s-0 { padding-top:0 !important;} ._pt-s-1 { padding-top:calc(0.25 * var(--padding)) !important;} ._pt-s-2 { padding-top:calc(0.5 * var(--padding)) !important;} ._pt-s-3 { padding-top:calc(1 * var(--padding)) !important;} ._pt-s-4 { padding-top:calc(1.25 * var(--padding)) !important;} ._pt-s-5 { padding-top:calc(1.5 * var(--padding)) !important;} ._pt-s-6 { padding-top:calc(2 * var(--padding)) !important;}
._pb-s-0 { padding-bottom:0 !important;} ._pb-s-1 { padding-bottom:calc(0.25 * var(--padding)) !important;} ._pb-s-2 { padding-bottom:calc(0.5 * var(--padding)) !important;} ._pb-s-3 { padding-bottom:calc(1 * var(--padding)) !important;} ._pb-s-4 { padding-bottom:calc(1.25 * var(--padding)) !important;} ._pb-s-5 { padding-bottom:calc(1.5 * var(--padding)) !important;} ._pb-s-6 { padding-bottom:calc(2 * var(--padding)) !important;}

._m-s-0 { margin:0 !important;} ._m-s-1 { margin:calc(0.25 * var(--margin)) !important;} ._m-s-2 { margin:calc(0.5 * var(--margin)) !important;} ._m-s-3 { margin:calc(1 * var(--margin)) !important;} ._m-s-4 { margin:calc(1.25 * var(--margin)) !important;} ._m-s-5 { margin:calc(1.5 * var(--margin)) !important;} ._m-s-6 { margin:calc(2 * var(--margin)) !important;}
._mt-s-0 { margin-top:0 !important;} ._mt-s-1 { margin-top:calc(0.25 * var(--margin)) !important;} ._mt-s-2 { margin-top:calc(0.5 * var(--margin)) !important;} ._mt-s-3 { margin-top:calc(1 * var(--margin)) !important;} ._mt-s-4 { margin-top:calc(1.25 * var(--margin)) !important;} ._mt-s-5 { margin-top:calc(1.5 * var(--margin)) !important;} ._mt-s-6 { margin-top:calc(2 * var(--margin)) !important;}
._mb-s-0 { margin-bottom:0 !important;} ._mb-s-1 { margin-bottom:calc(0.25 * var(--margin)) !important;} ._mb-s-2 { margin-bottom:calc(0.5 * var(--margin)) !important;} ._mb-s-3 { margin-bottom:calc(1 * var(--margin)) !important;} ._mb-s-4 { margin-bottom:calc(1.25 * var(--margin)) !important;} ._mb-s-5 { margin-bottom:calc(1.5 * var(--margin)) !important;} ._mb-s-6 { margin-bottom:calc(2 * var(--margin)) !important;}

._text-s-start { text-align:left !important; }
._text-s-end { text-align:right !important; }
._text-s-center { text-align:center !important;}

._float-s-start { float: left !important; }
._float-s-end { float: right !important; }
._float-s-none { float: none !important; }

._d-s-inline { display:inline !important; }
._d-s-inline-block { display:inline-block !important; }
._d-s-block { display:block !important; }
._d-s-flex { display:flex !important; }
._d-s-inline-flex { display:inline-flex !important;}
._d-s-none { display:none }

._order-s-first { order:-1 !important; }
._order-s-0 { order:0 !important; }
._order-s-1 { order:1 !important; }
._order-s-2 { order:2 !important; }
._order-s-3 { order:3 !important;}
._order-s-4 { order:4 !important; }
._order-s-5 { order:5 !important; }
._order-s-sast { order:6 !important; }

._z-s-0 { z-index:0 !important; }
._z-s-1 { z-index:1 !important; }
._z-s-2 { z-index:2 !important; }
._z-s-3 { z-index:3 !important; }

._flex-s-row { flex-direction:row !important; }
._flex-s-column { flex-direction:column !important; }

._flex-group-s-row > * { flex-direction:row !important; }
._flex-group-s-column > * { flex-direction:column !important; }

._justify-content-s-start { justify-content:flex-start !important;}
._justify-content-s-end { justify-content:flex-end !important;}
._justify-content-s-center { justify-content:center !important;}
._justify-content-s-between { justify-content:space-between !important;}
._justify-content-s-around { justify-content:space-around !important;}
._justify-content-s-evenly { justify-content:space-evenly !important;}
._align-items-s-start { align-items:flex-start !important;}
._align-items-s-end { align-items:flex-end !important;}
._align-items-s-center { align-items:center !important;}
._align-items-s-baseline { align-items:baseline !important;}
._align-items-s-stretch { align-items:stretch !important;}
._align-content-s-start {align-content:flex-start !important;}
._align-content-s-end {align-content:flex-end !important;}
._align-content-s-center {align-content:center !important;}
._align-content-s-between {align-content:space-between !important;}
._align-content-s-around {align-content:space-around !important;}
._align-content-s-stretch {align-content:stretch !important;}
._align-self-s-auto {align-self:auto !important;}
._align-self-s-start {align-self:flex-start !important;}
._align-self-s-end {align-self:flex-end !important;}
._align-self-s-center {align-self:center !important;}
._align-self-s-baseline {align-self:baseline !important;}
._align-self-s-stretch {align-self:stretch !important;}

._offset-s-1 { margin-left:8.33% !important; }
._offset-s-2 { margin-left:16.66666667% !important; }
._offset-s-3 { margin-left:25% !important; }
._offset-s-4 { margin-left:33.33% !important;}
._offset-s-5 { margin-left:41.66666667% !important;}
._offset-s-6 { margin-left:50% !important; }
._offset-s-7 { margin-left:58.33333333% !important; }
._offset-s-8 { margin-left:66.66666667% !important;}
._offset-s-9 { margin-left:75% !important; }
._offset-s-10 { margin-left:83.33333333% !important; }
._offset-s-11 { margin-left:91.66666667% !important; }

._left-s-50 {right:auto !important; left:50% !important; transform:var(--vcenter) !important; }
._top-s-50 {bottom:auto !important; top:50% !important; transform:var(--hcenter) !important; }
._center-s-50 { bottom:auto !important; top:50% !important; right:auto !important; left:50% !important; transform:var(--center) !important;}

._vh-s-100 { padding:0 !important; height:100vh !important; min-height:800px !important; }
._vh-s-90 { padding:0 !important; height:90vh !important; min-height:750px !important; }
._vh-s-80 { padding:0 !important; height:80vh !important; min-height:700px !important; }
._vh-s-70 { padding:0 !important; height:70vh !important; min-height:600px !important; }
._vh-s-60 { padding:0 !important; height:60vh !important; min-height:500px !important; }
._vh-s-50 { padding:0 !important; height:50vh !important; min-height:400px !important; }
._vh-s-40 { padding:0 !important; height:40vh !important; min-height:300px !important; }
._vh-s-30 { padding:0 !important; height:30vh !important; min-height:200px !important; }
._vh-s-20 { padding:0 !important; height:20vh !important; min-height:200px !important; }
._vh-s-10 { padding:0 !important; height:40vh !important; min-height:200px !important; }
._vh-s-auto { height:auto !important; }

._w-s-25 { width:25% !important; }
._w-s-50 { width:50% !important; }
._w-s-75 { width:75% !important; }
._w-s-100 { width:100% !important; }
._w-s-auto { width:auto !important; }

._aspect-ratio-s-16-9 { aspect-ratio: 16 / 9 !important; }
._aspect-ratio-s-3-2 { aspect-ratio: 3 / 2 !important; }
._aspect-ratio-s-1-1 { aspect-ratio: 1 / 1 !important; }
._aspect-ratio-s-4-3 { aspect-ratio: 4 / 3 !important; }
._aspect-ratio-s-3-5 { aspect-ratio: 3 / 5 !important; }
._aspect-ratio-s-3-4 { aspect-ratio: 3 / 4 !important; }
  
 ._mobileShow { display:block !important;}
 ._mobileShowFlex { display:flex !important;}
 ._mobileHide { display:none !important; }

}

@media only screen and (max-width:576px) {

._p-xs-0 { padding:0 !important;} ._p-xs-1 { padding:calc(0.25 * var(--padding)) !important;} ._p-xs-2 { padding:calc(0.5 * var(--padding)) !important;} ._p-xs-3 { padding:calc(1 * var(--padding)) !important;} ._p-xs-4 { padding:calc(1.25 * var(--padding)) !important;} ._p-xs-5 { padding:calc(1.5 * var(--padding)) !important;} ._p-xs-6 { padding:calc(2 * var(--padding)) !important;}
._pt-xs-0 { padding-top:0 !important;} ._pt-xs-1 { padding-top:calc(0.25 * var(--padding)) !important;} ._pt-xs-2 { padding-top:calc(0.5 * var(--padding)) !important;} ._pt-xs-3 { padding-top:calc(1 * var(--padding)) !important;} ._pt-xs-4 { padding-top:calc(1.25 * var(--padding)) !important;} ._pt-xs-5 { padding-top:calc(1.5 * var(--padding)) !important;} ._pt-xs-6 { padding-top:calc(2 * var(--padding)) !important;}
._pb-xs-0 { padding-bottom:0 !important;} ._pb-xs-1 { padding-bottom:calc(0.25 * var(--padding)) !important;} ._pb-xs-2 { padding-bottom:calc(0.5 * var(--padding)) !important;} ._pb-xs-3 { padding-bottom:calc(1 * var(--padding)) !important;} ._pb-xs-4 { padding-bottom:calc(1.25 * var(--padding)) !important;} ._pb-xs-5 { padding-bottom:calc(1.5 * var(--padding)) !important;} ._pb-xs-6 { padding-bottom:calc(2 * var(--padding)) !important;}

._m-xs-0 { margin:0 !important;} ._m-xs-1 { margin:calc(0.25 * var(--margin)) !important;} ._m-xs-2 { margin:calc(0.5 * var(--margin)) !important;} ._m-xs-3 { margin:calc(1 * var(--margin)) !important;} ._m-xs-4 { margin:calc(1.25 * var(--margin)) !important;} ._m-xs-5 { margin:calc(1.5 * var(--margin)) !important;} ._m-xs-6 { margin:calc(2 * var(--margin)) !important;}
._mt-xs-0 { margin-top:0 !important;} ._mt-xs-1 { margin-top:calc(0.25 * var(--margin)) !important;} ._mt-xs-2 { margin-top:calc(0.5 * var(--margin)) !important;} ._mt-xs-3 { margin-top:calc(1 * var(--margin)) !important;} ._mt-xs-4 { margin-top:calc(1.25 * var(--margin)) !important;} ._mt-xs-5 { margin-top:calc(1.5 * var(--margin)) !important;} ._mt-xs-6 { margin-top:calc(2 * var(--margin)) !important;}
._mb-xs-0 { margin-bottom:0 !important;} ._mb-xs-1 { margin-bottom:calc(0.25 * var(--margin)) !important;} ._mb-xs-2 { margin-bottom:calc(0.5 * var(--margin)) !important;} ._mb-xs-3 { margin-bottom:calc(1 * var(--margin)) !important;} ._mb-xs-4 { margin-bottom:calc(1.25 * var(--margin)) !important;} ._mb-xs-5 { margin-bottom:calc(1.5 * var(--margin)) !important;} ._mb-xs-6 { margin-bottom:calc(2 * var(--margin)) !important;}

._text-xs-start { text-align:left !important; }
._text-xs-end { text-align:right !important; }
._text-xs-center { text-align:center !important;}

._float-xs-start { float: left !important; }
._float-xs-end { float: right !important; }
._float-xs-none { float: none !important; }

._d-xs-inline { display:inline !important; }
._d-xs-inline-block { display:inline-block !important; }
._d-xs-block { display:block !important; }
._d-xs-flex { display:flex !important; }
._d-xs-inline-flex { display:inline-flex !important;}
._d-xs-none { display:none }

._order-xs-first { order:-1 !important; }
._order-xs-0 { order:0 !important; }
._order-xs-1 { order:1 !important; }
._order-xs-2 { order:2 !important; }
._order-xs-3 { order:3 !important;}
._order-xs-4 { order:4 !important; }
._order-xs-5 { order:5 !important; }
._order-xs-xsast { order:6 !important; }

._flex-xs-row { flex-direction:row !important; }
._flex-xs-column { flex-direction:column !important; }

._justify-content-xs-start { justify-content:flex-start !important;}
._justify-content-xs-end { justify-content:flex-end !important;}
._justify-content-xs-center { justify-content:center !important;}
._justify-content-xs-between { justify-content:space-between !important;}
._justify-content-xs-around { justify-content:space-around !important;}
._justify-content-xs-evenly { justify-content:space-evenly !important;}
._align-items-xs-start { align-items:flex-start !important;}
._align-items-xs-end { align-items:flex-end !important;}
._align-items-xs-center { align-items:center !important;}
._align-items-xs-baseline { align-items:baseline !important;}
._align-items-xs-stretch { align-items:stretch !important;}
._align-content-xs-start {align-content:flex-start !important;}
._align-content-xs-end {align-content:flex-end !important;}
._align-content-xs-center {align-content:center !important;}
._align-content-xs-between {align-content:space-between !important;}
._align-content-xs-around {align-content:space-around !important;}
._align-content-xs-stretch {align-content:stretch !important;}
._align-self-xs-auto {align-self:auto !important;}
._align-self-xs-start {align-self:flex-start !important;}
._align-self-xs-end {align-self:flex-end !important;}
._align-self-xs-center {align-self:center !important;}
._align-self-xs-baseline {align-self:baseline !important;}
._align-self-xs-stretch {align-self:stretch !important;}

._offset-xs-1 { margin-left:8.33% !important; }
._offset-xs-2 { margin-left:16.66666667% !important; }
._offset-xs-3 { margin-left:25% !important; }
._offset-xs-4 { margin-left:33.33% !important;}
._offset-xs-5 { margin-left:41.66666667% !important;}
._offset-xs-6 { margin-left:50% !important; }
._offset-xs-7 { margin-left:58.33333333% !important; }
._offset-xs-8 { margin-left:66.66666667% !important;}
._offset-xs-9 { margin-left:75% !important; }
._offset-xs-10 { margin-left:83.33333333% !important; }
._offset-xs-11 { margin-left:91.66666667% !important; }

._left-xs-50 {right:auto !important; left:50% !important; transform:var(--vcenter) !important; }
._top-xs-50 {bottom:auto !important; top:50% !important; transform:var(--hcenter) !important; }
._center-xs-50 { bottom:auto !important; top:50%  !important; right:auto !important; left:50% !important; transform:var(--center) !important;}

._vh-xs-100 { padding:0 !important; height:100vh !important; min-height:800px !important; }
._vh-xs-90 { padding:0 !important; height:90vh !important; min-height:750px !important; }
._vh-xs-80 { padding:0 !important; height:80vh !important; min-height:700px !important; }
._vh-xs-70 { padding:0 !important; height:70vh !important; min-height:600px !important; }
._vh-xs-60 { padding:0 !important; height:60vh !important; min-height:500px !important; }
._vh-xs-50 { padding:0 !important; height:50vh !important; min-height:400px !important; }
._vh-xs-40 { padding:0 !important; height:40vh !important; min-height:300px !important; }
._vh-xs-30 { padding:0 !important; height:30vh !important; min-height:200px !important; }
._vh-xs-20 { padding:0 !important; height:20vh !important; min-height:200px !important; }
._vh-xs-10 { padding:0 !important; height:40vh !important; min-height:200px !important; }
._vh-xs-auto { height:auto !important; }

._w-xs-25 { width:25% !important; }
._w-xs-50 { width:50% !important; }
._w-xs-75 { width:75% !important; }
._w-xs-100 { width:100% !important; }
._w-xs-auto { width:auto !important; }
  
._aspect-ratio-xs-16-9 { aspect-ratio: 16 / 9 !important; }
._aspect-ratio-xs-3-2 { aspect-ratio: 3 / 2 !important; }
._aspect-ratio-xs-1-1 { aspect-ratio: 1 / 1 !important; }
._aspect-ratio-xs-4-3 { aspect-ratio: 4 / 3 !important; }
._aspect-ratio-xs-3-5 { aspect-ratio: 3 / 5 !important; }
._aspect-ratio-xs-3-4 { aspect-ratio: 3 / 4 !important; }

 article table::before { content:"Przesuń palcem w lewo, aby przewinąć widok"; display:block; font-size:0.9em; height:20px; margin-bottom:1em; margin-top:-30px; width:100%;}
 article table { display:block; overflow:scroll; padding:3em 0 2em; }
 
}

/*OLD GRID SYSTEM 
.left,.right{overflow:hidden}._center50,._top50{bottom:auto;top:50%!important}._center50,._left50{right:auto;left:50%!important}.left{float:left}.right{float:right}.clear{clear:both}.align_right{text-align:right}.align_left{text-align:left}.align_center{text-align:center}.pad2{padding:.2em}.pad5{padding:.5em}.pad10{padding:1em}.pad20{padding:2em}.margin_y5{margin-top:.5em;margin-bottom:.5em}.margin_y10{margin-top:1em;margin-bottom:1em}.margin_y20{margin-top:2em;margin-bottom:2em}.margin_b10{margin-bottom:1em}.margin_b15{margin-bottom:1.5em}.margin_b20{margin-bottom:2em}.margin_t10{margin-top:1em}.margin_t20{margin-top:2em}.row,ul.row{margin:0 -15px;display:flex;flex-flow:wrap;justify-content:center}.row.noGap,.xrow.noGap,ul.row.noGap{margin:0}._1r._2r,._3r,._4r,._5r,._6r{display:block;margin:0 0 30px!important}._1r .a,._1r a,._2r .a,._2r a,._3r .a,._3r a,._4r .a,._4r a,._5r .a,._5r a,._6r .a,._6r a{margin:0 15px}._1r.reset,._1r.reset .a,._1r.reset a,._2r.reset,._2r.reset .a,._2r.reset a,._3r.reset,._3r.reset .a,._3r.reset a,._4r.reset,._4r.reset .a,._4r.reset a,._5r.reset,._5r.reset .a,._5r.reset a,._6r.reset,._6r.reset .a,._6r.reset a,.noGap ._1r,.noGap ._2r,.noGap ._2r .a,.noGap ._2r a,.noGap ._3r,.noGap ._3r .a,.noGap ._3r a,.noGap ._4r,.noGap ._4r .a,.noGap ._4r a,.noGap ._5r,.noGap ._5r .a,.noGap ._5r a,.noGap._6r,.noGap._6r .a,.noGap._6r a{margin:0!important}._1r,.x12{width:100%}._2r,.x6{width:50%}._3r,.x4{width:33.33%}._4r,.x3{width:25%}._5r{width:20%}._6r{width:16.33%}.xrow{margin:0 -15px;display:flex;flex-flow:wrap}.xrow.dubbleGap{margin:0 -45px}.x1,.x10,.x11,.x12,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9{display:block;margin:0;padding:0 15px;box-sizing:border-box}._100vh,._40vh,._50vh,._60vh,._70vh,._80vh,._90vh,.noGap .x1,.noGap .x10,.noGap .x11,.noGap .x12,.noGap .x2,.noGap .x3,.noGap .x4,.noGap .x5,.noGap .x6,.noGap .x7,.noGap .x8,.noGap .x9{padding:0}.dubbleGap .x1,.dubbleGap .x10,.dubbleGap .x11,.dubbleGap .x12,.dubbleGap .x2,.dubbleGap .x3,.dubbleGap .x4,.dubbleGap .x5,.dubbleGap .x6,.dubbleGap .x7,.dubbleGap .x8,.dubbleGap .x9{padding:0 45px}.x1{width:8.33%}.x2{width:16.66%}.x5{width:41.66%}.x7{width:58.33%}.x8{width:66.66%}.x9{width:75%}.x10{width:83.33%}.x11{width:91.66%}._left50{transform:var(--hcenter)}._top50{transform:var(--vcenter)}._center50{transform:var(--center)}._100vh{height:100vh;min-height:800px}._90vh{height:90vh;min-height:750px}._80vh{height:80vh;min-height:700px}._70vh{height:70vh;min-height:600px}._60vh{height:60vh;min-height:500px}._50vh{height:50vh;min-height:400px}._40vh{height:40vh;min-height:300px}
*/
/*===============================================*/
/* RWD */
@media only screen and (max-width:1200px) {

 header .logo h1 { font-size:1.2em; text-wrap:nowrap;}
 header .logo h1 span { display:inline-block; }
 header .logo .select select { padding:0 2em 0 0; }
 
 #header-opt ul.opt li { margin:0 0.5em;} 
 
 #back-to-top { bottom:10em; width:35px; height:35px;}
 #back-to-top a:before { font-size:1.6em;}
 #back-to-top a span { text-indent:-1000em; }

}




@media only screen and (max-width:1450px) {
 #content .box-white .infoBox .icon-email2 p a {margin-left: -72px}
 #content .box-white .infoBox .icon-email2 #editor3 p a {margin-left: 0}
}

@media only screen and (max-width:992px) {
  
 #content .box-white .infoBox .icon-email2 p a {margin-left: 0}
  
  
 header, .sticky header { position:relative; top:0; left:0; height:100px; z-index:3; }
 
 .sticky header { margin-top:0;}
 .sticky header.pageHead .flex-row._order-1 { display: block; opacity:1; }
 .sticky header.pageHead .flex-row._order-2 { display: block; opacity:1; }
 .sticky #page { padding:100px 0 0 0; }  
 
 #page { width:auto; padding:0; font-size:0.9em; }
 #content { padding:0; } 
 #back-to-top { bottom:1em; }
 #search { display:none; position:absolute;width:300px; top:100%; right:100%; z-index: 100; padding:2em; background-color:var(--color-light-bg); }
 
 #header-opt ul.opt li { margin-right:0.5em;}
 #header-opt ul.opt li.line { padding:0.5em;}
 
 #disabilities ul.opt { display:block;}
 #disabilities ul.opt li { margin:0 0 0.5em 0; display:block; vertical-align:middle; list-style:none; }
  
 .homepage.initial header .menuCategoryBtn, header .menuCategoryBtn { visibility:hidden; }
 .sticky header #menuContainer { display:none; }
 #menuContainer { display:none; width:auto; padding:1em; background-color:var(--color-light-bg); box-shadow:var(--box-shadow); }
 #menuContainer .inside, .sticky header #menuContainer .inside { width:100%; margin:0; padding:0; }
 #menuContainer,.sticky header #menuContainer { position:absolute; bottom:auto; top:100px; left:auto; right:0; width:100%; height:calc(100vh - 100px) !important; overflow-y:auto; transform:translate(0,0); z-index:3; }
 ul.mainmenu { margin:0 auto; padding:0; flex-direction:column; align-items:stretch; }
 ul.mainmenu li { position:relative; }
 ul.mainmenu li:hover ul { display:none; }
 ul.mainmenu a:link, ul.mainmenu a:visited,ul.mainmenu a:hover { font-size:1.6em; line-height:1.1em; color:var(--color-text); text-align:left; }
 ul.mainmenu ul, ul.mainmenu ul ul { position:relative; top:auto; right:auto; left:auto; width:auto; } 
 ul.mainmenu ul a:link, ul.mainmenu ul a:visited { text-align:left; }
  
 #menuCategoryContainer { display:block; }
 main .menuCategoryBtn { display:block;}
 #menuCategory { display:none; position:absolute; width:100%; top:50px; left:0; background-color:var(--color-light-bg); border:0; padding:var(--padding); box-sizing:border-box; z-index:15;}
 
 .boxFull { min-height:300px; padding:20px; }
 .boxFull.bgScale { background-size:cover;}
 .boxFull h3 { font-size:2em; }
 .boxFull .content { width:60%; position:relative; left:auto; right:auto; top:auto; transform:translate(0,0); }
 .boxFull .content , .boxFull .content.asided { padding:0; }
 .boxFull aside,.boxFull .aside { position:relative; top:auto; left:auto; font-size:1em; text-align:center; }
 
 div.q,q,.box-incontent { width:auto; float:none; }
 .flexBox { flex-direction:column;}

 .txt img {width:auto; max-width:100%; height:auto;} 
 
 .forms.page form { width:100%; }
 
 .pinned { position: relative; top: auto; bottom:auto; left: auto; width: 100%; z-index: 1; opacity: 1; padding:1em; box-sizing:border-box; }
 .pinned ul {text-align:center;}
 .pinned ul li { position: relative; width:auto; height:auto; margin:5px; padding:0; display:inline-block;}

 .banners .bannery div.item,.bannery a img { width:100%; height:auto; } 
 
}

@media only screen and (max-width:576px) {
	
header, .sticky header { height:50px; }
header.pageHead .flex-column { justify-content:center; }
header.pageHead .flex-row._order-1 { display:none; }
.sticky header.pageHead .flex-row._order-1 { display: none; }
.sticky header.pageHead .flex-row._order-2 { display: block; }
.sticky #page { padding:50px 0 0 0; }

#menuContainer,.sticky header #menuContainer { top:50px; height:calc(100vh - 50px) !important; }
 
 header .logo, header .logo img { width:70%; height:45px; font-size:0.8em; }
 header .logo h1 { font-size:1em; text-wrap:wrap; }
 header .logo .label { flex-shrink:1; }

 .inside,.inside-wide,.inside-narrow { margin:auto 3%; }
 
 .vlaCalendarOverlay { padding:0 2em; font-size:1em; }
 .vlaCalendar .arrowLeft,.vlaCalendar .arrowRight { top:0; }
 .vlaCalendar .arrowLeft { left:0;}
 .vlaCalendar .arrowRight { right:0;}
 
 .slider .item .info { font-size:0.7em; align-items:center; }
  /*------*/
 .slider.issue .item .info { top:auto; bottom:0; padding:0; width:100%; height:30%;  }
 .slider.issue .item .info h3 { font-size:2em;  }
 .slider.issue .item .info p { font-size:1em; }
 .slider.issue .item .imgwraper { width:100%; height:70%; }
 .slider.article .slider-nav { bottom:auto; top:5%; }
 .slider.article .slider-previous,.slider.article .slider-next { bottom:auto; top:5%; }
  
 .okno ul li.news.inLine h3 { font-size:1.2em; font-weight:400;}
  
 .carusel { padding:0; }
 
 .bannery-slider { width:360px !important;}
 .banners .bannery-slider { padding:0; }
 .banners .bannery-next { right:-11px;}
 .banners .bannery-previous { right:-11px;}
 

 .forms ins, .forms .ins { display:block; text-align:left; padding:0; margin:1em 0; }
 .forms label,.forms .label,.forms .form_input,.forms .form_text { position:relative; width:100%; border:0; padding:0 0 0.5em 0; text-align:left;}
 
 .table-items ul.header { display:none;}
 .table-items ul li { display:block; padding:1em; }
  
 .yt-container { position:relative; padding-top:56.25%; }
 .yt-embed { position: absolute; top:0; left:0; width:100%; height: 100%; } 

}

/* biogramy */

.biogram-container {
    display:flex;
    flex-direction:row;
}
.image-placeholder {
    min-width:30%;
    max-width:300px;
}
.image-placeholder img {
    max-width: 100%;
    height: auto;
}

.text-placeholder {
    width:100%;
    padding-left:50px;
}

@media only screen and (max-width: 45em) {
    .biogram-container {
        flex-direction:column;
    } 
    .image-placeholder, .text-placeholder {width:100%;}
    .text-placeholder {
        padding:0;
    }
    .image-placeholder {align-self: center;}
}

/* Box special */
    .containerspecial {
      display: flex;
      flex-wrap: wrap; 
      gap: 20px;
  	margin-top:1em;
  	margin-bottom:1em;
    }

    .boxspecial {
      flex: 1 1 300px; 
      background: #fff;
      padding: 20px;
      border-radius: 8px;
    }