@charset "utf-8";
/* STYLE DO TOOLTIPU */
.custom-tooltip-styling{
	background: rgba(241,241,241,1);
	font-family: 'PT Serif', serif;
}
/* OBRAMOWANIE INFORMACYJNE */
.outline-tekst{
	color: black;
	padding: 30px 30px 30px 30px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	background: #E0F1B5;
	text-transform: uppercase;
	font-weight: bold;
}


body{
	background: white;
}

/* załóż konto - panel logowania klienta */
#zaloz-konto > div > center > form > 
table > tbody > tr 
> td:nth-child(1){
	background: rgba(0,0,0,0.1);
	width: 80px;
	padding-left: 15px;
	cursor: pointer;
}
#zaloz-konto .container table tr td span.info{
	color: rgba(45,165,238,1);
	font-size: 0.7em;
	margin-left: 5px;
}
button.submit{
	padding: 10px 25px;
	background: rgba(45,165,238,1);
	font-family: 'Anton', sans-serif;
	letter-spacing: 2px;
	color: white;
	text-shadow: 0px 0px 1px black;
	border-radius: 5px;
}
/* panel logowania klienta */
#klient-panels{
	width: 431px;
	height: auto;
	z-index: 4;
	position: fixed;
	top: 30%;
	right: -396px;
	margin: 0 auto;
}
/*
.panels-no-active{
	animation-name: panels_loged_no_active;
	animation-duration: 2s;
}

.panels-active{
	animation-name: panels_loged_active;
	animation-fill-mode: forwards;
	animation-duration: 2s;
}
*/
#klient-panels hgroup{
	font-family: 'PT Serif', serif;
}
#klient-panels hgroup h3{
	font-size: 1.3em;
}
#klient-panels hgroup h4{
	font-size: 0.8em;
	color: rgba(45,165,238,1);
}
#klient-panels .outline-klient-panels .ikons{
	height: 35px;
	width: 35px;
	background: rgba(45,165,238,1);
	box-shadow: -1px -1px 15px rgba(0,0,0,0.8);
	cursor: pointer;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#klient-panels .outline-klient-panels .ikons i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 1.3em;
}
#klient-panels .central-panels{
	background: rgba(241,241,241,1);
	border-bottom-left-radius: 10px;
	padding: 5px 20px 25px 20px;
}
#klient-panels .central-panels button{
	border-radius: 5px;
	background: rgba(45,165,238,1);
	color: white;
	font-weight: 600;
	border-color: white;
	padding: 5px 15px;
}
#klient-panels .central-panels span > a{
	text-decoration: none;
}
/* płynne przewiniecie strony do samej góry */
#move-to-top{
	height: 50px;
	width: 50px;
	opacity: 1;
	display: none;
	position: fixed;
	top: 85%;
	right: 50px;
	z-index: 3;
	animation-name: opacity_move_top;
	animation-duration: 2s;
	border-radius: 50%;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.8);
}
#move-to-top:hover{
	background: rgba(0,0,0,0.5);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.8);
}
#move-to-top:hover > .outline-circle 
.move-to-top-ikons i{
	color: white;
	border-radius: 50%;
}
#move-to-top .outline-circle{
	height: 50px;
	width: 50px;
	border-radius: 50%;
}
#move-to-top .outline-circle .move-to-top-ikons{
	height: 50px;
	width: 50px;
	position: relative;
}
#move-to-top .outline-circle 
.move-to-top-ikons i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4.5em;
	cursor: pointer;
	color: rgba(0,0,0,0.5);
}
/* LOGO WRAZ Z PANELEM LOGOWANIA */

#header{
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	height: 65px;
	background: rgba(241,241,241,1);
	font-family: 'PT Serif', serif;
	z-index: 3;
}
@media all and (max-width: 768px){
	#header{
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		height: 65px;
		width: 100%;
		background: rgba(241,241,241,1);
		font-family: 'PT Serif', serif;
		z-index: 3;
	}
}
.header-background{
	position: fixed;
	height: 65px;
	width: 100%;
	background: rgba(241,241,241,1);
	z-index: 2;
}
#header .container .header-left{
	position: relative;
	height: 65px;
}
#header .container .header-left hgroup h1{
	position: absolute;
	font-size: 0.8em;
	left: 40%;
	transform: translateX(-90%);
	font-family: 'PT Serif', serif;
	letter-spacing: 0.2em;
	line-height: 1.3em;
}
#header .container .header-left hgroup h1 > span{
	font-weight: bold;
	font-size: 1.1em;
}
@media all and (max-width: 1200px){
	#header .container .header-left hgroup h1{
		position: absolute;
		font-size: 0.8em;
		left: 50%;
	}
}
@media all and (max-width: 992px){
	#header .container .header-left hgroup h1{
		position: absolute;
		font-size: 0.7em;
		left: 57%;
	}
}
@media all and (max-width: 768px){
	#header .container .header-left hgroup h1{
		position: absolute;
		top: -20%;
		font-size: 0.6em;
		left: 67%;
			width: 100%;
	}
}
@media all and (max-width: 375px){
	#header .container .header-left hgroup h1{
		width: 100%;
		left: 100%;
		margin-top: 35px;
		font-weight: bold;
		letter-spacing: 3px;
	}
}
.header-left img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media all and (max-width: 375px){
		.header-left img{
			display: none;
		}
	}
#header .container .header-right{
	position: relative;
	height: 65px;
}
#header .container .header-right .box-logedd{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
}
#header .container .header-right .box-logedd a.log{
	letter-spacing: 0.2em;
	text-decoration: none;
	color: rgba(0,0,0,0.7);
}
#header .container .header-right .box-logedd a.desc{
	color: red;
	font-size: 0.8em;
	text-decoration: none;
	letter-spacing: 0.1em;
}
#header .container .header-right .box-logedd a.desc:hover{
	cursor: pointer;
}

/* SOCIAL MEDIA WRAZ Z NUMEREM TELEFONU I EMAILEM */

