@charset "utf-8";
/* SIEROTY I WDOWY */
p{
	orphans:1;
	widows:2;
	text-align:justify;
}
/* LINKI */
a:link{ color: #0063B1; text-decoration: none; }

a:visited{ color: #0063B1; text-decoration: none; }

a:hover{ color: #0078D7; text-decoration: none; }
.pseudo-przycisk{
	background: rgba(252, 252, 252, 0.5);
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 4px;
  text-decoration: none;
	-webkit-box-shadow: 0 5px 10px 0 rgba(150,150,150,1);
	box-shadow: 0 5px 10px 0 rgba(150,150,150,1);
	max-width: 400px;
	margin: auto;
}
#tresc{
	margin-top: 30px;
	 -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1.4em;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	display: block;
}
@media screen and (max-width: 700px){
#tresc{
margin-top: 40px;
}
}
#tresc p{
orphans: 1;
widows: 1;
}
#tresc a{
	color: #970000;
	font-weight: bold;
}
#tresc a:hover{
	color: #970000;
	font-weight: bold;
}
@media screen and (max-width: 700px){
#margines{
	display:block;
	margin: auto 4px auto 4px;
}
}
#logo-partnet{
	float: left;
	margin-right:5px;
	z-index:1000;
}
@media screen and (max-width: 700px){
#logo-partnet{
	display: block;
	float: inherit;
	z-index: 1000;
	margin: auto;
}
}
.email_contakt{
	visibility: hidden;
	font-size: 1px;
}
/* NAGLÓWKI */
/* Błąd 404 */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,800');
.zoom-area, .kontener-odwolania{
text-align: center;
font-size: 2em;
}
.kontener-blad404{
	text-align:center;
	font-family: 'Catamaran', sans-serif;
	font-size: 4em;
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.kontener404 {
  text-align: center;
  font-size: 106px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  margin: 70px 15px;
}
.kontener404 > span {
  display: inline-block;
  position: relative;
}
.kontener404 > span.cztery {
  width: 136px;
  height: 43px;
  border-radius: 999px;
  background:
    linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
    linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
    linear-gradient(to right, #d89ca4, #e27b7e);
}
.kontener404 > span.cztery:before,
.kontener404 > span.cztery:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 999px;
}
.kontener404 > span.cztery:before {
  width: 43px;
  height: 156px;
  left: 60px;
  bottom: -43px;
  background:
    linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
    linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
    linear-gradient(to top, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}
.kontener404 > span.cztery:after {
  width: 137px;
  height: 43px;
  transform: rotate(-49.5deg);
  left: -18px;
  bottom: 36px;
  background: linear-gradient(to right, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}

.kontener404 > span.zero {
  vertical-align: text-top;
  width: 156px;
  height: 156px;
  border-radius: 999px;
  background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%,  transparent 51%, transparent 100%),
    linear-gradient(to top right, #99749D, #99749D, #B895AB, #CC9AA6, #D7969E, #ED8687, #ED8687);
  overflow: hidden;
  animation: bgshadow 5s infinite;
}
.kontener404 > span.zero:before {
  content: '';
  display: block;
  position: absolute;
  transform: rotate(45deg);
  width: 90px;
  height: 90px;
  background-color: transparent;
  left: 0px;
  bottom: 0px;
  background:
    linear-gradient(95deg, transparent 0%, transparent 8%, rgba(0, 0, 0, 0.07) 9%, transparent 50%, transparent 100%),
    linear-gradient(85deg, transparent 0%, transparent 19%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.07) 91%, transparent 92%, transparent 100%);
}
.kontener404 > span.zero:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 999px;
  width: 70px;
  height: 70px;
  left: 43px;
  bottom: 43px;
  background: #FDFAF5;
  box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.wyswietlany-na-ekranie {
    position: absolute;
    top: -9999em;
    left: -9999em;
}
@keyframes bgshadow {
  0% {
    box-shadow: inset -160px 160px 0px 5px rgba(0, 0, 0, 0.4);
  }
  45% {
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
  55% {
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: inset 160px -160px 0px 5px rgba(0, 0, 0, 0.4);
  }
}
/* TREŚĆ */
.kontakt-flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.kontakt-adres{
text-align: center;
border: 4px solid white;
padding: 5px;
background-color: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
display: block;
margin-right: 15px;
min-height: 200px;
height: auto;
animation-duration: 3s;
animation-delay: 0s;
margin-bottom: 30px;
}
.kontakt-adres > h2{
	font-size: 1.2em;
}
.kontakt-email{
text-align: center;
border: 4px solid white;
padding: 5px;
background-color: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
display: block;
margin-left: 15px;
min-height: 200px;
height: auto;
animation-duration: 3s;
animation-delay: 0s;
margin-bottom: 30px;
}
.kontakt-fiszka{
	position: relative;
	border: 4px solid rgba(255, 255, 255, 0.7);
	padding: 3px 10px 3px 5px;
	max-width: 150px;
	width: 100%;
	margin-top: -30px;
	margin-bottom: 10px;
	display: block;
	text-align: left;
	font-weight: bold;
	z-index: 10000;
	background: rgba(255, 255, 255, 0.6);
	-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.kontakt-nasz-team{
	border: 4px solid white;
	display: block;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
	margin: auto;
	max-width: 981px;
	max-height: 398px;
	height: 398px;
	text-align: center;
	background: url(/images/kontakt/nasz-team.jpg) no-repeat center;
	animation-duration: 4s;
  	animation-delay: 0s;
}
.kontakt-nasz-team-haslo{
display: block;
margin-top: 150px;
width: 100%;
padding: 20px 0px 30px 0px;
font-size: 3em;
color: #1c43b2;
font-weight: bold;
position: relative;
animation-duration: 5s;
-webkit-box-shadow:inset 0 0 20px 0 #FFFFFF;
box-shadow:inset 0 0 20px 0 #FFFFFF;
text-shadow: 1px 1px 0 #FFFFFF;
background: rgba(255, 255, 255, 0.5);
}
.kontakt-nasz-team-haslo::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 20px 15px -10px rgba(0, 0, 0, 0.2),0px -20px 15px -10px rgba(0, 0, 0, 0.2);
  border-top: 4px solid rgba(255, 255, 255, 1);
	border-bottom: 4px solid rgba(255, 255, 255, 1);
  }
.dane_teleadresowe{
	border: 4px solid white;
	display: block;
	padding: 10px;
	-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1);
	box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1);
	margin-top: 40px;
	margin-bottom: 8px;
	margin: auto;
	background-color: rgba(255, 255, 255, 0.5);
	max-width: 930px;
	text-align: center;
	font-size: 0.9em;
	text-align: justify;
	animation-duration: 3s;
	animation-delay: 0s;
}
.speedtest-iframe{
	border: 4px solid white;
	display: block;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
	margin-top: 8px;
	margin-bottom: 8px;
	margin: auto;
	background-color: rgba(255, 255, 255, 0.5);
	max-width: 981px;
	text-align: center;
	width:800px; height:490px; margin:auto; background: #FFF; overflow: hidden;
}
@media only screen and (max-width : 800px) {
.speedtest-iframe{
display: none;
}
.speedtest:before{
text-align: center;
color: #b50000;
font-size: 1.2em;
content: 'SZANOWNY INTERNAUTO! Usługa testu prędkości łącza internetowego dostępna jest wyłącznie dla urządzeń stacjonarnych takich jak komputery PC i laptopy. Przeprowadzenie testu na urządzeniach mobilnych jest nieefektywne.';
}
}
/* Startowa slider */
.gallery .control-button {
  color: rgba(153, 0, 0, 0.4);
}
.gallery .control-button:hover {
  color: rgba(153, 0, 0, 0.8);
}
img.gallery{
max-width: 1100px;
height: auto;	
}
.gallery {
position: relative;
margin: auto;
max-width: 1100px;
 display: inline-block;
 z-index: 0;
 animation-duration: 2s;
}
.gallery .item {
  overflow: hidden;
  text-align: center;
  height: auto;
  margin-left: 0px;
  margin-top: 0px;
}
.gallery .controls {
  position: relative;
  max-width: 1100px;
  text-align: center;
  margin-top: -50px;
  margin-bottom: 20px;
  display: block;
}
.gallery .control-button {
  display: inline-block;
  margin: 0 .02em;
  font-size: 3em;
  text-align: center;
  text-decoration: none;
  transition: color .1s;
}
/* Startowa slider - koniec */
#startowa-dekielki{
  display: flex;
  align-content: center;
}
@media (max-width: 850px) {
#startowa-dekielki{
	display: block;
}
}
.startowa_dekielek{
display: inline-block;
max-width: 255px;
max-height: 180px;
border: 4px solid rgba(255, 255, 255, 0.9);
vertical-align: top;
background-color: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
margin: auto;
margin-bottom: 10px;
animation-duration: 3s;
}

