@media all {
table.table_main h1:first-child, table.table_main h2:first-child, table.table_main h3:first-child, table.table_main h4:first-child, table.table_main h5:first-child, table.table_main h6:first-child { margin-top:0;padding-top:0;}

.table_main{width:100%;max-width:1400px;margin:0px auto;	overflow:hidden;}
.tdsticky{overflow:unset;}
.table_main tbody {width:100%;}
.table_main tr{display:flex;flex-direction:row;margin:3em 0;gap:2em;}
.table_main.tr0 tr{margin:0em 0;}
.table_main tr td{ width:50%;display:flex;text-align:left;flex-direction:column;}
.table_main tr td details{width:100%;}
.table_main tr td h1{text-align: left;}
.table_main tr td p img{max-width:100%;display: inline-block;}
.table_main tr td img{max-width:100%;}
.table_main tr td img{max-width:100%;display: inline-block;}
.table_main.rev tr {flex-direction:row-reverse;}

.table_main.header tr td:last-child {text-align: right;}


.table_main.border-first tr td:first-child{position:relative;left:0;top:0;padding-left:2em;}
.table_main.border-first tr td:last-child{padding-left:2em;}
.table_main.border-first tr td:first-child::after{content:"";display:block;border-top:4px solid var(--mark);border-left:4px solid var(--mark);/*border-right:4px solid var(--mark);*/position:absolute;left:0em;right:-2em;top:-1.5em;bottom:2em;z-index:-10;}
.table_main.border-first tr td:first-child::before{content:"";display:block;border-bottom:4px solid var(--mark);position:absolute;left:0em;right:22em;top:-1em;bottom:-1em;z-index:-10;}
.table_main.border-first.rev tr td:last-child{padding-left: 0em;padding-right: 3em;}

.table_main.border-last tr td:last-child{position:relative;left:0;top:0;}
.table_main.border-last tr td:first-child{padding-right:3em;}
.table_main.border-last tr td:last-child::after{content:"";display:block;border-top:4px solid var(--mark);border-left:0px solid var(--mark);border-right:4px solid var(--mark);position:absolute;left:-3em;right:0em;top:-1.5em;bottom:1em;z-index:-10;}
.table_main.border-last tr td:last-child::before{content:"";display:block;border-bottom:4px solid var(--mark);position:absolute;left:1em;right:-2em;top:-1em;bottom:-1em;z-index:-10;}
.table_main.border-last.rev tr td:last-child::after{left:-2em;}
.table_main.border-last.rev tr td:last-child::before{right:2em;left:-2em;}



.table_main.shadow tr td {box-shadow: 0px 0px 15px var(--grey-lighter);padding: 1em;}
.table_main.x1 tr td {width: 100%;}
.table_main.x1.small {max-width:650px;}
.table_main.x3 tr td {width: calc(100%/3);}
.table_main.x4 tr td {width: calc(100%/4);}
.table_main.x5 tr td {width: calc(100%/5);}
.table_main.w30-70 > tbody > tr > td:first-child{ width:30%;}
.table_main.w30-70 > tbody > tr > td:last-child{ width:70%;}
.table_main.w70-30 > tbody > tr > td:first-child{ width:70%;}
.table_main.w70-30 > tbody > tr > td:last-child{ width:30%;}
.table_main.center tr td{justify-content: center;}
.table_main.center-x tr td{margin:auto;text-align: center;display: flex;align-items: center;}
.table_main.image-text {margin:0 0 3em 0;padding:0;position: relative;}
.table_main.image-text tr {margin:0;}
.table_main.image-text tr:first-child {}
.table_main.image-text tr:first-child td {padding: 0;}
.table_main.image-text tr:first-child td img {display: flex !important;}
.table_main.image-text tr:last-child{position:absolute;top:0;bottom:0;left:0;right:0;padding:2em 2em;width:calc(100% - 4em);background:rgb(0 0 0 / 64%);transition:.4s all;}
.table_main.image-text:hover tr:last-child{background:rgb(0 0 0 / 80%);}
.table_main.image-text tr:last-child * {color:var(--white);}
.table_main.image-text tr:last-child > td > div > a {position:absolute;top:0;bottom:0;left:0;right:0;padding:2em 2em;width:calc(100% - 4em);}
.table_main.image-text.center tr:last-child > td > div > a {display: flex;justify-content: center;align-items: center;}
.table_main.image-text.center-x tr:last-child > td > div > a {display: flex;align-items: center;text-align: center;}
.table_main.image-text tr td {width: 100%;}

.table_main.zespol tr {gap:1rem;/* box-shadow: 0px 0px 15px var(--grey-lighter); */padding: 0em;margin:0 0 4rem;}
.table_main.zespol tr td:first-child {width:75px;}
.table_main.zespol tr td:last-child {width:calc(100% - 75px -  1rem);}
.owl-carousel .table_main.zespol tr {margin: 0;}
#zespol  {margin-bottom:2rem;}
#zespol .center-x {margin:1em 0;}

.table_main.price-list {}
.table_main.price-list .table_main.price-list-details {margin:1em auto;padding:0;max-width: 550px;}
.table_main.price-list .table_main.price-list-details tbody {width: 100%;}
.table_main.price-list .table_main.price-list-details tr {margin:0;gap:0;padding:0 .3em;flex-flow:row nowrap;}
.table_main.price-list .table_main.price-list-details tr td{font-size:.9em;line-height:1.1em;padding:0.8em .5em;width: calc(50% - 1em);}
.table_main.price-list .table_main.price-list-details tr:nth-child(odd){background:var(--white);}
.table_main.price-list .table_main.price-list-details tr:nth-child(even){background:var(--grey-lighter);}
.table_main.price-list h6 {text-align: center;font-weight: var(--font-family-header-regular);}
table.cennik {width:100%!important;height:auto!important;border-collapse:collapse;margin: 40px 0 0 0;}
table.cennik tr {height:auto!important;width:100%!important;}
table.cennik tr td {padding: 5px 15px;border: 1px solid var(--grey-lighter);height:auto!important;}
section table.cennik tr td {border: 1px solid var(--white);}
table.cennik tr td:last-child {word-break: break-word;}
table.cennik thead tr td {background:var(--mark);color:var(--white);border:1px solid var(--white);}
table.cennik tr:nth-child(even) td {background:var(--grey-lighter);}
table.cennik tr td nav p a {background: var(--mark);color: var(--white);padding: .5em .5em;border-radius: .5em;display: inline-block;}
table.cennik tr td nav p a:hover {background: var(--grey-darker);}
table.cennik2 {width:100%;font-size: .9em;color:var(--black);margin: 3em auto 3em;}
table.cennik2 tr {}
table.cennik2 tr td {padding: 1em;vertical-align: middle;transition:.4s all;}
table.cennik2 tr td.border-left {border-left:solid 1px var(--grey-lighter);}
table.cennik2 tr td.border-right {border-right:solid 1px var(--grey-lighter);}
section table.cennik2 tr:hover:not(:first-child) td {background:var(--white);}
table.cennik2 tr td nav p a {background: var(--mark);color: var(--white);padding: .5em .5em;border-radius: .5em;display: inline-block;}
table.cennik2 tr td nav p a:hover {background: var(--grey-darker);}

.fs05 {font-size:0.5em !important;}
.fs08 {font-size:0.8em !important;}
.fs09 {font-size:0.9em !important;}
.fs12 {font-size:1.2em !important;}
.fs15 {font-size:1.5em !important;}
.fs20 {font-size:2.0em !important;}
.fs30 {font-size:3.0em !important;}
.realizacje_rok {}
.realizacje_rok > div {font-size: 137px;line-height: 1.1em;text-align: center;}
.realizacje_rok > div:first-child {font-size: 137px;}
.realizacje_rok > div:last-child {font-size: 14px;}

.frame{ border:solid 1px var(--grey-light);padding:1rem;display:flex;flex-direction:column;align-items:center;margin:1rem 0; }

.blog_search {margin: 1.8rem 0 1rem;}
.blog_search form {flex-flow:row wrap;}
.blog_search form input[type=text] {padding: 0.5rem 40px .5rem 0.5rem;width: calc(100% - 30px);}
.blog_search form button{height:30px;margin: 2px 0 0 -30px;cursor:pointer;position:relative;background:var(--white);border:0;}
.blog_search span.material-symbols-outlined {font-size: 1.4rem;}

.table_main.icon tr td {padding: 0 2rem;}

p.x-icon-svg {height: 200px;display: flex;justify-content: center;align-items: center;}
p.x-icon-svg img {height: 150px;}
p.cta {display: flex;flex-grow: 1;align-items: flex-end;}
p.cta a {color:var(--pink);display: flex;}
p.cta span.material-symbols-outlined {transition: .4s all;margin-top: 2px;margin-left: 3px;}
p.cta:hover span.material-symbols-outlined {margin-left:9px;}

table.domeny_cena{border-collapse:collapse;margin:2em auto;max-width:800px;}
table.domeny_cena tr:first-child td {font-weight: var(--font-family-text-bold);}
table.domeny_cena tr td {border:solid 1px var(--grey-lighter);padding: 0.5rem 1rem;}

table.domeny_cennik{border-collapse:collapse;margin:2em auto;}
table.domeny_cennik tr td {border:solid 1px var(--grey-lighter);padding: 0.5rem .5rem;}
.domeny_ukryj_ceny{display:none;}

table.u_subscriptions {width:100%;}
table.u_subscriptions tr td {border:solid 1px var(--grey-light);padding:.5rem .5rem;vertical-align: middle;text-align: center;transition:.4s all;}
table.u_subscriptions tr td a.button {padding: 0.3rem 1.5rem;}
table.u_subscriptions tr:first-child td {font-size:.9rem;font-weight: bold;}
table.u_subscriptions tr:not(:first-child) td {font-size:.9rem;}
table.u_subscriptions tr:not(:first-child):hover td {background:var(--grey-lighter);}
table.u_subscriptions input[type=checkbox]{float:none;margin:auto;}
table.u_subscriptions {width:100%;}

table.u_domain_list tr td {border:solid 1px var(--grey-light);padding:.5rem .5rem;vertical-align: middle;text-align: center;transition:.4s all;}
table.u_domain_list tr td a.button {padding: 0.3rem 1.5rem;}
table.u_domain_list tr:first-child td {font-size:.9rem;font-weight: bold;}
table.u_domain_list tr:not(:first-child) td {font-size:.9rem;}
table.u_domain_list tr:not(:first-child):hover td {background:var(--grey-lighter);}
table.u_domain_list input[type=checkbox]{float:none;margin:auto;}

table.u_hosting_list {width:100%;}
table.u_hosting_list tr td {border:solid 1px var(--grey-light);padding:.5rem .5rem;vertical-align: middle;text-align: center;transition:.4s all;}
table.u_hosting_list tr td .button {padding: 0.3rem 1.5rem;}
table.u_hosting_list tr:first-child td {font-size:.9rem;font-weight: bold;}
table.u_hosting_list tr:not(:first-child) td {font-size:.9rem;}
table.u_hosting_list tr:not(:first-child):hover td {background:var(--grey-lighter);}
table.u_hosting_list tr:not(:first-child) td:nth-of-type(3) {font-size:1rem;}
table.u_hosting_list input[type=checkbox]{float:none;margin:auto;}


table.u_indexer {width:100%;}
table.u_indexer tr:first-child td {font-size:.8rem;font-weight: bold;}
table.u_indexer tr:not(:first-child) td {font-size:.7rem;}
table.u_indexer tr td {border:solid 1px var(--grey-light);padding:.5rem .5rem;}

ul.u_indexer_dir {columns: 3;  -webkit-columns: 3;  -moz-columns: 3;}
ul.u_indexer_dir li .material-symbols-outlined {font-size:1.4rem;}

.mail_signature {}
.mail_signature table:not([class]) {}
.mail_signature table:not([class]) tr {}
.mail_signature table:not([class]) tr td {border:unset;padding:unset}

div.nav {display: flex;width:100%;margin:1rem 0;padding:.5rem 0px;border-top:solid 1px var(--grey-lighter);border-bottom:solid 1px var(--grey-lighter);}
div.nav ul {list-style:none;}
div.nav ul li {    display: block;    float: left;    width: auto;    border: 0;background:transparent;}
div.nav ul li:hover {}
div.nav ul li a {padding:5px 5px;}
div.nav ul li a:hover {}
div.nav ul li.active a {}


.default-hosting-page .body{justify-content: center;}
.default-hosting-page header.header_main{display: none;}
.default-hosting-page .center#kontakt {display: none;}
.default-hosting-page #zespol {display: none;}
.default-hosting-page footer.footer_wrapper {display: none;}
.default-hosting-page .footer_credits {display: none;}
.default-hosting-page .social_widget {display: none;}
.default-hosting-page .phone-me {display: none;}

.default-suspended-page .body{justify-content: center;}
.default-suspended-page header.header_main{display: none;}
.default-suspended-page .center#kontakt {display: none;}
.default-suspended-page #zespol {display: none;}
.default-suspended-page footer.footer_wrapper {display: none;}
.default-suspended-page .footer_credits {display: none;}
.default-suspended-page .social_widget {display: none;}
.default-suspended-page .phone-me {display: none;}

table.drukarnia {width:100%;}
table.drukarnia > tbody > tr > td {border:0;width:calc(100% / 3);padding:0 1rem;}

table.druk {width:100%;border-collapse:collapse;margin:25px 0;font-size:16px;text-align:left;}
table.druk > tr:first-child {background-color:#f2f2f2;font-weight:bold;}
table.druk > tr > td { padding:.4rem;border:0;border-bottom:1px solid #ddd;width: 50%;font-size: .85rem; vertical-align: baseline;}
table.druk > tr:first-child > td:first-child {text-align: center;}
table.druk > tr > td:first-child {text-align: right;padding-right: 1.8rem;}
table.druk > tr > td h3 {font-size:1rem;}
table.druk .hidden-row {display:none;}
table.druk .button {border-radius: .4rem;margin: .8rem 0 0 0;}


table.graficy { width:100%;max-width:1400px;border-collapse:collapse;margin:0 auto; }
table.graficy > tbody {  }
table.graficy > tbody > tr {  }
table.graficy > tbody > tr > td { padding: 0 2rem; }
table.graficy > tbody > tr > td nav {margin-top:1rem;}

table.grafik { width:100%;max-width:1400px;border-collapse:collapse;margin:0 auto; }
table.grafik > tbody {  }
table.grafik > tbody > tr {  }
table.grafik > tbody > tr > td { padding: 0 2rem; }
table.grafik > tbody > tr > td:first-child { width:200px; }
table.grafik > tbody > tr > td:first-child div.grafik { padding:2rem 0 0 0; }
table.grafik > tbody > tr > td:last-child { width: calc(100% - 200px); }
table.grafik > tbody > tr > td:last-child .portfolio { width: 100%;display: flex;flex-flow: row wrap;gap:.4rem; }
table.grafik > tbody > tr > td:last-child .portfolio img { width:calc(100% / 4 - .4rem); }
table.grafik > tbody > tr > td:last-child .portfolio a { width:calc(100% / 4 - .4rem);position: relative; }
table.grafik > tbody > tr > td:last-child .portfolio a::before { content:'\e89e';position: absolute;bottom: .3rem;right: 1rem;font-family: var(--font-family-icon-google);z-index:1;color:var(--black); > transition:.4s all;}
table.grafik > tbody > tr > td:last-child .portfolio a::after { content:'zobacz';position: absolute;bottom: 0;right: 0rem;padding:0.4rem 2.3rem .4rem 1.2rem;border-radius:.8rem 0 0 0;background-color: var(--mark-light);color:var(--black);> transition:.4s all; }
table.grafik > tbody > tr > td:last-child .portfolio a:hover::before { color:var(--white); }
table.grafik > tbody > tr > td:last-child .portfolio a:hover::after { background-color: var(--mark);color:var(--white); }
table.grafik > tbody > tr > td:last-child .portfolio a img { width:100%;display: block; }
table.grafik > tbody > tr > td:last-child nav { margin-top:2rem; }

div.grafik { display: flex;flex-direction: column;gap: 1rem; }
div.grafik .zdjecie {cursor:pointer;padding:0 2rem;text-align: center;}
div.grafik .imie {cursor:pointer;text-align: center;font-weight: var(--font-family-text-bold);}
div.grafik .umiejetnosci {display: flex;flex-direction: column; font-size:.9rem;gap:.8rem;}
div.grafik .umiejetnosci .row {display: flex;flex-direction: column; gap:.4rem;}
div.grafik .umiejetnosci .row .name {}
div.grafik .umiejetnosci .row .details {display: flex;flex-flow:row nowrap;gap:.4rem;}
div.grafik .umiejetnosci .row .details img {height:1.2rem;}

div.grafik-desc {display: none;}
img[src="https://doneta.pl/photo/mail-active.svg"]{cursor:pointer;}

}


@media (max-width: 1450px) {
	main section.full .text_container > section > div, main section.full .text_container > div, main.full .table_main {display:flex;padding:0 2rem;}
}

@media (max-width: 1200px) {
	.table_main.price-list tr{flex-flow:row wrap;align-items:center;}
	.table_main.x3.price-list tr td {width:calc(100%/2 - 2em);}
	.table_main.x4.price-list tr td {width:calc(100%/2 - 2em);}
	.table_main.x5.price-list tr td {width:calc(100%/2 - 2em);}

	.table_main.x3 tr, .table_main.x4 tr, .table_main.x5 tr {gap:0em;flex-flow:row wrap;align-items:baseline;}
	.table_main.x3 tr td {width:calc(100%/3 - 4em);}
	.table_main.x4 tr td {width:calc(100%/3 - 4em);}
	.table_main.x5 tr td {width:calc(100%/3 - 4em);}
}
@media (max-width: 1000px) {
    table.grafik > tbody > tr {display:flex;flex-flow:row wrap;}
    table.grafik > tbody > tr > td:first-child {display:none;}
    table.grafik > tbody > tr > td:last-child { width: 100%;padding:0;}
}
@media (max-width: 900px) {
	.table_main tr td .table_main tr {flex-direction: column;align-items: center;}
	.table_main tr td .table_main tr td {width:100%;}
	.table_main.zespol tr td:last-child {text-align: center;}
	
	table.graficy > tbody > tr{display:flex;flex-flow:row wrap;}
    table.graficy > tbody > tr > td{padding:0 2rem;display:block;width:calc(100% / 2 - 4rem);}
    table.graficy > tbody > tr > td nav > p a {font-size:.9rem;}
}

@media (max-width: 800px) {
	main section.full .text_container > section > div, main section.full .text_container > div, main.full .table_main {padding:0 1.8rem;}

	.table_main tr{flex-flow:row wrap;align-items:center;}
	.table_main tr td{width:100%;padding:0 0 0 0;}
	.table_main tr td p img {margin: 2em 0 0 0;}
	.table_main tr td img:not(:first-child) {display: none;}
	.table_main.rev tr {flex-direction:column;}
	.table_main.rev-mobile tr {flex-direction:column-reverse;}

	.table_main.border-first tr td:last-child {padding:0;}
	.table_main.border-first tr td:first-child::before{right:12em;}

	.table_main.shadow tr td .bg-2rem {padding:0rem !important;}

	.table_main.w30-70 > tbody > tr > td:first-child, .table_main.w30-70 > tbody > tr > td:last-child {width:100%;padding:0 0 0 0;}
	.table_main.w70-30 > tbody > tr > td:first-child, .table_main.w70-30 > tbody > tr > td:last-child {width:100%;padding:0 0 0 0;}
	.table_main.x3 tr, .table_main.x4 tr, .table_main.x5 tr {gap:2em;}

	.table_main.x3 tr td {width:calc(100%/2 - 4.8em);}
	.table_main.x4 tr td {width:calc(100%/2 - 4.8em);}
	.table_main.x5 tr td {width:calc(100%/2 - 4.8em);}

	table.drukarnia > tbody > tr > td {display: block;width:100%;padding:0;}

}


@media (max-width: 800px) {
	.table_main.x3.price-list tr {flex-direction: column;gap:1.8rem;}
	.table_main.x3.price-list tr td {width:calc(100%/1 - 2em);}
	.table_main.x4.price-list tr {flex-direction: column;gap:1.8rem;}
	.table_main.x4.price-list tr td {width:calc(100%/1 - 2em);}
	.table_main.x5.price-list tr {flex-direction: column;gap:1.8rem;}
	.table_main.x5.price-list tr td {width:calc(100%/1 - 2em);}
}
@media (max-width: 600px) {
	table.graficy > tbody > tr > td{padding:0 1rem;display:block;width:calc(100% / 2 - 2rem);}
    table.grafik > tbody > tr > td:last-child .portfolio a::before { bottom: .1rem;right: .4rem;font-size: .8rem;}
    table.grafik > tbody > tr > td:last-child .portfolio a::after { padding:0.2rem 1.4rem .2rem .6rem;border-radius:.8rem 0 0 0;font-size: .8rem; }
}
@media (max-width: 500px) {
	.table_main.x3 tr td, .table_main.x4 tr td, .table_main.x5 tr td {width:100%;}
}	