:root{
	--basic:#5bbcad;
	--text:#565656;
	--gray:#bbbbbb;
	--lightgray:#f4f4f4;
	--white:#ffffff;
	--red:#cc2200;
	--yellow:#f6d223);
	--magenta:#d60b52;
	--navy:#145f9d;
	--violet:#7557be;
	--pink:#e6007e;
	--blue:#2885b8;
}



html,body {height: 100%;  font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Helvetica Neue', Arial, sans-serif; color: var(--text); line-height: 1.73 !important; }
body { background: var(--white); height: 100%;  margin: 0; font-size: 16px; line-height: 1.73 !important; color: var(--text); font-weight: 300; overflow: auto; height: auto;}
h1,h2,h3,h4,h5,p { margin-top: 0; margin-bottom: 1em; }
h1,h2,h3,h4,h5 {}

/*body * {transition: width 0.2s; -webkit-transition: width 0.2s; -moz-transition: width 0.2s;}*/

h1 { font-size: 2.5em; color: var(--basic); font-weight:600 !important; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center;}
h2 { color: #333333; font-weight:600; font-size: 1.5em; margin-bottom: .75em; text-align: left;  padding-bottom: 5px; line-height: 1.44; }
h2 strong {font-weight: 700;}
h3 { font-size: 1.2em; font-weight:300; line-height: 1.45; color: #333333; }
h4 { font-size: 1em; text-align: left; font-weight: 600; color: var(--basic); }

.bg-lightgray {background: var(--lightgray);}
.bg-white {background: var(--white);}
.bg-blue{background: var(--navy) !important;}
.bg-red { background: var(--red) !important;}
.bg-yellow {background: var(--yellow) !important;}
.yellow {color: var(--yellow) !important;}
.text-small {font-size: 12px !important;}
.ascgreen {color: var(--basic)}
.violet {color: var(--violet) !important;}
.pink {color: var(--pink) !important;}
.blue {color: var(--blue) !important;}

.p15 {padding: 15px;}
.nomargin * {margin: 0 !important;}
.nopadding * {padding: 0 !important;}

a {color: var(--basic); transition: 0.5s all; text-decoration: underline;}
a:hover {color: var(--magenta);}

a.btn {text-decoration: none; margin-bottom: 30px;}

blockquote {font-style: italic; font-weight: 200; font-size: 1em; color: #aaaaaa; margin-left: 0; background: #fffff3; padding: 1em 1.5em;}

/*:invalid {border-color: var(--red) !important}
:valid {border-color: var(--basic) !important}*/

p.error {padding: 3px 10px; color: var(--white); background: var(--red); font-size: 10px; display: inline-block; margin-bottom: 0; margin-left: 5px}
.btn.edit {margin-top: 15px;}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

select {background: url("../img/down.png") right 10px center no-repeat; }

.formbody label {display: block; text-align: left;}
.formbody select, .formbody input[type="text"],.formbody input[type="number"],.formbody input[type="password"],.formbody input[type="tel"], .formbody input[type="email"], .formbody textarea {border-radius: 5px; border: var(--gray) 1px solid; width: 100%; margin-bottom: 0; padding: 3px 10px !important; color:#2f88d1; font-weight: 400; line-height: 2em;}
/*.formbody .submit_container {text-align: right;}*/
.formbody input[type="submit"], .formbody button[type="submit"] {display: inline-block; color: #fff; border: 1px solid var(--basic); padding: .4em 1em; transition:0.2s all; background: var(--basic); border-radius: 5px; text-decoration: none; margin-top: 15px;}
.formbody input[type="submit"]:hover, .formbody button[type="submit"]:hover {display: inline-block; color: var(--basic) !important; border: 1px solid var(--basic); padding: .4em 1.4em; background: #fff; text-decoration: none !important;}
.formbody .checkbox_container { line-height: 1.2;}
.formbody .checkbox_container input {display: inline;}
.formbody .checkbox_container label {font-size: 13px; font-weight: 300; display: inline; line-height: 13px; padding-left: 8px;}
#doankiety .checkbox_container { margin-bottom: 30px;}


/*Form input placeholder color*/
::-webkit-input-placeholder { color: var(--gray); font-weight: 300;}
:-moz-placeholder { color: var(--gray); opacity:1; font-weight: 300;}
::-moz-placeholder { color: var(--gray); opacity: 1; font-weight: 300;}
:-ms-input-placeholder { color: var(--gray); font-weight: 300;}
:placeholder-shown { color: var(--gray); font-weight: 300;}
.img-responsive {display: inline-block !important;}
figcaption {margin:1em 0;}
.opac {opacity: .5 !important;}

a.button {background: #fec232; border: 0; border-radius: 3px; padding: .8em 1.6em !important; text-transform: uppercase; font-weight: 400; transition: 0.2s all; color: #fff; font-size: 1.5em; }
a.button:hover {background: #06b9e1; text-decoration: none; color: #fff !important;}
p.more {text-align: left;}
.more a, a.more, .back a, a.back {display: inline-block; color: #444444; border: 1px solid #eeeeee; padding: .4em 1em; transition:0.2s all; background: var(--white); border-radius: 1px; text-decoration: none; margin-top: 15px; text-transform: uppercase; font-weight: 600; font-size: 14px; margin-left: auto; margin-right: auto;}
.more a:hover, a.more:hover, .back a:hover, a.back:hover {display: inline-block; color: var(--basic) !important; border: 1px solid var(--basic); padding: .4em 1.4em; background: #fff; text-decoration: none !important;}

.violet {color: var(--violet) !important;}
.pink {color: var(--pink) !important;}
.blue {color: var(--blue) !important;}

.btn-white {   color: var(--basic) !important;    background-color: #fff;    border-color: var(--basic);}
.btn-white:hover {    color: #fff !important;    background-color: var(--basic);    border-color: #fff;}
.btn-blue {    color: #fff;    background-color: var(--blue);    border-color: var(--blue);}
.btn-blue:hover {    color: var(--blue);    background-color: #fff;    border-color: var(--blue);}
.btn-pink {    color: #fff;    background-color: var(--pink);    border-color: var(--pink);}
.btn-pink:hover {    color: var(--pink);    background-color: #fff;    border-color: var(--pink);}
.btn-violet {    color: #fff;    background-color: var(--violet);    border-color: var(--violet);}
.btn-violet:hover {    color: var(--violet);    background-color: #fff;    border-color: var(--violet);}

.btn-asc {    color: #fff;    background-color: var(--basic);    border-color: var(--basic);}
.btn-asc:hover {    color: var(--basic);    background-color: #fff;    border-color: var(--basic);}

.btn-gray {   color: #cccccc !important;    background-color: #fff;    border-color: #cccccc;}
.btn-gray:hover {    color: #fff !important;    background-color: #cccccc;    border-color: #fff;}


.strong { color:#18335a; }
strong { font-size: 1em;}

ul {margin: 0; padding: 0;}
li {margin-left: 40px; margin-bottom: .5em;}

.list li {list-style: none; background: url("../img/li.png") left top no-repeat; padding-left: 34px; margin-bottom: 30px; line-height: 1.33 !important; font-size: 14px;}
.nolist ul li {list-style: none !important; list-style-type: none !important; }
/*li strong {color: #83ce32;}*/


.text-red {color: var(--red);}
a[href*="footnote"] {vertical-align: super; font-size: 11px;}
#footnote {width: 50%; border-top: #ededed 1px solid; padding-top: 15px;}
#footnote ol {margin: 0; padding: 0;}
#footnote li {margin: 0 15px; }


table {border-collapse: collapse; margin: 30px 0; width: 100% !important;}
th,td {vertical-align: top; border-top: #ccc 1px solid; padding: 5px;}
th {font-weight: 600; border-top: none;}

.box {padding: 15px; background: #f9f8f8;text-align: center; transition: 0.2s all; margin-bottom: 30px; border:#f4f3f3 1px solid;}
.box:hover {background: #fff;}
.box h1 {font-size: 2.5em; font-weight: 400; text-align: center; padding: 15px; xcolor: #222222; margin-bottom: 0;}
.box h2 {font-size: 1.5em; font-weight: 400; text-align: center; padding: 15px 0; }
a.clean {text-decoration: none !important; display: block;}
.box.orange {border-bottom: 8px solid #ffaf14;}
.box.blue {border-bottom: 8px solid #39bef5;}
.box.green {border-bottom: 8px solid #81ef16;}
.box.pink {border-bottom: 8px solid #ff14f1;}
.box.yellow {border-bottom: 8px solid #f8ef06;}
.box.bronze {border-bottom: 8px solid #b99f83;}
.box.red {border-bottom: 8px solid var(--red);}
.box.navy {border-bottom: 8px solid #2d65e7;}

.float_right {float: right;}

/*Scroll to top*/

body .scroll-to-top{position:fixed;bottom:1em;right:1em; border:0px var(--white) solid; color:var(--white) !important;background:var(--basic);padding:.5em .8em;font-weight:bold;cursor:pointer;opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}body .scroll-to-top.shown{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

p.more.text-left {text-align: left;}

/*Sections ------------------------------------------- */
#header { background: var(--white);}

#logotypes figure {display: inline-block; margin-right: 30px; vertical-align: top;}

#topbar {background: #fff;position: fixed !important; z-index: 1000; margin: 0 auto; width: 100%; padding-top: 20px; padding-bottom: 20px; transition: 0.3s all; border-bottom: 1px solid #e7e7e8; height: 100px;}
#topbar.tight {padding-top: 10px; padding-bottom: 5px;height: 85px; box-shadow: 0px 1px 5px 0 rgba(127,127,127,.5);}
#topbar #logo img {height: 60px !important; width: auto; transition: 0.2s all;}
#topbar.tight #logo img {height: 55px !important; width: auto; margin-top: 0px;}


#menu { padding-top: 25px; text-align: right;}
#menu .btn {margin-left: 15px; text-transform: uppercase; font-size: 12px;}


#container {padding-top: 160px; padding-bottom: 90px; xbackground: var(--white) url("../bg/autumn-left.jpg") left top no-repeat; margin-top: 0; /*min-height: calc(100vh - 201px);*/}
.index #container {padding-top: 0; padding-bottom: 0; xbackground: var(--white); }
.container {}

#before {background: #f9f8f8 /*url("../bg/floral1.jpg") center top repeat*/; background-size: 300px 300px; padding-top: 100px; padding-bottom: 0 !important; margin-bottom: 0 !important; color: #222222; }

.index #before {}
.index #before .inside {margin-top: 0; background: url("../../ola/ola_gabinet_2.jpg") center center no-repeat; background-size: cover; min-height: 600px }
.index #before h1 {color: var(--white); font-size: 2.5em;  position: absolute; left: 10%; top:300px; width: 100%; max-width: 480px; margin: 0 auto}
.index #before h2 {font-size: 2em;}
.index #main .mod_article {padding-top: 30px; padding-bottom: 30px;}
#main .ce_text {margin-bottom: 30px;}
.ce_gallery li {list-style: none; display: inline-block; margin-left: 0;}

#before .pasek {min-height: 100px;}

@media only screen and (max-width: 1200px) {
	.index #before .headline {margin-top: 55px;}
	.index #before #zyczenia.headline {margin-top: 100px;}
	.index #before h1{font-size: 2em;}
}
@media only screen and (max-width: 992px) {
	.index #before .headline {margin-top: 80px; padding-bottom: 20px;}
	.index #before #zyczenia.headline {margin-top: 30px; padding-bottom: 60px;}
}
@media only screen and (max-width: 768px) {

	#before {background-size: 130% 100%;}

}


#newsindex {padding-top:45px; padding-bottom: 45px;}
#newsindex .layout_latest .teaser * {font-size: 15px !important;}
#newsindex .layout_latest h2 a {text-decoration: none; font-size: 21px;}
#newsindex .layout_latest time {font-size: 13px; margin-bottom: 5px;}
#newsindex .layout_latest .image_container {margin-bottom: 15px;}


#main {overflow: hidden; height: auto;}
#skroty {padding-bottom: 60px;  padding-top: 60px;}
#skroty h2 {min-height: 60px;}

/*#main {width: 1170px; margin: 0 auto !important; float: none; background: var(--white); padding-top: 30px; padding-bottom: 30px;}*/
#right2c {overflow: hidden; height: auto; padding: 0;}

#right2c .mod_navigation {background: #f9f8f8;}
#right2c li {list-style: none; }
#right2c a {text-decoration: none;}

#right2c .layout_latest h2 {font-size: 1.2em; font-weight: 600;}
#right2c .layout_simple {margin-bottom: 15px;}
#right2c .layout_simple a {font-weight: 400;}
.layout_simple time {display: block; font-size: 13px; color: #777777;  padding: 5px 0;}
.layout_full time {display: block; font-size: 13px; color: #777777;  padding: 5px 0;}
#right2c .mod_newslist {margin-bottom:30px; padding: 0;}
#right2c h2 {font-size: 1.3em; font-weight: 600; border-bottom: #ccc 1px solid; padding-bottom: 5px;}
p.back {clear: both}

@media only screen and (max-width: 1200px) {
	#lead .image_container img {width: 500px !important;}
	#lead .lead { margin-top: 170px;}
	#main {width: 970px; margin-left: auto; margin-right: auto;}
}
@media only screen and (max-width: 992px) {
	#main {width: 780px; margin-left: auto; margin-right: auto;}

}
@media only screen and (max-width: 768px) {
	#lead .lead {width: 100%;background: #fff; left:0; padding: 30px 0; margin-top: 350px; border-bottom:var(--basic) 5px solid; }
	#lead h1 {font-size: 3em;}
	#lead h1 img {height: 70px; width: auto;}
	#lead .image_container img {max-width: 100% !important; }
	#lead .avatar .image_container img {max-width: 300px !important; margin-left: auto; margin-right: auto;}
	#footer * {text-align: center !important;}
	#main {width: 100%; margin-left: auto; margin-right: auto;}
}
.index #main {width: 100%; padding-top: 0; padding-bottom: 0;}

#footer {background: #f2f1ed; padding-top: 30px; padding-bottom: 60px;}
#footer * {color: #303334 !important; font-size: 14px;}
#footer a {text-transform: uppercase !important; font-weight: 400;}
#footer li {margin-bottom: 5px;}

#bottom {background: #777777;  padding-top: 30px; padding-bottom: 60px; }
#bottom * {color: #eeeeee; font-size: 14px;}
#bottom .text-small {color: #aaaaaa;}

/*Articles ------------------------------------------- */

.cytat {background: #f1fbf9; padding: 45px 0; margin: 0; text-align: center !important;  font-size: 18px; color: #3ea292; font-weight: 300;}
.lead {border-bottom: #eeeeee 0 solid; padding: 60px 0;text-align: center !important; color: var(--white); font-size: 21px; line-height: 1.44; background: var(--basic); margin: 0 !important;}
.lead * {color: var(--white); margin-bottom: 0;}
.lead em {font-size: 18px; padding-top: 20px; color: #ffe000; display: inline-block;}

/*mainNav ------------------------------------------- */

#mainNav { font-size: 14px; font-weight: 400; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
#mainNav ul { text-align: right; margin-top: 17px; margin-bottom: 15px;}
#mainNav li { display: inline-block;padding-left: 1px; padding-right: 1px; margin-left: 30px;}
#mainNav li.submenu {}
#mainNav li.submenu:after {padding-right: 0; content: "\2228"; font-size: 16px; padding: 0;}
#mainNav li * { padding: 3px; text-decoration: none; color: #444444;}
#mainNav li span, #mainNav li a:hover, #mainNav li.trail * { color: var(--basic) !important; border-radius: 3px;}
#mainNav li.sklep * {color: var(--white) !important; background: var(--basic); padding: 5px 10px; border-radius: 3px;}
#mainNav li.sklep:hover * {color: var(--basic) !important; background: #f8f8f8; padding: 5px 10px; border-radius: 3px;}
#mainNav li.first * { color: #444444 !important; border-radius: 3px;}
#mainNav li.trail ul *, #mainNav li.active ul * {color: #444444 !important;}
#mainNav li:hover i, #mainNav li.active i { color: var(--basic) !important;}
#mainNav li.trail ul li.trail *, #mainNav li.active ul li.active * {color: var(--basic) !important;}
#mainNav ul li ul {visibility:hidden; opacity: 0; transition: 0.2s all;}
#mainNav ul li ul{
	margin:0;
	padding:0;
	z-index:999999999;
	position:absolute;
	top:45px;
	padding:10px;
	white-space:normal;
	background:var(--white);
	font-size: 12px;
	text-align: left;
	border-bottom: #eeeeee 1px solid;
	border-left: #eeeeee 1px solid;
	border-right: #eeeeee 1px solid;
	text-transform: none;
}
#mainNav ul li ul li{
	padding: 5px 0px;
	margin-left: 0;
	margin-bottom: 0;
	border-bottom: #eeeeee 1px solid;
	display: block;
}
#mainNav ul li ul li.last {border: none;}
#mainNav ul li ul li a {display: block;}
#mainNav ul.level_1 li:hover > ul
{
	visibility:visible;
	opacity:1;
}

#sideNav {margin-bottom: 30px; font-weight: 400; font-size: 1.2em;}
#sideNav li {padding: 0; margin: 0; border-bottom: var(--white) 1px solid;}
#sideNav i {margin-right: 15px;}
#sideNav li span {font-weight: 600; background: var(--basic); color: var(--white);}
#sideNav li a:hover  {font-weight: 400; background: var(--white); color: var(--basic);}
#sideNav li * {color: var(--basic); display: block; padding: 10px;}

#footerNav {text-transform: uppercase; margin-bottom: 15px;}
#footerNav * {margin-right: 10px;}
#footerNav a {text-decoration: none;}
#footerNav li {list-style: none; padding: 0; display: inline; margin: 0;}

/*Slicknav ------------------------------------------- */
#mobileMenu {position: fixed; z-index: 100; right: 0;}
.slicknav_menu {padding: 15px 0 0 0;  z-index: 1000 !important; background: none; position: absolute; width: 100%;}
.slicknav_nav {background:var(--basic); text-transform: uppercase;  text-align: center; font-size: 1.3em !important;padding-top: 20px !important; padding-bottom: 20px !important;}
.slicknav_nav ul {margin: 0 !important; }
.slicknav_nav li {margin-bottom: .3em !important; margin-left: 0;}
.slicknav_nav .active {font-weight: 700;}
.slicknav_menutxt {display: none !important;}
.slicknav_nav a {margin: 0 !important; padding: 0 !important;}
.slicknav_btn {background: none; margin-right: 10px !important; margin-bottom: 30px;}
.slicknav_menu .slicknav_icon { font-size: 30px; }
.slicknav_menu .slicknav_icon-bar { background-color: #aaa !important; }

body.index a.home {display: none;}

/*Facebook like*/
#facebook-like {width: 200px; height: 81px; position: fixed; top:50%; right: -120px; z-index: 999999; transition: 0.2s all;}
#facebook-like:hover {right: 0;}
#facebook-like img {width: 100%; height: auto;}


.dlh_googlemap {width: 100% !important;}


.l2col .image_container {border: #ddd 1px solid; padding: 10px; text-align: center;}
.l2col .image_container img {margin-left: auto; margin-right: auto; max-width: 100%;}
.l2col .mod_article .ce_text {margin-bottom: 30px;}
.l2col .mod_article .ce_text {margin-bottom: 30px;}


/*Baner*/
.mod_banner { margin-bottom: 30px;}
.mod_banner .banner_name {display: none !important;}


/*Google Maps*/
.ce_dlh_googlemaps {/*margin-bottom: 45px;*/}

/*Images RWD*/
.ce_image img {max-width: 100%; height: auto; margin-left: auto; margin-right: auto;}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by{display: none !important; text-indent: -4000px; color: #f2f2f2 !important;}

h1.cc_dialog_headline {width: 100%; font-size: 18px !important; text-align: left; font-weight: 600 !important;}
.cc_dialog.simple {width: 100%; max-width: 300px !important; font-size: 12px;}
.cc_dialog .cc_dialog_text {font-size: 12px !important;}

.avatar img {max-width: 593px !important; margin-left: auto; margin-right: auto;}


/*ankieta template*/

#overlay {background: rgba(255,255,255,.6) url("../img/loader.svg") center center no-repeat; position: fixed; width: 100%; height: 100%; z-index: 999999; display: none;}
#overlay.on {display: block;}

.ankieta {font-size: 14px; line-height: 1.44}
.ankieta h1 {font-size: 1.4em; line-height: 1.44; font-weight: 400 !important; }
.ankieta h2 {font-size: 1.2em; font-weight: 600; color: var(--text); text-transform: uppercase;}
.ankieta h3 {font-size: 1em; font-weight: 700;}
.ankieta p {font-weight: 400 !important;}

.ankieta #before, .ankieta #bottom{ display: none;}
.ankieta #header {background: none; text-align: left; padding-top: 30px;}
.ankieta #header .inside {max-width: 760px; margin-left: auto; margin-right: auto;}
.ankieta #header figure {width: 100%; display: inline-block; text-align: center;}
.ankieta #header #ssl {text-align: right;}
.ankieta #header #logo img {width: 270px !important;}
.ankieta #header #ssl img {width: 135px !important;}
.ankieta #container {padding-top: 0; padding-bottom: 0;}
.ankieta #footer {background: none; padding: 0 15px 60px 0;}
.ankieta #footer * {font-size: 11px; color: #aaaaaa !important;}
.ankieta #footer .inside {max-width: 730px; margin-left: auto; margin-right: auto;}
.ankieta input[type=radio] {margin: 5px auto;}
.ankieta .radio_container {text-align: center; clear: both;}
.ankieta .radio_container legend {text-align: left;}
.ankieta .radio_container span label {font-weight: normal; font-size: 13px; max-width: 150px;}
.ankieta .checkbox_container {clear: both;}
.ankieta .checkbox_container span {display: block; margin-bottom: 10px; }
.ankieta .checkbox_container span label {font-size: 1em; font-weight: normal;}
.ankieta .checkbox_container legend span {display: inline;}
.ankieta button {border-radius: 30px; padding-left: 2em; padding-right: 2em;}
.ankieta button:focus {outline: none !important;}
.ankieta .widget-pagebreak {overflow: hidden; text-align: center; padding: 30px;}
x.ankieta .widget-pagebreak .btn-asc {float: right;}
.ankieta .text-small {opacity: 0.8; line-height: 1.4;}
.ankieta label {line-height: 1.44}


body.ankieta {background: #f2f2f2;}
.ankieta #facebook-like {display: none;}

.ankieta .mod_article.container {background: var(--white); padding: 45px 30px 45px 45px; max-width: 760px;   box-shadow: 0px 0px 15px rgb(100 100 100 / 10%);
    border-radius: 3px; margin: 30px auto;}

/*label.dependent.mandatory:after {
	content: '*';
	font-size: 1em;
	vertical-align: baseline;
	color: #FF7777;
}*/

.ankieta fieldset.radio_container span {display: inline-block; padding:0 10px; vertical-align: top; text-align: center; xwidth: 100px;}

.ankieta fieldset.radio_container span label {text-align: center;}
.ankieta fieldset.radio_container span.mandatory {padding: 0;}

.ankieta label, legend {font-size: 1em; font-weight: bold;}
.ankieta .widget {padding-bottom: 20px; clear: both; padding-right: 15px;}
.ankieta .widget.widget-explanation {padding-bottom: 0px;}
.ankieta .widget.custom {padding-bottom: 0px;}

/*.ankieta p.error {color: #db1c76; border: #db1c76 1px solid !important; padding: 3px 15px; border-radius: 35px; font-size: .8em;}*/
.ankieta input.error, textarea.error {border: #db1c76 1px solid !important;}
.ankieta .progress {height: 5px;}
.ankieta .progress-bar-inner {display: none;}
.ankieta .widget.half  {width: 50%; display: inline-block; float: left; padding-right: 15px; clear: none;}
.ankieta .widget.half:nth-child(even) {}
.ankieta button[value="back"] {margin-right: 5px;}

.ankieta .sensitive label::before {font: normal normal normal 14px/1 FontAwesome; content: "\f023"; margin-right: 10px; color: var(--basic);}

/*SZKOLENIA*/


.szkolenia {font-size: 16px; line-height: 1.66}
.szkolenia h1 {font-size: 1.6em; line-height: 1.44; font-weight: 400 !important; }
.szkolenia h2 {font-size: 2rem; font-weight: 600; color: #000000;}
.szkolenia h3 {font-size: 1em; font-weight: 700;}
.szkolenia p {font-weight: 400 !important;}

.szkolenia #before, .ankieta #bottom{ display: none;}
.szkolenia #header {background: none; text-align: left; padding-top: 30px;}
.szkolenia #header h1.maintitle {color: #000000; padding-top:20px; margin-bottom: 0;}
.szkolenia #header .inside {max-width: 930px; margin-left: auto; margin-right: auto; padding: 15px;}
.szkolenia #header figure {width: 49%; display: inline-block; text-align: center;}
.szkolenia #header #logo {text-align: right;}
.szkolenia #header #logopruszkow {text-align: left;}
.szkolenia #header #logo img {width: auto !important; height: 70px;}
.szkolenia #container {padding-top: 0; padding-bottom: 0;}
.szkolenia #footer {background: none; padding: 0 15px 60px 0; text-align: center}
.szkolenia #footer * {font-size: 11px; color: #777777 !important;}
.szkolenia #footer .inside {max-width: 930px; margin-left: auto; margin-right: auto; padding: 15px;}
.szkolenia input[type=radio] {margin: 5px auto;}
.szkolenia .radio_container {text-align: center; clear: both;}
.szkolenia .radio_container legend {text-align: left;}
.szkolenia .radio_container span label {font-weight: normal; font-size: 13px; max-width: 150px;}
.szkolenia .checkbox_container {clear: both;}
.szkolenia .checkbox_container.mandatory {font-weight: bold;color: #000000}
.szkolenia .checkbox_container span {display: block; margin-bottom: 10px; }
.szkolenia .checkbox_container span label {font-size: 1em; font-weight: normal;}
.szkolenia .checkbox_container legend span {display: inline;}
.szkolenia button {border-radius: 30px; padding-left: 2em; padding-right: 2em; font-size: 1.5rem;}
.szkolenia button:focus {outline: none !important;}
.szkolenia .widget-pagebreak {overflow: hidden; text-align: center; padding: 30px;}
x.szkolenia .widget-pagebreak .btn-asc {float: right;}
.szkolenia .text-small {opacity: 0.8; line-height: 1.66;}
.szkolenia label {line-height: 1.6}
.szkolenia legend {display: none}
.szkolenia iframe{}
.szkolenia p.error {font-size: 1.5rem;}

.szkolenia #footer nav strong {text-decoration: underline; font-weight: normal; text-transform: uppercase}
.szkolenia #footer nav {margin-bottom: 30px;}
.szkolenia #footer nav li {display: inline; list-style: none; padding: 10px !important; margin: 0;}

.szkolenia .szkolenie h2 {font-size: 1.7rem}
.szkolenia .szkolenie a{display: block; padding: 30px; background: #f8f8f8; text-align: center !important; text-decoration: none; color: #000000; transition: 0.2s all; box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); border:#cccccc 1px solid; min-height: 45px;}
.szkolenia .szkolenie a:hover {background: #cccccc url("/files/umpruszkow/pruszkow-bg.png") center center no-repeat; background-size: cover; color:var(--white); }
.szkolenia .szkolenie * {text-align: center !important;}

body.szkolenia {background: #f2f2f2;}
body.szkolenia {background: radial-gradient(circle, rgba(248,248,248,1) 0%, rgba(238,238,238,1) 100%);}
.szkolenia #bottom {display: none;}
.szkolenia #facebook-like {display: none;}

.szkolenia hr {background: #cccccc; border-color: #cccccc;}

.szkolenia .mod_article.container {background: var(--white)  url("/files/umpruszkow/pruszkow-bg2.png") center -10px no-repeat; padding: 60px 30px 30px 30px; max-width: 960px;   box-shadow: 0px 0px 15px rgb(100 100 100 / 10%);
	border-radius: 5px; margin: 30px auto;}
	
.szkolenia :invalid {border-color: none !important;}

.szkolenia ol {margin: 0 0 30px 0; padding: 0}


/*label.dependent.mandatory:after {
	content: '*';
	font-size: 1em;
	vertical-align: baseline;
	color: #FF7777;
}*/

.szkolenia fieldset.radio_container span {display: inline-block; padding:0 10px; vertical-align: top; text-align: center; xwidth: 100px;}

.szkolenia fieldset.radio_container span label {text-align: center;}
.szkolenia fieldset.radio_container span.mandatory {padding: 0;}

.szkolenia label, legend {font-size: 1em; font-weight: bold;}
.szkolenia .widget {padding-bottom: 20px; clear: both; padding-right: 15px;}
.szkolenia .widget.widget-explanation {padding-bottom: 0px;}
.szkolenia .widget.custom {padding-bottom: 0px;}

/*.szkolenia p.error {color: #db1c76; border: #db1c76 1px solid !important; padding: 3px 15px; border-radius: 35px; font-size: .8em;}*/
.szkolenia input.error, textarea.error {border: #db1c76 1px solid !important;}
.szkolenia .tl_info,.szkolenia .tl_error {font-size: 16px;} 
.szkolenia .tl_error {color: var(--red);}
.szkolenia .progress {height: 5px;}
.szkolenia .progress-bar-inner {display: none;}
.szkolenia .widget.half  {width: 50%; display: inline-block; float: left; padding-right: 15px; clear: none;}
.szkolenia .widget.half:nth-child(even) {}
.szkolenia button[value="back"] {margin-right: 5px;}

.szkolenia .sensitive label::before {font: normal normal normal 14px/1 FontAwesome; content: "\f023"; margin-right: 10px; color: var(--basic);}
.szkolenia .swal2-popup {font-size: 1em;}

.szkolenia span.counter {display: inline-block; border:2px #777777 dashed; padding: 1px 8px; margin-left: 5px; margin-right: 5px; color: var(--basic); font-size: 1.2em; font-weight: bold}

/*SKLEP*/

/*.sklep #main .container {max-width: 768px; margin-left: auto; margin-right: auto;}*/

.sklep h1 {font-size: 2em; color: #333333; margin-bottom: 2em;}
.sklep h2 {font-weight: 600}
.sklep h3 {font-weight: 400}

.mod_iso_cart .empty.message {font-size: 1.5em; padding: 30px; text-align: center;}
.mod_iso_cart .product img {height: 60px !important; width: auto !important; border:#f8f8f8 1px solid;}

.mod_iso_checkout .info_container {margin-top: 30px}
.mod_iso_checkout .info_container.billing_address {display: inline-block; width: 49%; vertical-align: top; text-align: center}
.mod_iso_checkout .info_container.payment_method {display: inline-block; width: 49%; vertical-align: top; text-align: center}

#ctrl_billingaddress_vat_no {width: 200px}
#checkGus {margin-bottom: 5px; margin-left: 10px}

.mod_iso_checkout .steps {margin-bottom: 30px !important; overflow: hidden; }
.mod_iso_checkout .steps .step{ background: var(--white); padding-left: 0; padding-right: 0	}
.mod_iso_checkout .steps .step * {text-align: center; display: block; padding: 5px 10px; border: var(--white) 1px solid}
.mod_iso_checkout .steps .step span {border-color: #cccccc}
.mod_iso_checkout .steps .step .active, .mod_iso_checkout .steps .step .passed {background: var(--basic); color: var(--white); border-color: var(--white); text-decoration: none}
.mod_iso_checkout .steps .step.payment {display: none}
.mod_iso_checkout .steps .step a:hover {background: #cccccc;}

.mod_iso_checkout h2 {text-align: center !important}
.mod_iso_checkout .review.orderinfo p{text-align: center !important}

.mod_iso_checkout .processing.message {text-align: center !important;}
.mod_iso_checkout .processing.message * {text-align: center !important;}

.submit_container {margin-top: 30px}
.submit_container input.btn {margin-right: 15px;}
.submit_container input.btn-asc {font-size: 1.2em !important;}

.sklep .widget {margin-bottom: 10px;}



#iso_ajaxBox {
    width: 20%;
    padding: 30px 45px;
    position: fixed;
    top: 20%;
    left: 40%;
    background: #fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;
    border: none;
    font-family: "Lato",Verdana,sans-serif;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    color: #000;
    z-index: 9999;
    border-radius: 15px;}

[readonly*="readonly"] {color: #888888 !important; background: #eeeeee}

.button_update {display: none}

.mod_select {text-align: center}
.mod_select label {display: inline-block; padding: 3px 30px;}


/*#iso_mod_checkout_address .submit_container {display: none}*/

#checkGus {margin-bottom: 5px; margin-left: 20px;}

.mod_iso_checkout p.error {display: block; padding: 15px; font-size: 1em; margin-bottom: 30px; text-align: center; }
.mod_iso_checkout .error label {color: #dd0000; font-weight: bold}

.mod_iso_productlist .product .formbody {padding: 15px; border: #eeeeee 1px solid }
.mod_iso_productlist .product .image_container {margin-bottom: 30px}
.mod_iso_productlist .product .image_container img {width: 100% !important; height: auto !important}

.mod_iso_productlist .product .details .btn{position: absolute; bottom: 0; margin-bottom: 15px !important; display: none}
.mod_iso_productlist .product .offer {position: absolute; bottom: 15px; font-size: 1.2em; line-height: 1}
.mod_iso_productlist .product .submit_container {text-align: right}
.mod_iso_productlist .product .price {font-weight: 400}
.mod_iso_productlist .product .price .small {color: #aaaaaa; font-size: 0.7em;font-weight: 300}
.mod_iso_productlist .product a{text-decoration: none}

.mod_iso_productlist .product_list {text-align: center}
.mod_iso_productlist .product {float: none; display: inline-block; vertical-align: top}

.mod_iso_productreader .product .offer {font-size: 1.5em; line-height: 1}
.mod_iso_productreader .product .price {font-weight: 400; color: var(--basic)}
.mod_iso_productreader .product .price .small {color: #aaaaaa; font-size: 0.7em;font-weight: 300}

.mod_iso_checkout .review.orderproducts .product .image_container img {width: 100px !important; height: auto !important}
.mod_iso_checkout .review.orderproducts th {font-size: 0.8em}
.mod_iso_cart th {font-size: 0.8em}
.mod_iso_checkout #addressform {max-width: 400px; margin-left: auto; margin-right: auto}
.mod_iso_checkout .orderinfo {max-width: auto; margin-left: auto; margin-right: auto}
.mod_iso_checkout .orderproducts {max-width: auto; margin-left: auto; margin-right: auto; font-size: 0.9em !important}
.mod_iso_checkout .orderproducts .col_first {display: none}
.mod_iso_checkout .submit_container {text-align: center}
.mod_iso_productreader .product .image_container img {width: 100% !important; height: auto !important}

.mod_iso_productreader .quantity_container input {width: 100px}

.sklep .mod_breadcrumb ul {margin: 0 0 30px 0; padding-bottom:15px;  border-bottom: #eeeeee 1px solid}
.sklep .mod_breadcrumb li {margin: 0; padding: 0; list-style: none; display: inline}
.sklep .mod_breadcrumb li:after {content: "\\"; margin-left: 5px; margin-right: 5px}
.sklep .mod_breadcrumb li.last:after {content: ""}
.sklep .mod_breadcrumb li:nth-of-type(2) {display: none}

.mod_iso_cart .coupon { margin-top: 45px; background: #f8f8f8; padding: 30px; text-align: center}
.mod_iso_cart .coupon h2 {font-size: 1.2em; font-weight: 400; text-align: center}
.mod_iso_cart .coupon input {max-width: 300px; margin-right: 10px}
.mod_iso_cart .submit_container {text-align: center}


#cartSmall .fa-shopping-basket {font-size: 1.1em}
#cartSmall {display: inline-block; xposition: fixed; float: right; right: 0; top:0; z-index: 9999999; background: #f8f8f8; font-size: 14px; padding: 2px 10px}
#cartSmall sub {display:inline-block; text-align: center; margin-left: -7px; margin-right: 10px; background: var(--basic); padding: 2px; color: var(--white); border-radius: 20px; font-size: 9px; width: 13px; height: 13px; line-height: 11px !important}

#cartSmall a:hover {color: #222222}


.mod_subscribe {background: url("../icons/email2.svg") left top no-repeat; background-size: auto 180px; padding: 30px 30px 30px 200px; max-width: 650px; margin-left: auto; margin-right: auto}
.mod_subscribe input {margin-bottom: 30px !important}
.mod_subscribe :invalid {border-color: #ccc !important}
.mod_subscribe .confirm {background: #deffcb; padding: 30px; text-align: center; border-radius: 10px; font-size: 1em !important; display: block}
.mod_subscribe .error {background: #ffd7cc; padding: 30px; text-align: center; border-radius: 10px; font-size: 1em !important; color: #444444; display: block}
.mod_subscribe .widget-explanation {font-size: 0.8em}

/* Dzialki*/


	body.dzialki {background: var(--white); font-size: 16px; font-weight: 400}
	.dzialki #container {padding: 45px 30px; max-width: 1200px; margin-left: auto; margin-right: auto}
	.dzialki h1 {font-size: 2.82em; margin-bottom: 0.5em}
	.dzialki h2 {font-size: 1.68em; text-align: inherit}
	.dzialki .slider-menu {margin-top: -100px}
	.dzialki .slider-menu b {font-size: 60px; color: rgba(255,255,255,.65)}
	.dzialki .slider-menu b.active {color: var(--basic); animation-name: kropa;animation-duration: 1s;animation-iteration-count: infinite;}
	.dzialki .slider-control .slider-prev {margin-top: -300px; text-decoration: none; color: rgba(255,255,255,0)}
	.dzialki .slider-control .slider-prev::before {display: inline-block; content:"<"; font-size: 70px; width: 70px; font-weight: 700; color: var(--white); text-decoration: none; background: rgba(255,255,255,.4); border-top-right-radius: 20px; border-bottom-right-radius: 20px; transition: 0.2s all}
	.dzialki .slider-control .slider-next {margin-top: -300px; text-decoration: none; color: rgba(255,255,255,0)}
	.dzialki .slider-control .slider-next::after {display: inline-block; content:">"; font-size: 70px; width: 70px; font-weight: 700; color: var(--white); text-decoration: none; background: rgba(255,255,255,.4); border-top-left-radius: 20px; border-bottom-left-radius: 20px; transition: 0.2s all}
	.dzialki .slider-control .slider-prev:hover::before{background: rgba(255,255,255,.65); width: 80px}
	.dzialki .slider-control .slider-next:hover::after{background: rgba(255,255,255,.65); width: 80px}
	.dzialki div[class*="col-"] {margin-bottom: 30px;}
	.dzialki #bottom {display: none}
	.dzialki #info {margin-top: 15%;}
	
	@keyframes kropa {
	  0%   {color: var(--basic);}
	  50%  {color: #adddd6;}
	  100% {color: var(--basic);}
	}


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

	body.dzialki {line-height: 1.33}
	.dzialki #container {padding: 45px 20px}
	.dzialki .slider-menu b {font-size: 2rem; color: rgba(255,255,255,.65)}
	.dzialki .slider-menu {margin-top: -50px}
	.dzialki .slider-wrapper img {width: 900px !important}
	.dzialki iframe {height: 400px}
	.dzialki .slider-control .slider-prev, .dzialki .slider-control .slider-next {margin-top:-150px;}
	.dzialki .slider-control .slider-prev::before  {font-size: 30px;}
	.dzialki .slider-control .slider-next::after  {font-size: 30px;}

}




@media(min-width:992px){
	/*#skroty .ce_text {padding-bottom: 50px; min-height: 570px;}
	#skroty .more {position: absolute; bottom:0;}*/
}

@media(min-width:768px){
	.slicknav_menu { display: none !important;}
	.mobile { display: none !important;}
	.mod_banner img {width: 100%; height: auto;}

}



@media only screen and (max-width: 1200px) {
	#lead .image_container {margin-right: 0px !important;}
	#lead .lead {margin-left: 0;}
	/*#skroty .ce_text {padding-bottom: 50px; min-height: 530px;}*/
	x.mod_article .image_container img {width: 100%; height: auto !important;}
}

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

	.slicknav_menu { display: block !important; z-index: 3000 !important; position: fixed;}
	#mainNav {display: none !important;}
	#topbar {position: fixed !important; padding-top: 5px; padding-bottom: 5px; height: 100px;}
	#topbar .container {width: 100%;padding-top: 10px;}
	#topbar.tight {padding-top: 5px;}
	#topbar #logo img {height: 65px !important; width: auto; margin-top: 1px;}
	#container {padding-top:160px; padding-bottom: 30px;}
	.kontakt #container {padding-top: 100px; padding-bottom: 0;}
	#header {text-align: left;}
	#logotypes figure {display: inline-block; margin-right:0; vertical-align: top; margin-bottom: 5px;}
	#before {xpadding-top: 100px;}

	#kalendarz {background-position-x: 300px;}

	* [class*="col"] {margin-bottom: 30px;}
	.index #before {min-height: inherit; margin-bottom: 0;}
	.index #before [class*="col"] {margin-bottom: 0;}
	.index #before .rwd img {bottom: 0;}


	x.mod_article .image_container img {width: 100%; height: auto !important;}
	#skroty [class*="col"] {border-bottom: #eeeeee 1px solid; padding-bottom: 30px;}




}

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

	#topbar {position: fixed !important; padding-top: 5px; padding-bottom: 5px; height: 100px;}
	#topbar #logo img {height: 55px !important; width: auto; margin-top: 5px;}
	#topbar.tight #logo img {height: 50px !important; width: auto; margin-top: 3px;}
	body {font-size: 14px !important; line-height: 1.45;}
	h1 { font-size:2rem; width: 100%;}
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.1em;}
	.web { display: none !important;}
	#wrapper {margin: 0;}

	#intro {background-size:cover;}
	#intro .ce_text {margin-left: 0; margin-top: 300px; padding: 30px; background: #fff;}

	#facebook-like {width: 130px; height: 53px;}
	.partnerzy {margin-top: 10px !important;}
	.partnerzy .col-md-4 {margin-bottom: 30px; min-height: inherit; border-bottom: #ccc 1px solid; text-align: center;}
	.partnerzy #topbar {background: #fff;}
	.rwd img {width: 100%; height: auto;}
	.l2col .image_container {border: #ddd 1px solid; padding: 10px; text-align: center;}
	.l2col .image_container img {margin-left: auto; margin-right: auto;width: 100%; height: auto;}
	.mod_banner {text-align: center;}

	* [class*="col"] {margin-bottom: 30px;}

	.index #before {min-height: inherit; margin-bottom: 0;}
	.index #before .rwd {margin-bottom: 0;}

	#container {margin-top: 0 !important;}

	.ankieta .mod_article.container {box-shadow: none; border-radius: 0; padding: 30px;}
	.ankieta #footer {padding: 0 30px 30px 30px;}

	.ankieta .widget.half  {width: 100%; display: block; float: none; padding-right: 0;}
	.ankieta .widget.half:nth-child(odd) {padding-right: 0;}
	
	.szkolenia #header {padding: 30px 20px 0 20px;}
	.szkolenia #header figure {overflow-x: width: 100%; xtext-align: center !important;}
	.szkolenia #header figure img {height: 45px !important; width: auto; padding-bottom: 1px;}
	.szkolenia #header h1 {font-size: 1.5rem}
	
	.szkolenia .mod_article.container {box-shadow: none; border-radius: 0; padding: 60px 30px 30px 30px;}
	.szkolenia #footer {padding: 0 30px 30px 30px;}
	
	.szkolenia .widget.half  {width: 100%; display: block; float: none; padding-right: 0;}
	.szkolenia .widget.half:nth-child(odd) {padding-right: 0;}


}

@media only screen and (max-width: 480px) {
	h1 {font-size:2em; width: 100%;}
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.1em;}
	/*.slicknav_menu .slicknav_icon { font-size: 20px;}*/
	#topbar #logo img {height: 55px !important; width: auto; margin-top: 15px;}
	#topbar.tight #logo img {height: 55px !important; width: auto; margin-top: 15px;}
	#topbar #menu {padding-top: 10px;}

}

.invisible {display: none !important; opacity: 0 !important;}
.clr {clear: both !important;}

.rwd img {width: 100% !important; height: auto !important}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.ce_player {/*border: #cccccc 1px solid; padding: 20px 10px;*/}
.wideo {padding: 0 !important; width: 100% !important;}
.wideo.wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 31%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.wideo.wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ASD */

.asd #topbar{
	padding-top: 40px;
	border:none;
}

.asd #bottom{
	background: none;
}

.asd #bottom * {
	color: var(--dark);
}