.social-media{
	height: 100px;
	width: 100%;
	background: rgba(33,33,33,1);
	position: relative;
	top: 65px;
	z-index: 1;
}
.social-media .social-media-box{
	position: absolute;
	top: 50%;
	left: 70%;
	transform: translateY(-50%);
}
.social-media .social-media-box .img-circle{
	display: inline-block;
	background: rgba(241,241,241,1);
	width: 40px;
	height: 40px;
	margin: 0px 2px;
	position: relative;
}
.social-media .social-media-box .img-circle a{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid black;
	z-index: 10;
}
.social-media .social-media-box .img-circle .outline-i{
	border: 1px solid rgba(33,33,33,0.5);
	width: 37px;
	height: 37px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgba(45,165,238,1);
}
.social-media .social-media-box .img-circle i{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.3em;
	color: white;
	z-index: 1;
}

.background-social{
	display: block;
	background: white;
	height: 80px;
	width: 100%;
}
.contact-section{
	position: relative;
	width: 100%;
	height: 90px;
	background: white;
	text-align: center;
}
.contact-section h2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	font-family: 'Anton', sans-serif;
	letter-spacing: 0.2em;
}
.contact-section h2 > span{
	color: rgba(45,165,238,1);
	font-family: 'PT Serif', serif;
	font-size: 0.7em;
}
.contact-section .phone-email{
	text-align: right;
	margin-right: 120px;
}
.contact-section .phone-email > i{
	color: rgba(45,165,238,1);
	font-size: 1.8em;
	margin: 0px 10px 0px 0px;
}
.contact-section .phone-email span.phone{
	color: rgba(33,33,33,0.9);
	font-size: 2em;
	font-family: 'Anton', sans-serif;
}
.contact-section .phone-email span.email{
	color: rgba(45,165,238,1);
	text-decoration: underline;
	letter-spacing: 0.2em;
}
/* <!-- MENU PO ZALOGOWANIU SEKCJA DLA STAŁYCH KLIENTÓW --> */
#logged-menu .left ul{
	display: table;
	width: 100%;
	text-align: center;
	font-family: 'Anton', sans-serif;
	letter-spacing: 0.2em;
	background: rgba(241,241,241,1);
	padding: 10px;
	margin-top: -15px;
	margin-bottom: 10px;
	color: rgba(45,165,238,1);
}
#logged-menu .left ul li{
	display: table-cell;
}
#logged-menu .left ul li a{
	text-decoration: none;
}
/* <!-- MENU PO ZALOGOWANIU SEKCJA DLA STAŁYCH KLIENTÓW - DANE UŻYTKOWNKÓW --> */
#dane-uzytkownka .right h3,
#dane-uzytkownka .left h3{
	font-family: 'PT Serif', serif;
	font-size: 1.4em;
	letter-spacing: 0.1em;
}
#dane-uzytkownka .right span{
	font-size: 0.8em;
}
#dane-uzytkownka .right span{
	text-decoration: none;
}
#vouther-liters{
	width: 100px;
	padding: 20px;
	border: none;
	outline: none;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}
#realizuj-vouther > div > center > form > input[type="text"]{
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	width: 60%;
	padding: 20px;
}
#realizuj-vouther > div > center > form > button{
	margin: 20px 0px;
}
#system-promocyjny div.bank-points{
	margin-left: 13%;
}
#system-promocyjny span.point{
	font-size: 1em;
	letter-spacing: 0.1em;
	font-family: 'PT Serif', serif;
}
#system-promocyjny span.point > span.pkt{
	color: red;
	font-size: 0.7em;
	letter-spacing: 0.1em;
}
#system-promocyjny span.point{
	opacity: 0;
}
#system-promocyjny table tr td a{
	cursor: pointer;
}
/* MENU ROZWIJANE GŁÓWNA NAWIGACJA */
.navi{
	height: 126px;
	width: 100%;
	background: white;
	position: relative;
	font-family: 'PT Serif', serif;
	letter-spacing: 0.1em;
	font-size: 1.1em;
	z-index: 3;
}
@media all and (max-width: 1300px){
	.navi{
		font-size: 0.9em;
	}
}
ul.menu{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	list-style: none;
	display: table;
	z-index: 3;
}
ul.menu li{
	float: left;
	display: table-row;
}
ul.menu li a{
	display: block;
	padding: 42px 15px;
	text-decoration: none;
	color: rgba(45,165,238,1);
	font-weight: bold;
	letter-spacing: 0.1em;
}
@media all and (max-width: 1200px){
	ul.menu li a{
		display: block;
		padding: 42px 5px;
		text-decoration: none;
		color: rgba(45,165,238,1);
		font-weight: bold;
		letter-spacing: 0.1em;
	}
}
ul.menu li a.two-lv{
	display: block;
	padding: 16px 15px;
	text-decoration: none;
	color: rgba(45,165,238,1);
	letter-spacing: 0.1em;	
}
@media all and (max-width: 1200px){
	ul.menu li a.two-lv{
		display: block;
		padding: 16px 5px;
		text-decoration: none;
		color: rgba(45,165,238,1);
		letter-spacing: 0.1em;	
	}
}
ul.menu li a:hover{
	background: url("../img/tlo-menu.png") top center repeat-x; 
	color: #000;
	transition: 0.8s;
}
.active-menu{
	background: url("../img/tlo-menu.png") top center repeat-x; 
	color: #000;
	transition: 0.8s;
}
ul.menu ul{
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	background: white;
	z-index: 100;
	list-style: none;
}
ul.menu ul li{
	position: relative;
	float: none;
}
ul.menu ul li a{
	color: #000;
	width: 220px;
	text-align: left;
}
ul.menu ul li a:hover{
	color: rgba(33,33,33,1);
	background: white;
	transition: 0.8s;
}

