/* module WORK */

@font-face {
	font-family: 'work';
	src:url('/img/work/webfonts/work.eot');
	src:url('/img/work/webfonts/work.eot?#iefix') format('embedded-opentype'),
		url('/img/work/webfonts/work.woff2') format('woff2'),
		url('/img/work/webfonts/work.woff') format('woff'),
		url('/img/work/webfonts/work.ttf') format('truetype'),
		url('/img/work/webfonts/work.svg?#auction') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
 --font-work-icon: "work";
 
 --color-data: #ca4b72;
 --color-hours: #4bb4ca; 
 --color-location: #28914f;
 --color-type: #2945d4;
 --color-status: #d42929;
 
}

.work { position:relative; }
.work .box-opis { position:relative; overflow:hidden; border:0; padding:0; margin-bottom:var(--gap); text-align:left; }
.work .box-opis > h3 { position:relative; width:100%; border-bottom:1px solid var(--color-light-grey); font-weight:normal; color:var(--color-text); font-size:1.6em; line-height:1.2em; padding:0 0 0.6em 0; margin:0 0 1em }
.work .box-opis article { margin-bottom:2em}

/* offer */
.work article #mapIn { width:100%; height:270px; }
.work .lead { position:relative; display:flex; justify-content:space-between; align-items:center; background:var(--color-light-grey); padding:1.5em; margin-bottom:var(--gap); text-align:left;}
.work .lead .opcje { display:block }
.work .name {  padding:0; text-align:left;}
.work .name h2 { font-size:2em; margin:0; text-align:left;}
.work .name h2 span { display:inline-block; }
.work .type { float:left; display:block; margin-top:0.2em; overflow:hidden; font-size:1.2em; line-height:1.1em; padding:0; text-align:center;}
/* list */
.work .dane { position:relative; vertical-align:top; width:auto; float:none; text-align:left; margin:0 0 3em; padding:0; }
.work .dane ul { position:relative; display:block; vertical-align:top; float:none; text-align:left; padding:0; margin:1em 0 0 0; list-style-type:none;list-style-image:none; }
.work .dane ul li { position:relative; display:flex; align-items:center; box-sizing:border-box; margin:0; padding:1em; border-bottom:1px solid var(--color-light-grey); background:transparent; outline:0; text-align:left; font-weight:normal; color:var(--color-text); font-size:1em; line-height:1em; box-shadow:none;}
.work .dane ul li.important { background-color:var(--color-green); color:var(--color-white); }
.work .dane ul li.important * { color:var(--color-white); }
.work .dane ul li.error { background-color:var(--color-red); color:var(--color-white); }
.work .dane ul li.error * { color:var(--color-white); }
.work .dane ul li.full { padding:1em 0; }
.work .dane ul li.alignLeft { text-align:left; }
.work .dane ul li strong { display:block; width:35%; padding:0 1em 0 0; font-weight:bold; text-decoration:none; text-transform:none; }
.work .dane ul li div { display:block;  width:65%; font-weight:normal; text-transform:none; line-height:1em; }
.work .dane ul li .opcje { display:block; }
.work .dane.lista ul { position:relative; display:block; vertical-align:top; float:none; text-align:left; padding:0; margin:1em 0 0 0; list-style-type:none;list-style-image:none; }
.work .dane.lista ul li { position:relative; display:block; margin:0; padding:0.4em 1em 1em 30px; box-sizing:border-box; border:0; background:transparent; outline:0; text-align:left; font-size:1.1em; line-height:1em; box-shadow:none;}
.work .dane.lista ul li strong { display:block; width:auto; text-decoration:none; text-transform:none; }
.work .dane.lista ul li strong:before { position:absolute; top:5px; left:0; display:block; font-size:1.3em; line-height:1em; font-family:var(--font-work-icon); font-weight:normal; content:"\e108";  }

/* advertiser */
.work .department { font-size:1em; line-height:1.25em; margin:0; padding:0; }
.work .department h4 { display:block; margin:0; font-weight:normal; color:var(--color-text); font-size:1.2em; line-height:1.2em; }
.work .department strong { display:block; font-weight:normal; color:var(--color-text); font-size:1.1em; line-height:1.2em;}
.work .department .imgwraper { position:relative; margin-bottom:1em; text-align:center;}
.work .department .imgwraper img { border:0; width:30%; }
.work .department .ico { position:relative; padding:1em 0 1em 15%; margin:0 0 1em 0; overflow:hidden; border-bottom:1px solid var(--color-light-grey);}
.work .department .ico:last-child { border-bottom:0; margin:0;}
.work .department span { position:absolute; top:10px; left:5%; font-size:2em; color:var(--color-grey);}
.work .department p { margin:0.2em 0 0.2em 0;}

