html {
margin: 0px !important;
margin-top: 0px !important;  
}
body {
margin: 0 !important;
padding: 0 !important;
font-size: 1em;
font-family: "Antonio", Verdana, Geneva, sans-serif; 
color: #464646;
background-color: #fff;
}
#najnowsze .wppsac-sub-content {
font-family: "Archivo Narrow", Verdana, Geneva, sans-serif; 
font-size: 1.2em;
}
#tresc .wrapper {
font-family: "Archivo Narrow", Verdana, Geneva, sans-serif; 
font-size: 1.2em;
} .kontener {display: block; width: 100%;}
h1, h2, h3, h4, h5, h6 {
color: #000;
text-transform: uppercase;
} a:focus {outline: none;}
a.trigger{position: absolute; text-decoration: none; color:#fff; height: 53px; width: 53px; z-index:2000;}
a.trigger.left {left: 0;}
#trigger4 {background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/mobileMenu.png) no-repeat; z-index: 1001;	top: 0px; position: fixed;}
#trigger3 {background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/social.png) no-repeat;}
a.trigger.right {right: 0;}
a.trigger:hover {opacity: 0.5;}
a.active.trigger {opacity: 0.5;}
#panel {
padding: 55px 5% 50px 15%; 
display: none; 
position: absolute; 
top: 0px; 
left: 0; 
z-index: 1000; 
background: #466088; 
width: 80%;
color: #fff;
overflow: hidden;
}
#menuMini ul {list-style: none;	margin: 0; padding: 0;}
#menuMini ul ul {list-style: none;margin: 10px 0 10px 40px; padding: 0;}	
#menuMini ul ul li a {background: #7a95be;}	
#menuMini ul ul ul li a {background: #3c567e; color: #fff !important;}	
#menuMini ul li a {
color: #283c65;
text-decoration: none;
border-radius: 50px;
padding: 20px;
margin: 15px;
clear: both;	
display: block;	
text-align: right;
background-color: #d9e5f0;
overflow: hidden;
text-transform: uppercase;
}
#menuMini ul li a:hover {
color: #000;
} #bigLogo {
overflow:hidden;
position: absolute;
z-index: 9;
margin-top: 120px;
}
#bigLogo a {
text-decoration: none;
overflow: hidden;
display: block;
}
#bigLogo a img {
display: block;
max-width: 587px;
margin: auto;
} #bigLogo1 {
overflow:hidden;
position: absolute;
z-index: 9;
}
#bigLogo1 a {
text-decoration: none;
overflow: hidden;
display: block;
}
#bigLogo1 a img {
display: block;
margin: auto;
} #bigLogo2  {
text-decoration: none;
overflow: hidden;
display: block;
float: left;
position: absolute;
}
#bigLogo2 img {
display: block;
max-width: 300px;
margin: 0;
} #bigLogoPodstrona {
overflow:hidden;
position: absolute;
z-index: 9;
margin-top: 100px;
}
#bigLogoPodstrona a {
text-decoration: none;
overflow: hidden;
display: block;
}
#bigLogoPodstrona a img {
display: block;
max-width: 320px;
margin: auto;
} #menuBig {
height: 179px;
position: absolute;
top: 0px;
z-index: 10;
overflow: visible !important;
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/menuBg.png) top center no-repeat;
}
#menu {
height: 44px;
float: right;
clear: right;
padding: 0 0px 0 0;
margin: 15px 0 0 0;
}
#menuMenu #menu {
margin: 0px 0 0 0 !important;
}		
#menu {position: relative; z-index: 2001;}
#menu ul {list-style: none; margin: 0; padding: 0;}
#menu ul li {
position: relative;
min-height: 55px;
float: left;
text-align: center;
padding: 0 7px 0 7px;
border-right: 0px solid #fff;
}
#menu ul a {
display: block;
padding: 12px 0 0 0;
font-family: "Antonio", Verdana, Geneva, sans-serif;
font-size: 1.1em;
transition:ease-in-out 0.3s;
color: #1955a5;
text-decoration: none;
text-transform: uppercase;
}
#menu ul a:hover {
transition:ease-in-out 0.3s; color: #D2272A;
} #menu ul li ul {position: absolute; display: none; left: -80px; top: 35px; opacity: 0;}
#menu ul ul li {
background-color: #1955a5 !important;
top: 10px;
width: 230px;
min-height: 35px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
margin-left: 0px;
text-align: left !important;
font-size: 1em;
border-bottom: 1px solid #fff;
z-index:2001;
transition:ease-in-out 0.3s;
opacity: 1;	
}
#menu ul li:hover> ul {transition:ease-in-out 0.3s; display: block; opacity: 1;}
#menu ul ul li a {
display: block;
padding: 5px 0 0 0;
font-size: 1em;
color: #FFF !important;
text-decoration: none;
}
#menu ul li:hover ol {display: block;}
#menu ul li:hover ol ol {visibility: hidden;}
#menu ul ul li:hover {transition:ease-in-out 0.3s; opacity: 0.7;} #menu ul ul ul {position: absolute; visibility: hidden; left: 264px; top: -10px !important; opacity: 0;}
#menu ul ul ul li {font-size: 1em; border-left: 1px solid #fff;	background-color: #157da8 !important;}
#menu ul ul li:hover ul {display: block;}
#menu ul ul li:hover ul ul {display: none;}
#menu ul ul li:hover> ul {transition:ease-in-out 0.3s; transform: translate(-20px, 0); visibility: visible; opacity: 1;}
#sociale {
display: block;
float: right;
overflow:hidden;
padding: 20px 7px 0 20px;
}
.socLogo {
display: block;
width: 30px;
height: 35px;
background-position: top center;
background-repeat: no-repeat;
float: left;
transition: ease-in-out 0.3s;
opacity: 1;
}
.socLogo:hover {
transition: ease-in-out 0.3s;
opacity: 0.5;
}
#fb {
background-image: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/socFb.png);
}
#tw {
background-image: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/socTw.png);
}
#yt {
background-image: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/socYt.png);
}
#bip {
background-image: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/socBip.png);
} #loga {
display: block;
overflow: hidden;
}
#loga a {
text-decoration: none;
transition: ease-in-out 0.3s;
opacity: 1;
}
#loga a:hover {
transition: ease-in-out 0.3s;
opacity: 0.5;
}
.logo {
display: block;
float: left;
overflow: hidden;
}
.logo img {
display: block;
float: left;
width: auto;
} #loga2 {
display: block;
overflow: hidden;
padding: 10px 0px 0 0;
}
#loga2 a {
text-decoration: none;
transition: ease-in-out 0.3s;
opacity: 1;
}
#loga2 a:hover {
transition: ease-in-out 0.3s;
opacity: 0.5;
}
.logo2 {
display: block;
float: left;
overflow: hidden;
}
.logo2 img {
display: block;
float: left;
width: auto;
} #slider {
padding: 0 0 0 0;
overflow: hidden;
position: relative;
}
#slider p {display: none;}
#bezSlidera {
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/podstronaBg.jpg) top center no-repeat;
height: 410px;
background-color: #d7e4f0;
}
#sliderWrap {display: block; width: 100%; margin: 0; overflow: hidden;}
#sliderMask {display: block; position: absolute; z-index: 2; width: 100%; bottom: -7px;}
#sliderMask img {width: 100%; height: auto;} #belki {
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/belkiBg.jpg) top center no-repeat;
background-color: #CCC;
min-height: 435px;
overflow: hidden;
margin-bottom: 30px;
}
#belki figure {
border-radius: 15px;
display: block;
width: 100%;
height: 200px;
background-color: #0CF;
} #belki .wp-block-column {margin: 1%;} #belki .tytul {
color: #000;
text-transform: uppercase;
font-size: 3em;
clear: both;
display: block;
text-align: right;
margin: 0 !important;
}
#belki .tresc {
color: #000;
clear: both;
display: block;
margin: 0 !important;
}
#belki a {
text-decoration: none;
transition:ease-in-out 0.3s; opacity: 1;
color: inherit !important;
}
#belki a:hover {
transition:ease-in-out 0.3s; opacity: 0.5;
} #zajawka {
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/zajawkaBg.jpg) top center no-repeat;
background-color: #d7e4f0;
min-height: 707px;
padding: 0 0 0 0;
color: #000;
overflow: hidden;
}
#zajawka figure {
margin: 0 1% 0 0;
}
#zajawka h2 {
color: #1955a5;
text-transform: uppercase;
font-weight:600;
margin: 0;
padding: 80px 0 20px 0;
}
#zajawka p {
font-size: 1.5em;
}
#zajawka figure {
width: 100% !important;
}
#zajawka figure img{
width: 100% !important;
margin-top: 25px;
} #tresc {
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/aktualnosciBg.png) top center no-repeat;
background-size: contain;
background-color: #fff;
padding-bottom: 30px;
}
#tresc h1 {
color: #1955a5;
text-transform: uppercase;
font-size: 2em;
margin: 0;
padding: 20px 0 20px 0;
font-family: "Antonio", Verdana, Geneva, sans-serif; 
}  #najnowsze {
background-color: #fff;
padding-bottom: 30px;
overflow: hidden;
}
#najnowsze h4 {
color: #000;
text-transform: uppercase;
font-size: 3em;
margin: 0;
padding: 20px 0 20px 0;
}
#najnowsze h2, .wppsac-post-carousel.design-1 .wppsac-post-title a {
color: #000 !important;
}
.wppsac-wrap .wppsac-post-image {
width: 100% !important;
}
#najnowsze .wppsac-post-categories {
display: none !important;
}
.wppsac-post-content .wppsac-readmorebtn {
display: block;
float: right;
clear: both;
transition:ease-in-out 0.3s;
background-color: #ec6b24 !important;
padding: 10px 30px 10px 30px !important;
border-radius: 50px !important;
text-decoration: none;
text-transform: uppercase;
color: #fff !important;;
font-family: "Antonio", Verdana, Geneva, sans-serif;
font-size: 1em !important;
border: 0px !important;
}
.wppsac-post-content .wppsac-readmorebtn:hover {
transition:ease-in-out 0.3s;
background-color: #fff !important; 
color:  #466088 !important;
}
#najnowsze .wppsac-post-date, #najnowsze .wppsac-readmorebtn{
display: none !important;
} #stopka {
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/stopkaBg.jpg) top center no-repeat;
background-color: #38739d;
color: #fff;
padding-top: 270px;
padding-bottom: 50px;
overflow: hidden;
}
#stopka h3 {
font-size: 2em;
color: #fff;
margin-top: 0px;
padding-top: 0px;
}
#stopka #kontaktTresc {
padding: 0 0 0 20px;
}
#stopka #kontaktLogo {
display: block; 
width: 270px; 
height: 82px; 
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/logo.png) top center no-repeat; 
margin-top: 35px; 
clear: both;
}
#zadzwonTeraz {
width: 108px;
height: 70px;
position: fixed;
z-index: 3000;
right: 0px;
bottom: 40px;
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/zadzwonTeraz.png) top center no-repeat;
} .stronicowanie {display: block; clear: both; list-style: none; text-align: center; margin: 20px 0 20px 0;}
.stronicowanie a {
text-decoration: none;	
color: #999;
padding: 3px 8px 3px 8px;
border: 1px solid #999;	
border-radius: 5px;
}
.stronicowanie a:hover {
color: #000;
background-color: #CCC;
}
.stronicowanie .current {
color: #fff !important;
padding: 3px 8px 3px 8px;
border: 1px solid #fff;
background-color: #333;
border-radius: 5px;	
} .zobaczWszystko {
display: block;
float: right;
clear: both;
transition:ease-in-out 0.3s;
background: rgb(16,61,118);
background: linear-gradient(315deg, rgba(16,61,118,1) 0%, rgba(55,114,156,1) 100%); 
padding: 10px 30px 10px 30px;
border-radius: 50px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-family: "Antonio", Verdana, Geneva, sans-serif;
}
.zobaczWszystko:hover {
transition:ease-in-out 0.3s;
opacity: 0.5;
}
.wiecej {
display: block;
float: right;
transition:ease-in-out 0.3s;
background: rgb(16,61,118);
background: linear-gradient(315deg, rgba(16,61,118,1) 0%, rgba(55,114,156,1) 100%); 
padding: 10px 30px 10px 30px;
border-radius: 50px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-family: "Antonio", Verdana, Geneva, sans-serif;
}
.wiecej:hover {
transition:ease-in-out 0.3s;
opacity: 0.5;
}
#zajawka .wp-block-button {
float: right !important;
}
.wp-block-button__link {
display: block;
float: right !important;
clear: both;
transition:ease-in-out 0.3s;
background: rgb(16,61,118);
background: linear-gradient(315deg, rgba(16,61,118,1) 0%, rgba(55,114,156,1) 100%); 
padding: 10px 30px 10px 30px !important;
border-radius: 50px !important;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-family: "Antonio", Verdana, Geneva, sans-serif;
font-size: 1em !important;
z-index: 100;
}
.wp-block-button__link:hover {
transition:ease-in-out 0.3s;
opacity: 0.5;
} #sponsorzy {
min-height: 842px;
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/sponsorzyBg.png) top center no-repeat;
background-color: #fff;
}
#tabela {
min-height: 641px;
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/tabelaBg.jpg) top center no-repeat;
background-color: #38739d;
}
#wynik {
height: 800px;
overflow: hidden;
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/meczBg.jpg) top center no-repeat;
}
#wynik h2 {
color: #fff;
padding-top: 230px;
margin: 0;
}
#wynik h3 {
color: #1d385c;
text-align: center;
margin: 0;
padding: 40px 0 20px 0;
}
#wynik .time_circles h4, #wynik .time_circles span {
color: #fff !important;
}
#wynik figcaption {
text-align: center;
color: #fff;
font-family: 'Anton', Verdana, Geneva, sans-serif;
font-size: 1.5em;
padding: 0;
margin: 0;
line-height: 1em;
}
#sponsorzy h2 {
color: #1955a5;
font-size: 3em;
margin: 0;
padding: 20px 0 0 0;
}
#sponsorzy .sponsorWrapper {
padding: 150px 0 0 0;
}
#sponsorzy .zobaczWszystko {
float: left !important;
margin: 70px 0 0 0;
}
#tabela h2 {
color: #fff;
margin: 0;
}
#tabela {
color: #fff;
}
#tabela table {
margin: 50px 0 0 0;
}
#tabela table th {
border: 0px solid;
}
#tabela table th:first-child {
border-right: 1px solid #fff;
}
#tabela table td {
border: 0px solid;
}
#tabela table td:first-child {
border-right: 1px solid #fff;
}
#tabela table tr {
border-bottom: 1px solid #fff;
}
.slick-prev::before {
content: '' !important;
}
.slick-next::before {
content: '' !important;
}
.wp-post-image {
display: block;
width: 100%;
height: auto;
margin: 15px 0 30px 0;
}
article iframe {
aspect-ratio: 16 / 9;
width: 100% !important;
height: auto;
border-radius: 25px;
}
.wp-block-column p strong:nth-child(9) {
font-size: 4em;
}
#trescTabela {
padding: 0px 0 0 0;
}
#trescTabela table {
margin: 50px 0 0 0;
}
#trescTabela table th {
border: 0px solid;
}
#trescTabela table th:first-child {
border-right: 1px solid #333;
}
#trescTabela table td {
border: 0px solid;
}
#trescTabela table td:first-child {
border-right: 1px solid #333;
}
#trescTabela table tr {
border-bottom: 1px solid #333;
}
#artykul iframe {
aspect-ratio: 16 / 9;
width: 100% !important;
height: auto;
border-radius: 25px;
} #heroFoto {
display: block;
position: relative;
padding: 15px 5% 5% 0;
float: left;
}
#heroFoto .wp-post-image {
display: block;
height: auto;
margin: 0 0 0 0 !important;
-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
z-index: 1;
}
#heroFoto .numer {
display: block;
font-family: "Anton", Verdana, Geneva, sans-serif; 
background-color: #1955A5;
color: #fff;
overflow: hidden;
position: absolute;
z-index: 2;
-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
}
#trescZawodnik {
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/zawodnikBg.png) top center no-repeat;
background-color: #fff;
padding-bottom: 30px;
display: block;
overflow: hidden;
min-height: 850px;
}
#trescZawodnik2 {
background-color: #fff;
padding-bottom: 30px;
display: block;
overflow: hidden;
}
#trescZawodnik h1 {
color: #1955a5;
text-transform: uppercase;
font-size: 3em;
margin: 0;
padding: 20px 0 20px 0;
text-align: right;
}
#heroStat {
display: block;
overflow: hidden;
position: relative;
background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/bgBg.png) top center;
-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
}
#heroStat table {
width: 100%;
}
#heroStat table tr td:nth-child(even) {text-align: right; color: #000; font-family: "Anton", Verdana, Geneva, sans-serif; }
#heroStat table tr td:nth-child(odd) {text-align: left;}
#heroStat table tr {padding: 3px;}
#heroStat table tr:nth-child(even) {background-color: #D7E4F0;}
#heroStat table #napastnik {font-size: 2em; color: #1955a5 !important;}
#heroStat table td {padding: 10px 20px 10px 20px;}
#heroTitle {
display: block;
overflow: hidden;
padding: 34px 0 0 0 !important;
float: right;
line-height: 1em;
}
#tresc .wrapper {
overflow: hidden;
}
#tresc .glg-a-custom-wrap {
transition: ease-in-out 0.3s;
opacity: 1;
}
#tresc .glg-a-custom-wrap:hover {
transition: ease-in-out 0.3s;
opacity: 0.5 !important;
}
.wpforms-submit {
float: right !important;
}
.tabela table {
margin: 50px 0 0 0;
}
.tabela table th {
border: 0px solid;
}
.tabela table th:first-child {
border-right: 1px solid #333;
}
.tabela table th:nth-child(2) {
border-right: 1px solid #333;
}
.tabela table td {
border: 0px solid;
text-align: center;
}
.tabela table td:first-child {
border-right: 1px solid #333;
}
.tabela table td:nth-child(2) {
border-right: 1px solid #333;
}
.tabela table tr {
border-bottom: 1px solid #333;
}
#banner1 img, #banner1Mobile img {
width: 100%;
height: auto;
margin-top: 30px;
}
.error404 {
text-align: center;
font-size: 10em;
clear: both;
}
.text404 {
font-size: 2em;
text-align: center;
}
#biletyNaHokej {
background-color: #b4c9d8;
}
#biletyNaHokej a {
text-decoration: none;
width: 100%;
overflow: hidden;
display: block;
}
#biletyNaHokej a img {
width: 100%;
}
#biletyNaHokejMobile {
background-color: #b4c9d8;
padding-top: 15px;
}
#biletyNaHokejMobile a {
text-decoration: none;
width: 100%;
overflow: hidden;
display: block;
}
#biletyNaHokejMobile a img {
width: 100%;
}
#sklep {
display: block;
overflow: hidden;
padding-top: 50px;
font-size: 1em;
font-family: "Antonio", Verdana, Geneva, sans-serif; 
color: #464646;
}
#sklep #basesystem-shop {
font-size: 1em;
font-family: "Antonio", Verdana, Geneva, sans-serif; 
color: #464646;
}
#sklep #basesystem-shop-sidebar, #sklep .cart-section {
border: 0px solid!important;
}
#sklep .cart-section {
font-size: 0.7em;
}
#sklep #basesystem-shop {
margin: auto;
}
#sklep .tickets-list-item {
box-shadow: none!important;
}@media screen and (min-width: 1px) and (max-width: 360px){
#columns[data-columns]::before {content: '1 .col';}
.col {width: 100%;}		   
.gallery {margin: 1%; width: 31%;}	
.center {width: 80%; margin: 0 10% 0 10%; font-size: 1em; }	
.prawa {font-size: 1em;	}
.akapitLeftTekst {display: block; float: right; width: 80%; margin-right: 10%; margin-left: 10%;}
.akapitLeftFoto { width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.akapitRightTekst {display: block; float: right; width: 80%; margin-right: 10%;	margin-left: 10%;}
.akapitRightFoto {width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.wrapperOpis {width: 80%; margin: 2% 10% 2% 10%; font-size: 1em;  font-weight: bold;}
.bez {width: 80%; margin: 0 10% 0 10%; font-size: 1em; }
.lewa {font-size: 1em; }
aside {width: 100%;	margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 2em;	 color: #999;float: right;}	
#wrapPromo {font-size: 1em; color: #fff !important;	text-align: center;	position: absolute;	margin: 0 10% 0 10%; z-index:2;}
.tygodniaFoto {width: 100%; margin: 0 0 30px 0;}	
.artykulTygodnia {width: 100%;}		
#logo {display: block; width: 180px; height: 55px; background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/logo.png) top center no-repeat; background-size: cover; margin-top: 53px; float: right; margin-right: 55px; clear: both;}
#slide3 { display: block; overflow: hidden;	background-size: cover;	background-repeat: no-repeat; height: 750px; background-position: fixed}	
#zaslepka {background-color: #000; opacity: 0.4; position: absolute; width: 100%; z-index: 1; height: 750px;}	
.slideTresc {display: block; width: 90%; height: 230px; position: absolute; z-index: 2; margin: 300px 5% 0 5%; padding-top: 20px;}
.slideFoto {display: none;}
.slideBg {-webkit-filter: inherit; -moz-filter: inherit; -o-filter: inherit; -ms-filter: inherit; filter: inherit;}
.bxSlider .tresc {display: none;}
.bxSlider .tytul {font-size: 4em; line-height: 0.8em;}
.duza .tresc {display: none;}
.mala .tresc {display: none;}
.malaDwa .tresc {display: none;}
.srednia .tresc {display: none;}
.duza {display: block; float: left;	width: 100%; margin: 0 0 2% 0; border: 0px solid #000;}
.mala {display: block; float: left;	width: 100%; margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa {display: block; float: left; width: 100%;	margin: 0 0 2% 0;border: 0px solid #000;}
.srednia {display: block; float: left; width: 100%;	margin: 0 0 2% 0; border: 0px solid #000;}
.zdjecieGrupyleft {width: 98%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 98%; border: 0px solid; margin: 0 0 1% 1%; float: right;}
.wrapper {width: 90%; margin: 0 5% 0 5%;} .podgrupaStandard img {width: 100%; border: 0px solid #8773c8; margin: 0 30px 0px 0; border-radius: 25px;}
#menu {display: none;}
#zadzwonTeraz {display: block;}
#sliderWrap {padding-top: 110px;}
#loga {float: right; clear: both !important;}
.logo img {height: 55px;}
#malopolskaSub img {height: 43px !important;}
#malopolskaSub {padding-top: 5px; padding-left: 5px;}
#loga2 {float: right; clear: both;}
.logo2 img {height: 40px;}
#malopolska {clear: both; float: left !important;}
#malopolska img {height: 35px !important;}
#polandTravel img {height: 35px !important;}
#polandTravel {padding-top: 10px; padding-left: 5px; float: right !important;}
#sociale {clear: both; padding-top: 10px !important;}
#bigLogo a img {width: 70%;}
#bigLogo1 a img {width: 70%;}
#bigLogo1 {margin-top: 50%;}
#bigLogo1 a img {max-width: 200px;}
#bigLogo2 img {max-width: 150px; margin-left: 30px;}
#zajawka h2 {font-size: 2.3em; line-height: 1.1em;}
#wynik .time_circles h4 {font-size: 0.7em !important;}
#wynik h3 {font-size: 1.5em; padding: 40px 0 100px 0;}
#wynik h2 {font-size: 2em; padding: 260px 0 0 0;}
#wynik figcaption {font-size: 1em;}
#wynik .teamWrapper {padding-top: 20px;}
#sponsorzy h2 {font-size: 1.5em; padding: 60px 0 0 0;}
#tabela h2 {font-size: 2em;	padding: 20px 0 0 0;}
#heroFoto {width: 100%; margin-top: 100px;}
#heroFoto .wp-post-image {width: 95%;}
#heroFoto .numer {font-size: 5em; padding: 10px 30px 10px 30px; right: 10px; bottom: 0px;}
#heroStat {width: 90%; padding: 5%; margin: 50px 0 0 0; float: right;}
#heroTitle {width: 90%; margin: 50px 0 0 0 !important; font-size: 3em !important; background-color: #fff; padding-right: 20px !important; padding-bottom: 20px !important;}
#banner1Mobile {display: block;}
#banner1 {display: none;}
#biletyNaHokej {display: none !important;}
#biletyNaHokejMobile {display: block !important;}
}
@media screen and (min-width: 361px) and (max-width: 600px){
#columns[data-columns]::before {content: '2 .col'; }
.col {width: 50%;}		  		  
.gallery {margin: 1%; width: 23%;} 
.center {width: 80%; margin: 0 10% 0 10%; font-size: 1em;	} 
.akapitLeftTekst {display: block; float: right;	width: 80%;	margin-right: 10%; margin-left: 10%;}
.akapitLeftFoto {width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.akapitRightTekst {display: block;	float: right; width: 80%; margin-right: 10%; margin-left: 10%;}
.akapitRightFoto {width: 100%; border: 0px solid; margin: 1% 0% 1% 0%; padding: 0;}	
.prawa {font-size: 1em; }
.wrapperOpis {width: 80%; margin: 2% 10% 2% 10%; font-size: 1em;  font-weight: bold;}
.bez {width: 80%; margin: 0 10% 0 10%; font-size: 1em; }
.lewa {font-size: 1em; }
aside {width: 100%;	margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 2em;	 color: #999; float: right;} 
#wrapPromo {font-size: 1em; color: #fff !important; text-align: center; position: absolute; margin: 0 10% 0 10%; z-index:2;}
.tygodniaFoto {width: 100%; margin: 0 0 30px 0;} 
.artykulTygodnia {width: 100%;} 
#logo {display: block; width: 180px; height: 55px; background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/logo.png) top center no-repeat; background-size: cover; margin-top: 53px; float: right; margin-right: 55px; clear: both;}
#slide3 {display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; height: 650px;}	
#zaslepka {background-color: #000; opacity: 0.3; position: absolute; width: 100%; z-index: 1; height: 650px;} 
.slideTresc {display: block; width: 90%; height: 230px; position: absolute; z-index: 2; margin: 300px 5% 0 5%; padding-top: 20px;}
.slideFoto {display: none;}
.slideBg {-webkit-filter: inherit; -moz-filter: inherit; -o-filter: inherit; -ms-filter: inherit; filter: inherit;}
.duza .tresc {display: none;}
.mala .tresc {display: none;}
.malaDwa .tresc {display: none;}
.srednia .tresc {display: none;}
.duza {display: block; float: left;	width: 75%;	height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.mala {display: block; float: left; width: 23%;	height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa {display: block; float: left; width: 23%; height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.srednia { display: block; float: left;	width: 50%;	height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.zdjecieGrupyleft {width: 98%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 98%; border: 0px solid; margin: 0 0 1% 1%; float: right;}
.wrapper {width: 90%; margin: 0 5% 0 5%;} .podgrupaStandard img {width: 100%; border: 0px solid #8773c8; margin: 0 30px 0px 0; border-radius: 25px;}
#menu {display: none;}
#zadzwonTeraz {display: block;}
#sliderWrap {padding-top: 110px;}
#loga {float: right; clear: both !important;}
.logo img {height: 65px;}
#malopolskaSub img {height: 43px !important;}
#malopolskaSub {padding-top: 5px; padding-left: 5px;}
#loga2 {float: right; clear: both;}
.logo2 img {height: 50px;}
#malopolska img {height: 35px !important;}
#polandTravel img {height: 35px !important;}
#polandTravel {padding-top: 10px; padding-left: 5px;}
#sociale {clear: both;}
#bigLogo a img {width: 60%;}
#bigLogo1 a img {width: 60%;}
#bigLogo1 {margin-top: 40%;}
#bigLogo1 a img {max-width: 250px;}
#bigLogo2 img {max-width: 180px; margin-left: 15px;}
#zajawka h2 {font-size: 3em; line-height: 1.1em;}
#wynik .time_circles h4 {font-size: 0.8em !important;}
#wynik h3 {font-size: 2em; padding: 40px 0 60px 0;}
#wynik h2 {font-size: 2em; padding: 260px 0 0 0;}
#wynik figcaption {font-size: 1.5em;}
#sponsorzy h2 {font-size: 2em; padding: 40px 0 0 0;}
#tabela h2 {font-size: 2em;	padding: 20px 0 0 0;}
#heroFoto {width: 100%; margin-top: 100px;}
#heroFoto .wp-post-image {width: 95%;}
#heroFoto .numer {font-size: 5em; padding: 10px 30px 10px 30px; right: 30px; bottom: 0px;}
#heroStat {width: 90%; padding: 5%; margin: 50px 0 0 0; float: right;}
#heroTitle {width: 100%; margin: 30px 0 0 0 !important; font-size: 5em !important;}
#banner1Mobile {display: block;}
#banner1 {display: none;}
#biletyNaHokej {display: none !important;}
#biletyNaHokejMobile {display: block !important;}
}
@media screen and (min-width: 601px) and (max-width: 1099px){
#columns[data-columns]::before {content: '3 .col';}
.col {width: 33%;}		  		  
.gallery {margin: 1%; width: 12%;} 
.center {width: 80%; margin: 0 10% 0 10%; font-size: 1em;	} 
.prawa {font-size: 1em; }
.akapitRightTekst {display: block; float: left; width: 49%;	margin-right: 1%; margin-left: 10%;}
.akapitRightFoto {width: 40%; border: 0px solid; margin: 0; padding: 0; float: right;}	 
.akapitLeftTekst {display: block; float: right;	width: 49%;	margin-right: 10%; margin-left: 1%;}
.akapitLeftFoto {width: 40%; border: 0px solid;	margin: 0; padding: 0; float: left;} 
.wrapperOpis {width: 80%; margin: 2% 10% 2% 10%; font-size: 1em;  font-weight: bold;}
.bez {width: 80%; margin: 0 10% 0 10%;	font-size: 1em; }
.lewa {font-size: 1em; }
aside {width: 220px; margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 2em;  color: #999; float: right;} 
#wrapPromo {font-size: 1em; color: #fff !important; text-align: center; position: absolute; margin: 0 10% 0 10%;z-index:2;}
.tygodniaFoto {width: 50%; float: right; margin: 0 0 15px 15px;} 
.artykulTygodnia {width: 70%; padding-left: 30%;} 
#logo {display: block; width: 270px; height: 82px; background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/logo.png) top center no-repeat; margin-top: 35px; float: right; margin-right: 55px; clear: both;}
#slide3 {display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; height: 450px;}	
#zaslepka {background-color: #000; opacity: 0.3; position: absolute; width: 100%; z-index: 1; height: 450px; } 
.slideTresc {display: block; width: 90%; height: 250px; position: absolute; z-index: 2; margin: 300px 5% 0 5%;}
.duza {display: block; float: left; width: 75%;	height: 550px; margin: 0 2% 2% 0; border: 0px solid #000;}
.mala {display: block; float: left; width: 23%;	height: 550px;	margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa {display: block; float: left; width: 23%; height: 550px; margin: 0 2% 2% 0; border: 0px solid #000;}
.srednia {display: block; float: left; width: 50%; height: 550px; margin: 0 0 2% 0; border: 0px solid #000;} 
.zdjecieGrupyleft {width: 40%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 40%; border: 0px solid; margin: 0 0 1% 1%; float: right;}
.wrapper {width: 90%; margin: 0 5% 0 5%;} .podgrupaStandard img {width: 40%; border: 0px solid #8773c8; margin: 0 30px 0px 0; float: left; border-radius: 25px;}
#menu {display: none;}
#zadzwonTeraz {display: block;}
#sliderWrap {padding-top: 110px;}
#loga {float: right; clear: both !important;}
.logo img {height: 65px;}
#malopolskaSub img {height: 43px !important;}
#malopolskaSub {padding-top: 5px; padding-left: 5px;}
#loga2 {float: right; clear: both;}
.logo2 img {height: 58px;}
#malopolska img {height: 45px !important;}
#polandTravel img {height: 45px !important;}
#polandTravel {padding-top: 10px; padding-left: 5px;}
#sociale {clear: both;}
#bigLogo a img {width: 60%;}
#bigLogo1 a img {width: 60%;}
#bigLogo1 {margin-top: 45%;}
#bigLogo1 a img {max-width: 250px;}
#bigLogo2 img {max-width: 300px;}
#zajawka h2 {font-size: 3em; line-height: 1.1em;}
#wynik .time_circles h4 {font-size: 1em !important;}
#wynik h3 {font-size: 2.5em;}
#wynik h2 {font-size: 3em;}
#wynik figcaption {font-size: 1.5em;}
#sponsorzy h2 {font-size: 3em; padding: 20px 0 0 0;}
#tabela h2 {font-size: 3em;	padding: 10px 0 0 0;}
#heroFoto {width: 60%;}
#heroFoto .wp-post-image {width: 90%;}
#heroFoto .numer {font-size: 5em; padding: 10px 30px 10px 30px; right: 30px; bottom: 24px;}
#heroStat {width: 90%; padding: 5%; margin: 50px 0 0 0; float: right;}
#heroTitle {width: 35%;	margin: 17px 0 0 0 !important; font-size: 4em !important;}
#banner1Mobile {display: none;}
#banner1 {display: block;}
#biletyNaHokej {display: none !important;}
#biletyNaHokejMobile {display: block !important;}
}
@media screen and (min-width: 1100px) and (max-width: 9999px){
#columns[data-columns]::before {content: '4 .col';}
.col {width: 25%;}	 
.gallery { margin: 1%; width: 12%;}
.polowa {display: block; width: 48%; margin: 1%; float: left;}
.center {width: 75%; margin: 0 15% 0 10%; font-size: 1em; } 
.prawa { font-size: 1em; }
.akapitLeftTekst {display: block; float: right; width: 44%; margin-right: 15%; margin-left: 1%;}
.akapitLeftFoto {width: 40%; border: 0px solid; margin: 0; padding: 0; float: left;}
.akapitRightTekst {display: block; float: left; width: 49%; margin-right: 1%; margin-left: 10%;}
.akapitRightFoto { width: 40%; border: 0px solid; margin: 0; padding: 0; float: right;}	
.wrapperOpis {width: 75%; margin: 2% 15% 2% 10%; font-size: 1em; font-weight: bold; }
.bez {width: 75%; margin: 0 15% 0 10%;	font-size: 1em; }
.lewa {font-size: 1em; }
aside {width: 360px; margin: 0.5%; padding: 1%; border: 1px dotted #999; font-size: 2em;  color: #999; float: right;} 
#wrapPromo {font-size: 1em; color: #fff !important; text-align: center; position: absolute; margin: 0 10% 0 10%; z-index:2;}
.tygodniaFoto {width: 50%; float: right; margin: 0 0 15px 15px;}
.artykulTygodnia {width: 70%; padding-left: 30%;}
#logo {display: block; width: 270px; height: 82px; background: url(//unia-oswiecim.pl/wp-content/themes/hexade/img/logo.png) top center no-repeat; margin-top: 35px; float: left; clear: both;}
#slide3 {display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; height: 350px;}	
#zaslepka {background-color: #000; opacity: 0.3; position: absolute; width: 100%; z-index: 1; height: 350px;} 
.slideTresc {display: block; width: 65%; height: 250px; position: absolute; z-index: 2; margin: 300px 0 0 5%;}
.duza {display: block; float: left; width: 75%; height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.mala {display: block; float: left; width: 23%; height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.malaDwa { display: block; float: left; width: 23%; height: 450px; margin: 0 2% 2% 0; border: 0px solid #000;}
.srednia { display: block; float: left; width: 50%; height: 450px; margin: 0 0 2% 0; border: 0px solid #000;}
.zdjecieGrupyleft {width: 40%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 40%; border: 0px solid; margin: 0 0 1% 1%; float: right;}
.wrapper {width: 1140px; margin: auto;} .podgrupaStandard img {width: 40%; border: 0px solid #8773c8; margin: 0 30px 0px 0; float: left; border-radius: 25px;}
#trigger4 {display: none;}
#zadzwonTeraz {display: none;}
#loga {float: right;}
.logo img {height: 75px;}
#malopolskaSub img {height: 45px !important;}
#malopolskaSub {padding-top: 5px; padding-left: 5px;}
#polandTravelSub img {height: 45px !important;}
#polandTravelSub {padding-top: 5px; padding-left: 5px;}
#loga2 {float: right;}
.logo2 img {height: 68px;}
#malopolska img {height: 45px !important;}
#malopolska {padding-top: 2px;}
#polandTravel img {height: 45px !important;}
#polandTravel {padding-top: 10px; padding-left: 5px;}
#bigLogo a img {width: 50%;}
#bigLogo1 a img {width: 50%;}
#bigLogo1 {bottom: 20px;}
#bigLogo1 a img {max-width: 400px;}
#bigLogo2 img {max-width: 300px;}
#zajawka h2 {font-size: 2.6em; line-height: 1.3em;}
#wynik .time_circles h4 {font-size: 0.9em !important;}
#wynik h3 {font-size: 2.5em;}
#wynik h2 {font-size: 3em;}
#wynik figcaption {font-size: 1.5em;}
#sponsorzy h2 {font-size: 3em; padding: 20px 0 0 0;}
#tabela h2 {font-size: 3em;	padding: 100px 0 0 0;}
#heroFoto {width: 45%;}
#heroFoto .wp-post-image {width: 100%; right: 30px; bottom: 24px;}
#heroFoto .numer {font-size: 10em; padding: 20px 60px 20px 60px; right: 30px; bottom: 24px;}
#heroStat {width: 35%; padding: 5%; margin: 50px 0 0 0; float: right;}
#heroTitle {width: 50%;	font-size: 5em !important;}
#banner1Mobile {display: none;}
#banner1 {display: block;}
#biletyNaHokej {display: block !important;}
#biletyNaHokejMobile {display: none !important;}
}
.teamWrapper {width: 100%; max-width: 750px;	margin: auto;}
.sponsorWrapper {width: 100%; overflow: hidden;}
.wrapperBilety {width: 90%; margin: 0 5% 0 5%;}   .col {min-height: 1px; padding-left: 0px; padding-right: 0px; position: relative; float: left;}
.container {width: 100%; padding-bottom: 30px;}
.podgrupa img {width: 100%; border: 0 none; vertical-align: middle; margin: auto; border-radius: 25px;}
.podgrupa {display: block; width: 90%; border: 0px dotted #CCC;	padding: 0; margin: 15px auto 0 auto; overflow: hidden;}
.podgrupa .tytul {display: block; font-family: "Anton", Verdana, Geneva, sans-serif; font-size: 2em; color: #283c65;; text-transform: uppercase; margin: 0; padding: 3% 0 0 0; line-height: 1.1em;}
.podgrupa .tresc {display: block; font-size: 1.2em; color: #999;}
.podgrupa a {text-decoration: none; opacity: 1; transition:ease-in-out 0.3s;}
.podgrupa a:hover {opacity: 0.5; transition:ease-in-out 0.3s;}
.podgrupaZawodnicy img {width: 100%; border: 0 none; vertical-align: middle; margin: auto;}
.podgrupaZawodnicy {
display: block; 
min-height: 666px;
width: 86%; 
border: 0px solid #666;	
margin: 15px auto 0 auto; 
overflow: hidden; 
padding: 2%;
text-align: center;
-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
}
.podgrupaZawodnicy .tytul {display: block; font-family: "Anton", Verdana, Geneva, sans-serif; font-size: 2em; color: #283c65;; text-transform: uppercase; margin: 0; padding: 50px 0 0 0; line-height: 1.1em;}
.podgrupaZawodnicy .tresc {display: block; font-size: 1.2em; color: #999;}
.podgrupaZawodnicy .numer {display: block; font-size: 5em; color: #39649C; font-family: "Anton", Verdana, Geneva, sans-serif;}
.podgrupaZawodnicy .pozycja {display: block; font-size: 1.2em; color: #999; padding: 30px 0 20px 0;}
.podgrupaZawodnicy a {text-decoration: none; opacity: 1; transition:ease-in-out 0.3s;}
.podgrupaZawodnicy a:hover {opacity: 0.5; transition:ease-in-out 0.3s;}
.podgrupaStandard {display: block; width: 90%; border: 0px dotted #CCC;	padding: 0; margin: 15px auto 0 auto; overflow: hidden;}
.podgrupaStandard .tytul {display: block; font-family: "Anton", Verdana, Geneva, sans-serif; font-size: 2em; color: #283c65;; text-transform: uppercase; margin: 0; padding: 3% 0 0 0; line-height: 1.1em;}
.podgrupaStandard .tresc {display: block; font-size: 1.2em; color: #999;}
.podgrupaStandard a {text-decoration: none; opacity: 1; transition:ease-in-out 0.3s;}
.podgrupaStandard a:hover {opacity: 0.5; transition:ease-in-out 0.3s;}
.podgrupaStandard span {display: block;}
#hex_footer {display: block; float: right; height: 33px; padding: 5px 0 0 0; width: 180px;}
#hex_footer a {text-decoration: none; color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em;}
#hex_footer a:hover {opacity: 0.5;}
#hex_footer a span {padding: 10px 0 0 0; display: block; float: left;}
#hex_footer a img {float: left; margin-left: 10px;}
#politykaPrywatnosci {display: block; float: left; width: 350px; height: 33px; padding: 10px 0 0 0;}
#politykaLink {color: #1955a5;	font-size: 0.8em; text-decoration: none;}
#politykaLink:hover {color: #666 !important;}