@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300');
html, body{
	background-color: #f2f4f5;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: 'Roboto Condensed',sans-serif;
	color: #171717;
}
p {
    widows: 1;
    orphans: 1;
  }
img{
	max-width:100%;
	height: auto;
}
h1{
	font-size: 1.6em;
	color: #0063B1;
	text-shadow: 1px 1px 0 #fff;

}

h2{
	font-size: 1.4em;
	color: #0078D7;
	text-shadow: 1px 1px 0 #fff;
	line-height: 25px;
	margin: 0px;
}

h3{
	font-size: 1.2em;
	color: #0078D7;
	text-shadow: 1px 1px 0 #fff;
}

h4{
	font-size: 1.1em;
	color: #0078D7;
	text-shadow: 1px 1px 0 #fff;
}
@media screen and (max-width: 700px){
h1{
	font-size: 1.1em;
	color: #0063B1;
	text-shadow: 1px 1px 0 #fff;
}
h2{
	font-size: 1.0em;
	color: #0078D7;
	text-shadow: 1px 1px 0 #fff;
	line-height: 25px;
	margin: 0px;
}
h3{
	font-size: 1.0em;
	color: #0078D7;
	text-shadow: 1px 1px 0 #fff;
}
h4{
	font-size: 1em;
	color: #0078D7;
	text-shadow: 1px 1px 0 #fff;
}
}
hr{
  border:none;
  height: 20px;
 	width: 90%;
	height: 50px;
	margin-top: 0;
	border-bottom: 1px solid #b6b6b6;
	box-shadow: 0 20px 20px -20px rgba(51, 51, 51, 0.3);
  margin: -50px auto 10px; 
}
li{
	list-style-image: url(/template/images/li.png);

}
strong{ color: #31527d; }
header{
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 4px solid white;
	z-index: 10000;
	-webkit-box-shadow: 0 10px 20px -20px rgba(0,0,0,0.3);
	box-shadow: 0 10px 20px -20px rgba(0,0,0,0.3);
	animation-duration: 1s;
}
#logo{
	margin: 5px auto auto 20px;
	float: left;
	width: 206px;
	height: 50px;
	background: url(/template/images/partnet-logo.png) no-repeat center;
	display: block;
	animation-duration: 2s;
  	animation-delay: 0s;
}
nav {
	float: right;
}
#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(/template/images/menu-icon.png) center;
	margin: 10px 10px auto auto;
}
a:hover#menu-icon {
	background-color: #0063B1;
}
nav ul {
	list-style: none;
	margin-right: 40px;
}
nav li {
	display: inline-block;
	float: left;
	padding: 0px 15px 10px 15px;

}
/*kiedy komórka menu*/
@media only screen and (max-width : 900px) {
header {
		position: absolute;
	}
#menu-icon {
		display:inline-block;
	}
nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 20px;
		background: rgba(255, 255, 255, 0.9);
		border: 4px solid #0063B1;
		right: 20px;
		top: 40px;
		width: 50%;
		-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
}
nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		font-size: 1.3em;
		font-weight: bold;
}
nav:hover ul {
		display: block;
}
}

.wraper{
	max-width: 1100px;
	display: block;
	margin: auto;
}
.menu{
	font-size: 1.2em;
	font-weight: bold;
	animation-duration: 3s;
  	animation-delay: 0s;
}
.menu_link{
	text-decoration: none;
	color: #0063B1;
	text-shadow: 1px 1px 0 #FFFFFF;
	border-bottom: 4px none ;
	-webkit-transition: all 0.3s ease-in-out 0s;
 	 transition: all 0.3s ease-in-out 0s;
}
.menu_link:hover{
	text-decoration: none;
	color: #284264;
	border-bottom: 4px solid rgba(192,57,43 ,1) ;
}
.nawigacja{
	padding: 5px 15px 5px 15px;
	display: inline-block;
	position: relative;
	margin-bottom: 5px;
	margin-top: 5px;
	background-position: left;
	background-repeat: no-repeat;
}
footer{
	text-align: center;
	font-size: small;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin-top: 20px;
	margin-bottom: 25px;
	background-color: rgba(255, 255, 255, 0.8);
	border: 4px solid rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
#kontakttel:after{
    content: ' 791 005 939';
    display: inline;
    margin-top: -20px;
    font-weight: bold;
}
.swieta{
	font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
   line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
	text-align: center;
	font-weight: bold;
	color: #0063b1;
}
.fancy {
  position: relative;
  white-space: nowrap;
  &:after {
    --deco-height: 0.3125em;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(var(--deco-height) * -0.625);
    height: var(--deco-height);
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M-17 30.5C-1 22 72-4 54 13 37.9 28.2-2.5 57.5 16 55.5s72-29 104-40' stroke='%23CC0000' stroke-width='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h100v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: auto 100%;
    background-repeat: round;
    background-position: 0em;
  }
}