.startowa_dekielek-tytul{
max-width: 255px;
text-align: center;
font-size: 1.3em;
 background-color: #0063B1;
 color: white;
 -moz-box-sizing: border-box; 
 box-sizing: border-box;
 padding: 10px 0px 10px 0px;
 margin-bottom: 5px;	
}
.startowa-dekielek-tresc{
font-size: 0.9em;
text-shadow: 1px 1px 0 #FFFFFF;
text-align: justify;
padding-left: 3px;
padding-right: 3px;
}
.startowa-dekielek-wiecej{
	text-align: right;
	padding-left: 3px;
	padding-right: 3px;
	margin-top: -5px;
}
.zdjecie-styl{
	top: 0;
	left: 0;
	position: relative;
	overflow: hidden;
	border: solid 4px rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
   float: left;
   margin-right: 20px;
   max-width: 100%;
   min-width: 100px;
   height: auto;
   display: block;
}
.zdjecie-styl img{
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.zdjecie-styl img:hover {
-webkit-transform: scale(1.31);
-ms-transform: scale(1.31);
transform: scale(1.31);
filter: saturate(25%);
-webkit-filter: saturate(25%);
-moz-filter: saturate(25%);
}
.zdjecie-pomoc{
	border: solid 4px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
	display: block;
	margin: auto;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 500px){
.zdjecie-styl{
	border: solid 2px white;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
   float: left;
   margin-right: 10px;
   max-width: 40%;
   min-width: 80px;
   height: auto;
   display: block;
}
}
/* SERWIS WSPARCIA TECHNICZNEGO */
.pomoc-img{
	border: 4px solid white;
	margin: auto;
	text-align: center;
	display: block;
	-webkit-box-shadow: 0 5px 5px 1px rgba(0,0,0,0.2);
	box-shadow: 0 5px 5px 1px rgba(0,0,0,0.2);
}
#pomoc-banner{
background-image: url(/images/pomoc/baner-dbamy-o-twoje-bezpieczenstwo-slider.jpg);
background-size: 99% 317px;
background-repeat: repeat-x;
animation: PomocLeft 20s linear infinite;
background-position: 0% 100%;
display: block;
margin: auto;
border: 4px solid white;
 min-height: 317px;
 -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
}
       @keyframes PomocLeft {
            to {
                background-position: 9900% 100%;
            }
        }

        @-moz-keyframes PomocLeft {
            to {
                background-position: 9900% 100%;
            }
        }

        @-webkit-keyframes PomocLeft {
            to {
                background-position: 9900% 100%;
            }
        }