.navi > span.bars{
	position: absolute;
	top: 50%;
	left: 90%;
	transform: translateY(-50%);
	font-size: 2.5em;
	border: 1px solid rgba(0,0,0,0.4);
	padding: 2px;
	color: rgba(0,0,0,0.5);
	border-radius: 3px;
	cursor: pointer;
}
@media all and (max-width: 480px){
	.navi > span.bars{
		position: absolute;
		top: 50%;
		left: 85%;
		transform: translateY(-50%);
		font-size: 2em;
		border: 1px solid rgba(0,0,0,0.4);
		padding: 2px;
		color: rgba(0,0,0,0.5);
		border-radius: 3px;
		cursor: pointer;
	}	
}

.two-menu-slidedown{
	height: 106px;
	width: 100%;
	background: white;
	position: fixed;
	top: -40px;
	font-family: 'PT Serif', serif;
	letter-spacing: 0.1em;
	font-size: 1.1em;
	display: none;
	z-index: 2;
	box-shadow: -2px 2px 4px rgba(0,0,0,0.3);
}
@media all and (max-width: 1300px){
	.two-menu-slidedown{
		font-size: 0.9em;
	}
}
/* slider i navigacja */
.slider-box{
	position: relative;
	width: 100%;
	padding: 20px 0px;
}
div.camera_caption > div{
	border-radius: 5px;
	padding: 20px;
	font-family: 'PT Serif', serif;
	font-size: 1.4em;
	text-align: center;
	letter-spacing: 0.2em;
}
.camera_caption{
	padding: 20px;
	display: block;
}
span.span_caption{
	color:white;
	letter-spacing: 0.1em;
}
.camera_wrap{
	width: 65%;
	position: relative;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.camera_pag_ul{
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
@media all and (min-width: 1200px){
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_prev{
		border: 1px solid rgba(0,0,0,0.1);
		border-radius: 50%;
		left: -130px;
		top: 50%;
		height: 100px;
		width: 100px;
		transform: translateY(-50%);
		box-shadow: 1px 1px 15px black;
	}
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_prev > span{
		position: relative;
		height: 100px;
		width: 100px;
	}
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_prev > span > i{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 3em;
		font-weight: bold;
		color: rgba(0,0,0,0.3);
	}
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_next{
		border: 1px solid rgba(0,0,0,0.1);
		border-radius: 50%;
		top: 50%;
		right: -130px;
		height: 100px;
		width: 100px;
		transform: translateY(-50%);
		box-shadow: 1px 1px 15px black;
	}
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_next > span{
			position: relative;
		height: 100px;
		width: 100px;
	}
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_next > span > i{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 3em;
		font-weight: bold;
		color: rgba(0,0,0,0.3);
	}
}
@media all and (max-width: 1200px){
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_prev{
		border: 1px solid rgba(0,0,0,0.1);
		top: 50%;
		height: 50px;
		width: 50px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_prev > span{
		position: relative;
		height: 50px;
		width: 50px;
	}
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_prev > span > i{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 1.5em;
		font-weight: bold;
	}

	body > header > div.slider-box > div > div.camera_fakehover > div.camera_next{
		border: 1px solid rgba(0,0,0,0.1);
		top: 50%;
		height: 50px;
		width: 50px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_next > span{
		position: relative;
		height: 50px;
		width: 50px;
	}
	body > header > div.slider-box > div > div.camera_fakehover > div.camera_next > span > i{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 1.5em;
		font-weight: bold;
	}
}

/* menu dla rodzielczości min-width: 992px telefony i tablety */
#navi-phone{
	background:	rgba(241,241,241,1);
}
#navi-phone .active{
	display: block;
}
#navi-phone .no-active{
	display: none;
}
#navi-phone .navi-phone-box{
	padding: 10px 5px;
}
#navi-phone .navi-phone-box h1,
#navi-phone .navi-phone-box h2,
#navi-phone .navi-phone-box h3{
	color: black;
	font-family: 'PT Serif', serif;
	font-size: 1.3em;
	margin-left: 20px;
}
#navi-phone .navi-phone-box ul li{
	list-style: none;
	line-height: 1.5em;
}
#navi-phone .navi-phone-box img{
	margin: 2px 2px 0px 0px;
}
#navi-phone .navi-phone-box a{
	text-decoration: none;	
	font-size: 0.7em;
	letter-spacing: 0.2em;
	font-weight: bold;
}
#navi-phone .navi-phone-box a:hover{
	color: rgba(45,165,238,1);
}
/* section central-page dział związany z rejestracją */
.box-rejestration .header-rejestration hgroup{
	margin-bottom: 50px;
	font-family: 'PT Serif', serif;
	letter-spacing: 0.2em;
	font-size: 1em;
	opacity: 0;
}
.box-rejestration .header-rejestration hgroup h2{
	font-size: 1.8em;
	letter-spacing: 0.2em;
	color: rgba(33,33,33,0.9);
	font-weight: bold;
}
.box-rejestration .header-rejestration hgroup h3{
	font-weight: bold;
	font-size: 2.2em;
	letter-spacing: 0.2em;
	color: rgba(45,165,238,1);
}
.box-rejestration .header-rejestration-two hgroup{
	margin-bottom: 50px;
	font-family: 'PT Serif', serif;
	letter-spacing: 0.2em;
	font-size: 1em;
	opacity: 1;
}
.box-rejestration .header-rejestration-two hgroup h2{
	font-size: 1.8em;
	letter-spacing: 0.2em;
	color: rgba(33,33,33,0.9);
	font-weight: bold;	
}
.box-rejestration .header-rejestration-two hgroup h3{
	font-weight: bold;
	font-size: 2.2em;
	letter-spacing: 0.2em;
	color: rgba(45,165,238,1);	
}
.box-rejestration .center-rejestration{
	text-align: center;
}
.box-rejestration .center-rejestration .item{
	position: relative;
	text-align: center;
}
@media all and (max-width: 992px){
	.box-rejestration .center-rejestration .item{
		margin: 0 auto;
	}
}
.box-rejestration .center-rejestration .item img{
	margin-bottom: 5px;
}
img.img-one-box-rejestration,
img.img-two-box-rejestration,
img.img-three-box-rejestration{
	opacity: 0;
}