/* listing  */
.work .listing { position:relative; display:table; width:100%; overflow:visible; border:0; margin:0 0 2em 0; padding:0; box-sizing:border-box;}
.work .listing br { clear:both; }
.work .listing img { border:0; vertical-align:middle; }
.work .listing .imgwraper img { border:0; width:100%; height:auto; }
.work .listing a:link,.work .listing a:visited { font-size:1em; text-decoration:none; padding:0; }
.work .listing a:hover,.work .listing a:focus { text-decoration:none; }
.work .listing.line { border-top:2px var(--color-light-grey) solid; padding:1em 0; margin:1em 0 0 0;}
.work .listing.border { border:1px var(--color-light-grey) solid; padding:2em; margin:1em 0 0 0;}
.work .listing.locked { padding:5em 0.5em 0.5em; margin:30px 0 0 0; box-sizing:border-box; border:2px solid var(--color-red); }
.work .listing.locked:before { font-family:auction; font-size:1rem; line-height:1em; position:absolute; top:-25px; left:50%; transform:var(--vcenter); display:block; margin:0; padding:0.5em; color:var(--color-white); background:var(--color-red); font-size:2.5em; content:"\e10a"; border-radius:55px; vertical-align:middle; }

/* list */
.work .listing ul { padding:0; margin:0; text-align:left; display:block; list-style-type:none; list-style-image:none; width:100%; }
.work .listing ul li { position:relative; display:block; padding:1em 0; margin:0; overflow:hidden; overflow:visible; list-style:none; box-sizing:border-box; }
.work .listing h3,.work .listing li h3 { font-size:1.5em; line-height:1.1em; font-weight:bold; text-decoration:none; text-align:left; padding:0; margin:0; border:0; overflow:hidden; display:block; }
.work .listing li h3 { font-size:1.1em; line-height:1.1em; font-weight:normal;  }
.work .listing li h3 span { position:relative; display:block; padding:0; margin:1em 0 0; overflow:hidden; font-size:0.8em; line-height:1em; font-weight:normal; }
.work .listing .items { display:table; vertical-align:middle; margin:0; padding:0; width:100%; box-sizing:border-box; }
.work .listing .items ul { position:relative; display:table-row; margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:center; }
.work .listing .items ul.error:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid var(--color-red); background-color:rgba(255,0,0,0.1) }
.work .listing .items ul.header:after { height:2px; }
.work .listing .items ul.header li { font-weight:bold; }
.work .listing .items ul:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:var(--color-light-grey); }
.work .listing .items li ul:after { content:""; height:0; }
.work .listing .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; }
.work .listing .items ul li.alignRight { text-align:right;}
.work .listing .items ul li.line div { border-bottom:1px solid var(--color-status); padding:0.5em 0; }
.work .listing .items strong { display:block; font-size:1em; font-weight:normal; }
.work .listing .items .name { text-align:left;} 
.work .listing .items .desc { width:30%; text-align:left;} 
.work .listing .items .agree { width:100px; text-align:center;}
.work .listing .items .files { width:150px; text-align:right;} 
.work .listing .items .important { background-color:var(--color-green); color:var(--color-white); }
.work .listing .items .error { outline:2px solid var(--color-red); outline-offset:-4px; }
.work .listing .items .uploaded { display:grid; width:100%; padding:1em; margin:0; text-align:left;}
.work .listing .items .data strong { border-bottom:2px solid var(--color-data); padding:0.5em 0.6em;} 
.work .listing .items .hours strong { border-bottom:2px solid var(--color-hours); padding:0.5em 0.6em;} 
.work .listing .items .location strong { border-bottom:2px solid var(--color-location); padding:0.5em 0.6em; margin-bottom:5px;} 
.work .listing .items .type strong { border-bottom:2px solid var(--color-type); padding:0.5em 0.6em;} 
.work .listing .items .status strong { border:1px solid var(--color-status); padding:0.5em 0.6em;} 

