body {font-size:.8rem; line-height:1.2rem;}
.lead {
    font-size: 1.05rem;
    line-height:1.5rem;
}
a, #adaptive li:before, .miejsca .img:before, a img, a.kategoria i {
	-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.btn, .form-control, .img-thumbnail {border-radius:0;}

.navbar-light .navbar-brand, footer .navbar-brand  {font-size: 24px; font-weight:700; padding:1rem 0;}
.navbar-light .navbar-brand img {margin:-13px 0; height:75px; }
footer .navbar-brand img {height:50px;}

.ue-container p {margin:0 0 5px 0;}
.ue-container p, .ue-container p small {
	line-height:12px;
		font-size:10px;
}


h1 {font-size:2.1rem;}
.strong {font-weight:700;}

.logos {display:flex; height:130px;}
.logos img {margin:auto; display:inline-block; max-width:100% !important; max-height:100% !important;}
.col-sm-2 .logos {height:90px;}
.firmy .logos {height:150px;}



#mainnav  {
	padding:1rem 0;
	-webkit-transition: all 110ms ease-in-out;
-moz-transition: all 110ms ease-in-out;
-ms-transition: all 110ms ease-in-out;
-o-transition: all 110ms ease-in-out;
transition: all 110ms ease-in-out;
	border-bottom:1px solid rgba(255, 255, 255, .4);
	z-index:999;
}
/* #mainnav.topper {background:rgba(0, 0, 0, .8) !important;} */
#mainnav, #mainnav.topper {
    background: rgb(15, 130, 191) !important;
}





#mainnav a {font-size:1rem; color:#fff; font-weight:700; padding-left:1rem; padding-right:1rem;}
#mainnav .dropdown-menu  a {color:#222;}
#mainnav .nav-item {position:relative;}
#mainnav .nav-item.active:before {width:100%; content:''; border-bottom:5px solid #fff; display:block; position:absolute; bottom:-17px;}

a:hover {text-decoration:none;}
a:hover img {opacity:.7;}

.fixed-top-2 {top:95px;}




.badge {font-size:.7rem !important; border-radius:0; font-weight:400 !important; padding:4px 10px;}
#adaptive {background:#222;}
#adaptive li {
	height:600px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
 #adaptive li:before, .miejsca .img:before {
	top:0;
	z-index:0;
	height:600px;
	content:'';
	position:absolute;
	width:100%; }
	 .miejsca .img:before {height:100%;}
#adaptive li:before 	{opacity:.3;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+60&0+14,0.65+89 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 14%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.65) 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.65) 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.65) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
} 

.miejsca .img:before {
	opacity:.7;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+60&0+14,0.65+89 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 14%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.65) 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.65) 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.65) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
 

#adaptive li .container {height:600px; z-index:3;}
#adaptive li .container .row {padding-top:220px;}
#adaptive li .container .row  h3	{font-size: 32px; font-weight:700;}
#adaptive li .container .row p {font-size:1rem;}
#adaptive li .container .row p.text-white {
    font-size: 1rem;
    padding: 30px;
    background: #fff;
    color: #222 !important;
}


.lSPager {position:absolute; top:400px; right:30px;}
@media (min-width: 1200px) {
	.lSPager {
		max-width: 1140px;
		position:relative;
		top:-100px;
		margin:0 auto !important;
		text-align:right !important;
	}	
    .lSSlideOuter .lSPager.lSpg > li {display:inline-block; margin-left:4px;}
}
.lSPager li {text-align:right;}
@media (max-width: 767px) {
	.bg-white  .navbar-brand {margin:0 auto; font-size: 28px; padding-bottom:2rem;}
	.bg-white .form-inline {width:100%;}
	.bg-white .form-inline .form-control {width:50%;}
	.bg-white .form-inline .btn {display:block; width:100%;}
	#mainnav, #mainnav.topper {text-align: center; top:0; background:rgba(0, 0, 0, 1) !important; position:relative !important;}
	#mainnav .navbar-toggler {margin: 0 auto;}
	#slider {padding-bottom:3rem;}
	.lSPager {display:none;}
	.lSAction > a {top:2rem;}
}


.img-bg  {
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}
.img-bg.bg-rel {background-attachment:scroll;}
@media only screen and (max-device-width: 1366px) {
    .img-bg {
        background-attachment: scroll;
    }
}

