@charset "utf-8";
/*  common  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: var(--normal-font);
}

@-moz-document url-prefix() {
    body {
        font-weight: lighter !important;
    }
}

html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
*, *:before, *:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;font-display:fallback}

body, table, div, input, textarea, select, button {font-family: 'Lato', sans-serif;color:#303030;font-weight:400;font-weight:var(--normal-font);font-size:14pt}
sup {vertical-align:super;line-height:1em;font-size:0.6em}
sub {vertical-align:sub;line-height:1em;font-size:0.6em}

:root {
	--bold-font: 700;
	--normal-font: 400;
	--thin-font: 400;
	--header-font: 400;
	--gray-text: #505050;
	--dark-bg: #101010;
	--dark-text: #35383d;
	--marked-text: #184c79;
}

strong,b {font-weight:var(--bold-font)}
em,i {font-style:italic}
a {color:#28ABDF;text-decoration:none;transition:color 0.3s linear}
a:hover {color:#166b9b;text-decoration:none;}

.bg0 {background-color:#fff}
.bg1 {background-color:#f4f4f4}
.bg2 {background-color:#438e99;color:#fff}
.bg3 {background-color:#2c2928;color:#fff}
.bg4 {background-color:#cc8844;color:#fff}
.bg5 {background-color:#707070;color:#fff}

p {margin:0;}
.content p {margin:0 0 1em;}
.content strong {color:#202020;}
label {cursor:pointer}
label.label {line-height:2.2em}

.hidden {display:none}
.aleft {text-align:left}
.aright {text-align:right}
.acenter {text-align:center}
.ajustify {text-align:justify}
.fleft {float:left;display:inline}
.fright {float:right;display:inline}
.fcenter {margin:0 auto;display:block}
.iblock {display:inline-block;vertical-align:top;margin-bottom:10px}
.galeria {margin:0;display:block}
.cright {clear:right}
.cboth {clear:both}
.cboth-after::after {display:block;content:" ";clear:both}
.cleft {clear:left}
.ileft {margin:0px 30px 12px 0px}
.iright {margin:0px 0px 12px 30px}
.upper {text-transform:uppercase}
.lower {text-transform:lowercase}
.shadow {text-shadow:0 1px 2px rgba(0,0,0,0.4)}
.lshadow {text-shadow:0 1px 1px rgba(255,255,255,0.5)}
.menuvert {display:block}
.inline {display:inline}
.oneline {white-space: nowrap}
.rclear {display:none}
.cclear {display:block;clear:both}
.relative {position:relative}
.page .content ul { list-style:disc;margin:5px 0 5px 32px}
.page .content ol { list-style:decimal;margin:5px 0 5px 32px}

.flex-row {display:flex;flex-flow:row wrap;}
.flex-col {display:flex;flex-flow:column nowrap;}
.flex-row-col {display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:space-around}
.flex-row-col .flex-between {flex:0 0 auto;padding-left:2%;border-right:1px dotted #c0c0c0;margin-right:2%}
.flex-row-f {display:flex;flex-flow:row nowrap;}
.flex-ac {align-items:center;}
.flex-at {align-items:flex-start;}
.flex-ab {align-items:flex-end;}
.flex-as {align-items:stretch;}
.flex-jb {justify-content: space-between}
.flex-ja {justify-content: space-around}
.flex-jc {justify-content: center}
.flex-jl {justify-content: flex-start}
.flex-jr {justify-content: flex-end}

img.lazy {background:url(gfx/ajax-loader.gif) no-repeat center center;background-size:16px 16px;}
img.lazyloading {opacity:0;transition:0s}
img.lazyloaded {
    /*animation:lazyload 0.6s ease-in 0s 1 normal forwards;*/
    opacity:1;transition:1s;transition-delay: 0s
}
@keyframes lazyload {
    10% {opacity:0}
    80% {opacity:1}
}

h1,h2,h3,h4,h5,h6 {font-weight:var(--normal-font);font-family: 'Oswald', sans-serif;}