.work .listing .items a:link,.work .listing .items a:visited { text-decoration:none; }
.work .listing a.download:after { position:relative; display:inline-block; margin-left:3px; font-size:0.9em; line-height:1em; font-family:var(--font-work-icon); content:"\e124"; color:var(--color-red); }
.work .listing a.download { margin:5px 0 }

/* button switch */
.work .switch { position:relative; display:inline-block; width:60px; height:34px; }
.work .switch label { position:relative; display:inline-block; width:60px !important; height:34px; }
.work .switch label input { opacity:0; width:0; height:0;}
.work .switch .slide { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:var(--color-grey); -webkit-transition:.4s; transition:.4s;}
.work .switch .slide:before { position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:var(--color-white); -webkit-transition:.4s; transition:.4s; }
.work .switch.required .slide:before { content:"\e111"; font-family:var(--font-work-icon); font-size:0.8em; line-height:26px; text-align:center; }
.work .switch input:checked + .slide { background-color:var(--color-green); }
.work .switch input:focus + .slide { box-shadow:0 0 1px var(--color-green); }
.work .switch input:checked + .slide:before { -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); }
.work .switch.round .slide { border-radius:34px;}
.work .switch.round .slide:before { border-radius:50%; }

/* file upload apply */
.work .listing ul[id^="upload_list_"] { display:none; }
.work .listing ul[id^="upload_list_"].show { display:block;}
.work .listing input[type=file] { display:none; }
.file { position:relative; display:block; border:1px solid var(--color-light-grey); padding:1.5em 0.5em; box-sizing:border-box; margin:0 0 1em 0;}
.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; }
.file .progress { display:inline-block; padding:0; margin:5px 0; border:1px solid var(--color-light-grey); overflow:hidden; width:80%; height:20px;}
.file .progress span { display:block; background-color:var(--color-black); padding:0; margin:0; border:0; overflow:hidden; width:0px; height:30px;}
.file .usun { float:right; z-index:2; }

/* buttons */
.work .menu { position:relative; margin:0; padding:0; }
.work .menu div { position:relative; height:auto; width:auto; display:inline-block; float:none; overflow:visible; margin:0.2em; padding:0; border:0;text-align:left;}
.work .menu a:link,.work .menu a:visited { position:relative; display:block; font-size:1em; line-height:1em; color:var(--color-white); background-color:var(--color-main); border:1px solid var(--color-light-grey); border-radius:var(--border-radius-button); text-decoration:none; white-space:nowrap; padding:0.5em !important; margin:0; transition-duration:0.5s; }
.work .menu a:hover,.work .menu a:active,.work .menu a:focus { color:var(--color-black); background-color:var(--color-white); }
.work .menu a:before { margin-right:0.3em; font-family:var(--font-work-icon);}
.work .menu a.border:link,.work .menu a.border:visited { border-color:var(--color-red);}

/* buttons big */
.work a.button:link,.work a.button:visited { display:inline-block; position:relative; padding:0.7em 1em; margin:0.1em; font-size:1em; line-height:1em; color:var(--color-white); text-shadow:none; font-weight:normal; text-align:center; text-decoration:none; white-space:nowrap; background:var(--color-green); border:0; cursor:pointer; }
.work a.button:after,.work a.button:before { font-family:var(--font-work-icon); color:var(--color-white); font-size:0.8em; line-height:0.5em; display:inline-block; padding:0 0 0 0.5em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; }
.work a.button:after { content:"\e101";}
.work a.button:before { content:"";}
.work a.button.invert:before { content:"\e100"; padding:0 0.5em 0 0;}
.work a.button.invert:after { content:""; padding:0;}
.work a.button:active,.work a.button:hover,.work a.button:focus { background:var(--color-light-grey); color:var(--color-black) !important; text-decoration:underline; transition-duration:0.7s; }