a h4, a h5, a h6 {color:#222 ;}
a:hover h4, a:hover h5, a:hover h6 {text-decoration:none;}
a.text-white h4 {color:#fff;}
.text-inline {display:inline !important;}

.abs {position:absolute;}
.abs-bt{bottom:1.2rem;}

.miejsca .img {height:40vh; position:relative; background-size:cover;}
.miejsca.miejsca-sm .img {height:25vh; }
.miejsca .img .badge {margin-bottom:5px; text-transform:uppercase;}
.miejsca .img a {display:block; height:100%;     z-index: 2;    position: relative;}
.miejsca .img:hover:before {opacity:0;}

.kategoria {display:block; padding-bottom:1rem;  }
.kategoria i {padding-bottom:.5rem; font-weight:300 !important;}
a.kategoria:hover i{opacity:.7;}
 
.firmy .col-sm-8  {border-top: 1px solid #dee2e6; padding-top:0rem;} 

.bg-primary.bg-op-5 { background: rgba(0, 123, 255, 0.7) !important; padding:5rem 0;}
.bg-success.bg-op-5 { background: rgba(40, 167, 69, 0.7) !important; padding:5rem 0;}
.bg-danger.bg-op-5 { background: rgba(220, 53, 69, 0.7) !important; padding:5rem 0;}
.bg-info.bg-op-5 { background: rgba(23, 162, 184, 0.7) !important; padding:5rem 0;}

.breadcrumb {text-transform:uppercase; background:#fff; border-radius:0; padding:0 0 1rem 0; color:#999999;}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .7rem;
	margin-right:.5rem;
    content: "";
	border-bottom:solid 1px #999999;
	float:left;
	margin-top:10px;
}
.breadcrumb a {color:#999999;}

address h6 {font-size:.85rem;}


input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
 input[type=radio].with-font  ~ label ,
input[type=checkbox].with-font  ~ label 
{margin-bottom:1px;}
    input[type=radio].with-font:checked ~ label ,
input[type=checkbox].with-font:checked ~ label 
{ font-weight:700; 
}

input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f10c";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
    width: 1.4em;
	font-weight:400 !important;
}

input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before  {
    content: "\f05d";
    font-size: 1.2em;
    color: #222;
    letter-spacing: 5px;
}
input[type=checkbox].with-font ~ label:before {        
    content: "\f096";
}
input[type=checkbox].with-font:checked ~ label:before {
    content: "\f046";        
    color: #222;
}




.bottomNews .line-title {padding:1rem 0; border-top:solid 1px #dee2e6; border-bottom:solid 1px #dee2e6;}
.bottomNews .line-dotted-b {border-bottom:dotted 1px #dee2e6;}
.bottomNews article p {line-height:1.064rem;}

.img-fluid {width:100%;}

footer .navbar-brand {color:#fff;}
footer .navbar-nav {margin-left:-.5rem;}
footer p {color:#fff; opacity:.7;} 
 
.ad {padding:20px; background:#f7f7f7; text-align:center;}

@media (max-width: 1370px) {
    #mainnav a {font-size: .9rem;}
    
    .container {
        max-width: 1300px;
    }
    .h4, h4 {
        font-size: 1.2rem;
    }
    .img p.text-white {margin-bottom:0;}
}

@media (max-width: 1024px) {

   
   .ad {padding:15px;}
}

 
@media (max-width: 767px) {
	.navbar-toggler {border-radius:0;}
	#mainnav .nav-item.active:before {
		display:none;
	}
	#mainnav .nav-item.active a{border-bottom: 5px solid #fff;}
	
	#adaptive li { height: 450px; position:relative;}
	#adaptive li .container {height:auto; position:absolute; bottom:1rem; left:0; right:0;}
	#adaptive li .container .row {padding-top: 0px;}
	#adaptive li .container .row h3 {font-size: 20px;}
	#adaptive li .container .row p {font-size: .9rem;}

	
	footer .navbar-dark {padding-right:0 !important;}
	footer .navbar-dark  .navbar-nav li:first-child {margin-top:1rem;}
   footer .navbar-dark, footer, footer .text-right{text-align:center !important;}
   footer .navbar-toggler {display:inline-block; margin: 0 auto;}
   footer p {padding:2rem 5rem;}
   
   .ad {padding:10px;}
}


@media (max-width: 570px) { 
   .ad {padding:5px;}
}


@media (max-width: 420px) {
   .ad {padding:2px;}
   
   .col-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
   }
   .col-6 .btn {margin-bottom:1rem !important;}
   .col-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
   }
}

@media (max-width: 380px) {
    .form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
        padding: .25rem .4rem;
        font-size: .8rem;
    }
}

.line-title.food , .line-title.tourist {padding:10px 15px;}
.food .badge-primary {
    color: #fff;
    background-color: #ff5600;
}
.line-title.food  {color: #fff;  background-color: #ff5600;}
.line-title.food .fa {color: #fff; margin-right:10px; }

.tourist .badge-primary {
    color: #fff;
    background-color: #00c0ff;
}
.line-title.tourist  {color: #fff;  background-color: #00c0ff;}
.line-title.tourist .fa {color: #fff;  margin-right:10px; }