.box-rejestration .center-rejestration .item span.data{
	color: rgba(45,165,238,1);
	font-weight: bold;
	margin: 0px 10px;
}
.box-rejestration .center-rejestration .item span.aktualizacja{
	color: rgba(33,33,33,0.9);
	font-size: 0.8em;
}
.box-rejestration .center-rejestration p{
	margin-top: 5px;
	width: 60%;
	font-family: 'PT Serif', serif;
	font-size: 1.6em;
	color: black;
	height: 100px;
}
.box-rejestration .center-rejestration .btn-more{
	width: 200px;
	height: 60px;
	background: rgba(45,165,238,1);
	border-radius: 50px;
	letter-spacing: 0.3em;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	box-shadow: 5px 5px 18px 0px #2da5ee;
	border: 1px solid transparent;
	margin: 10px 0px 70px 0px;
	transition: 0.5s;
}
.box-rejestration .center-rejestration .btn-more:hover{
	background: rgba(33,33,33,1);
	transition: 0.5s;
	box-shadow: 5px 5px 18px 0px rgba(33,33,33,1);
}
.box-rejestration .header-rejestration p{
	color: rgba(0,0,0,0.6);
}

/* część związana z danymi marketingowymi (statystyki) */

.marketing-stats{
	position: relative;
	width: 100%;
	height: auto;
	background: url(../img/tlo-aaaaa.jpg) no-repeat;
	background-position: 100%;
	padding-bottom: 120px;
	padding-top: 110px;
}
.marketing-stats hgroup{
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 45px;
}
.marketing-stats hgroup h2{
	font-size: 1.7em;
	letter-spacing: 0.2em;
	color: white;
	font-weight: bold;
	font-family: 'PT Serif', serif;
}
.marketing-stats hgroup h3{
	font-weight: bold;
	font-size: 2.2em;
	letter-spacing: 0.2em;
	color: rgba(33,33,33,0.9);
	font-family: 'PT Serif', serif;
	line-height: 1.3em;
}
.marketing-stats .center-marketing-stats div > div.circle{
	border: 3px solid white;
	width: 130px;
	height: 130px;
	display: block;
	border-radius: 65px;
	position: relative;
	opacity: 0;
}
.marketing-stats .center-marketing-stats div > div.circle > span.procent{
	color: white;
	position: absolute;
	left: 68%;
}
.marketing-stats .center-marketing-stats div > span{
	color: white;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-49%, -50%);
	font-family: 'PT Serif', serif;
	font-size: 1.3em;
}
.marketing-stats .center-marketing-stats div > span.first{
	position: absolute;
	top: 50%;
	left: 49%;	
}
.marketing-stats .center-marketing-stats div > span.two{
	position: absolute;
	top: 50%;
	left: 49%;
}
.marketing-stats .center-marketing-stats div > span.three{
	position: absolute;
	top: 50%;
	left: 50%;
}

.marketing-stats .center-marketing-stats h5{
	font-size: 1.3em;
	color: white;
	margin-top: 20px;
}
@media all and (max-width: 992px){
	.marketing-stats .center-marketing-stats h5{
		margin-bottom: 30px;
	}
}

/* część związana ze specjalizacją naszej firmy */
.specialized{
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 90px;
	padding-top: 55px;
}
@media all and (max-width: 375px){
	.specialized{
		padding-bottom: 20px;
		padding-top: 0px;
	}
}
.specialized hgroup{
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 45px;
	opacity: 0;
}
.specialized hgroup h2{
	font-size: 1.7em;
	letter-spacing: 0.2em;
	color: rgba(33,33,33,0.9);
	font-weight: bold;
	font-family: 'PT Serif', serif;
}
.specialized hgroup h3{
	font-weight: bold;
	font-size: 2.2em;
	letter-spacing: 0.2em;
	color: rgba(45,165,238,1);
	font-family: 'PT Serif', serif;
	line-height: 1.3em;
}
.specialized .center-specialized h3{
	font-size: 1.3em;
	font-family: 'PT Serif', serif;
	line-height: 1.2em;
	color: rgba(33,33,33,0.9);	
}
.specialized .center-specialized div.specialized-one,
.specialized .center-specialized div.specialized-two,
.specialized .center-specialized div.specialized-three,
.specialized .center-specialized div.specialized-four{
	opacity: 0;
}
.specialized .center-specialized i{
	font-size: 4em;
}
.specialized .center-specialized p{
	width: 180px;
	color: rgba(0,0,0,0.9);
	font-size: 1.1em;
	height: 80px;
}
.specialized .center-specialized a button{
	width: 80px;
	margin-top: 10px;
	background: rgba(45,165,238,1);
	box-shadow: 5px 5px 15px rgba(45,165,238,1);
	border: none;
	transition: 0.5s;
	
}
@media all and (max-width: 992px){
	.specialized .center-specialized a button{
		margin-bottom: 50px;
	}
}
.specialized .center-specialized a button:hover{
	border: none;
	background: rgba(33,33,33,0.9);
	box-shadow: 5px 5px 15px rgba(33,33,33,0.9);
	transition: 0.5s;
}
.specialized .center-specialized a button > i{
	font-size: 1em;
}

/* zamów rejestrację pojazdu do domu */