/* options */
.work #drukuj { position:relative; top:0; right:0; float:none;} 
.work .opcje { margin:0; padding:0; display:inline-block; vertical-align:middle; float:none; position:relative; background:transparent;}
.work .opcje ul { position:relative; display:block; padding:0; margin:0; vertical-align:top; text-align:left; list-style-type:none; list-style-image:none; }
.work .opcje ul li { position:relative; display:inline-block; box-sizing:border-box; margin:0; padding:0; outline:0; }
.work .opcje a:link,.work .opcje a:visited { position:relative; display:inline-block; overflow:hidden; cursor:pointer; margin:0; box-sizing:border-box; padding:0; font-family:tahoma; text-decoration:none; text-transform:uppercase; font-weight:normal; font-size:1rem; text-align:left; }
.work .opcje a:hover,.work .opcje a:active,.work .opcje a:focus,.work .opcje a.active { text-decoration:none; }
.work .opcje a[class^="work-icon-"], .work .opcje a[class*=" work-icon-"] { display:table-row; }
.work .opcje a[class^="work-icon-"]:before, .work .opcje a[class*=" work-icon-"]:before { position:relative; float:left; margin:0 .25em 0 0; width:30px; height:30px; display:block; font-family:var(--font-work-icon); font-size:1.4em; line-height:30px; vertical-align:middle; border-radius:100%; background-color:var(--color-green); color:var(--color-white); text-align:center; }
.work .opcje a:hover[class^="work-icon-"]:before,.work .opcje a:active[class^="work-icon-"]:before,.work .opcje a:focus[class^="icon-"]:before,.work .opcje a.active[class^="icon-"]:before,
.work .opcje a:hover[class^=" work-icon-"]:before,.work .opcje a:active[class^=" work-icon-"]:before,.work .opcje a:focus[class^=" icon-"]:before,.work .opcje a.active[class^="icon-"]:before { background-color:var(--color-white); color:var(--color-black);}
.work .opcje a span { display:table-cell; vertical-align:middle;}
.work .opcje a.qr { background:transparent;}
.work .opcje a.qr img { vertical-align:middle; margin-right:0.6em; }

/* menu - float */
.menu-float { position:relative; display:inline-block; padding:0; margin:0; z-index:5; }
.menu-float ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:100%; }
.menu-float ul li { z-index:100; margin:0 !important; border:0 !important; padding:0 !important; float:none; display:inline-block !important; list-style:none; overflow:visible !important;}
.menu-float ul li:hover { text-align:left; cursor:pointer; position:relative; }
.menu-float ul ul { margin:0; border:0 none; padding:0; width:170px !important; list-style:none; display:none !important; position:absolute; top:0; right:60px; z-index:2;}
.menu-float ul ul:after /* IE 7 */{ clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden; }
.menu-float ul ul li { width:100%; display:block !important; float:none !important; margin:0 0 0.5em 0 !important; z-index:3; }
.menu-float ul li:hover ul { display:block !important; background:var(--color-light-grey); padding:2em !important; margin:0 !important; box-shadow:1px 1px 1px var(--box-shadow); }
.menu-float ul ul li a {display:block; border:0 !important; padding:1em 0; font-size:1em !important; }
.menu-float ul li.line { border-bottom:1px solid var(--color-white) !important; padding-bottom:1.5em !important; margin-bottom:1.5em !important; }

/*-------- stages - ---------*/
.work .stages { position:relative; padding:2em 0; margin:0 0 2em 0; width:auto; border-top:1px solid var(--color-light-grey); border-bottom:1px solid var(--color-light-grey); z-index:1; }
.work .stages ul { display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; padding:0; margin:0; list-style-type:none; list-style-image:none; width:auto; overflow:hidden; text-align:left; }
.work .stages ul li { position:relative; flex-shrink:0; margin:5px 10px; border:0; padding:0; display:inline-block; list-style:none; }
.work .stages ul li:before { content:""; display:block; position:absolute; top:50%; right:-25px; transform:var(--hcenter); width:30px; height:30px; font-size:15px; line-height:30px; background-color:var(--color-red); color:var(--color-white); border-radius:100%; font-family:var(--font-work-icon); content:"\e101"; text-align:center; z-index:2; }
.work .stages ul li:last-child:before{ display:none}
.work .stages ul li a,.stages ul li a:visited { font-size:1em; line-height:1em; color:var(--color-black); text-decoration:none; font-weight:normal; padding:2em; width:90px; height:90px; background:var(--color-white); border-width:1px; border-style:solid; border-color:var(--color-red); border-radius:100%; display:block; transition-duration:1s; }
.work .stages ul li a:hover,.work .stages ul li a:active,.work .stages ul li a:focus { color:var(--color-black); border-color:var(--color-black); transition-duration:0.6s; }
.work .stages ul li.current a { border-width:3px; border-style:dotted; transition-duration:0.6s; }
.work .stages ul li.deactive a { color:var(--color-dark-grey); border-color:var(--color-dark-grey); transition-duration:0.6s; }
.work .stages ul li.deactive a h3 { color:var(--color-dark-grey); }
.work .stages ul li.deactive:before,.work .stages ul li.current:before { background:var(--color-dark-grey); }
.work .stages ul li a .start,.work .stages ul li a .end { display:block; position:absolute; top:0; left:-10px; padding:5px 10px; width:70px; font-size:9px; line-height:9px; background-color:var(--color-white); text-align:center; z-index:0; }
.work .stages ul li a .end { top:auto; bottom:0; left:auto; right:-10px; }
.work .stages ul li a h3 { content:""; display:block; position:absolute; top:50%; left:0; transform:var(--hcenter); width:100%; padding:0 1em; box-sizing:border-box; text-align:center; font-size:0.9rem; }

