.mainWidth{max-width: 1200px;}
.centerWrapper{margin: 0 auto;}
#header{
	display: block;
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
}
h1{
	display: block;
	float: left;
	max-width: 180px;
	max-height: 60px;
	overflow: hidden;
	position: relative;
}
h1 a .logoImage, h1 a .logoImage svg{
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
}
.toogleMenuBtn{
	overflow: hidden;
	margin: 10px 5px;
	float: left;
}
.toogleMenuBtn .toogleBars{
	width: 50px;
	overflow: hidden;
	margin: 10px;
	float: left;
	cursor: pointer;
	transition: .6s;
}
.toogleMenuBtn .toogleBars:hover{
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.toogleMenuBtn .toogleBars .bar{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 7px;
	margin: 7px 0;
}
.toogleMenuBtn button{
	display: block;
	max-width: 70px;
	height: 40px;
	padding: 20px 0 0 0;
	background: rgba(255,255,255,00);
	border: 0;
	cursor: pointer;
}
.tool{
	overflow: hidden;
	float: right;
	margin: 20px 30px 0 0;
}
.tool, .tool .socialmedia, .tool .disabledTool{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;
}
.tool .socialmedia, .tool .disabledTool{
	list-style-type: none;
}
.tool .disabledTool{
	margin-left: 10px;
}
.tool .socialmedia a, .tool .socialmedia button{
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 3px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	font-size: 0;
	transition: 1s;
}
.tool .socialmedia a:hover, .tool .socialmedia a:focus, .btnSrch:hover{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	opacity: .7;
}
.tool .disabledTool button{
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 3px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	border: 0;
	cursor: pointer;
	transition: 1s;
}
.tool .disabledTool button.textSize:hover{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	opacity: .7;
}
.tool .disabledTool button.hideBtn{
	display: none;
}
#breakeNews{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	overflow: hidden;
}
#breakeNews .bigNews, #breakeNews .smallNews{
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#breakeNews .bigNews div, #breakeNews .smallNews div{
	position: relative;
	overflow: hidden
}
#breakeNews .bigNews div, #breakeNews .bigNews div a, #breakeNews .smallNews div, #breakeNews .smallNews div a{
	display: block;
	box-sizing: border-box;
}
#breakeNews .bigNews div a img{
	display: block;
	padding: 0px;
	transition: .5s;
	object-fit: cover;
	height: auto;
	overflow: hidden;
}
#breakeNews .smallNews{
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}
#breakeNews .smallNews div, #breakeNews .bigNews div{
	overflow: hidden;
	width: 100%;
	height: auto;
	padding: 0 15px;
}
#breakeNews .bigNews div{
	max-height: 400px;
	animation: transitionInLeft .8s;
}
#breakeNews .smallNews div{
	max-height: 135px;
	animation: transitionInRight .8s;
}
#breakeNews .smallNews div a img{
	display: block;
	width: 100%;
	object-fit: cover;
	height: auto;
	overflow: hidden;
	transition: .5s;
}
#breakeNews .smallNews div a img:hover, #breakeNews .bigNews div a img:hover{
	transform: scale(1.5);
}
#breakeNews .bigNews div a .bigNewsHeader, #breakeNews .smallNews div a .smallNewsHeader{
	display: block;
	position: absolute;
	left: 30px;
}
#breakeNews .bigNews div a .bigNewsHeader{
	bottom: 60px;
}
#breakeNews .smallNews div a .smallNewsHeader{
	bottom: 30px;
}
#breakeNews .bigNews div a .bigNewsHeader .newsDate, #breakeNews .bigNews div a .bigNewsHeader .newsText, #breakeNews .smallNews div a .smallNewsHeader{
	display: block;
	line-height: 100%;
	padding: 10px 10px 10px 15px;
	transition: .6s;
}
#breakeNews .bigNews div a .bigNewsHeader .newsDate{
	padding: 6px 10px 0 15px;
	line-height: 90%;
}
#mainContainerContent, .contentContainer, .addContainer{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
}
#mainContainerContent{
	border-top: 1px solid rgba(145,145,145,1.00);
}
body#archive #mainContainerContent, body#searchPage #mainContainerContent, body#page #mainContainerContent, body#single #mainContainerContent{
	margin-top: 100px;
}
.mainColumn, .rightSidebar{
	display: block;
	box-sizing: border-box;
	padding: 15px;

}
.adHome{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	padding: 0 15px;
}
.adHome{
	animation: transitionInRight .8s;
}
.adHome a{
	display: block;
	width: 100%;
	padding-top: 20px;
}
.adHome a img{
	width: 100%;
	height: auto;
}
.socialmediaContainer{
	display: block;
	width: 100%;
	min-height: 30px;
}
.singleArticle ul, .singleArticle ol{
	width: 100%;
	padding: 0px 0 20px 60px;
}
.singleArticle ul{
	list-style: none;
	margin: 0px 0 20px 30px;
}
.singleArticle ul li::before{
	content: "\2022";
	color: rgba(3,60,82,1.00);
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: 15px;
}
.articleContainer{
	position: relative;
	margin-top: 15px;
	animation: transitionInLeft .8s;
}
.articleContainer p, .articleContainer ul, .articleContainer ol{
	width: 100%;
}
.widgetContainer, .sectioHeader{
	display: block;
	position: relative;
}
.objectsWidget{
	padding: 0 0 0 0;
}
.widgetContainer{
	position: relative;
	padding-top: 15px;
	animation: transitionInRight .8s;
}
.widgetContainer.info{
	border-bottom: 1px solid rgba(145,145,145,1.00);
}
.sectioHeader h2, .sectioHeader h3, .sectioHeader h4, .sectioHeader h5, .sectioHeader h6{
	margin: 0;
	padding: 4px 0 2px 10px;
	float: left;
}
.widgetContainer .sectioHeader{
	float: none;
	clear: both;
}
.sectioHeader .sectionBtnMore{
	display: block;
	float: right;
	color: rgba(3,60,82,1.00);
}
.contantColumn .articleItemImage, .contantColumn .articleItemContet, .contantColumn .sportObject{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 0;
	overflow: hidden;
}
.contantColumn .sportObject a{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
}
.contantColumn .articleItemImage{
	border-bottom: 5px solid rgba(206,56,126,1.00);
}
.contantColumn .articleItemImage a img{
	display: flex;
	justify-content: center;
	align-items: center;
}
.contantColumn .sportObject a .object-icon{
	min-height: 60px;
	margin-top: 15px;
	height: 100%;
	transition: 0.8s;
}
.contantColumn .sportObject a .object-icon:hover{filter: grayscale(100%);
    filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    opacity: .7;
}
.contantColumn .sportObject a .object-name{
	margin-top: 15px;
	display: block;
	line-height: 120%;
}
.contantColumn .sportObject a .object-name span{
	display: block;
	clear: both;
	line-height: 110%;
}
.contantColumn .sportObject a .swimpool{
	background: url(../_img/basen.svg) no-repeat center center;
}
.contantColumn .sportObject a .courts{
	background: url(../_img/korty.svg) no-repeat center center;
}
.contantColumn .sportObject a .stadium{
	background: url(../_img/stadion.svg) no-repeat center center;
}
.contantColumn .sportObject a .skatepark{
	background: url(../_img/skatepark.svg) no-repeat center center;
}
.contantColumn .sportObject a .hall{
	background: url(../_img/hala.svg) no-repeat center center;
}
.contantColumn .sportObject a .town{
	background: url(../_img/street.svg) no-repeat center center;
}
.contantColumn .sportObject a .icerink{
	background: url(../_img/lodowisko.svg) no-repeat center center;
}
.contantColumn .sportObject a .playground{
	background: url(../_img/placzabaw.svg) no-repeat center center;
}
.contantColumn .sportObject a .paths{
	background: url(../_img/sciezki.svg) no-repeat center center;
}
.contantColumn .sportObject a .recreation{
	background: url(../_img/rekreacja.svg) no-repeat center center;
}
.contantColumn .articleItemImage a img{
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	transition: transform .5s;
}
.contantColumn .articleItemImage a img:hover{
	transform: scale(1.5);
}
.widgetContainer .widgetItems{
	display: block;
	box-sizing: border-box;
	clear: both;
	width: 100%;
	padding: 15px 0;
}
.widgetContainer .widgetItems.object{
	padding: 30px 0 0 0;
}
.widgetContainer .widgetItems .sportObjectInfo{
	display: block;
	box-sizing: border-box;
	clear: both;
	width: 100%;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo{
	display: block;
	box-sizing: border-box;
	clear: both;
	width: 100%;
	padding-bottom: 20px;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .timeIconInfo, .widgetContainer .widgetItems .sportObjectInfo .objectInfo .localisationIconInfo, .widgetContainer .widgetItems .sportObjectInfo .objectInfo .fileIconInfo, .widgetContainer .widgetItems .sportObjectInfo .objectInfo .phoneIconInfo, .widgetContainer .widgetItems .sportObjectInfo .objectInfo .emailIconInfo{
	display: table-cell;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .timeIconInfo{
	background: url("../_img/icons/icon-time.svg") no-repeat center center;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .localisationIconInfo{
	background: url("../_img/icons/local.svg") no-repeat center center;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .phoneIconInfo{
	background: url("../_img/icons/phone.svg") no-repeat center center;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .emailIconInfo{
	background: url("../_img/icons/email.svg") no-repeat center center;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .fileIconInfo{
	background: url("../_img/icons/file.svg") no-repeat center center;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .textInfo{
	display: table-cell;
	box-sizing: border-box;
	width: calc(100% - 30px);
	padding-left: 15px;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .textInfo span{
	display: block;
	line-height: 160%;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .textInfo span.rightNow{
	display: block;
	margin-top: 10px;
	padding: 0;
	font-weight: 700;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .textInfo span.rightNow .open{
	display: inline-block;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	color: rgba(12,132,2,1.00);
	font-weight: 700;
}
.widgetContainer .widgetItems .sportObjectInfo .objectInfo .textInfo span.rightNow .close{
	display: inline-block;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	color: rgba(147,8,11,1.00);
	font-weight: 700;
}
.widgetContainer .widgetItems img, .widgetContainer .widgetItems a img{
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.widgetContainer .widgetItems ul{
	display: block;
	list-style: none;
}
.widgetContainer .widgetItems ul li{
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid rgba(231,231,231,1.00)
}
.widgetItems table{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}
.widgetItems table thead, .widgetItems table tbody{
	width: 100%;
}
.addContainer{
	justify-content: space-between;
	padding: 10px 0 30px 0;
}
.addContainer .addBox{
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	min-height: 50px;
	max-width: 16.66%;
	background: rgba(78,77,77,1.00);
	color: rgba(255,255,255,1.00)
}
.gallery, .wp-block-gallery{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	overflow: hidden;
}
.gallery .gallery-item, .wp-block-gallery .wp-block-image{
	display: block;
	width: 33.33%;
	overflow: hidden;
}
.gallery .gallery-item a, .wp-block-gallery .wp-block-image a{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
}
.gallery .gallery-item a img, .wp-block-gallery .wp-block-image a img{
	display: block;
	width: 100%;
	height: auto;
	transition: .5s;
}
.gallery .gallery-item a img:hover, .wp-block-gallery .wp-block-image a img:hover{
	transform: scale(1.5);
}
.singleArticle p a img, .singleArticle p img{
	display: block;
	width: 33.33%;
	height: auto;
	padding: 10px;
	overflow: hidden;
	transition: .5s;
}
.singleArticle .searchItem{
	padding: 20px 0;
}
.singleArticle .searchItem a img{
	display: block;
	width: 25%;
	height: auto;
	padding: 0px 10px 10px 0;
	overflow: hidden;
	transition: .5s;
}
.singleArticle p a img:hover, .singleArticle .searchItem a img:hover{
	transform: scale(1.1);
}
#searchSection{
	position: relative;
	width: 100%;
	clear: both;
	overflow: hidden;
	border-bottom: 5px solid rgba(206,56,126,1.00);
}
#searchSection .searchContainer{
	padding: 5px 0;
}
.searchContainer form{
	display: block;
	width: 100%;
	max-width: 1200px;
	padding: 0 15px;
	box-sizing:border-box;
	margin: 0 auto;
}
.searchContainer form div{
	display: block;
	width: 100%;
}
.searchContainer form div input{
	border: 0;
	background: none;
	font-size: 190%;
	padding: 15px;
}
.searchContainer form div input{
	-ms-width: calc(100% - 140px);
	-moz-width: calc(100% - 140px);
	-webkit-width: calc(100% - 140px);
	width: calc(100% - 160px);
}
footer .bottomBar{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	margin: 0 auto;
}
.menuWrapper{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	transition: .6s;
}
.menuWrapper.close{
	max-height: 0;
	transition: .6s
}
.menuWrapper.open{
	max-height: 1000px;
	transition: max-height easy .6s
}
.menuContainer{
	display: block;
	position: relative;
	padding: 15px 15px 25px 15px;
}
.menuContainer ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
.menuContainer > ul li{
	display: block;
	width: 100%;
	text-align: left;
}
.menuContainer ul li a{
	display: block;
	padding: 0 10px 10px 0;
}
.menuContainer ul li, .menuContainer ul li a{
	text-decoration: none;
	transition: .6s;
}
.menuContainer ul li:hover, .menuContainer ul li a:hover{
	color:rgba(145,145,145,1.00);
}
.menuContainer ul li.noLink > a:hover{
	color:rgba(255,255,255,1.00);
}
.menuContainer ul .navigationColumn ul{
	width: 100%;
}
.menuContainer ul .navigationColumn ul li, .bottomMenuContainer ul .bottomNavigationColumns ul li{
	display: block;
	width: 100%;
	transition: .6s;
	padding: 0 10px 2px 0;
}
.menuContainer ul .navigationColumn ul li:hover{
	text-decoration: underline
}
.bottomMenuWrapper{
    display: block;
    width: 100%;
    overflow: hidden;
    clear: both;
}
.bottomMenuContainer{
	display: block;
	padding: 15px 15px 25px 15px;
}
.bottomMenuContainer ul{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
}
.bottomMenuContainer ul .navigationColumn{
	display: block;
	padding: 15px;
}
.bottomMenuContainer ul li ul{
	display: block;
}
.wp-block-table, table{
	display: table;
	width: 100%;
}
.wp-block-table{
	margin-top: 5px;
}
table thead tr th{
	padding: 15px 0;
}
table tr td:first-child{
	font-family: 'ubuntubold', sans-serif;
}
.familyCard{
	display: flex;
	flex-direction: row;
	margin: 20px 0;
	overflow: hidden;
}
.familyCard .imgCard img{
	display: block;
	width: 100px;
	height: auto;
}
.familyCard .textCard span{
	display: flex;
	padding: 15px 20px;
	font-size: 1.8rem;
}
form{
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
form .boxFormInput, form .boxFormInput .formInput{
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}
form .input-50:nth-child(odd){
	display: inline-block;
	width: 50%;
	padding-right: 5px;
}
form .input-50:nth-child(even){
	display: inline-block;
	width: 50%;
	padding-left: 5px;
}
form .input-100{
	display: block;
	width: 100%;
	padding: 5px;
}
form .boxFormInput .formInput{
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	box-sizing: border-box;
	position: relative;
}
form .boxFormInput .formInput.submitBox{
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: none;
}
form .boxFormInput .formInput input{
	display: table-cell;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border: 2px solid rgba(60,60,59,1.00);
	border-radius: 10px;
}
form .boxFormInput .formInput ul.messageText li{
	display: block;
	line-height: 120%;
	padding-bottom: 0;
}
form .boxFormInput .formInput input:focus{
	border-color: rgba(3,60,82,1.00);
	border: 1px;
}
form .boxFormInput .formInput.valid input{
	border-color: rgba(12,132,2,1.00);
}
form .boxFormInput .formInput.invalid input{
	border-color: rgba(147,8,11,1.00);
}
form .boxFormInput .formInput .messageText, form .boxFormInput .formInput.valid .messageText{
	display: block;
	overflow: hidden;
	margin-top: 10px;
	max-height: 0;
	transition: .4s;
}
form .boxFormInput .formInput.invalid .messageText{
	max-height: 1000px;
	transform: max-height easy .4s;
}
form .boxFormInput .formInput textarea{
	display: table-cell;
	width: 100%;
	min-height: 150px;
	box-sizing: border-box;
	border: 2px solid rgba(60,60,59,1.00);
	border-radius: 10px;
}
form .boxFormInput .formInput.submitBox input{
	display: table-cell;
	width: 100%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	border: none;
}
form .boxFormInput .messageIcon{
	display: block;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	position: absolute;
	top: 15px;
	right: 15px;
}
form .boxFormInput .formInput.valid .messageIcon::before{
	content: url("../_img/icons/success-01.svg");
}
form .boxFormInput .formInput.invalid .messageIcon::before{
	content: url("../_img/icons/error-01.svg");
}
#mapBox{
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	background: rgba(60,60,59,1.00);
}
#mapBox.openMap, #mapBox .map{
	height: 400px;
	transition: height .5s
}
#mapBox.closeMap{
	height: 0;
	transition: height .5s
}
#footerHome{
	display: block;
	width: 100%;
	overflow: hidden;
}
#footerHome .centerWrapper{
	display: block;
	padding: 15px 15px 25px 15px;
}
.footerContactContainer{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
}
.footerContactContainer .footerLogo{
	width: 150px;
	padding-right: 15px;
}
.footerContactContainer .footerLocalization, .footerContactContainer .footerContact{
	max-width: 300px;
	border-left: 2px solid rgba(91,86,86,1.00);
}
.footerContactContainer .footerLocalization span, .footerContactContainer .footerContact span{
	display: block;
	padding: 2px 10px;
}
.footerContactContainer .footerLogo a, .footerContactContainer .footerLogo a img{
	display: block;
	max-width: 100%;
}
@keyframes transitionInLeft{
	from{
		opacity: 0;
		left: -50%;
	}
	to{
		opacity: 1;
		left: 0;
	}
}
@keyframes transitionInRight{
	from{
		opacity: 0;
		right: -50%;
	}
	to{
		opacity: 1;
		right: 0;
	}
}
.copyright{
	padding: 15px 0;
}