.house-rejestration .container-fluid{
	position: relative;
	background: black;
	padding: 0;
}
.house-rejestration img{
	width: 100%;
	opacity: 0.2;
	margin: 0;
	padding: 0;
	min-height: 350px;
}
.house-rejestration .container-fluid 
.house-rejestration-description{
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
}@media all and (max-width: 992px){
	.house-rejestration .container-fluid 
	.house-rejestration-description{
		top: 10%;	
	}
}
.house-rejestration .container-fluid 
.house-rejestration-description h2,
.house-rejestration .container-fluid 
.house-rejestration-description h3{
	font-family: 'PT Serif', serif;
	color: white;
	letter-spacing: 0.2em;
	line-height: 1.3em;
	font-weight: bold;
}
.house-rejestration .container-fluid 
.house-rejestration-description h2{
	font-size: 1.7em;
}
@media all and (max-width: 992px){
	.house-rejestration .container-fluid 
	.house-rejestration-description h2{
		font-size: 1.3em;
	}
}
@media all and (max-width: 768px){
	.house-rejestration .container-fluid 
	.house-rejestration-description h2{
		font-size: 1em;
	}
}
.house-rejestration .container-fluid 
.house-rejestration-description h3{
	color: rgba(45,165,238,1);
	margin-bottom: 50px;
	font-size: 2.2em;
	width: 100%;
}
@media all and (max-width: 992px){
	.house-rejestration .container-fluid 
	.house-rejestration-description h3{
		color: rgba(45,165,238,1);
		margin-bottom: 50px;
		font-size: 1.8em;
		width: 100%;
	}
}
@media all and (max-width: 768px){
	.house-rejestration .container-fluid 
	.house-rejestration-description h3{
		color: rgba(45,165,238,1);
		margin-bottom: 50px;
		font-size: 1.2em;
		width: 100%;
	}
}
.house-rejestration .container-fluid 
.house-rejestration-description a{
	color: white;
	font-size: 1.3em;
	border: 2px solid white;
	padding: 15px 25px;
	border-radius: 50px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	transition: 0.5s;
	box-shadow: 1px 1px 6px white;
}
@media all and (max-width: 768px){
	.house-rejestration .container-fluid 
	.house-rejestration-description a{
		color: white;
		font-size: 1em;
		border: 2px solid white;
		padding: 5px 15px;
		border-radius: 50px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		transition: 0.5s;
		box-shadow: 1px 1px 6px white;
	}
}
@media all and (max-width: 375px){
	.house-rejestration .container-fluid 
	.house-rejestration-description a{
		position: relative;
		top: -20px;
	}
}
.house-rejestration .container-fluid 
.house-rejestration-description a:hover{
	background: rgba(33,33,33,1);
	border-color: rgba(33,33,33,1);
	box-shadow: 1px 1px 6px rgba(33,33,33,1);
	transition: 0.3s;
}


/* rejestracja pojazduw w domu - czytaj więcej */
#administracja-dom p{
	color: black;
}
#administracja-dom .box{
	position: relative;
	padding: 50px 30px 0px 30px;
	height: 220px;
}
#administracja-dom .iteam-outline{
	position: relative;
	border: 1px solid rgba(0,0,0,0.3);
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: 0 auto;
}
#administracja-dom .iteam-outline span{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Anton', sans-serif;
	font-size: 2.3em;
	color: rgba(0,0,0,0.4);
}
#administracja-dom .box p{
	margin: 15px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	color: rgba(0,0,0,0.3);
	line-height: 1.3em;
	width: 200px;
}
#zaloz-konto .administracja-checked{
	height: auto;
	background: rgba(45,165,238,1);
	border-radius: 5px;
}
#zaloz-konto .administracja-checked .administracja-iteam{
	height: 50px;
	background: rgba(45,165,238,1);
	margin-bottom: 25px;
}
@media all and (max-width: 992px){
	#zaloz-konto .administracja-checked .administracja-iteam{
		text-align: left;
	}
}
#zaloz-konto .administracja-checked input[type="checkbox"]{
	margin-top: 15px;
	height: 20px;
	width: 20px;
}
#zaloz-konto .administracja-checked b{
	margin-left: 15px;
	position: relative;
	top: -5px;
	color: white;
	letter-spacing: 0.1em;
}
#zaloz-konto .administracja-checked b:hover{
	cursor: pointer;
}
#zaloz-konto label > input[type="checkbox"]:hover{
	cursor: pointer;
}
/* jakie regiony jeszcze obsługujemy */

.handle-region{
	padding: 50px 0px 80px 0px;
	height: auto;
	background: url(../img/tlo-aaaaa.jpg) no-repeat;
}
.handle-region hgroup h2{
	font-family: 'PT Serif', serif;
	color: white;
	letter-spacing: 0.2em;
	line-height: 1.3em;
	font-weight: bold;
	font-size: 1.7em;
}
.handle-region hgroup h3{
	color: rgba(33,33,33,0.9);
	font-size: 2.2em;
	font-family: 'PT Serif', serif;
	margin-bottom: 60px;
}
.handle-region .container-fluid{
	position: relative;
	height: auto;
}
.handle-region ul{
	margin-bottom: 80px;
}
@media all and (max-width: 375px){
	.handle-region ul{
		margin-left: -48px;
	}
}
.handle-region ul li{
	letter-spacing: 0.2em;
	font-family: 'PT Serif', serif;
	font-size: 1.2em;
	color: rgba(33,33,33,1);
	font-weight: bold;
	list-style: none;
	margin-bottom: 5px;
}
.handle-region a{
	border: 2px solid white;
	padding: 15px 35px;
	border-radius: 50px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: 1px 1px 6px white;
	transition: 0.5s;
	font-weight: bold;
}
.handle-region a:hover{
	box-shadow: 1px 1px 6px rgba(33,33,33,1);
	transition: 0.5s;
	background: rgba(33,33,33,1);
	border-color: rgba(33,33,33,1);
}
@media all and (max-width: 992px){
	.handle-region i{
		display: none;
	}
}
/* masz pytania porozmawiaj z naszym konsultantem */

.message-order{
	display: block;
	height: 35px;
	width: 50%;
	margin-bottom: 5px;
	font-family: 'PT Serif', serif;
	color: rgba(0,0,0,0.9);
	letter-spacing: 0.1em;
}
.talk-consultant{
	height: auto;
	background: white;
	padding: 100px 0px;
}
.talk-consultant h4{
	font-family: 'PT Serif', serif;
	font-size: 1.7em;
	color: rgba(33,33,33,0.9);	
	font-weight: bold;
}
.talk-consultant h5{
	font-weight: bold;
	color: rgba(45,165,238,1);
	font-family: 'PT Serif', serif;
	font-size: 2.2em;
}
.talk-consultant p{
	width: 40%;
	margin: 30px 0px;
	color: rgba(0,0,0,0.9);
}
.talk-consultant select{
	width: 50%;
}