/* work-accordion */
ul.work-accordion { position:relative; padding:0; margin:1em 0; list-style-type:none; list-style-image:none; width:auto;}
ul.work-accordion li { margin:0; padding:0 0 1em; position:relative; display:block; text-align:left; list-style:none; box-sizing:border-box; }
ul.work-accordion li a:link,ul.work-accordion li a:visited { position:relative; padding:0; margin:0; display:inline-block; font-size:1.1em; line-height:1em; text-decoration:none; font-weight:700; text-align:left; }
ul.work-accordion li a:hover,ul.work-accordion li a:active,ul.work-accordion li a:focus,ul.work-accordion li a.active,ul.work-accordion li.active a { color:var(--color-dark-grey); text-decoration:none; transition-duration:0.6s;}
ul.work-accordion li > a:before { position:relative; display:inline-block; vertical-align:middle; margin:0 10px 0 0; font-family:var(--font-work-icon); content:"\e101"; font-size:1em; line-height:1.1em; font-weight:normal; }
ul.work-accordion li > a.active:before { content:"\e103";}
ul.work-accordion li ul { margin:1em 1em 0; padding:0;}
ul.work-accordion li ul li { margin:0; padding:0 0 0.5em 0; }
ul.work-accordion li li a:link,ul.work-accordion li li a:visited { font-size:1em; z-index:3;}
ul.work-accordion ul.noActive { display:none;}

/*QR Code */
.work div.qr { margin:0 auto; width:212px; display:none; }
.work div.qr img { margin:0 auto; }
.work div.qr span { font-size:1.2em; color:var(--color-dark-grey); display:block;text-align:center; }

/*forms*/
.work .forms input[readonly="readonly"] { color:var(--color-grey); }
.work .forms input.active { border-color:var(--color-green); }

/* oznaczenia */
[class^="promo-"], [class*=" promo"] { font-size:1em; line-height:1em; font-weight:normal; color:var(--color-text); display:inline-block; padding:0.20em 0.8em; margin:0.3em 0.1em 0.3em; background:var(--color-light-grey); }
[class^="promo-"] a, [class*=" promo"] a { font-size:1em !important; line-height:1em !important; text-decoration:none !important; color:var(--color-black) !important; font-weight:300; }
.promo-important {background-color:var(--color-red) !important; color:var(--color-white) !important; }

/* icons listing i form */
.work .listing div[class^="work-icon-"],.work .listing div[class*=" work-icon-"]{ position:relative; display:flex; align-items:center; margin:0; padding:5px 0 0 0; }
.work .listing div[class^="work-icon-"]:before ,.work .listing div[class*=" work-icon-"]:before { font-family:auction; font-size:18px; line-height:1em; text-align:center; position:relative; display:inline-block; margin:0 5px 0 0; padding:5px; color:var(--color-white); background:var(--color-green); width:22px; height:22px; border-radius:100%; vertical-align:middle; }
.work .listing div[class^="work-icon-"] span,.work .listing div[class*="work-icon-"] span { position:absolute; top:-100em !important; left:-100em !important; width:1px; height:1px; text-indent:-1000em; }

