@font-face {
    font-family: "PKO Bank Polski";
    src: url("font/PKOBankPolski-Bold.woff") format('woff');
    font-weight: 700;
}
@font-face {
    font-family: "PKO Bank Polski";
    src: url("font/PKOBankPolski-Black.woff") format('woff');
    font-weight: 900;
}
@font-face {
    font-family: "PKO Bank Polski";
    src: url("font/PKOBankPolski-Regular.woff") format('woff');
    font-weight: 300;
}
@font-face {
    font-family: "PKO Bank Polski";
    src: url("font/PKOBankPolski-RegularItalic.woff") format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "PKO Bank Polski";
    src: url("font/PKOBankPolski-Light.woff") format('woff');
    font-weight: 200;
}
* {font-family: 'PKO Bank Polski' !important;outline-color:#fff;outline:0;box-shadow:unset;}
.active a.nav-link {color:#094e98 !important;}
a.nav-link {
    color: #2c2c2c;
    font-family: "PKO Bank Polski";
    font-size: 0.95rem;
    font-weight: 900 !important;
    line-height: 30px;
    text-transform: uppercase;
}
a.nav-link:hover {color: #094e98;}
.active a.nav-link:after, .account.loged:after {
    content: "";
    background: #094e98;
    position: absolute;
    left: calc( 50% - 20% );
    height: 2px;
    width: 40%;
    bottom: -1px;}
h5 {font-size:20px;font-weight:400;line-height:35px;color: #2b2b2b;}
.account.loged:after {left: 42%;width: 70px;;}
.active {position:relative;}
.rounded-btn{border-radius: 14px 0px 14px 0px;font-size: 0.95rem;font-weight: 700;line-height: 30px;}
.btn-grey{background:#C1C1C1;border:#C1C1C1;color:#FFF;}
.btn-grey:hover,.btn-grey:focus,.btn-grey:active {background-color:#094E98 !important;border-color:#094E98 !important;color:#FFF !important;}
.btn-blue{background:#094E98;border:#094E98;color:#FFF !important; text-decoration:none !important;}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active {background:#C1C1C1 !important;border:#C1C1C1 !important;color:#FFF !important;}
.background-grey {background:#f5f5f5;}
.txt p {font-size:14px;font-weight:300px; color:#2c2c2c; line-height:22px;}
.account {
	border-color: #094e98;
	width: 127px;
	height: 43px;
	color: #094e98;
	text-transform: uppercase;
}

.account:hover {border-color: #094e98;background:#094e98;}
.account.loged:hover, .account.loged:focus, .account.loged:active {
	border: 0 !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
    color: #2c2c2c !important;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.0) !important;
}
.account.loged {
	border: 0;
    background: url(../img/account.png) no-repeat scroll left center;
    padding-left: 33px;
    width: 135px;
    padding-right: 0;
	line-height: 35px;
	
}

.container a {color: #094e98;font-weight: 400;text-decoration: underline;}
.my-account p {letter-spacing: 0px; font-size:14px;}
p {color:#585858;font-size:17px;line-height:22px;font-weight: 300}
h4 {font-size: 1.32rem !important;}
.table td {font-size:14px; color:#585858; padding:5px;}
.labka {font-size:13px !important;  font-weight: 300; color:#585858 !important;padding-left:10px;}
.form-control{color:#2b2b2b;border-radius:0;line-height: 17px; font-weight: 400; font-size: 18px;}
.form-group label {font-size:14px;color: #585858; line-height:24px;    text-transform: uppercase;width:100%;    }
.hasDatepicker {background: url(../img/calendar.png) no-repeat scroll right center; border: 1px solid #D8D8D8; padding: 5px;width:100%; height: 40px;padding-left:10px;padding-right:10px;}
input, textarea {border:1px solid #D8D8D8; width:100%;    height: 40px;padding-left:10px;padding-right:10px;font-size:14px;}	
.ui-selectmenu-text {font-size:14px;}
.ui-selectmenu-button {height: 40px;    line-height: 30px;    background: white;    border: 1px solid #D8D8D8;    border-radius: 0; width:100% !important;padding-left:10px;padding-right:10px;}
.gc2 label {max-width:48%;text-transform:none;}
.form-group label, .form-group label:hover, .form-group label:active, .ui-state-active, .ui.button.ui-state-active:hover {    border-radius: 0;   border: 0 !important;    background: none !important; box-shadow:unset !important; color:#585858 !important;   margin-bottom: 3px;  margin-top: 20px;}
.ui-state-active, .ui.button.ui-state-active:hover {color:#2b2b2b !important;}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    width: 18px;
    height: 18px;
	border:none;
    padding-left: 5px !important; 
	padding-right: 5px !important;
    background: url(../img/acive_radio.png) no-repeat scroll 0px 0px !important;
}
.gc2 .ui-button {padding-left: 5px !important; 
	padding-right: 5px !important;
	margin-top: 5px !important;
	}
.ui-selectmenu-icon.ui-icon {    background: url(../img/select.png) no-repeat scroll -6px 0px !important;
    width: 26px;
    height: 38px;
    margin-top: -6px;
    border-left: 1px solid #CCC;}
.gc2 .ui-checkboxradio-icon {border: 1px solid #D8D8D8;}
.osoba {color:#070016;font-weight:400;}
.rozmiary.a { color:#094e98;}
.back {text-decoration:none !important; padding-left:20px;background:url(../img/back.png) no-repeat scroll left center !important;}
.bok:after {
    content: "";
    background: #094e98;
    position: absolute;
    left: -2px;
    height: 81px;
    width: 3px;
    top: 20px;
	
}
.step1 {background:url(../img/step1.png) no-repeat scroll center center;background-size: 100%; max-width:677px;max-height:92px;}
.step2 {background:url(../img/step2.png) no-repeat scroll center center;background-size: 100%; max-width:677px;max-height:92px;}
.step3 {background:url(../img/step3.png) no-repeat scroll center center;background-size: 100%; max-width:677px;max-height:92px;}


.step1dz {background:url(../img/step1dz.png) no-repeat scroll center center;background-size: 100%; max-width:677px;max-height:92px;}
.step2dz {background:url(../img/step2dz.png) no-repeat scroll center center;background-size: 100%; max-width:677px;max-height:92px;}
.step3dz {background:url(../img/step3dz.png) no-repeat scroll center center;background-size: 100%; max-width:677px;max-height:92px;}

.checkbox_btn {
    background: url(../img/notchecked.png) no-repeat scroll center center;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 40px;
    margin-top: 5px;
}
.checkbox_btn.checked {background: url(../img/checked.png) no-repeat scroll center center;}
.ui-slider  .ui-state-active {background:#094E98 !important;border:#094E98 !important;color:#FFF !important;margin-top:0 !important; }
.ui-slider-handle {height:24px!important;min-width:50px;padding-left:20px;padding-right:20px;width:auto !important;font-size:14px;background:#094E98 !important;border:#094E98 !important;color:#FFF !important;border-radius:90px;    top: -.8em!important;    z-index: 999999; text-align: center;  width: 100px !important;}
.ui-slider {height:4px !important;background:#094E98!important;max-width:80%}

.wyniki table {
  border-spacing: 0;
}

.wyniki td,
.wyniki th {
  padding: 1.5em;
  padding-bottom:2.5em;
}

.wyniki th {
  font-weight: bold;
  text-align: left;
}

.wyniki thead th {
 font-size:14px;
 font-weight:bold;
 color:#070016;
 border-top:0;
 border-bottom:1px;
 padding-bottom:1.8em;
}

.wyniki td > div {

}
.wyniki td:nth-child(2) > div {
 color:#094e98; 
 font-weight:400;
}
.wyniki.lista td:nth-child(2) > div {
	font-size: 14px;
    color: #585858;
	font-weight:200;
}
.table .wyniki {font-size:14px;}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0 !important;
    background-color: #094E98 !important;
    color: white !important;
}

a.city {padding:10px; border:1px solid #094e98; color:#094e98;text-decoration:none;padding-left:30px;padding-right:30px;height: 40px;margin-top: 10px;
display: inline-block;    line-height: 20px;margin-right: 10px;}
a.city:hover, a.city.active {background:#094e98;color:#FFF;}
.location h5 {font-size:16px;line-height:20px;padding-left:20px;margin:0;}
.location {background:url(../img/location.png) no-repeat scroll left center;}
h4.loc {font-size:23px; font-weight:700;}
/*MOBILE*/
	@media (min-width: 1024px) and (max-width: 1700px) {
	.account.loged:after {
		left: 10%;
		width: 70px;
	}
	}
	@media (min-width: 320px) and (max-width: 1024px) {
	.location h5.color {color:#094e98;}
	.cities {    display: flex;    flex-wrap: nowrap;    overflow-x: auto;    max-width: 100%;    scroll-margin-right: 10px;}
	a.city { flex: 0 0 auto;margin-left: 10px}
	.wyniki thead th {
        display: none;
    }
	.wyniki td,
	.wyniki th {
	  padding: 0.5em;
	}
	.wyniki tbody {border-top:1px solid #dee2e6!important;}

    .wyniki td, .wyniki th {
        display: block;
    }
	.wyniki td > div {   width: 70%; font-weight:200; float: right }
    .wyniki td[data-th]:before  {
        content: attr(data-th);
		font-weight:bold!important;
		width: 76px!important;
		display: inline-block;
    }
	.wyniki td {border:0!important; }
	.wyniki tr td:last-child {border-bottom:1px solid #dee2e6!important;}
	.wyniki.lista tr td:last-child {border-bottom:0!important;}
	.wyniki.lista tr  {border-bottom:1px solid #dee2e6!important;padding-bottom:40px!important;padding-top:40px!important;}
	.wyniki.lista tr:last-child{border:0!important;}
	.wyniki tbody tr:last-child td:last-child {border-bottom:0!important;}
	.wyniki tr td:first-child{padding-top:30px;}
	.wyniki tr td:last-child{padding-bottom:30px;}
	.wyniki.lista tr td:last-child > div {
			padding-bottom: 20px;
		}
	.account.loged:after {
		left: 22%;
		width: 70px;
	}
	.account.loged {
		border: 0;
		background: url(../img/account.png) no-repeat scroll right center;
		padding-right: 34px;
		padding-left: 0;
		width: 131px;
		color:#094E98;
		
		}
	.account.loged:after {display:none;}
	.active a.nav-link:after {bottm:2px;} 
	#navbarToggler a.nav-link {padding-left:10px;}
	}