.res{
	border: 10px solid red;
	padding: 50px;
}

.res iframe{
	width: 100%;
}

/* mapa google */

.mapa-google{
	width: 100%;
	margin-bottom: -20px;
	padding: 0;
}

/* footer */
.footer{
	width: 100%;
	background: rgba(33,33,33,1);
	height: auto;
	min-height: 523px;
	padding: 100px 10px;
	position: relative;
}
@media all and (max-width: 375px){
	.footer{
		padding-top: 20px;
	}
}
@media all and (max-width: 992px){
	.footer{
		min-height: 600px;
	}
}
.footer img{
	text-align: center;
}
@media all and (max-width: 375px){
	.footer img{
		display: none;
	}
}
.footer h3,h4,p{
	color: white;
	font-family: 'PT Serif', serif;
	line-height: 1.2em;
}
.footer .footer-left .left{
	text-align: center;
}
.footer .footer-left .left p{
	width: 100%;
}
@media all and (max-width: 768px){
	.footer .footer-left{
		width: 100%;
	}
	.footer .footer-left .left{
		width: 100%;
		text-align: center;
	}
}
@media all and (max-width: 375px){
	.footer .footer-left .left{
		text-align: left;
	}
}
.footer .footer-right p{
	line-height: 2em;
}
.footer a{
	color: rgba(45,165,238,1);
	font-family: 'PT Serif', serif;
	letter-spacing: 0.1em;
	line-height: 2em;
	text-decoration: none;
}
.footer span.footer-email{
	color: rgba(45,165,238,1);
}
.footer .footer-telefon{
	color: rgba(45,165,238,1);
	line-height: 2.5em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.footer .copyright{
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	font-family: 'PT Serif', serif;
	letter-spacing: 0.2em;
}
@media all and (max-width: 992px){
	.footer .copyright{
		position: absolute;
		top: 91%;
	}
}
@media all and (max-width: 375px){
	.footer .copyright{
		letter-spacing: 0px;
	}
}

/*----------------------------------------------------------------------------------- KONIEC STYLI DOTYCZĄCYCH STRONY GŁÓWNEJ Z PRZODU -----------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------- STYLE DOTYCZĄCE POSZCZEGÓLNYCH PODSTRON SERWISU ------------------------------------------------------------------------------------*/

/* przycisk - boczne drugie menu informacyjne INFORMACJE O URZEDACH */
#buttons-administration-information a{
	position: absolute;
	left: 0;
	color: #2da5ee;
	z-index: 0;
}
#buttons-administration-information img{
	height: 80px;
	width: 80px;	
}
/* informacje dodatkowe o urzedach strona główna - przekierowanie z bocznego menu */
#administration-information h1{
	font-size: 1.5em;
}
#administration-information table tr td{
	border: 1px solid rgba(0,0,0,0.1);
	padding: 0px 15px;
}
#administration-information div.asign p{
	color: black;
	margin-top: 75px;
}
@media all and (max-width: 768px){
	#administration-information div.asign p{
		color: black;
		margin-top: 20px;
	}	
}
#administration-information table tr td:nth-child(1){
	width: 350px;
	text-align: center;
}
#administration-information table tr td:nth-child(3){
	text-align: center;
}
#administration-information table thead tr{
	background: #2da5ee;
	color: white;
}
#administration-information table tr td img{
	width: 40px;
	height: 35px;
}
	/* poszczególne strony serwisu informacyjnego */
#information-office-administration h1{
	font-size: 1.2em;
	font-weight: bold;
}
#information-office-administration h2{
	font-size: 1.2em;
	font-weight: bold;
	color: black;
}
#information-office-administration h4{
	font-size: 1em;
	font-weight: bold;
	color: black;
}
#information-office-administration p{
	color: black;
	font-family: 'PT Serif', serif;
}
#information-office-administration p.dop{
	color: black;
	font-weight: bold;
	font-family: 'PT Serif', serif;
	background: #E0F1B5;
	padding: 25px;
}
#information-office-administration table tr td{
	padding: 0px 20px;
}
#information-office-administration b{
	color: red;
}
#information-office-administration img{
	width: 140px;
	height: 160px;
}
/* urzędu w województwie pomorskim */
.pomorskie-urzedy .tab-content .tab-pane{
	color: red;
	padding: 0;
	margin: 0;
}
/* adnotacje urzedowe */
.adnotacje .container img{
	margin: 5px 0px;
}
.adnotacje .container ul li{
	margin: 25px 0px;
}
/* rejestracja-inne-miasta */
.tlumaczenia-kafelki .container .rejestracja-inne h2{
	line-height: 1.4em;
}
.tlumaczenia-kafelki .container .rejestracja-inne table{
	margin-top: 0px;
	width: 100%;
	border: none;
}
.tlumaczenia-kafelki .container .rejestracja-inne table span{
	font-size: 0.8em;
}
.tlumaczenia-kafelki .container .rejestracja-inne table th{
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.8);
	color: black;
}
.tlumaczenia-kafelki .container .rejestracja-inne table tr td{
	border: none;
}
.tlumaczenia-kafelki p{
	font-family: 'PT Serif', serif;
	color: black;
}
.tlumaczenia-kafelki .last-p{
	margin-bottom: 20px;
}
.tlumaczenia-kafelki h4{
	color: black;
}
/* cennik usług */
.cennik{
	padding-bottom: 50px;
	font-family: 'PT Serif', serif;
	letter-spacing: 1px;
}
.cennik .breathcrumbs{
	background: rgba(45,165,238,1);
	padding: 10px;
}
.cennik .breathcrumbs a{
	color: white;
	font-size: 2.3em;
	text-decoration: none;
}
.cennik .cennik-center{
	padding: 50px 0px;
}
#central-page > div.cennik > div.container > div > table:nth-child(4) > tbody > tr:nth-child(1) > td:nth-child(2) > p:nth-child(1){
	line-height: 1.5em;
}
.cennik .container{
	padding-bottom: 20px;
}
.cennik h2{
	font-size: 1.8em;
	color: rgba(45,165,238,1);
}
.cennik table th{
	background: rgba(33,33,33,1);
}
.cennik table th{
	color: white;
	letter-spacing: 1px;
}
.cennik table tr td.first{
	font-weight: bold;
}
.cennik p{
	color: black;
}
.cennik p.have-question{
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 35px;
	line-height: 1.5em;
	color: rgba(45,165,238,1);
}
.cennik span.desc{
	font-size: 0.8em;
}
#central-page > div.cennik > div.container > div > div.cennik-left.col-md-6 > span > span{
	color: rgba(45,165,238,1);
}