/* iicons h3 */
.work h3[class^="work-icon-"],.work h3[class*=" work-icon-"]{ position:relative; display:inline-block; margin:0; padding:0.3em 0 0.3em 2.5em; }
.work h3[class^="work-icon-"]:before ,.work h3[class*=" work-icon-"]:before { font-family:auction; font-size:1rem; line-height:1em; position:absolute; top:0; left:0; display:block; margin:0; padding:0.5em; color:var(--color-white); background:var(--color-green); border-radius:25px; vertical-align:middle; }

.work sup { height:0; line-height:1; vertical-align:baseline; position:relative; bottom:1ex; }
.work img {border:0;}

/* warn */
.work-warn { position:relative; background:var(--color-yellow); border-radius:var(--border-radius); padding:2em 3em 2em 90px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-black); }
.work-warn *,.work-warn a:link,.work-warn a:visited { color:var(--color-black); }
.work-warn:before{ font-family:var(--font-work-icon); content:"\e146"; font-size:2em; line-height:1em; color:var(--color-black); position:absolute; top:50%; left:15px; transform:var(--hcenter); text-align:left;}
.work-warn:after { content:""; position:absolute; top:50%; transform:var(--center); left:75px; width:1px; height:90%; margin:0; background:var(--color-black); text-align:center; z-index:2; }

/* info */
.work-info { position:relative; background:var(--color-light-grey); border-radius:var(--border-radius); padding:2em 3em 2em 90px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-black); }
.work-info *,.work-info a:link,.work-info a:visited { color:var(--color-black); }
.work-info:before{ font-family:var(--font-work-icon); content:"\e147"; font-size:2em; line-height:1em; color:var(--color-black); position:absolute; top:50%; left:15px; transform:var(--hcenter); text-align:left;}
.work-info:after { content:""; position:absolute; top:50%; transform:var(--center); left:75px; width:1px; height:90%; margin:0; background:var(--color-black); text-align:center; z-index:2; }

/* agree */
.work-agree { position:relative; background:var(--color-green); border-radius:var(--border-radius); padding:2em 3em 2em 90px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-white); }
.work-agree *,.work-agree a:link,.work-agree a:visited,.work-agree .forms legend { color:var(--color-white); }
.work-agree:before{ font-family:var(--font-work-icon); content:"\e11d"; font-size:2em; line-height:1em; color:var(--color-white); position:absolute; top:50%; left:15px; transform:var(--hcenter); text-align:left;}
.work-agree:after { content:""; position:absolute; top:50%; transform:var(--center); left:75px; width:1px; height:90%; margin:0; background:var(--color-white); text-align:center; z-index:2; }

/* ok */
.work-ok { position:relative; background:var(--color-white); border:2px solid var(--color-green); border-radius:var(--border-radius); padding:1em 2em 1em 90px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-black); }
.work-ok *,.work-ok a:link,.work-ok a:visited { color:var(--color-black); }
.work-ok:before{ font-family:var(--font-work-icon); content:"\e11a"; font-size:2em; line-height:1em; color:var(--color-green); position:absolute; top:50%; left:15px; transform:var(--hcenter); text-align:left;}
.work-ok:after { content:""; position:absolute; top:50%; transform:var(--center); left:75px; width:1px; height:90%; margin:0; background:var(--color-green); text-align:center; z-index:2; }