h1 {margin:0 0 25px;clear:both;font-size:32pt;font-weight:var(--header-font);color:var(--dark-text);}
h2 {margin:0 0 20px;clear:both;font-size:29pt;font-weight:var(--header-font);color:var(--dark-text);}
h3 {margin:0 0 10px;clear:both;font-size:22pt;font-weight:var(--normal-font);color:var(--dark-text);}
h4 {margin:0 0 10px;clear:both;font-size:20pt;font-weight:var(--normal-font);color:var(--dark-text);}
h5 {margin:0 0 10px;clear:both;font-size:16pt;font-weight:var(--normal-font);}
h6 {margin:0 0 5px;clear:both;font-size:14pt;font-weight:var(--normal-font);}

.content h2 {margin-top:15px;line-height:1.2em;font-weight:var(--normal-font)}
.content h3 {margin-top:10px;line-height:1.2em;font-weight:var(--normal-font)}
.content h4 {margin-top:5px;line-height:1.2em;font-weight:var(--normal-font)}


/*  display */
html {height:100%}
html,body {background:#fff;;overflow-x:hidden;margin:0;padding:0}
body {margin:0;padding:0;text-align:center;min-height:100%;}
#all {position:relative;box-sizing:border-box;overflow:hidden}
.page {max-width:1150px;margin:0 auto;padding:0;position:relative;box-sizing:border-box}

#toppic {background:url(gfx/slide1.jpg) center top no-repeat;height:calc(100vw * 0.60);max-height:100vh;padding-top:0;background-size:cover;position:relative;z-index:2}
#toppic.podstrona {height:calc(100vw * 0.60);max-height:300px}
#topall {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-flow:row wrap;align-items:center;justify-content: center}
#topall h1 {color:#fff;font-weight:var(--bold-font);font-size:34pt;position:relative;z-index:1;;top:0%;}
#toppic.podstrona {height:calc(100vw * 0.60);max-height:300px}
.podstrona #topall h1 {color:#fff;font-weight:var(--bold-font);font-size:30pt;position:relative;z-index:1;;top:50px}
#topall h1 span {;transition:all 0.3s ease-out 0.3s;display:block;;text-shadow:0 1px 5px rgba(0,0,0,1);margin-bottom:20px;line-height:1.2em}
#topall h1 em {;transition:all 0.4s ease-out 0.6s;display:inline-block;margin-top:20px;background:rgba(0,0,0,0.4);padding:16px 20px;font-size:26pt;font-style: normal;letter-spacing:1px;}
.load #topall h1 span {transform:translateY(30px);opacity:0;}
.load #topall h1 em {opacity:0;text-shadow:none}
#znak {background:url(gfx/znak.png) no-repeat center center;width:100%;height:100px;background-size:contain;margin-bottom:40px;transition:all 0.3s ease-out}
.load #znak {transform:scale(1.5);opacity:0}

#header {padding-top:0px;padding-bottom:0px;transition:all 0.3s ease-out}
#header a {}
#header a span {color:#404040;font-size:11pt;padding:0 8px}
#contacts a:nth-of-type(n+2) {border-left:1px solid rgba(0,0,0,0.15);padding-left:10px}
#contacts {display:flex;align-items: center;height:40px}
#langs {display:flex;align-items: center;height:40px}
#langs a {;padding:0 15px;font-weight:var(--bold-font);font-weight: var(--bold-font)}
#langs a.selected {color:#202020}
#langs a:nth-of-type(n+2) {border-left:1px solid rgba(0,0,0,0.15);}

#topbox {position:fixed;top:0;left:0;right:0;padding-top:15px;padding-bottom:15px;;background:#fff;z-index:3;box-shadow:0 2px 10px rgba(0,0,0,.15);transition:all 0.2s ease}
#topbox.scrolled {padding-top:0;padding-bottom:0;}
#home {margin:0 30px;height:70px;display:inline-block}
#home img {display:block;max-height:70px}
#menu {display:flex;flex-flow:row wrap;align-items:center;justify-content:space-around;font-family: 'Oswald', sans-serif;}
#menu li {display:inline-block;height:100%;position:relative;z-index:2}
#menu a {color:var(--dark-text);text-shadow:none;display:block;line-height:60px;padding:0 24px;transition:all 0.3s linear;font-size:18pt;position:relative;font-weight:var(--normal-font);text-transform: uppercase}
#menu a em {left:10px;position:relative;font-size:1rem;line-height:1rem}
#menu a span {position:absolute;bottom:0;left:0;right:0;top:0;transition:all 0.3s ease-out;background:rgba(0,0,0,0.11);opacity:0;transform:scaleY(0) scaleX(0);display:block;z-index:-1}
#menu a.selected {color:var(--marked-text);text-shadow:none/*;opacity:0.3;transform:scaleY(1) scaleX(1)*/}
#menu li a:hover {}
#menu li:hover a span {;opacity:1;transform:scaleX(1) scaleY(1)}
#menu div {opacity:0;overflow:hidden;transition:all 0.3s ease-out;transform:scaleY(0.9) translateY(0px);transform-origin:center top;background:rgba(255,255,255,0.9);border-bottom:3px solid rgba(255,255,255,0.2);position:absolute;top:60px;left:0;min-width:280px;box-shadow:0 6px 10px rgba(0,0,0,0.1)}
#menu ul {height:0;font-family: 'Oswald', sans-serif;}
#menu ul li {display:block;text-align:left}
#menu ul a {line-height:1.4em;font-size:14pt;padding:8px 22px}
#menu ul li a:hover {;background:rgba(0,0,0,0.11)}
#menu li:hover div {opacity:1;transform:scaleY(1) translateY(0px)}
#menu li:hover ul {height:auto}
#flags a {padding:3px;display:inline-block;margin:3px}
#flags a.selected {text-decoration:underline}

/*#topall.glowna #slogan * {text-shadow:0 1px 1px rgba(255,255,255,0.7);font-weight:var(--normal-text)}*/
#screen1 {height:900px;max-height:100vh;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content: space-between;position: relative}
.screen {height:100%;width:100%;background:no-repeat center center;background-size:cover;position:absolute;z-index:0;transition:all 1s ease-out;top:0;left:0;right:0;bottom:0;}
.screen:nth-of-type(n+2) {opacity:0}
#topall.glowna .postep {width:100%;height:1px;background:rgba(255,255,255,0.3);position:absolute;top:120px;right:auto;left:auto;background-blend-mode: screen;transform-origin: center center}

#main {position:relative;padding-top:30px;box-shadow:0px 0px 25px rgba(0,0,0,0.1)}
#startinfo {padding-top:50px;padding-bottom:50px;}
#welcometext {padding:10px 0 40px;font-size:14pt;color:var(--gray-text);  -webkit-columns: 300px 2;  -moz-columns: 300px 2;  columns: 300px 2;  text-align: justify;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid; -webkit-column-gap: 3em; -moz-column-gap: 3em;column-gap:3em;}
#content {padding-top:20px}

#boxescontainer {background:#e0e4e7;padding:30px 0}
#boxes {padding:40px 0 0px}
.startnaglowek {color:var(--dark-text);margin:0 0 40px;font-size:30pt;font-weight:var(--bold-font)}
#boxes>div {padding:40px 0 0}
#boxes>div>div {flex:0 0 auto;width:31%;background:#f5f5f5;margin:0 10px 90px;border-radius:4px;transition:all 0.3s linear;box-shadow:0 1px 5px rgba(0,0,0,0.05);position:relative}
#content #boxes>div>div {box-shadow:none;background:#edf0f1;}
#content #boxes {text-align:center}
#boxes>div>div:hover {background:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.08)}
#content #boxes>div>div:hover {background:#fff;box-shadow:0 4px 25px rgba(0,0,0,0.15)}
#boxes>div>div>span {perspective:1000px;;display:inline-block;color:#fff;border-radius:30px;width:60px;height:60px;background:var(--marked-text);margin-top:-30px;line-height:71px;font-size:10pt;transition:all 0.4s linear}
#boxes>div>div i {transition: all 0.5s ease;transform-style: preserve-3d}
#boxes>div>div:hover i {transform-origin:center center;transform:rotateY(180deg);color:#fff}
#boxes>div>div:hover>span {background:#102030}
#boxes>div h3 {font-size:16pt;margin:0 0 15px;color:var(--dark-text);text-align:left;font-weight:var(--bold-font)}
#boxes>div .content {padding:20px 30px 60px;color:var(--gray-text);text-align:left;font-size:13pt}
#boxes>div .content .acenter {position:absolute;bottom:15px;left:0;right:0}

#accordion {padding:80px 0;max-width:980px;margin:0 auto}
#accordion h2 {color:var(--dark-text);margin:0 0 40px;}
#accordion h3 {line-height:1.3em;font-size:16pt}
.accordion {border:1px solid #e0e0e0;border-bottom:1px solid rgba(240,240,240,0);padding:16px 50px;font-size:14pt;text-align:left;color:var(--gray-text);position:relative;cursor:pointer;transition:0.3s;line-height:1.6em;background:#f6f7f8}
.accordion:nth-last-of-type(2) {border-bottom:1px solid #e0e0e0;}
.accordion:hover {color:var(--marked-text);background:#eef0f2}
.accordion i {color:var(--dark-text);position:absolute;top:50%;margin-top:-9px;left:13px;transition:all 0.3s ease}
.accordion.open {;background:#eef0f2;border-bottom:1px solid #e0e0e0;color:var(--marked-text);}
.accordion.open i {transform:rotate(180deg)}
.accordion-content {border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#f6f7f8;overflow:hidden;display:none/*transition:0.8s;max-height:0*/}
.accordion-content.open {border-bottom:1px solid #e0e0e0;margin-bottom:10px;/*max-height:100vh;overflow-y:auto*/}
.accordion-content div {color:var(--gray-text);text-align:left;padding:20px 20px 20px 50px}
.accordion-content .content {text-align:justify}

#worldwide {padding:80px 0;}
#worldwide>div>div {flex:0 2 auto;padding:0;color:var(--gray-text);font-size:14pt}
#worldwide>div>div.content {width:60%;padding-left:40px;flex:1 1 auto;text-align:justify}
#worldwide>div>div img {width:500px;}

#title {font-size:30pt;margin:0}
h1#title {}
h1.startnaglowek {font-size:36pt}
#content {text-align:left}
#content>.content {padding:0 0px 60px;min-height:200px;text-align:justify}

#mapa {height:502px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
#mapa iframe {height:500px;width:100%}
#footer {;background:#e0e3e6;margin-bottom:0px;padding:20px 0 40px}
#dane {padding:30px 30px;flex:1 1 auto;line-height:1.6em;text-align:left}
#dane>div {padding:0 0 0 30px}
#dane div {color:#404040;font-size:12pt}
#dane>div>span {margin-right:20px;color:#28ABDF}
#home2 {padding:0px;flex:0 1 auto;text-align:left}
#home2 img {max-width:250px;opacity:1}
#footer a {color:#336699;}
#footer a:hover {color:#303030}

.zespollist {display:block;display:flex;flex-flow:row wrap;justify-content: space-around;align-items: flex-start}
.zespol {flex:0 0 auto;width:360px;max-width:100%;text-align:center;margin:0 20px 36px 20px;transition:all 0.2s linear;font-weight:400;font-size:14pt;line-height:1.6em;color:#202020;}
.zespol img {max-width:100%;margin:0 auto 10px;height:300px;transition:all 0.2s linear;}
.zespolheaderpic {max-width:100%;padding-top:75%;height:0;margin:0 auto 10px;background:no-repeat top center;background-size:cover;}
.zespol h4 {margin:0 0 8px;font-size:20pt;text-transform:none;color:#c02020;font-weight:300}
.zespol span {font-size:14pt;display:block;color:#202020}
.zespol div {font-size:12pt;}
.zespol:hover {}
.zespol:hover {color:#d00000}
.zespol:hover img {filter:grayscale(1)}

.zespolitem {display:block;display:flex;flex-flow:row nowrap;justify-content: space-between;align-items: flex-start}
.zespolitem h3 {font-size:16pt}
.zespolpic {width:300px;padding-top:12px;padding-right:5%}
.zespolpic img {max-width:100%;box-sizing:border-box;}
.zespolopis {max-width:67%;flex:1 2 auto}
.specjalizacje {padding:30px 0 0}
.zespolopis .specjalizacje {display:none}


#menu2 {display:none}
#menutoggle {display:none}
#cookieinfo {z-index:1000000;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);padding:5px 10px;border:1px solid #000;background:rgba(0,0,0,0.7);border-radius:8px;text-align:left;line-height:20px;max-width:100vw;width:360px;font-size:9pt;color:#fff}
#cookieinfo a {color:#77aacc}
#cookieinfo a:hover {color:#5599bb}
#zrobcookie {float:right;margin-left:20px;font-size:26px;font-weight:var(--bold-font);color:#eee;text-transform:lowercase;line-height:16px}
#zrobcookie:hover {color:#fff}

.nav a {  display: inline;  font-size: 1.27em;  left: -9000em;  padding: 5px 10px;  position: absolute;  text-align: center;  text-decoration: none;  width: 150px;  z-index: 1;  }
.nav a:hover, .nav a:focus, .nav a:active {  z-index:10000;  background: #4B4B4B;  border: 2px solid #FFFFFF;  color: #FFFFFF;  left: 0;  top: 40px;  position: absolute;  }

/*
div.bar {z-index:1;background:rgba(0,0,0,.05);opacity:0;position:absolute;right:0;left:0;top:0;bottom:0;transition:all 0.3s ease-in-out;transform:scale(0) rotate(30deg);z-index:-1}
a:hover div.bar {opacity:1;transform:scale(1) rotate(0deg);transition:all 0.4s ease-out;}
*/
#dogory {cursor:pointer;transition:all 0.3s linear;position:fixed;bottom:10px;right:10px;border-radius:5px;line-height:40px;display:block;opacity:0;z-index:10000;color:#fff;width:40px;height:40px;background:rgba(0,0,0,.6)}
#dogory.shown {opacity:1}

#menumobile {display:none;position:fixed;right:0px;top:12px;width:270px;z-index:10001}
#menumobilebox {transform:translateX(270px);width:270px;background:#fff;transition:0.4s ease;top:41px;position:absolute;max-height:calc(100vh - 100px);overflow-y:auto;text-align:left;padding:10px 10px 10px;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
#menumobile.show #menumobilebox {transform:translateX(0px)}
#togglemenu {width:44px;height:40px;position:absolute;right:0px;line-height:22px;border-left:1px solid #f0f0f0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:8px;transition:all 0.3s ease;;background:#fff;font-size:10pt;color:var(--marked-text)}
#menumobile.show #togglemenu {background:#2e2e2e;color:#fff;}
#menumobilebox {line-height:20px}
#menumobilebox>li {border-bottom:1px solid #fff;font-size:12pt;padding-bottom:5px}
#menumobilebox>li>a {padding:6px 30px 6px 5px;display:block;position:relative;font-weight:var(--bold-font);color:var(--marked-text)}
#menumobilebox>li a i {position:absolute;right:0;top:4px;color:#808080;display:inline-block;background:#f0f0f0;height:24px;width:24px;line-height:24px;text-align:center;transition:0.3s}
#menumobilebox>li >a>i.rotate {transform:rotate(180deg)}
#menumobilebox li div {overflow:hidden;transition:0.3s ease-out;opacity:0;transform:translateY(0.9);transition-delay:0.2s}
#menumobilebox>li div.show {opacity:1;transform-origin: center top;transform:translateY(1);height:auto}
#menumobilebox>li div>ul {/*margin-top:-100%;*/max-height:0;transition:0.3s ease-out/*;transition:max-height 0.5s cubic-bezier(0, 1.05, 0, 1);*/}
#menumobilebox>li div ul ul {padding-bottom:5px}
#menumobilebox>li div.show>ul {margin-top:0;max-height:2500px}
#menumobilebox ul>li>a {padding:5px 5px 5px 12px;display:block;position:relative;font-weight:var(--bold-font);font-size:11pt;color:#505050;line-height:18px}
#menumobilebox ul ul>li>a {padding:4px 5px 4px 25px;display:block;position:relative;font-weight:var(--normal-font);font-size:10pt;color:#505050;line-height:16px}



/*  other  */

.infobox {max-width:402px;display:inline-block;vertical-align: top;margin:0 15px 20px;background:#499279;color:#fff !important;text-align:center;padding:10px 15px;border-radius:5px}

.content {line-height:1.6em;}

.pager {margin:0px 0 10px;display:inline;float:right;padding:0px 10px 0 10px;text-align:right;clear:both;font-weight:var(--bold-font)}
.pager a {padding:2px 7px;border-radius:3px;margin:0 0 0 6px;background:#e0e0e0;color:#d70127}
.pager a:hover {background:#202020;text-decoration:none;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.3)}
.pager a.selected {background:#d70127;color:#ffffff;text-shadow:0 1px 1px rgba(0,0,0,0.3)}

.halfcontent {width:450px}
.inlinebox {display:inline-block;margin:0 auto 20px;padding:0 20px;vertical-align:top}

.imgl {display:block;margin:0;border:0}
img.md {width:502px}
img.lg {width:702px}
img.sm {width:302px}
.imgb {border:1px solid #a0a0a0}


.galeria {display:inline-block;vertical-align:middle;overflow:hidden;}
.galeria:hover {}
.galeria img {max-width:100%;display:block;box-sizing:border-box;max-height:100%;margin:auto auto}
.galeria div {display:flex;align-items: center;justify-content: center;min-height:50px}

.galeria {width:220px;overflow:hidden;margin:0 20px 40px;text-align:center;border:1px solid #e0e0e0;background:#fff;padding:4px;transition:all 0.2s linear;border-radius:3px}
.galeria:hover {border:1px solid #fff;box-shadow:0 1px 7px rgba(0,0,0,0.5);}
.galeria img {}

.galerialista {vertical-align: top;}
.galerialista .galeriapic {height:166px;overflow:hidden;width:220px}
.galerialista img {vertical-align: top;background:none;box-shadow:none;max-height: none}
.galeriainfo {font-size:14pt;padding:5px;background:#fff;height:auto}

.imgzoom {;display:inline-block;vertical-align:middle;overflow:hidden;text-align:center;border:1px solid #e0e0e0;background:#fff;padding:4px;transition:all 0.2s linear;border-radius:3px}
.imgzoom:hover {border:1px solid #fff;box-shadow:0 1px 7px rgba(0,0,0,0.5);}
.imgzoom img {display:block}

.podpis {clear:both;display:block;color:#404040;font-size:10pt;text-align:center;line-height:1.2em;padding:3px 0;margin:0 auto}

.more {display:inline-block;background:#f8f8f8;border:2px solid var(--dark-bg);padding:6px 14px;border-radius:0px;cursor:pointer;font-size:11pt;letter-spacing:0px;font-weight:var(--bold-font);color:var(--dark-text);line-height:1.6em;clear:both;transition:all 0.3s ease-out}
.more:hover {background:#3f3f3c !important;color:#fff;transition:all 0.3s ease-out;padding:6px 25px}

.more2 {position:relative;display:inline-block;padding:5px;font-size:12pt;font-weight:var(--bold-font);color:#7dbe2c;transition:all 0.3s ease-out;border-radius:5px;line-height:1.2em}
.more2:hover {;color:#000;background:#7dbe2c;padding:5px 10px}

.hr {border-bottom:1px solid #f0f0f0;font-size:1px;line-height:1px;height:1px;clear:both}
#content .hr {margin-bottom:30px;padding-top:24px;}
.hr2 {font-size:1px;line-height:1px;height:1px;margin:0 0 4px;padding:4px 0 0 0;clear:both}
.hr3 {border-bottom:1px solid #c0c0c0;font-size:1px;line-height:1px;height:1px;margin:0 0 8px;padding:8px 0 0 0;clear:both}
d.hr4 {border-bottom:1px solid #e0e0e0;font-size:1px;line-height:1px;height:1px;margin:0;padding:0;clear:both}
.sep {font-size:1px;line-height:1px;height:1px;margin:0;padding:0;clear:both}
.galsep {font-size:1px;line-height:1px;height:1px;margin:0;padding:0;clear:both}
hr {height:1px;background:#a0a0a0;color:#a0a0a0;border:0}

small {font-size:9pt}
.smalltext {font-size:10pt}
.bigtext {font-size:16pt}

.important {color:#d00000}
.ok {color:#409020}
.wazne {color:#d01010}
.green {color:#7dbe2c}
.red {color:#ef5b55}
.orange {color:#e8aa32}
.blue {color:#3e98a8}
.stare {color:#909090}
.info {color:#079377}
.label {text-transform:uppercase;color:#505050;font-weight:var(--bold-font);}
a.noborder,img.noborder {border:0}
.span100 {min-width:90px;padding-right:10px;display:inline-block;vertical-align:top}
.span60 {min-width:50px;padding-right:10px;display:inline-block;vertical-align:top}

input,textarea,select {border:1px solid #d8d8d8;background:#fff;padding:5px 10px;color:#202020;font-size:11pt;max-width:100%;font-weight:var(--bold-font);}
optgroup {font-style:normal;font-weight:var(--bold-font)}
input:focus,textarea:focus {;border:1px solid #999693;background:#f8f8f8}
.button {background:#f8f8f8;border:2px solid var(--dark-bg);padding:10px 14px;border-radius:0px;cursor:pointer;font-size:10pt;letter-spacing:0px;font-weight:var(--bold-font);color:var(--dark-text);line-height:1.6em;transition:all 0.3s ease-out}
.button:hover {background:var(--dark-bg);color:#fff}
input.button:focus {border:0;color:#fff;background:#0081b4;}
input.button {}

.contactform {max-width:100%;width:100%;;margin:0 auto;display:flex;flex-flow:row nowrap;justify-content: center;align-items:flex-start}
.forminline {display:inline-block;text-align:left;flex:0 0 auto;padding:0 15px}
.input_form {width:320px;max-width:100%;box-sizing: border-box}
.input_textarea {width:380px;max-width:100%;box-sizing: border-box}

.content table {  margin:10px auto;}
#content .content table {margin:10px auto;border:1px solid #fff;padding:2px 5px;background:#fff;}
#content .content table th {border:1px solid #a0a0a0;background:#d7d6d5;padding:6px 8px;font-weight:var(--normal-font);color:#202020;font-size:14pt}
#content .content table tr td {border:1px solid #a0a0a0;padding:2px 5px;background:#E7E6E6;}
#content .content table tr:nth-of-type(2n) td {border:1px solid #a0a0a0;padding:2px 5px;background:#fff;}

#content iframe {max-width:100%;margin:0 auto;width:100%}
#content img {max-width:100%;object-fit: contain;object-position: top center;}
#content input,#content textarea {max-width:100vw}

.container {width:100%;padding:250px 0 0 0;position:relative;height:0}
.container21 {width:100%;padding:50% 0 0 0;position:relative;height:0}
.container1610 {width:100%;padding:60% 0 0 0;position:relative;height:0}
.container43 {width:100%;padding:75% 0 0 0;position:relative;height:0}
.container iframe {position:absolute;top:0;left:0;width:100%;height:100%}
.max720 {max-width:720px;margin:0 auto}
.fancybox {padding:3px;border:1px solid #505050;}

.multimedialink {display:inline-block;vertical-align:top;margin:0 20px 20px;padding-bottom:8px;font-weight:var(--bold-font);text-align:center;border:5px solid #cccccc;transition:all 0.3s linear}
.multimedialink:hover {;border:5px solid #e11c26;color:#000}
.multimedialink img {display:inline-block;margin:0 0 5px 0;padding:0}

.tablewrapper {overflow:auto}
.tablewrapper .tablewrapper {overflow:none}

a#dogory {position:fixed;bottom:0px;right:0;border-radius:0px 0 0 0;line-height:1.3em;display:block;z-index:10000;background:#CC000A;color:#fff;padding:5px;width:60px;height:50px;text-align:center;text-decoration:none;display:none}
a#dogory span {display:block;font-size:40pt;text-decoration:none}


@media
only screen  and (max-width:1240px) {
	.page {padding-left:20px;padding-right:20px}
	#header .page {padding:0}

}
@media
only screen  and (max-width:1120px) {
	#topbox {padding-top:0px;padding-bottom:0px;}
	#topbox {justify-content: space-around}
	#menu {display:none}
	#header {position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;padding:0px 0px 0px 45px;height:41px}
	body {padding-top:42px}
	#header a:nth-of-type(n+2) {border-left:1px solid #f0f0f0;padding:0 15px}
	#contacts {display:flex;align-items: center;height:40px;line-height:40px}
	#contacts a {padding:0 15px}
	#menumobile {display:block}
  #flags {margin-right:45px}

	#toppic {max-height:calc(100vh - 42px);height:602px}
	#slogan {padding:20px 30px 20px;background:rgba(255,255,255,0.5);text-align:center;display:inline-block;position:absolute;bottom:20px;margin:0 auto;left:0;right:0;}
	#slogan * {color:#000;font-weight:var(--normal-font)}
	#worldwide .content {font-size:11pt;}
	.contactform {margin:0 auto;justify-content: center;}
	.forminline {display:inline-block;text-align:left;flex:0 0 auto;padding:0 15px}
	#footer .page>div {justify-content:center}
	#home2 {padding:20px 30px;flex:0 1 auto;text-align:center}
	#dane>div {padding:0 10px 20px 10px}
	.zespollist {justify-content: center}
	.zespol {margin:0 18px 36px}
	.zespol:nth-of-type(2n) {margin-right:18px}
}

.load * {
	transition:none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}

@media
only screen  and (max-width:990px) {
	#worldwide .content {width:65%}
  #worldwide>div>div>img {width:400px}
	.contactform {flex-flow:row wrap}
	#dane>div {flex:0 0 auto;width:50%;justify-content:center}
	#dane>div>span {flex:0 0 auto;width:30%;text-align:right}
	#dane>div>div {flex:0 0 auto;width:70%;}
	#zespol {justify-content: space-between}
	.zespol {margin:0 auto 24px}
	.zespol:nth-of-type(2n) {margin-right:auto}
}

@media
only screen  and (max-width:880px) {
	.flex-jb {justify-content: center}
	.flex-row-col {display:flex;flex-flow:column nowrap;;align-items:center}
	.flex-row-col .flex-between {flex:0 0 auto;padding-left:0;border-right:0;margin-right:0;padding-top:20px;border-bottom:10px solid #f4f4f4;margin-bottom:20px;align-self:stretch}
  .flex-row-col .ileft,.flex-row-col .iright {margin:0px 0 30px 0px}

	#header .flex-jb {justify-content: space-between}
	h1 {font-size:24pt}
	h2 {font-size:22pt}
	h3 {font-size:20pt}
	h1#title {font-size:22pt}
	#slogan h2 {font-size:22pt}
  #flags {position:absolute;left:5px}
	#accordion h2 {font-size:22pt;margin-bottom:20px}
	#accordion h3 {font-size:15pt}
	#worldwide {padding:40px 0;}
	#worldwide>div {flex-flow:column nowrap}
	#worldwide>div>div {width:90%;padding:10px 0;}
	#worldwide>div>div.content {width:100%;padding:0}
	#worldwide>div>div img {width:500px;max-width:90%}
  	#boxes>div {justify-content:space-around}
	#boxes>div>div {flex:0 0 auto;width:46%;margin:0 0 70px}
	.zespolitem {display:flex;flex-flow:row wrap;justify-content: space-between;align-items: flex-start}
	.zespolpic {margin:0 auto 15px;padding-top:0;padding-right:0;text-align:center}
	.zespolpic img {max-width:100%;box-sizing:border-box;margin:0 auto}
	.zespolopis {max-width:100%;flex:0 1 auto}
	.zespoldane {text-align:center}
	.specjalizacje {padding:30px 0 0}
	.zespolpic .specjalizacje {display:none}
	.zespolopis .specjalizacje {display:block}
	.zespol {width:320px;margin:0 auto 24px}
  #znak {margin-bottom:25px;}
  #topall h1 {font-size:28pt}
  #topall h1 span {margin-bottom:10px;}
  #topall h1 em {margin-top:10px;font-size:22pt}
  .podstrona #topall h1 {font-size:26pt;padding:0 10px}
}

@media
only screen  and (max-width:640px) {
	.zespol {width:100%}
	.zespol div {display:none}
	.zespol span {display:none;}
	.zespol h4 {background:#f0f0f0;color:#000;padding:10px 10px;font-size:16pt;font-weight:400}
  #home {display:flex;align-items:center}
  #home img {display:block;max-width:50vw}
  body, table, div, input, textarea, select, button {font-size:13pt}
  #welcometext {font-size:13pt}
  #worldwide>div>div {font-size:13pt}

}

@media
only screen  and (max-width:560px) {
	#boxes>div>div {width:100%;}
	#header #contacts span {display:none}
	h1 {font-size:20pt}
	h2 {font-size:18pt}
	h3 {font-size:16pt}
	h1#title {font-size:20pt}
	#slogan h2 {font-size:18pt}
	#accordion h2 {font-size:20pt;margin-bottom:15px}
	#accordion h3 {font-size:14pt}
	.input_form,.input_textarea {width:100%}
	#dane>div {flex:0 1 auto;width:100%;justify-content:center}
	#dane>div>span {flex:0 0 auto;width:20%;text-align:right}
	#dane>div>div {flex:0 0 auto;width:80%;}
}