/* druki do pobrania */
.druki{
	font-family: 'PT Serif', serif;
	letter-spacing: 1px;
}
.druki .breathcrumbs{
	background: rgba(45,165,238,1);
	padding: 10px;
}
.druki .breathcrumbs a{
	color: white;
	font-size: 2.3em;
	text-decoration: none;
}
.druki .druki-central{
	padding-top: 50px;
	padding-bottom: 50px;
}
.druki .druki-central h2{
	color: rgba(45,165,238,1);	
}
.druki .druki-central table th{
	background: rgba(33,33,33,1);
}
.druki .druki-central table th{
	color: white;
	letter-spacing: 1px;
}
.druki .druki-central table tr td.first{
	width: 120px;
}
.druki .druki-central table tr td.first a{
	text-decoration: none;
	font-weight: bold;
}
.druki .druki-central table tr td.first span{
	color: black;
}

.druki .druki-central table tr td.two p{
	color: black;
}
.druki .druki-central table tr td.three{
	position: relative;
}
.druki .druki-central table tr td.three a i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2em;
	color: rgba(45,165,238,1);
}

/* tłumaczenia-kafelki */
.tlumaczenia-kafelki{
	padding-bottom: 50px;
	font-family: 'PT Serif', serif;
}
.tlumaczenia-kafelki .breathcrumbs{
	background: rgba(45,165,238,1);
	padding: 10px;
}
.tlumaczenia-kafelki .breathcrumbs a{
	color: white;
	font-size: 2.3em;
	text-decoration: none;
}
@media all and (max-width: 992px){
	.tlumaczenia-kafelki .breathcrumbs a{
		font-size: 1.5em;
	}
	.tlumaczenia-kafelki .breathcrumbs h1{
		font-size: 1.7em;
	}	
}
.tlumaczenia-kafelki .container{
	padding-top: 50px;
}
.tlumaczenia-kafelki .container a{
	color: white;
	text-decoration: none;
}
.tlumaczenia-kafelki .container p.have-question{
	color: rgba(0,0,0,0.9);
	font-size: 0.8em;
	letter-spacing: 0.1em;
}
.tlumaczenia-kafelki .container .row{
	margin-bottom: 30px;
}
@media all and (max-width: 992px){
	.tlumaczenia-kafelki .container .row{
		margin-bottom: 5px;
	}
}
.tlumaczenia-kafelki .container .iteam{
	background: rgba(0,0,0,0.9);
	padding: 20px 5px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	transition: 0.5s;
	box-shadow: inset 0px 0px 10px rgba(45,165,238,1);
}
.tlumaczenia-kafelki .container .iteam:hover{
	background: rgba(45,165,238,1);
	transition: 0.5s;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}