.pomoc-haslo{
min-height: 100px;
display: block;
 border-bottom: 4px solid white;
 border-left: 0px none;
 border-right: 0px none;
 border-top: 4px solid white;
background: rgba(255, 255, 255, 0.3);
 margin-top: 100px;
 -webkit-box-shadow:inset 0 0 40px 0 rgba(255,255,255,0.9);
	box-shadow:inset 0 0 40px 0 rgba(255,255,255,0.9);
	position: relative;
	animation-duration: 3s;
}
.pomoc-haslo:before{
height: 100px;
width: 994px;
	-webkit-filter: blur(30px);
	-moz-filter: blur(30px);
	-o-filter: blur(30px);
	-ms-filter: blur(30px);
	filter: blur(30px);
}
.pomoc-slogan{
display: block;
color: #ffffff;
font-size: 2.1em;
text-align: center;
text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
margin-top: 40px;
text-transform: uppercase;
font-weight: bold;
}

.pomoc-dekielek{
display: inline-block;
width: 320px;
height: 200px;
border: 4px solid white;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.5);
margin-left: 20px;
margin-right: 15px;
margin-bottom: 20px;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
animation-duration: 3s;
}
.pomoc-dekielek-tytul{
width: 320px;
text-align: center;
font-size: 1.3em;
 background-color: #0063B1;
 color: white;
 -moz-box-sizing: border-box; 
 box-sizing: border-box;
 padding: 10px 0px 10px 0px;
}
.pomoc-dekielek-tresc{
font-size: 0.8em;
	width: 320px;
-moz-box-sizing: border-box; 
 box-sizing: border-box;
 padding: 5px 3px 5px 3px;
 text-align: justify;
}
.pomoc-dekielek-button {
	-moz-box-shadow: 0px 10px 14px -7px #525252;
	-webkit-box-shadow: 0px 10px 14px -7px #525252;
	box-shadow: 0px 10px 14px -7px #525252;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d32f2f), color-stop(1, #c0392b));
	background:-moz-linear-gradient(top, #d32f2f 5%, #c0392b 100%);
	background:-webkit-linear-gradient(top, #d32f2f 5%, #c0392b 100%);
	background:-o-linear-gradient(top, #d32f2f 5%, #c0392b 100%);
	background:-ms-linear-gradient(top, #d32f2f 5%, #c0392b 100%);
	background:linear-gradient(to bottom, #d32f2f 5%, #c0392b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d32f2f', endColorstr='#c0392b',GradientType=0);
	background-color:#d32f2f;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #970000;
	display: table;
	cursor:pointer;
	color:#ffffff;
	font-size:1.1em;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #383838;
	margin: 0 auto;
}
.button-link{
	color: white !important;
}
.pomoc-dekielek-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c0392b), color-stop(1, #d32f2f));
	background:-moz-linear-gradient(top, #c0392b 5%, #d32f2f 100%);
	background:-webkit-linear-gradient(top, #c0392b 5%, #d32f2f 100%);
	background:-o-linear-gradient(top, #c0392b 5%, #d32f2f 100%);
	background:-ms-linear-gradient(top, #c0392b 5%, #d32f2f 100%);
	background:linear-gradient(to bottom, #c0392b 5%, #d32f2f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0392b', endColorstr='#d32f2f',GradientType=0);
	background-color:#c0392b;
}
.pomoc-dekielek-button:active {
	position:relative;
	top:1px;
}
/*  Pozostałe style */
.koleczko{
display: inline-block;
width: 25px;
height: 25px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ed1c24;
    border: 2px solid #970000;
    color: white;
    font-size: 1.5em;
    text-align: center;
}
.koleczko2{
display: inline-block;
width: 25px;
height: 25px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #0078D7;
    border: 2px solid #0063B1;
    color: white;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000000;
    -webkit-box-shadow: 0 3px 5px 0 rgba(150,150,150,1);
	box-shadow: 0 3px 5px 0 rgba(150,150,150,1);
}
.tabelka th h1 {
	  font-weight: bold;
	  font-size: 1em;
  text-align: center;
}
.tabelka td {
	  font-weight: normal;
	  font-size: 1em;
  -webkit-box-shadow: 0 2px 2px -2px #0E1119;
	   -moz-box-shadow: 0 2px 2px -2px #0E1119;
	        box-shadow: 0 2px 2px -2px #0E1119;
}
.tabelka {
	  text-align: left;
	  overflow: hidden;
	  max-width: 70%;
	  width: 100%;
	  height: auto;
	  margin: 0 auto;
  display: table;
  padding: 0 0 8em 0;
}
.tabelka td, .tabelka th {
	  padding-bottom: 2%;
	  padding-top: 2%;
  padding-left:2%;  
}
/* Background-color of the odd rows */
.tabelka tr:nth-child(odd) {
	  background-color: #dcdcdc;
}
/* Background-color of the even rows */
.tabelka tr:nth-child(even) {
	  background-color: silver;
}
.tabelka th {
	  background-color: #e7e7e7;
}
.tabelka td:first-child { color: #970000; }

.tabelka tr:hover {
   background-color: #b9bcc4;
-webkit-box-shadow: 0 6px 6px -6px #0E1119;
	   -moz-box-shadow: 0 6px 6px -6px #0E1119;
	        box-shadow: 0 6px 6px -6px #0E1119;
}
.tabelka td:hover {
  background-color: #f5f5f5;
  color: #403E10;
  font-weight: bold;
  
  box-shadow: #778899 -1px 1px, #778899 -2px 2px, #778899 -3px 3px, #778899 -4px 4px, #778899 -5px 5px, #778899 -6px 6px;
  transform: translate3d(6px, -6px, 0); 
  transition-delay: 0s;
	  transition-duration: 0.4s;
	  transition-property: all;
  transition-timing-function: line;
}
@media (max-width: 800px) {
.tabelka td:nth-child(4),
.tabelka th:nth-child(4) { display: none; }
}
#tabela-rodo{
	text-align: left;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	background-color: #fefefe;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.14);
	box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.14);
	width: 99%;
	margin: auto;
	border:1px solid #95a5a6;
   border-collapse: collapse;
   font-size: 0.8em;
   margin-bottom: 20px;
}
#tabela-rodo td{
	padding: 6px;
}
.rodo-temat{
	background-color: #ecf0f1;
	border-right: thin solid #d7e0e3;
	border-bottom: thin solid #d7e0e3;
}
/* Ruchome ikony fluent */
.img span {
  width: 50%;
  height: 50%;
  position: absolute;
}
.img span:first-child, .img span:nth-child(2) {
  top: 0;
}
.img span:first-child, .img span:nth-child(3) {
  left: 0;
}
.img span:nth-child(2), .img span:nth-child(4) {
  right: 0;
}
.img span:nth-child(3), .img span:nth-child(4) {
  bottom: 0;
}
.ikona {
max-width: 300px;
height: auto;
display: block;
float: left;
margin-right: 20px;
}
.ikona > a {
  position: relative;
  transform-style: preserve-3d;
}
.ikona > a:hover {
  cursor: pointer;
}
.ikona > a:hover .title:after {
  background-position: 0% 100%;
}
.ikona > a .img {
  width: 100%;
  position: relative;
}
.ikona > a .img > span {
  z-index: 2;
}
.ikona > a .img > span ~ img {
  z-index: 1;
  transition: 0.2s;
  width: 100%;
}
.ikona > a .img > span:first-child:hover ~ img {
  transform: perspective(600px) rotateX(10deg) rotateY(-10deg);
}
.ikona > a .img > span:nth-child(2):hover ~ img {
  transform: perspective(600px) rotateX(10deg) rotateY(10deg);
}
.ikona > a .img > span:nth-child(3):hover ~ img {
  transform: perspective(600px) rotateX(-10deg) rotateY(-10deg);
}
.ikona > a .img > span:nth-child(4):hover ~ img {
  transform: perspective(600px) rotateX(-10deg) rotateY(10deg);
}

/*Historia firmy */
@keyframes slidy {
0% { left: 0%; }
5% { left: 0%; }
10% { left: -100%; }
25% { left: -100%; }
30% { left: -200%; }
35% { left: -200%; }
40% { left: -300%; }
45% { left: -300%; }
50% { left: -400%; }
55% { left: -400%; }
60% { left: -500%; }
65% { left: -500%; }
70% { left: -600%; }
75% { left: -600%; }
80% { left: -700%; }
85% { left: -700%; }
90% { left: -800%; }
95% { left: -800%; }
97% { left: -900%; }
98% { left: -900%; }
100% { left: -1000%; }
}
#slider-pod{
	position: relative;
	z-index: 500;
	max-width: 1096px;
	width: 100%
	background: white;
	border: 4px solid white;
	-webkit-box-shadow: 0 10px 20px 0 rgba(50,50,50,0.2);
	box-shadow: 0 10px 20px 0 rgba(50,50,50,0.2);
	background-image: url(/images/firma/slider-podklad.jpg);
}
#slider{
	z-index: 2000;
	max-width: 996px;
	width: 100%;
	max-height: 350px;
	height: auto;
	display: block;
	margin: auto;

}
div#slider { overflow: hidden; }
div#slider figure img { width: 10%; float: left; }
div#slider figure { 
  position: relative;
  width: 1000%;
  height: 100%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 50s slidy infinite; 
}
/* SERWISY DEMONSTRACYJNE */
.flexbox-serwisydemo {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 10px;
}
.serwisy-demo{
	max-width: 350px;
	width: 100%;
	height: auto;
	border: 4px solid rgba(255, 255, 255, 0.5);
	margin-left: 10px;
	margin-right: 10px;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
	background: white;
	z-index: 50;
	transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.serwisy-demo:hover{
	transform: scale(1.4) ;
	-webkit-transform: scale(1.4) ;
	-moz-transform: scale(1.4) ;
	z-index: 1000;
}
.oferta-serwisy-banner{
border: 4px solid white;
max-width: 1000px;
width: 100%;
padding: 30px 0px 30px 0px;
background: url(/images/oferta/banner-ofert.jpg) no-repeat center;
-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
margin: auto;
}
.oferta-serwisy {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:rgba(255, 255, 255, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.8);
	display:inline-block;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-align: center;
	text-shadow:0px 1px 0px #ffffff;
	transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.7);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.7);
	margin: auto;
	display: block;
}
.oferta-serwisy:hover {
background-color: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);

}
.oferta-serwisy:active {
	position:relative;
	top:1px;
}
.oferta-hosting-dekielek{
	display: block;
	border: 4px solid rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.4);
	max-width: 300px;
	width: 100%;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
}
.oferta-hosting-naglowek{
width: 100%;
background: #0078d7;
font-size: 1.2em;
font-weight: bold;
color: white;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-align: center;
margin-bottom: 10px;
-webkit-box-shadow: 0 5px 10px -6px rgba(0,0,0,0.5);
box-shadow: 0 5px 10px -6px rgba(0,0,0,0.5);
}
.oferta-hosting-oferta{
	margin-left: 4px;
	margin-right: 4px;
}
.oferta-li{
color: #10893E;
text-shadow: 1px 1px 0 #FFFFFF;
font-size: 1.1em;
}
.zasady-postepowania-w-kontaktach-z-klientami{
	border: 4px solid white;
	background: rgba(255, 255, 255, 0.7);
	font-size: 0.9em;
	padding: 1em;
}