[class^="work-icon-"]:before, [class*=" work-icon-"]:before {
 font-family: var(--font-work-icon) !important;
 speak: never;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;

 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.work-icon-arrowLeft:before {
  content: "\e100";
}
.work-icon-arrowRight:before {
  content: "\e101";
}
.work-icon-arrowUp:before {
  content: "\e102";
}
.work-icon-arrowDown:before {
  content: "\e103";
}
.work-icon-settings:before {
  content: "\e104";
}
.work-icon-settings2:before {
  content: "\e105";
}
.work-icon-settings3:before {
  content: "\e106";
}
.work-icon-settings4:before {
  content: "\e107";
}
.work-icon-checked:before {
  content: "\e108";
}
.work-icon-cancel:before {
  content: "\e109";
}
.work-icon-back:before {
  content: "\e10a";
}
.work-icon-click:before {
  content: "\e10b";
}
.work-icon-choice:before {
  content: "\e10c";
}
.work-icon-choice2:before {
  content: "\e10d";
}
.work-icon-options:before {
  content: "\e10e";
}
.work-icon-consult:before {
  content: "\e10f";
}
.work-icon-skills:before {
  content: "\e110";
}
.work-icon-skills2:before {
  content: "\e111";
}
.work-icon-skills3:before {
  content: "\e112";
}
.work-icon-work:before {
  content: "\e113";
}
.work-icon-team:before {
  content: "\e114";
}
.work-icon-recruit:before {
  content: "\e115";
}
.work-icon-interview:before {
  content: "\e116";
}
.work-icon-employee:before {
  content: "\e117";
}
.work-icon-hiring:before {
  content: "\e118";
}
.work-icon-award:before {
  content: "\e119";
}
.work-icon-agree:before {
  content: "\e11a";
}
.work-icon-talking:before {
  content: "\e11b";
}
.work-icon-id:before {
  content: "\e11c";
}
.work-icon-handshake:before {
  content: "\e11d";
}
.work-icon-best-employee:before {
  content: "\e11e";
}
.work-icon-id-card:before {
  content: "\e11f";
}
.work-icon-search:before {
  content: "\e120";
}
.work-icon-search5:before {
  content: "\e121";
}
.work-icon-search2:before {
  content: "\e122";
}
.work-icon-search3:before {
  content: "\e123";
}
.work-icon-search4:before {
  content: "\e124";
}
.work-icon-calendar:before {
  content: "\e125";
}
.work-icon-calendar2:before {
  content: "\e126";
}
.work-icon-attachment:before {
  content: "\e127";
}
.work-icon-attachment2:before {
  content: "\e128";
}
.work-icon-attachment3:before {
  content: "\e129";
}
.work-icon-print:before {
  content: "\e12a";
}
.work-icon-print2:before {
  content: "\e12b";
}
.work-icon-email:before {
  content: "\e12c";
}
.work-icon-email2:before {
  content: "\e12d";
}
.work-icon-email3:before {
  content: "\e12e";
}
.work-icon-email4:before {
  content: "\e12f";
}
.work-icon-share:before {
  content: "\e130";
}
.work-icon-pdf:before {
  content: "\e131";
}
.work-icon-pdf2:before {
  content: "\e132";
}
.work-icon-padlock:before {
  content: "\e133";
}
.work-icon-pin:before {
  content: "\e134";
}
.work-icon-download:before {
  content: "\e135";
}
.work-icon-download2:before {
  content: "\e136";
}
.work-icon-download3:before {
  content: "\e137";
}
.work-icon-export:before {
  content: "\e138";
}
.work-icon-law:before {
  content: "\e139";
}
.work-icon-auction:before {
  content: "\e13a";
}
.work-icon-clock:before {
  content: "\e13b";
}
.work-icon-doc:before {
  content: "\e13c";
}
.work-icon-doc2:before {
  content: "\e13d";
}
.work-icon-doc3:before {
  content: "\e13e";
}
.work-icon-certificate:before {
  content: "\e13f";
}
.work-icon-growth:before {
  content: "\e140";
}
.work-icon-growth2:before {
  content: "\e141";
}
.work-icon-phone:before {
  content: "\e142";
}
.work-icon-phone2:before {
  content: "\e143";
}
.work-icon-internet:before {
  content: "\e144";
}
.work-icon-bell:before {
  content: "\e145";
}
.work-icon-alert:before {
  content: "\e146";
}
.work-icon-info2:before {
  content: "\e147";
}
.work-icon-info:before {
  content: "\e148";
}
.work-icon-like:before {
  content: "\e149";
}

/* PRINT */
 
 #printer .work .opcje { display:none;}
 #printer .work .inside { width:auto;}
 #printer .work .xrow { margin:0;}
 #printer .work .listing .items ul { border-bottom:1px solid var(--color-dark-grey); }
 #printer .work .listing .items ul li { padding:10px; }

/* RWD */

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

 .work .listing .name { display:block; margin:0; padding:0.4em 0; width:auto; float:none; }
 .work .listing .items { display:block; margin:0.5em 0; padding:0; width:auto; float:none; }
 .work .listing .items ul.header { display:none; }
 .work .listing .items ul { display:block; }
 .work .listing .items ul li { display:block; margin:0; padding:0.8em 0;}
 
 .work .lead { flex-direction: column; }
 .work .name { margin:0 0 2em; font-size:0.8em;}
 
 .work .dane ul li { display:block; }
 .work .dane ul li strong,.work .dane ul li div { display:block; width:100%; margin:0.5em 0; }

}