.tlumaczenia-kafelki .container .iteam:hover > span{
	color: rgba(0,0,0,0.9);
	transition: 0.5s;
}
.tlumaczenia-kafelki .container .iteam:hover > table tr td > span{
	color: rgba(0,0,0,0.9);
	transition: 0.5s;
}
.tlumaczenia-kafelki .container .iteam:hover > h2{
	color: rgba(0,0,0,0.9);
	transition: 0.5s;
}
@media all and (max-width: 992px){
	.tlumaczenia-kafelki .container .iteam{
		margin-bottom: 30px;
	}
}
.tlumaczenia-kafelki .container .iteam img{
	margin: 0 auto;
}
.tlumaczenia-kafelki .container .iteam span{
	margin-left: 10px;
	color: rgba(45,165,238,1);
	letter-spacing: 0.1em;
}
.tlumaczenia-kafelki .container .iteam ul{
	margin-top: 10px;
	margin-left: -13px;
}
.tlumaczenia-kafelki .container .iteam ul li{
	text-align: left;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	list-style: square;
}
.tlumaczenia-kafelki .container .iteam p{
	font-size: 0.8em;
	color: white;
	margin-left: 10px;
	margin-top: 10px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
.tlumaczenia-kafelki .container h2{
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 25px 0px;
	color: rgba(45,165,238,1);
}
/* tłumaczenia */
.tlumaczenia{
	font-family: 'PT Serif', serif;
}
.tlumaczenia .breathcrumbs{
	background: rgba(45,165,238,1);
	padding: 10px;
}
.tlumaczenia .breathcrumbs a{
	color: white;
	font-size: 2.3em;
	text-decoration: none;
}
@media all and (max-width: 992px){
	.tlumaczenia .breathcrumbs a{
		font-size: 1.5em;
	}
	.tlumaczenia .breathcrumbs h1{
		font-size: 1.7em;
	}	
}
.tlumaczenia .container{
	padding: 50px 20px;
}
.tlumaczenia .container
.tlumaczenia-left h1.desc{
	color: rgba(45,165,238,1);
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
}
.tlumaczenia .container
.tlumaczenia-left .tags_p{
	color: rgba(45,165,238,1);
	font-size: 0.7em;
}
@media all and (max-width: 992px){
	.canvas{
		display: none;
	}
}
@media all and (max-width: 992px){
	.tlumaczenia .container
	.tlumaczenia-right{
		padding: 40px 0px;
	}	
}
.tlumaczenia .container
.tlumaczenia-right p{
	margin-top: 25px;
}
.tlumaczenia .container
.tlumaczenia-right h2{
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.tlumaczenia .container
.ttlumaczenia-right ul{
	margin-top: 20px;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	list-style: square;
}
.tlumaczenia .container
.tlumaczenia-right h3{
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.tlumaczenia .container p{
	color: rgba(0,0,0,0.9);
	letter-spacing: 0.1em;
	line-height: 1.4em;
}
.tlumaczenia .container
.tlumaczenia-right span.desc{
	font-size: 0.8em;
	color: rgba(0,0,0,0.8);
	letter-spacing: 0.1em;
}
.tlumaczenia .tlumaczenia-table-left table{
	margin-top: 20px;
}
.tlumaczenia .tlumaczenia-table-left table thead th{
	text-align: center;
	background: rgba(0,0,0,0.9);
	color: white;
	letter-spacing: 0.1em;
}
.tlumaczenia .tlumaczenia-table-right table{
	margin-top: 20px;
}
.tlumaczenia .tlumaczenia-table-right table thead th{
	text-align: center;
	background: rgba(0,0,0,0.9);
	color: white;
	letter-spacing: 0.1em;
}
.tlumaczenia .tlumaczenia-table-right tbody tr td{
	text-align: center;
}
/* rejestracja - urzad miasta gdansk */
@media all and (max-width: 992px){
	.urzad-miasta .container
	.urzad-miasta-left{
		margin-top: 20px;
		margin-bottom: 50px;
	}
}
.urzad-miasta h2{
	font-size: 1.3em;
	color: rgba(0,0,0,0.9);
	font-family: 'PT Serif', serif;
	line-height: 1.2em;
}
.urzad-miasta h4{
	margin: 50px 0px;
	color: rgba(0,0,0,0.9);
	letter-spacing: 0.1em;
}
.urzad-miasta ol li{
	margin: 20px 0px;
}
.urzad-miasta h5{
	margin-top: 50px;
	margin-bottom: 10px;
	color: red;
}
.urzad-miasta table thead{
	background: rgba(0,0,0,0.9);
	color: white;
	letter-spacing: 0.1em;
}
.urzad-miasta table thead th{
	text-align: center;
}
#central-page > div.urzad-miasta.tlumaczenia > div.container > div:nth-child(3) > div > iframe{
	width: 520px;
}
#central-page > div.urzad-miasta.tlumaczenia > div.container > div:nth-child(4) > div > iframe{
	width: 520px;
}
@media all and (max-width: 1200px){
	#central-page > div.urzad-miasta.tlumaczenia > div.container > div:nth-child(3) > div > iframe{
		width: 430px;
	}
	#central-page > div.urzad-miasta.tlumaczenia > div.container > div:nth-child(4) > div > iframe{
		width: 430px;
	}
}
@media all and (max-width: 992px){
	#central-page > div.urzad-miasta.tlumaczenia > div.container > div:nth-child(3) > div > iframe{
		width: 520px;
	}
	#central-page > div.urzad-miasta.tlumaczenia > div.container > div:nth-child(4) > div > iframe{
		width: 520px;
	}
}
@media all and (max-width: 768px){
	#central-page > div.urzad-miasta.tlumaczenia > div.container > div:nth-child(3) > div > iframe{
		width: 445px;
	}
	#central-page > div.urzad-miasta.tlumaczenia > div.container > div:nth-child(4) > div > iframe{
		width: 445px;
	}
}
/* kontakt */
.kontakt{
	font-family: 'PT Serif', serif;
	padding-bottom: 50px;
}
.kontakt .breathcrumbs{
	background: rgba(45,165,238,1);
	padding: 10px;
}
.kontakt .breathcrumbs a{
	color: white;
	font-size: 2.3em;
	text-decoration: none;
}
.kontakt .kontakt-central{
	padding-top: 50px;
	padding-bottom: 30px;
}
.kontakt h3{
	line-height: 1.4em;
	letter-spacing: 0.1em;
}

.kontakt .kontakt-central table tr td{
	padding: 5px;
	letter-spacing: 0.1em
}
.kontakt .kontakt-central i.fa-map-marker{
	color: rgba(45,165,238,1);
	font-size: 2.1em;
}
.kontakt .kontakt-central i.fa-envelope-square{
	color: rgba(45,165,238,1);
	font-size: 1.6em;
}
.kontakt .kontakt-central i.fa-phone-square{
	color: rgba(45,165,238,1);
	font-size: 1.6em;
}


/* ----------------------------------------------------------------------------------------------------------- */
/* Blog */
#blog{
	font-family: 'PT Serif', serif;
	padding-bottom: 50px;	
}
#blog .breathcrumbs{
	background: rgba(45,165,238,1);
	padding: 10px;
}
#blog .breathcrumbs a{
	color: white;
	font-size: 2.3em;
	text-decoration: none;
}
#blog .article{
	padding: 20px 10px 0px 10px;
}
#blog .article-outline{
	border: 1px solid rgba(0,0,0,0.1);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
#blog .article a{
	text-decoration: none;
	color: black;
}
#blog .article p{
	color: black;
	text-align: center;
}
#blog .article-img img{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	height: 150px;
	width: 100%;
}
#blog .article-content{
	background: ;
}
#blog .article-content{
	padding-top: 10px;
}
#blog .article-content h2{
	margin: 0;
	line-height: 2.1rem;
	padding: 0;
	margin-left: 5px;
	font-size: 1.8rem;
	font-weight: bold;
}

/* rejestracja za klienta */
#rejestracja-za-klienta{
	font-family: 'PT Serif', serif;
	padding-bottom: 50px;	
}
#rejestracja-za-klienta .breathcrumbs{
	background: rgba(45,165,238,1);
	padding: 10px;
}
#rejestracja-za-klienta .breathcrumbs a{
	color: white;
	font-size: 2.3em;
	text-decoration: none;
}
#rejestracja-za-klienta p{
	margin-top: 50px;
	color: black;
}