/*
Theme Name: Zieleniec.pl
Author: be frank!
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	font-family: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* FONTY */

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-book-webfont.eot');
    src: url('fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-book-webfont.woff2') format('woff2'),
         url('fonts/geomanist-book-webfont.woff') format('woff'),
         url('fonts/geomanist-book-webfont.ttf') format('truetype'),
         url('fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-book-italic-webfont.eot');
    src: url('fonts/geomanist-book-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-book-italic-webfont.woff2') format('woff2'),
         url('fonts/geomanist-book-italic-webfont.woff') format('woff'),
         url('fonts/geomanist-book-italic-webfont.ttf') format('truetype'),
         url('fonts/geomanist-book-italic-webfont.svg#geomanistitalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-medium-italic-webfont.eot');
    src: url('fonts/geomanist-medium-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-medium-italic-webfont.woff2') format('woff2'),
         url('fonts/geomanist-medium-italic-webfont.woff') format('woff'),
         url('fonts/geomanist-medium-italic-webfont.ttf') format('truetype'),
         url('fonts/geomanist-medium-italic-webfont.svg#geomanistitalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-medium-webfont.eot');
    src: url('fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-medium-webfont.woff2') format('woff2'),
         url('fonts/geomanist-medium-webfont.woff') format('woff'),
         url('fonts/geomanist-medium-webfont.ttf') format('truetype'),
         url('fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-regular-webfont.eot');
    src: url('fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-regular-webfont.woff2') format('woff2'),
         url('fonts/geomanist-regular-webfont.woff') format('woff'),
         url('fonts/geomanist-regular-webfont.ttf') format('truetype'),
         url('fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-regular-italic-webfont.eot');
    src: url('fonts/geomanist-regular-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-regular-italic-webfont.woff2') format('woff2'),
         url('fonts/geomanist-regular-italic-webfont.woff') format('woff'),
         url('fonts/geomanist-regular-italic-webfont.ttf') format('truetype'),
         url('fonts/geomanist-regular-italic-webfont.svg#geomanistitalic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-light-webfont.eot');
    src: url('fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-light-webfont.woff2') format('woff2'),
         url('fonts/geomanist-light-webfont.woff') format('woff'),
         url('fonts/geomanist-light-webfont.ttf') format('truetype'),
         url('fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist-light-italic-webfont.eot');
    src: url('fonts/geomanist-light-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geomanist-light-italic-webfont.woff2') format('woff2'),
         url('fonts/geomanist-light-italic-webfont.woff') format('woff'),
         url('fonts/geomanist-light-italic-webfont.ttf') format('truetype'),
         url('fonts/geomanist-light-italic-webfont.svg#geomanistitalic') format('svg');
    font-weight: 300;
    font-style: italic;
}


sup {
	font-size: 13px;
    vertical-align: super;
}

body {
	color: #222;
	font-family: 'Geomanist', sans-serif;
	font-size: 16px;
	background: #f7f7f7;
	font-weight: 400;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	letter-spacing: 1px;
    box-sizing: border-box;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;	
}

#main {
    width: 100%;
    box-sizing: border-box;
    height: auto;
}

@media (max-width: 840px) {
	body {
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
	}
	
	#main .insider {
		padding: 0px;
	}
}

@media (max-width: 640px) {
	#main {
		margin-top: 10px;
	}
	
	.home #main {
		margin-top: 0px !important;
	}
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Geomanist';
}
h1 {
	font-size:34px; 
	line-height:40px;
}
h2 {
	font-size: 28px;
    line-height: 36px;
}
h3 {
	font-size:20px; 
	line-height:26px;
}
h4 {font-size:16px; line-height:22px;}
h5 {font-size:12px; line-height:18px;}
h6 {font-size:10px; line-height:14px;}

a {
	color:#237bc1;
	text-decoration:none;
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
         -o-transition: all 0.6s;
            transition: all 0.6s;
	}
	
	a, button {
			outline: none;
	}
	
a:hover {
	color: #237bc1;
	}
	
b, strong {
	font-weight: 500;
	}

.clear {
	display: block;
	clear: both; 
	height: 1px; 
	margin: 0 0 -1px; 
	overflow: hidden;
}

.go-back {
	margin-top: -40px;
    display: block;
    background: none;
    border: 0px;
    padding: 0px;
    cursor: pointer;
    font-weight: 400 !important;
    color: #a5a4a4;
    font-size: 15px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
         -o-transition: all 0.6s;
            transition: all 0.6s;
}

.go-back:hover {
	color: #207ac0;
}

.go-back::before {
	content: "◄ ";
}

::-webkit-scrollbar {
    width: 10px;
    background: #f7f7f7;
}

::-webkit-scrollbar-thumb {
    background-color: #c3e3fc;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

@media (max-width: 840px) {
	::-webkit-scrollbar {
		width: 5px;
	}	
}

/* COLUMNS */

.fullwidth {
	width: 100%;
}

.double {
	width: 47.5%;
	box-sizing: border-box;
}

.triple {
	width: 33.3%;
	box-sizing: border-box;
}

.quarter {
	width: 25%;
	box-sizing: border-box;
}	
	
.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.aligncenter {
	margin: 30px auto;
	display: block;
}

.padding10 {
	padding: 10px;
}

.padding15 {
	padding: 15px;
}

.padding20 {
	padding: 20px;
}

.insider {
	max-width: 1280px;
	padding: 0px 20px;
	margin: 0px auto;
	clear: both;
}

	@media (max-width:1140px) {
		.insider {
			max-width: none;
			width: 100%;
			box-sizing: border-box;
		}
	}
	
	@media (max-width:840px) {
		.triple {
			width: 50%;
			margin: 0px 10px;
		}
		.quarter {
			width: 50%;
		}
	}
	
	@media (max-width:640px) {
		.triple {
			width: 100%;
			display: block;
			float:none !important;
		}
		
		#main .insider {
			padding: 0px;
		}
	}		
	
	@media (max-width: 540px) {
		.quarter {
			width: 100%;
		}
	}
	
	.wrapper.clearfix {
		padding: 20px 0px 20px 0px !important;
	}	
	
/* HEADER */
#top {
    position: fixed;
    width: 100%;
	z-index: 99999;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);	
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	box-shadow: 0px 0px 0px #fff;
}

	#top .insider {
		position: relative;
	}
	
	#top .insider .clear {
		height: 0px !important;
	}
	
	#alternative {
		height: 136px;
		width: 100%;
	}
	
	#alternative-language {
		height: 96px;
		width: 100%;
	}	
	
	@media (min-width:841px) {
		.smalltop .insider {
			padding-top: 0px !important;
			padding-bottom: 1px !important;
		}

		.smalltop #primary-menu ul li::before {
			background-size: 50% !important;
		}
		
		.smalltop #primary-menu ul li a {
			height: 50px;
			padding: 0px 10px 0px 45%;
		}
        .smalltop #primary-menu .wunderground .wu-wrapper.wu-current-conditions a {
            height: 50px;
        }
		
		.smalltop #logo {
			width: 100px;
			margin-right: 20px;
            margin-top: 3px;
			height: 43px;
		}
		
		.smalltop #second-menu .insider {
			padding-top: 0px !important;
			padding-bottom: 0px !important;
		}
		
		.smalltop #primary-menu ul li a {
			font-size: 13px;
			line-height: 16px;
		}
		
		.smalltop #second-menu ul li a {
			padding-top: 6px;
			padding-bottom: 7px;
			
		}
		
		.smalltop #second-menu ul li ul li a {
			padding: 10px 35px;
		}
		
		.smalltop .wu-current-conditions .wu-day-title, .smalltop .wu-current-conditions .wu-day-current-temp, .smalltop .wu-current-conditions .wu-day-title small {
			font-size: 13px !important;
			line-height: 16px !important;
		}
		
		.smalltop .wu-current-conditions .wu-day-title {
			padding-top: 17px !important;
		}
		
		.smalltop .wu-current-conditions .wu-icon img {
			width: 56% !important;
			padding-top: 7px !important;
			padding-bottom: 12px !important;
			float: right;
		}
	
	}
	
	@media (max-width: 840px) {
		#top {
			width: 100%;
			width: -webkit-calc(100%);
			width: -moz-calc(100%);
			width: calc(100%);			
		}
	}

	.separator {
		position: relative;
		padding-top: 15px;
		padding-bottom: 15px;		
	}
	
	.separator:hover {
		background: #c3e3fc !important;
	}
	
	.separator a {
		text-indent: -9999px;
		padding: 0px !important;
		height: 1px;
	}
	
	.separator::after {
		content: "";
		display: block;
		width: 30px;
		height: 1px;
		background: #207ac0;
		margin-left: 35px;
	}
	
	.separator a:hover {
		cursor: auto !important;
	}	
	
#logo {
    display: block;
    float: left;
    width: 160px;
    height: 68px;
    background: url(img/logo.png) center no-repeat;
    background-size: 100%;
}

@media (max-width: 1200px) {
	
	#logo {
		background-size: 80%;
		margin-left: -20px;
	}
}

	/* SOCIAL ICONS */
	#social-icons {
		margin-left: 20px;
	}
	#social-icons a {
		display: block;
		float: left;
		height: 24px;
		width: 24px;
		padding: 38px 4px;
		opacity: 0.5;
	}
	
	#social-icons a#fb {
		background: url(img/fb.png) center no-repeat;
	}	
	
	#social-icons a#tt {
		background: url(img/tt.png) center no-repeat;
	}	
		
	#social-icons a#in {
		background: url(img/in.png) center no-repeat;
	}	

	#social-icons a:hover {
		opacity: 1;
	}
	
		/* WEATHER */
		.weather {
			padding: 0px 40px;
		}
		
		/* LANGUAGE */
		.language {
			padding: 0px 40px;
		}
		
	
	@media (max-width:840px) {
		
		
		#top .menu .bluebg {
			background: none !important;
		}
		
		#top .menu .bluebg a {
			color: #2b3253 !important;
		}
		
		#top .menu .bluebg a:hover {
			color: #fff !important;
		}		
		
		#top .sub-menu {
			position: relative !important;
			width: 100% !important;
			padding: 0px !important;
		}
		
		#top .sub-menu li a {
			padding: 10px 20px !important;
		}
		
		.quote a {
			margin: 0px !important;
		}
		
		#red {
			text-align: center;
		}
		
		#red-description .widget {
			margin-right: 0px !important;
			margin-bottom: 20px;
		}
		
		#about {
			padding-right: 0px !important;
		}
	}
	
	@media (max-width: 640px) {
		#section-meta #services-menu .menu li a {
			width: 100% !important;
			float: none !important;
			display: block !important;
		}
		#section-meta {
			text-align: center;
		}
		#section-meta #services-menu .widget {
			margin-right: 0px !important;
		}
		#section-meta .widget {
			margin-bottom: 30px;
		}
		#section-meta #contact-widget .textwidget a.mail, #section-meta #contact-widget .textwidget a.phone {
			padding-left: 0px !important;
			background: none !important;
		}
	}
		
	.quote {
	}	
	
	.quote a {
		color: #fff !important;
		background: #e52a66;
		margin: 18px 0px 18px 5px;
		padding: 11px !important;
	}

	#main-menu {
		background: #fff;
	}

	#main-menu .insider {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	
	@media (max-width: 840px) {
		#main-menu .insider {
			padding-top: 0px;
			padding-bottom: 0px;
		}
	}
	
	
	/* SLIDER */
	#feature {
		position: relative;
		margin-bottom: 100px;
	}
	
	#features {
		background: #222 url(img/info.jpg) center no-repeat;
		background-size: cover !important;
		height: auto;
		width: 100%;
		height: 715px;
	}
	
	#features, .jshowoff {
		position: inherit !important;
	}
	
	#feature .slider {
		width: 100%;
		margin: 0px auto;
		height: 715px;
		display: table;
		overflow: hidden;
	}
	
		#feature .slider .insider {
			text-align: center;
			height: 100%;
			position: relative;
		}
		
		#feature .slider .box {
			display: table-cell;
			height: 100%;
			vertical-align: middle;
			box-sizing: border-box;
			padding: 0px 20px;
			text-align: center;
			-webkit-background-size: 1920px auto !important;
		}
		
		#feature .slider .box span {
			display: block;
			margin: 0px auto;
			width: auto;
			max-width: 860px;
		}
		
		#feature .slider h2, #feature .slider h2 a {
			font-size: 42px;
			font-weight: 300;
			color: #fff;
			display: block;
			line-height: 44px;
			margin-bottom: 25px;
			text-transform: uppercase;
		}
		
		#feature .slider h4 {
			font-size: 18px;
			line-height: 28px;
			color: #fff;
			font-family: "Open Sans", sans-serif;
			display: block;
			font-weight: 400;
		}
		
		.jshowoff-slidelinks {
			display: none;
		}
		
		.jshowoff-slidelinks a {
			text-indent: -9999px;
			width: 9px;
			height: 9px;
			display: inline-block;
			background: #fff;
			opacity: 0.5;
			margin: 0px 2px;
		}

		.jshowoff-slidelinks a.jshowoff-active {
			opacity: 1 !important;
		}
		
		@media (max-width: 840px) {

			.full .triple img {
				max-width: 100% !important;
				height: auto !important;
			}
						
		}
		
		@media (max-width: 640px) {
						
			.slider h2, .slider h2 a {
				font-size: 26px !important;
			}
			
			.slider h4 {
				font-size: 16px;
			}
			
		}
		
		
	/* BANNERS */
	
	#banners {
		margin-top: -200px;
		margin-bottom: 50px;
	}
	
	.five-boxes {
		
	}

	.five-boxes .box {
		width: 19%;
		box-sizing: border-box;
		position: relative;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;		
		overflow: hidden;
		float: left;
		margin: 0.5%;
	}
	
	.five-boxes .box h3 {
		position: absolute;
		bottom: 0px;
		width: 100%;
		padding: 13px 0px;
		background: #2B2B2B;
		text-align: center;
		color: #fff;
	}

	.five-boxes .box img {
		width: 100%;
		height: auto;
	}
	
	.five-boxes .box .hover {
		display: none;
		top: 0px;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #fff;
		padding: 0px 20px;
		box-sizing: border-box;
	}	
	
	.five-boxes .box:hover .hover {
		display: block;
		cursor: pointer;
		color: #222;
	}

	.five-boxes .box .hover h4 {
		font-size: 16px;
		margin: 15px 0px;
	}		
	
	.five-boxes .box .hover h5 {
		font-size: 12px;
	}		
	
	@media (max-width:960px) {
		.five-boxes .box {
			width: 24%;
		}
		#section-search .box select {
			width: 100% !important;
		}
		
	}	
	
	@media (max-width:840px) {
		.five-boxes .box {	
			width: 32%;
		}		
	}	

	@media (max-width:680px) {
		.five-boxes .box {
			width: 49%;
		}
	}	

	@media (max-width:680px) {
		.five-boxes .box {
			width: 99%;
		}
	}

			
	/* ORANGE */
	#orange {
		padding: 40px 0px;
	}
	.socials a {
		display: inline-block;
		float: left;
		height: 34px;
		width: 34px;
		margin-right: 5px;
	}
		#fb {
			background: url(img/fb.png) no-repeat;
		}	
		#tt {
			background: url(img/tt.png) no-repeat;
		}	
		#in {
			background: url(img/in.png) no-repeat;
		}	
		
	.phoneform {
		width: 450px;
	}	
	.phoneform .wpcf7-tel {
		width: 300px;
		margin-right: 10px;
		float: left;
		border: 0px;
		padding: 23px;
		font-size: 14px;
		text-transform: uppercase;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
	}
	.phoneform .wpcf7-submit {
		float: left;
		width: 140px;
		border: 0px;
		font-size: 24px;
		text-transform: uppercase;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		padding: 17px;
		background: #a2282c;
		cursor: pointer;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;		
	}
	.phoneform .wpcf7-submit:hover {
		opacity: 0.8;
	}	
	.phoneform div.wpcf7 img.ajax-loader {
		display: none;
	}
	
	@media (max-width:640px) {
		.socials {
			float: none;
			width: 100%;
			text-align: center;
			margin-bottom: 30px;
		}
		.socials a {
			float: none;
			display: inline-block;
		}		
		
		.phoneform {
			width: 100%;
		}
		
		.phoneform .wpcf7-tel {
			width: 70%;
			margin-right: 0px;
		}
		
		.phoneform .wpcf7-submit {
			width: 30%;
			float: right;
		}
		
	}
	
	@media (max-width:540px) { 
		.phoneform .wpcf7-tel {
			width: 100%;
			margin-right: 0px;
			display: block;
			text-align: center;
		}
		
		.phoneform .wpcf7-submit {
			width: 100%;
			float: none;
			display: block;
		}
	}
	
	/* FOOTER */
	#footer {
		font-size: 15px;
		background: #fff;
		padding: 20px 0px;
		color: #222;
	}
	
		.footer-logo {
			color: #545455;
			text-transform: uppercase;
			font-weight: 500;
			letter-spacing: 2px;
			margin-bottom: 25px;
		}
		
		#footer .button {
			float: right;
			margin-top: 15px;
		}
		
		
		
	.upbutton {
		display: block;
		background: url(img/up-arrow.png) center no-repeat;
		width: 50px;
		background-size: 20px;
		border: 5px solid #c3e3fc;
		-webkit-border-radius: 90px;
		height: 50px;
		margin-top: -70px;
		margin-right: 30px;
	}
	
	@media (max-width:640px) {
			#footer {
				text-align: center;
				padding: 0px;
				background: none;
			}
			
			#logo-footer {
				margin: 50px 0px 10px 0px;
			}
			
			#footer .partners {
				display: none;
			}
			
			#footer .alignleft, #footer .alignright {
				float: none;
				margin: 10px auto;
			}
			
			#footer ul.cnss-social-icon {
				text-align: center !important;
			}
			
			#footer ul.cnss-social-icon li a {
				margin: 30px 11px 30px 11px !important;
			}
			
			.upbutton, .footer-logo {
				display: none !important;
			}
		}
		

/* HISTORIE */
.historia-header {
	width: 100%;
	height: 300px;
	background: url(img/historia-bg.jpg) no-repeat;
	background-size: cover !important;
}

	.historia-header div {
		display: table;
		height: 300px;
		width: 100%;
	}	

	
	.historia-header div span {
		display: table-cell;
		vertical-align: middle;
		background: url(img/historia-logo.png) center no-repeat;
		background-size: auto !important;
		width: 400px;
		height: auto;
	}	
	
	.historia-insider {
		max-width: 1140px;
		padding: 0px 20px;
		margin: 0px auto;
		box-sizing: border-box;
	}
	
	.historia img {
		max-width: 100%;
		height: auto;
	}
			
		.historia-insider table {
			width: 100%;
		}	
		
		.historia-insider table tr td {
			width: 48%;
			height: auto;
			min-height: 400px;
			text-align: center;
			padding: 40px 10px;
			box-sizing: border-box;
		}	
		
		.historia-insider table tr td .aligncenter {
			margin: 0px auto;
		}
		
		.historia-insider table tr td:nth-child(odd) {
			float: left;
		}
		
		.historia-insider table tr td:nth-child(even) {
			float: right;
		}
		
		.martop {
			margin-top: 40px !important;
		}
		
		.historia .content {
			line-height: 32px;
			font-size: 20px;
		    padding: 70px 0px 90px 0px;	
		}
		
		.content.dark {
			color: #fff;
			text-align: center;
		}
		
		.content .simple-insider {
			max-width: 840px;
			box-sizing: border-box;
			padding: 0px 20px;
			margin: 0px auto;
		    text-align: center;	
		}
		
			.historia .content .simple-insider p {
				padding: 40px 0px 10px 0px;
			}
		
		#history1 {
			background: url(img/history1.jpg) no-repeat;
			background-size: cover !important;
			min-height: 600px;
		}
		
		#history2 {
			background: url(img/history2.jpg) no-repeat;
			background-size: cover !important;
			min-height: 600px;
		}
		
		#history3 {
		    padding: 0px 10px 30px 10px !important;
			color: #bbbbbb !important;
		}		
		
		@media (max-width: 840px) {
			.historia .aligncenter {
				margin-top: 10px;
			}
			
			.historia-header div span {
				background-size: 90% !important;
			}
			
			.historia .content, .historia .content .simple-insider p {
				padding: 20px 10px 20px 10px;
			}
			
			
			
			.historia-insider table tr td {
				width: 100%;
				padding: 20px 0px 10px 0px;
				min-height: auto !important;
			}
		}
		
/* PAGE */
#content {
	width: 68%;
	box-sizing: border-box;
	float: left;	
}
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		color: #3D9E47;
		margin-bottom: 20px;
		font-weight: 300;
	}

	#content p {
		line-height: 30px;
	}
	

.entry-content {
	margin: 0px auto;
}

.entry-content p, .entry-content ul {
    font-weight: 400;
    font-size: 15px;
}

.entry-content p, .entry-content ul, .entry-content ol, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .su-spoiler, .su-spoiler-style-default > .su-spoiler-content {
    margin: 20px auto 20px auto;
    line-height: 25px;
    box-sizing: border-box;
    padding: 0px 20px;
    max-width: 840px;
}

.entry-content ul {
	list-style-type: square;
}

.entry-content ul li,
.entry-content ol li {
	margin-left: 20px;
}

.entry-content img {
	max-width: 100%;
    height: auto;
}

	.entry-content p.wp-caption-text {
		text-align: left !important;
		color: #d11f30 !important;
	}

	.entry-content p.wp-caption-text::before {
		content: "";
		display: block;
		float: left;
		width: 30px;
		margin-right: 40px;
		height: 30px;
		background: url(img/arrow-up.png) no-repeat;
		background-size: cover !important;
	}	
	
@media (max-width: 840px) {
	.wp-caption {
		width: 120% !important;
		margin: 0px -10% !important;
		padding: 0px !important;
		height: auto !important;
	}
	
	#content .entry-content {
		padding: 0px;
	}
	
	.wp-caption-text {
		display: none !important;
	}
	
	.entry-content .wp-caption img.size-full, .entry-content img.size-full {
		width: 120% !important;
		margin: 0px -10% !important;
		padding: 0px !important;
		height: auto !important;
	}
	
}
		
	#wrapper {
		position: relative;
		background:#f9f9f9;
	}	
		
	#wrapper #content, #wrapper .full {
		margin-top: -130px;
	}
	
	#wrapper #sidebar {
		margin-top: -50px;
	}
	
	@media (max-width:840px) {
		#wrapper #content, #wrapper #sidebar {
			margin-top: 0px;
		}
		.post-title h2 {
			font-size: 34px;
			line-height: 50px;
			margin-top: 20px;
		}
		.post-title h4 {
			font-size: 18px;
			line-height: 24px;
			width: 100%;
			box-sizing: border-box;
			padding: 0px 20px;
		}
	}

@media (max-width: 640px) {
	.entry-content p, .entry-content ul, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
		font-size: 14px;
		line-height: 22px;
	}
}	

.pop-form {
	text-align: center;
	padding: 0px 20px;
}
	.pop-form h2 {
		color: #a2282c;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 44px;
		font-size: 36px;
		margin: 40px 0px 20px 0px;
	}
	.pop-form p {
		font-size: 18px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	
	.pop-form input {
		font-size: 20px;
		box-sizing: border-box;
		border: 2px solid #dadada;
		padding: 15px;
		font-family: 'Roboto', sans-serif;
		width: 330px;
		font-size: 18px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	@media (max-width:840px) {
		.pop-form input {
			width: 100%;
		}
		.popmake.fixed {
			position: absolute !important;
		}
	}
	
	@media (max-width:540px) {
		.popmake {
			padding: 10px !important;
			top: 60px !important;
			width: 100% !important;
			left: 0px !important;
		}
		.pop-form p {
			font-size: 14px !important;
			line-height: 24px !important;
			margin-bottom: 10px !important;
		}
		.pop-form input {
			padding: 5px 10px !important;
		}
	}

	.pop-form .wpcf7-submit {
		width: 140px;
		color: #fff !important;
		text-transform: uppercase;
		background: #616060;
		border: 0px;
		padding: 15px;
		font-size: 24px;
		margin: 10px 0px 30px 0px;
		cursor: pointer;
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
         -o-transition: all 0.6s;
            transition: all 0.6s;		
	}
	
	.pop-form .wpcf7-submit:hover {
		opacity: 0.8;
	}	
	
/* ARCHIVE */
.archive-slider {
	background: url(img/calculator.png) center no-repeat !important;
}
#content h2.archive-title {
	margin-bottom: 0px !important;
}
#content h4.archive-date {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.archive hr {
	border: 1px solid #EDEDED;
	margin: 40px auto;
}

/* DOUBLE */
#double {
	margin: 80px 0px;
}


/* SECTION ABOUT */
#about {
	padding-right: 50px;
    border-right: 1px solid #dadada;
}

	h2.title {
		color: #e52a66;
		font-size: 32px;
		margin-bottom: 30px;
	}

#about .more-link {
    background: #BA2729;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    text-transform: uppercase;
    margin: 20px 0px;
    display: inline-block;
}

#about .more-link:hover {
	background: #2b2b2b;
}


/* SECTION RED */
#red {
	padding: 50px 0px;
	color: #fff;
}

#red a {
	color: #fff;
}

#red a:hover {
	text-decoration: underline;
}

	#red-description .widget {
		font-size: 30px;
		line-height: 39px;
		margin-right: 70px;
	}

	#red-links .menu li {
		list-style: none;
	}
	
	#red-links .menu li a {
		font-size: 18px;
		line-height: 34px;
	}
	
	#red .contact-form h2 {
		color: #fff !important;
	}
	
	#red .wpcf7-submit {
		background: #222 !important;
	}
	
/* SECTION QUOTE */	
#quote {
	margin: 100px 0px 100px 0px;
	background:#f9f9f9;
}	

	#quote .contact-form {
		text-align: center;
	}
	
	.contact-form {
		max-width: 900px;
		margin: 0px auto;
	}
	
	.contact-form h2 {
		color: #3D9E47;
		font-weight: 300;
		font-size: 48px;
		letter-spacing: -1px;
		margin-bottom: 35px;
	}
	
	.contact-form h3 {
		font-weight: 300;
		margin-bottom: 40px;
	}
	
	.contact-form input {
		max-width: 200px;
		box-sizing: border-box;
		padding: 15px;
		margin: 5px;
		border: 1px solid #dadada;
		font-family: "Roboto";
		font-size: 17px;
		font-weight: 300;
	}
	
	.contact-form input[type="submit"] {
		background: #e52a66;
		font-weight: 400 !important;
		border: 0px !important;
		cursor: pointer;
		text-transform: uppercase;
		color: #fff;
		padding: 15px 20px;
	}
	
	.contact-form input[type="submit"]:hover {
		background: #404040;
	}
	
	.ajax-loader {
		display: none !important;
	}
	
/* SECTION META */
#section-meta {
	padding: 50px 0px;
	font-size: 13px;
    line-height: 30px;
}	

#section-meta .double {
	float: left;
}	

#section-meta h3.widget-title {
    color: #B1B1B1;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-weight: bold;
}

#section-meta a {
    color: #B1B1B1;
    font-size: 14px;
}

#section-meta a:hover {
	color: #ba2729;
}

#section-meta .menu {
	list-style: none;
}

#section-meta .menu li a {
	color: #D2D2D2;
    font-size: 14px;
    font-family: "Roboto";
}

#section-meta .menu li a:hover {
	color: #e52a66;
}

#section-meta a:hover {
	color: #e52a66 !important;
}

#section-meta #services-menu .widget {
	margin-right: 40px;
}

#section-meta #services-menu .menu li a {
	width: 50%;
	float: left;
}

#section-meta #contact-widget .textwidget {
	margin-bottom: 28px;
}

#section-meta #contact-widget .textwidget a.phone {
    padding-left: 28px;
    background: url(img/phone.png) 3px no-repeat;
    background-size: 14px;
    display: block;
}

#section-meta #contact-widget .textwidget a.mail {
    padding-left: 28px;
    background: url(img/mail.png) left no-repeat;
    background-size: 19px;
    display: block;
}

#section-meta .footer-menu {
	
}

#section-meta .footer-menu li, #section-meta .footer-menu li a {
	display: block;
	width: 100%;
}

#clients {
	position: relative;
    max-width: 200px;
    margin: 30px auto;
	overflow: hidden;
	height: 150px;
}

#clients img {
	max-width: 100%;
	height: auto;
}

	#second-slider .jshowoff-slidelinks {
		position: relative !important;
		bottom: 0px;
	}
	
	#second-slider .jshowoff-slidelinks a {
		background: #222;
		opacity: 0.5;
	}
	
	#second-slider .jshowoff-slidelinks a.jshowoff-active {
		opacity: 1 !important;
	}

/* CONTACT PAGE */
.full {
	box-sizing: border-box;
	padding: 40px;
}
.full .triple {
	float: left;
	margin-bottom: 40px;
    font-size: 14px;
    line-height: 24px;	
}

.full .triple img {
	margin-top: 20px;
}

.contact-form-2 {
	max-width: 640px;
    margin: 0px auto;
	padding: 20px;
	box-sizing: border-box;
}

.contact-form-2 .double {
	width: 49%;
}

.contact-form-2 .wpcf7-text, .contact-form-2 .wpcf7-textarea {
	width: 100%;
    box-sizing: border-box;
    padding: 15px;
    border: 0px solid #ccc;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

.contact-form-2 .wpcf7-text {
	margin-bottom: 10px;
}

.contact-form-2 .wpcf7-textarea {
    height: auto;
    max-height: 164px;
}

.contact-form-2 .wpcf7-submit {
    box-sizing: border-box;
    background: #e52a66;
    border: 0px;
    color: #fff;
    padding: 15px;
    font-size: 15px;
	text-transform: uppercase;
	margin-top: 30px;
	display: inline-block;
	cursor: pointer;
}

.contact-form-2 .wpcf7-submit:hover {
    opacity: 0.8;
}

@media (max-width:460px) {
	.contact-form-2 .double {
		width: 100%;
	}
}



@media (max-width:640px) {
	.page-template-page-service #sidebar {
		display: none;
	}
	
	.page #features h2, .single #features h2{
		padding-top: 80px;
	}
}

@media (max-width:440px) {
	.page #features h2, .single #features h2{
		padding-top: 50px;
	}
}

/* SECTION INFO */
#section-info .double {
	height: auto;
	min-height: 525px;
	box-sizing: border-box;
	padding: 50px;
	color: #fff;
}

#section-left {
	background: url(img/section-left.jpg) no-repeat;
	background-size: cover !important;
}

#section-right {
	background: url(img/section-right.jpg) no-repeat;
	background-size: cover !important;

}

#section-info .double.alignleft h3.widget-title {
	color: #404040;
}

#section-info .double.alignright h3.widget-title {
	color: #e52a66;
}

#section-info .core {
	max-width: 520px;
}

#section-info .core h3.widget-title {
    font-size: 48px;
    letter-spacing: -1px;
    font-weight: 300;
    line-height: 54px;
    margin-bottom: 30px;
	max-width: 440px;
}

#section-info .core .textwidget {
    padding-right: 50px;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}

@media (max-width: 840px) {
	#section-info .double {
		min-height: 300px;
		text-align: center;
	}
	#section-info .core h3.widget-title {
		max-width: none;
	}
	#section-info .core .textwidget {
		padding-right: 0px;
	}
	button.empty {
		float: none;
	}
	#section-info .core {
		max-width: none !important;
	}
}

/* SECTION SPACE */
h2.section-title, h2.section-title a {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
    padding: 50px 0px 50px 0px;
    font-size: 38px;
    line-height: 54px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;	
}

h2.section-title a {
	 -moz-animation-name: slideRight;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 1s;

    -webkit-animation-name: slideRight;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 1s;

    animation-name: slideRight;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1s;	
}

h2.section-title span {
    color: #111;
    padding-bottom: 2px;
    display: inline-block;
	 -moz-animation-name: slideLeft;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 1s;

    -webkit-animation-name: slideLeft;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 1s;

    animation-name: slideLeft;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1s;		
}

	h2.section-title span.extra {
		font-family: "Rational Book";
		margin-left: 10px;
	}
	
	.title .more {
		float: right; 
		margin-left: 20px !important;
	}

@media (max-width: 860px) {
	h2.section-title, h2.section-title a {
		padding: 25px 0px 20px 0px;
	    font-size: 24px;
		line-height: 34px;	
	}
}

@media (max-width: 640px) {
	h2.section-title, h2.section-title a {
		background: #fff;
	}
}
	
	
#section-space {
    padding: 30px 0px 70px 0px;
}

#section-space .insider {
	padding: 0px !important;
	max-width: 1140px;
}

#section-space .box {
    width: 31.3333%;
    box-sizing: border-box;
    float: left;
    margin: 1%;
	min-height: 530px;
	border: 1px solid #dadada;
	position: relative;
	background:#fff;
}

#section-space .box .image {
	display: block;
    height: 186px;
}

#section-space .box .image:hover {
	opacity: 0.8;
}

#section-space .box .green {
	display: block;
    width: 100%;
	position: relative;
    bottom: 0px;
    width: 100%;
	text-align:center;
}

#section-space .box a.green {
	display: block;
	padding: 17px 0;
	background:#e52a66;
	color:#fff;
}
#section-space .box a.green:hover {
	background:#404040;
}
.office-info .green {
    width: 100%;
	position: relative;
    bottom: 0px;
    width: 100%;
	text-align:center;
}
.office-info a.green {
	padding: 17px 30px;
	background:#e52a66;
	color:#fff;
}
.office-info a.green:hover {
	background:#404040;
}


#section-space .box h3 a {
    color: #3d9e47;
    font-size: 22px;
    display: block;
    margin-bottom: 5px;
}

#section-space .box h3 a:hover {
	color: #e52a66;
}

#section-space .box h4 {
    font-size: 14px;
}


@media (max-width: 840px) {
	#section-space .box {
		width: 48%;
	}
}

@media (max-width: 640px) {
	#section-space .insider {
		padding: 0px 20px !important;
	}
	#section-space .box {
		width: 100%;
		margin: 10px 0px;
	}
}

/* SEARCH FIELD */
#section-search {
	
}



#section-search .double {
	width: 48.5%;
}

#section-search .insider {
	margin-top: -30px !important;
}

#section-search .box {
	box-sizing: border-box;
	padding: 30px 40px;
	color: #fff;
}

#section-search .box input, #section-search .box select {
	padding: 15px;
    border: 0px;
    font-size: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-right: 2%;
	color: #404040;	
}

#section-search .box input[type="submit"] {
    text-align: right;
    float: right;
    padding: 16px 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #404040;
    margin-right: 0px !important;
	cursor: pointer;
}

#section-search .alignleft .box #section-searchfield {
	width: 100%;
}

#section-search .box select {
    width: 35.5%;	 
}

#section-search .box input[type="submit"] {
    background: #404040 url(img/searchbutton.png) 13px 16px no-repeat;
    width: 25%;
}

#section-search .double.alignright .box input, #section-search .double.alignright .box select {
    width: 48% !important;
}

#section-search .double.alignright input[type="checkbox"] {
	width: auto !important;
}

#section-search span.wpcf7-list-item {
	margin-left: 0px;
    display: block;
    clear: both;
}

#section-search .double.alignright .box input[type="submit"] {
	width: auto !important;
    padding-left: 40px;
    margin-right: 9px !important;
	background: #e52a66 url(img/mailbutton.png) 15px 18px no-repeat;
}

#section-search input[type="submit"]:hover {
    opacity: 0.8;
}

#section-search .fullwidth {
	width: 100% !important;
}

@media (max-width: 840px) {
	#section-search .double {
		width: 100%;
	}
}

/* CONTACT WIDGET */
#contact-widget {
	color: #fff;
}

#contact-widget h4 {
	font-size: 17px;
    font-weight: 300;
    margin-bottom: 20px;
}

#contact-widget input {
    border: 0px;
    padding: 15px;
    font-weight: 300;
    box-sizing: border-box;
    font-size: 17px;
    font-family: "Roboto";
    margin-bottom: 10px;
}

#contact-widget .wpcf7-submit, #page-form .wpcf7-submit {
	color: #fff;
    font-weight: 400;
    background: #e52a66;
    padding: 15px 20px;
	cursor: pointer;
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
         -o-transition: all 0.6s;
            transition: all 0.6s;	
	border: 0px;
}

#contact-widget .wpcf7-submit:hover, #page-form .wpcf7-submit:hover {
    background: #3D9E47;
}

/* SU TABS */
.su-tabs {
	padding: 0px !important;
}

.su-tabs-nav span.su-tabs-current {
	background: #e52a66 !important;
    color: #fff;
    cursor: default;
}

.su-tabs-panes, .su-tabs-pane {
	font-size: 16px !important;
	line-height: 24px !important;
}

.su-tabs-nav span {
	text-transform: uppercase !important;
	width: 24% !important;
	padding: 15px 5px !important;
	text-align: center !important;
	font-size: 12px !important;
	margin-right: 1% !important;
	background: #404040 !important;
	color: #fff !important;
    -webkit-border-top-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-right-radius: 0px !important;	
}

@media (max-width: 768px) {
	.su-tabs-nav span {
		width: 100% !important;	
		margin-right: 0px !important;	
	}
}


/* CONTACT PAGE */
#contact-page .falstart {
	margin-top: -130px;
	margin-bottom: 60px;
}

#contact-page .double {
	 width: 48.5%;
}

.padding30 {
	padding: 30px;
	box-sizing: border-box;
}

#page-form input, #page-form textarea {
	padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #dadada;
    font-size: 17px;
    font-family: "Roboto";
    font-weight: 300;
	box-sizing: border-box;
}

@media (max-width: 840px) {
	#contact-page .double {
		 width: 100%;
	}
}

#backbutton {
	position: absolute;
    right: 0px;
    top: 0px;
    margin: 40px 0px;
    font-size: 14px;
    border: 2px solid #797979;
    color: #CECACA;
    padding: 21px 19px;
    line-height: 5px;
}

#navigation {
	text-align: center;
}

#navigation a, #navigation div, #navigation span {
    color: #fff;
    padding: 15px 20px;
    background: #e52a66;
    display: inline-block;
	margin: 3px;
}

#navigation a:hover, #navigation div:hover, #navigation span:hover {
    background: #3D9E47;
	cursor: pointer;
}


.maright a {
	margin-right: 30px !important;
}

/* BIATLON */
.bluebg {
	background: #2b3253;
	color: #fff;
}

.blue {
	color: #2b3253;
}

.pinkbg {
	background: #e52a66;
	color: #fff;
}

.pink {
	color: #e52a66;
}

.white a {
	color: #fff !important;
}

.white a:hover {
	color: #e52a66 !important;
}

#info {
	
}

	
	@media (max-width: 640px) {
		.countdownHolder {
			display: none !important;
			font: 28px/1.5 "UniSans", sans-serif!important;
			margin-left: 0px !important;
		}
		.button {
			width: 100%;
			padding: 20px 20px;
		}
		
		.twosections .double img {
			display: block;
			width: 100%;
			height: auto;
		}
	}
	
/* SIMPLE SLIDER */

	.simple-slider .jshowoff-controls {
		position: absolute;
		right: 0px;
	}

	.simple-slider .jshowoff-controls a {
		display: block;
		width: 30px;
		height: 30px;
		background-size: 50% !important;
		margin: 0px;
	}	

	.simple-slider .jshowoff-controls {
		top: 40px;
	}

	.simple-slider .jshowoff-controls a.jshowoff-play {
		display: none !important;
	}

	.simple-slider .jshowoff-controls a.jshowoff-prev {
		background: url(img/emptyleft-gray.png) center no-repeat;
		position: absolute; 
		top: 35px;
		right: 0px;
	}

	.simple-slider .jshowoff-controls a.jshowoff-next {
		background: url(img/emptyright-gray.png) center no-repeat;
		position: absolute; 
		top: 0px;
		right: 0px;
	}	
	
/* CZYTELNIA */
#czytelnia {
	margin-right: -3px;
}	

	#czytelnia .box {
		width: 33.32%;
		float: left;
		height: 380px;
		box-sizing: border-box;
		overflow: hidden;
		background-repeat:no-repeat;
		background-attachment:fixed;
		-moz-background-size: cover;
		-webkit-background-size:cover;
		-o-background-size: cover;
	}

	#czytelnia .box .core {
		width: 100%;
		height: 100%;
		display: table;
		text-align: center;
		background: rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
         -o-transition: all 0.6s;
            transition: all 0.6s;			
	}

	#czytelnia .box .core span {
		width: 100%;
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		padding: 10px 20px 0px 20px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+76,000000+89,000000+89,000000+100&0+61,0.65+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 61%, rgba(0,0,0,0.25) 76%, rgba(0,0,0,0.47) 89%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 61%,rgba(0,0,0,0.25) 76%,rgba(0,0,0,0.47) 89%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 61%,rgba(0,0,0,0.25) 76%,rgba(0,0,0,0.47) 89%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */		
	}

	#czytelnia .box .core h2 {
		margin-bottom: 30px;
		color: #fff;
	}	

	#czytelnia .box .core:hover {
	    background: rgba(0, 101, 176, 0.75);
	}

		#czytelnia .box.turystyka .core:hover {
			background: rgba(0, 101, 176, 0.75);
		}

		#czytelnia .box.sport .core:hover {
			background: rgba(209, 31, 48, 0.75);
		}

		#czytelnia .box.kultura .core:hover {
			background: rgba(244, 198, 19, 0.75);
		}

		#czytelnia .box.miasto .core:hover {
			background: rgba(110, 73, 134, 0.75);
		}
		
		#czytelnia .box.przyroda .core:hover {
			background: rgba(67, 172, 74, 0.75);
		}		
	
	@media (max-width: 960px) {
		#czytelnia .box {
			width: 50%;
		}
		
		.home #czytelnia .box:nth-child(3) {
			width: 100% !important;
		}
		
		.home #czytelnia .box:nth-child(6) {
			width: 100% !important;
		}		
	}
	
	@media (max-width: 540px) {
		#czytelnia .box {
			width: 100%;
		}
	}
	
#grid {
	width: 101.5%;
}	
	
/* SLIDER */
#slider {
	position: relative;
	height: 620px;
}	

.slider-home .box {
	height: 620px;
	width: 100%;
		background-repeat:no-repeat;
		background-attachment:fixed;
		-moz-background-size: cover;
		-webkit-background-size:cover;
		-o-background-size: cover;
}
	.slider-home .box .core {
		width: 100%;
		color: #fff;
		display: block;
		position: relative;
		height: 100%;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+26,000000+89,000000+89,000000+100&0+0,0.65+98,0.65+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.17) 56%, rgba(0,0,0,0.59) 89%, rgba(0,0,0,0.65) 98%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 56%,rgba(0,0,0,0.59) 89%,rgba(0,0,0,0.65) 98%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 56%,rgba(0,0,0,0.59) 89%,rgba(0,0,0,0.65) 98%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
		
	.slider-home .box .core .insider {
		display: block;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		box-sizing: border-box;
		width: calc(100% - 240px);
	}
		
	.slider-home .box .core .insider h2 {
		text-transform: uppercase;
		color: #fff;
		font-weight: 500;
		font-size: 34px;
		line-height: 40px;
		letter-spacing: 4px;
		margin-bottom: 10px;
	}
    .slider-home .box .core .insider h2 span {
        display: inline-block;
        color: #fff;
        padding: 0 5px;
}




	
	.slider-home .box .core .insider h4 {
		text-transform: uppercase;
		color: #fff;
		font-weight: 400;
		font-size: 18px;
		letter-spacing: 3px;
		margin-bottom: 10px;
		line-height: 26px;
	}
	
	.slider-home .jshowoff-controls {
		position: absolute;
		display: block;
		top: 88%;
		bottom: 12%;
		width: 100%;
	}

		.slider-home .jshowoff-controls a {
			position: absolute;
			display: inline-block;
			background-size: 34px 34px !important;
			width: 50px;
			height: 50px;
			padding: 40px;
			-webkit-transition: all 0.6s;
			-moz-transition: all 0.6s;
			-o-transition: all 0.6s;
			transition: all 0.6s;
		}
		
		.slider-home .jshowoff-controls a.jshowoff-play {
			display: none !important;
		}

		.slider-home .jshowoff-controls a.jshowoff-prev {
			background: url(img/slider-left.png) center no-repeat;
			position: absolute; 
			margin-top: -75px;
			left: 0px;
			text-indent: -9999px;
		}
		
			.slider-home .jshowoff-controls a.jshowoff-prev:hover {
				background: url(img/slider-left.png) center no-repeat;
				position: absolute; 
				margin-top: -75px;
				left: 0px;
				margin-left: -10px;
			}		

		.slider-home .jshowoff-controls a.jshowoff-next {
			background: url(img/slider-right.png) center no-repeat;
			position: absolute; 
			margin-top: -75px;	
			right: 0px;
			text-indent: -9999px;
		}	

			.slider-home .jshowoff-controls a.jshowoff-next:hover {
				background: url(img/slider-right.png) center no-repeat;
				position: absolute; 
				margin-top: -75px;	
				right: 0px;
				margin-right: -10px;
			}	

	p.czytaj-wiecej {
		display: inline-block;
		border: 5px solid #fff;
		padding: 12px 30px;
		width: 90px;
		height: 19px;
		text-transform: uppercase;
		font-size: 14px;
		margin-top: 15px;
		position: relative;
	}	

	p.czytaj-wiecej span {
		z-index: 99;
		width: 100%;
		left: 0px;
		right: 0px;
		letter-spacing: 1px;
		text-align: center;
		position: absolute;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
	}	
	
	p.czytaj-wiecej::after {
		content: "";
		display: block;
		height: 100%;
		width: 0px;
		background: #fff;
		top: 0px;
		left: 0px;
		position: absolute;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
	}
 
	p.czytaj-wiecej:hover::after {
		width: 100%;
	}
  
	p.czytaj-wiecej:hover span {
		color: #111;
	}
	
	#slider p.czytaj-wiecej {
	    float: right;
		position: absolute;
		right: 20px;
		bottom: 57px;
	}
	
	#slider .double.alignleft {
		width: 80%;
		margin-bottom: 32px;
	}
	
	#slider .double.alignright {
		width: 20%;
	}
	
	@media (max-width: 1080px) {
		.slider-home .box .core .insider {
		    width: calc(100% - 240px);
			padding-bottom: 54px;
		}
	
		#slider .double.alignright, #slider .double.alignleft {
			width: 100%;
			float: none;
		}
		
		#slider .double.alignleft {
			margin-bottom: 20px;
		}		
		
		.slider-home .box .core .insider h4 {
			margin-bottom: 15px;
		}
		
		#slider p.czytaj-wiecej {
			float: none;
			position: relative;
			right: 0px;
			bottom: 0px;
		}		
	}
	
	@media (max-width: 960px) {
		#slider .double.alignleft {
			text-align: center;
		}	
		
		#slider .double.alignright {
			display: none !important;
		}	
		
		.slider-home .box .core .insider {
			padding-bottom: 30px;
		}
	}	
	
	@media (max-width: 760px) {
		.slider-home .box .core .insider {

		}		
	}
	
	
/* FEATURE */
#feature .box, #feature #second-slider {
	height: 640px;
}	

#feature .jshowoff-controls {
	top: 51%;
	bottom: 49%;
}

#feature .box .core .insider {
	display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}	

#feature .box .core .insider h2 {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    font-size: 54px;
    line-height: 62px;
    text-align: center;
}

#feature .box .core .insider h2 span {
	color: #ffec00;
}

#feature p.czytaj-wiecej {
	position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -77px;
    bottom: 100px;
}

	
/* PAGE SPORT */
#page-sport {
	
}	

	#page-sport .insider {
		padding-top: 50px;
		box-sizing: border-box;
	}	

	#page-sport .box {
		height: 630px;
		width: 100%;
		margin-bottom: 7px;	
		color: #fff;
		text-align: center;
	}
	
		#page-sport .box.sport1 {
			background: url(img/sport1.jpg) no-repeat;
			background-size: cover !important;
		}
	
		#page-sport .box.sport2 {
			background: url(img/sport2.jpg) no-repeat;
			background-size: cover !important;
		}
			
		#page-sport .box.sport3 {
			background: url(img/sport3.jpg) no-repeat;
			background-size: cover !important;
		}
	
	#page-sport .box .widget_sp_image-image-link {
		display: inline-block;
		margin: -60px auto 0px auto;
		background: #fff;
		-webkit-border-radius: 90px;
		-moz-border-radius: 90px;
		border-radius: 90px;
		padding: 25px;
	}

		#page-sport .box .widget_sp_image-image-link img {
			margin: 0px auto;
		}
		
	#page-sport .box .core {
		margin: 50px 0px;
		background: #000;
		box-sizing: border-box;
		padding: 0px 50px 50px 50px;
	    background: rgba(0, 0, 0, 0.5);	
	}	
	
		#page-sport .box .core h3.widget-title {
			margin: 20px 0px 30px 0px;
			font-size: 24px;
		}
		
		#page-sport .box .core p {
			font-size: 15px;
			line-height: 22px;
		}
		
		#page-sport .box .core p a {
			display: block;
			margin: 35px auto 0px auto;
			color: #fff;
			text-decoration: underline;
			font-size: 24px;
			line-height: 30px;
		}
		
	#page-sport .sport3 .widget_sp_image-image-link	{
		background: none !important;
	}
	
	@media (max-width: 840px) {
		#page-sport .box {
			height: auto;
		}
	}
	
/* BUTTON */	
	
	.button {
		line-height: 32px;
		display: inline-block;
		text-transform: uppercase;
		color: #fff;
		font-family: 'Rational Black';
		padding: 15px 25px 10px 25px;
		font-size: 22px;
		box-sizing: border-box;
	}
	
		.blue-button {
			border: 2px solid #0065b0;
			background: #0065b0;
			color: #fff;
		}
			
			.blue-button:hover {
				border: 2px solid #0065b0;
				background: none;
				color: #0065b0;
			}
	
	.more {
		font-family: 'Rational Black';
		text-transform: uppercase;
		color: #787878;
		letter-spacing: 1px;
		display: inline-block;
		font-size: 16px !important;
		padding: 0px !important;
	}
	
	.more::after {
		content: "";
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(img/arrow-right.png) no-repeat;
		background-size: cover !important;
		margin-left: 15px;
		margin-top: 5px;
		margin-bottom: -8px;
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
         -o-transition: all 0.6s;
            transition: all 0.6s;	
	}
	
	.more:hover::after {
		margin-left: 25px;
	}	

	.white-more {
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 1px;
		display: inline-block;
	}
	
	.white-more::after {
		content: "";
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(img/arrow-right-white.png) no-repeat;
		background-size: cover !important;
		margin-left: 15px;
		margin-top: 5px;
		margin-bottom: -8px;
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
         -o-transition: all 0.6s;
            transition: all 0.6s;	
	}
	
	.white-more:hover {
		color: #fff;
	}
	
	.white-more:hover::after {
		margin-left: 25px;
	}		
	
	.green-more {
		font-family: 'Rational Black';
		text-transform: uppercase;
		color: #43ac4a;
		letter-spacing: 1px;
		display: inline-block;		
	}

	.green-more::after {
		content: "";
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(img/arrow-right-green.png) no-repeat;
		background-size: cover !important;
		margin-left: 15px;
		margin-top: 5px;
		margin-bottom: -8px;
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
         -o-transition: all 0.6s;
            transition: all 0.6s;	
	}

	.green-more:hover::after {
		margin-left: 25px;
	}		
	
	.title .more {
		margin-left: 50px;
		margin-top: -3px;
	}
	
	@media (max-width: 640px) {
		.title .more {
			margin-left: 0px !important;
		}
	}
	
/* MAP */
#map {
	overflow: hidden;
	height: 500px;
	position: relative;
}

	#map iframe {
		border: 0;
		width: 100%;
		margin-top: -110px;
		height: 840px;
		margin-left: -25%;
		width: 125%;
	}

	#navi {
		position: absolute;
		top: 0px;
		width: 100%;
	}
	
	#navi .box {
		background: #fff;
		box-sizing: border-box;
		padding: 40px 60px;
		margin: 85px 0px;
	}
	
	#navi .box .widget {
		line-height: 50px;
		color: #222;
		font-size: 24px;
	}
	
	#map .gmnoprint, #map .gm-style-cc {
		display: none !important;
	}
	
@media (max-width: 840px) {
	#navi .box .widget {
		line-height: 40px;
		font-size: 20px;
	}
	
}

@media (max-width: 540px) {
	#map {
		height: 260px;
	}
	
	#navi .box .widget {
		line-height: 28px;
		font-size: 16px;
	}
	
}		
	
/* CONTACT */
#contact {
	
}

#contact a:hover {
	color: #fff;
	text-decoration: underline;
}

#contact a.button-red:hover {
	text-decoration: none;
	color: #e52a66;
}

#contact .textwidget {
    font-size: 20px;
    line-height: 30px;
}

@media (max-width: 640px) {
	#contact .textwidget {
		font-size: 16px;
		line-height: 24px;
	}
}

/* FOOTER */
#ibu {
	background: url(img/ibu.jpg) center no-repeat;
	width: 113px;
	height: 90px;
	margin: 20px 0px;
}

.social {
    display: block;
    width: 45px;
    height: 45px;
    margin: 50px 0px 0px 40px;
}
	
	#fb {
		background: url(img/fb.jpg) center no-repeat;
		background-size: 100%;
	}
	
	#ig {
		display: none;
		background: url(img/ig.jpg) center no-repeat;
		background-size: 100%;
	}

	.buy a {
		border: 2px solid #e52a66;
		padding: 4px 8px !important;
		margin: 34px 10px !important;
		color: #e52a66 !important;
	}
	

	.buy a:hover {
		border: 2px solid #e52a66 !important;
		background: #e52a66!important;
		color: #fff !important;
	}	
	
	@media (max-width: 1180px) {
		.buy a {
			padding: 10px 8px !important;
			margin: 0px !important;
		}
	}


.content {
    background: #fff;
    color: #111;
    line-height: 26px;
    display: block;
    font-size: 17px;
    margin: 0px auto;
}

	.content .thumb {
		display: block;
		width: 100%;
	}

	.content .thumb img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.content .core {
		padding: 20px;
		max-width: 640px;
		margin: 0px auto;
	}

	.content .core p, .content .core ul {
		font-family: "Open Sans", sans-serif;
		margin-bottom: 20px;
		font-size: 15px;
		text-align: justify;
		line-height: 26px;
	}
	
	.content .core img {
		max-width: 100%;
		height: auto;
	}
	
	.content .core img.size-large {
		width: 150%;
		margin-left: -25%;
		margin-right: -25%;
		height: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		max-width: none !important;
	}

	.core h1, .core h2, .core h3, .core h4, .core h5, .core h6 {
		margin-bottom: 20px;
	}
	
	.content .core ul, .content .core ol {
		list-style-type: square;
		padding-left: 20px;
	}

	.content .core li {
		text-align: justify;
		font-size: 15px;
		line-height: 26px;	
		margin-bottom: 10px;
	}	

	@media (max-width: 1024px) {
		.content .core img.size-large {
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
			height: auto;
		}
	}
		
	@media (max-width: 640px) {
		.content {
			font-size: 14px;
			line-height: 22px;
		}
		
		.powrot {
			margin: 30px 0px 10px 0px;
			padding: 15px 20px;
			width: 100%;
			min-width: auto !important;
		}
	}		
	
section {
	overflow: hidden;
}

.qtranxs-lang-menu {
	position: absolute;
	right: 0px;
    margin-right: -10px;	
}

#language-switcher {
	position: absolute;
    right: -40px;
    top: 0px;
    z-index: 999;
    margin: 22px 10px;
}

	#language-switcher li {
		display: block;
		float: none;
	}
	
	#language-switcher li a {
		padding: 2px 5px;
		margin: 0px;
	}

	@media (max-width: 1180px) {
		#language-switcher {
			right: 70px;
		}
	}
	
/* PROGRAM */
.program table {
	width: 150%;
    margin-left: -25%;
    margin-right: -25%;
}	

	.program table tr {
		border-bottom: 1px solid #f1f1f1;
	}
	
	.program table tr td {
		padding: 7px 10px;
	}

	
	.program table tr td:first-child {
		width: 10%;
		text-align: left;
		padding-left: 15px;
		box-sizing: border-box;
	}

	.program table tr td:nth-child(2) {
		width: 15%;
		text-align: center;
	}
	

	.program table tr td:nth-child(3) {
		width: 8%;
		text-align: center;
	}	
	
	@media (max-width: 1024px) {
		.program .core {
			padding: 20px 0px;
			max-width: 100%;
		}
		
		.program table {
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
		}
		
		.program {
			overflow-x: scroll;
		}
		.program table {
			width: 960px;
		}
	}

.issuuembed {
    height: 300px !important;
    width: 100% !important;
}

.scd-counter .scd-unit {
    display: inline-block !important;
    letter-spacing: -17px !important;
    font-family: "UniSans", sans-serif !important;
    font-size: 16px;
    margin: 0px;
}


#smartcountdown-1-hours, #smartcountdown-1-minutes, #smartcountdown-1-seconds {
	display: none !important;   
}

#smartcountdown-1-seconds {
    margin-bottom: -31px;  
}

.scd-counter-col {
    float: left;
    margin-left: -10px;
    margin-right: 22px;
    clear: none !important;
}


.scd-counter .scd-label {
    display: none !important;
}

@media (max-width: 1024px) {
    .scd-counter .scd-unit {
	    font-size: 18px;section-title
        font-style: normal !important;
	}
    #smartcountdown-1-seconds {
    	margin-bottom: -10px;  
	}
}

@media (max-width: 840px) {
	.scd-counter .scd-unit {
		font-size: 17px !important;
		margin: 0px 0px -12px -10px;
	}
	.scd-all-wrapper {
		text-align: center !important;
	}
	.scd-title-col, .scd-counter-col {
		float: none !important;
		display: inline-block !important;
	}
	
	.scd-counter-col {
		margin-left: 20px;
		margin-right: 10px;
	}
}

@media (max-width: 640px) {
    .scd-all-wrapper {
         margin: 40px 0px 0px 0px;   
    }
    
    .scd-counter .scd-unit {
	    font-size: 12px !important;
	}
    
    #smartcountdown-2-seconds {
    	margin-bottom: -14px;  
	}
}	

/* WOLONTARIAT */
.wolontariat {
	padding: 30px 0px 60px 0px;
}
.wolontariat h2.post-title {
	margin: 30px 0px 40px 0px;
    display: block;
	text-align: center;
}
.wolontariat .core {
	text-align: left !important;
}

.qmn_quiz_container select, .qmn_quiz_container textarea, .qmn_quiz_container input[type="text"], .qmn_quiz_container input[type="email"], .qmn_quiz_container input[type="number"] {
	margin-top: 10px;
}

.qmn_quiz_container .qmn_btn, .qmn_quiz_container .btn {
	color: #fff !important;
    background: #e52a66 !important;
    border-radius: 0px !important;
    font-family: UniSans;
    font-size: 22px !important;
    padding: 10px 20px !important;
	border: 2px solid #e52a66 !important;
}

.qmn_quiz_container .qmn_btn:hover, .qmn_quiz_container .btn:hover {
	border: 2px solid #e52a66 !important;
	color: #e52a66 !important;
    background: #fff !important;
}

.mlw_qmn_question, .mlw_qmn_question_number, .mlw_qmn_comment_section_text {
	display: block;
	margin-bottom: 10px;
}

.mlw_qmn_question_comment, .mlw_answer_open_text, .qmn_comment_section {
    border-radius: 0px !important;
    margin-bottom: 10px !important;
    padding: 15px 15px !important;
    box-sizing: border-box !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
	font-family: "Open Sans", sans-serif !important;	
}

.data {
	color: #f6d150;
}

/* LICZNIK */
.program h2.post-title {
	margin-bottom: 40px;
}

.scd-title-col {
	clear: none !important;
    display: inline-block !important;
    font-family: UniSans !important;
    font-size: 28px !important;
    margin: 0.5em 0 !important;
    float: left;
}

.schedule {
	margin-bottom: 40px;
}

.schedule .data {
	float: left;
	width: 20%;
	box-sizing: border-box;
}

	.schedule .data div {
		display: table;
		width: 100%;
		height: auto;
		min-height: 60px;
	}
	
	.schedule .data div div {
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: middle;
	    padding-top: 7px;	
	}	

	.schedule .data h3 {
		font-size: 34px;
		margin-bottom: 5px;
	}

	.schedule .data span {
		font-size: 14px;
	}

.schedule .point {
	float: right;
	width: 80%;
	box-sizing: border-box;
    border-left: 2px solid #e52a66;	
}

	.schedule .point div {
		display: table;
		width: 100%;
		height: auto;
		min-height: 60px;
	}

	.schedule .point div div {
		text-align: left;
		display: table-cell;
		box-sizing: border-box;
		padding: 0px 20px;
		width: 100%;
		vertical-align: middle;
		height: 100%;
		line-height: 32px;
		font-size: 16px;
	}
	
	.schedule .point div div span {
		color: #e52a66;
		font-weight: bold;
	}

@media (max-width: 840px) {
	.schedule .data {
		width: 30%;
	}	
	.schedule .point {
		width: 70%;
	}
}

/* AKTUALNOŚCI */
.hover {
    background: rgba(0, 101, 176, 0.77);
}

/* ISOTOPE */
#filters {
	float: right;
}

#filters a {
	float: right;
}

#filters::after {
	display: block;
	content: "";
	clear: both;
}

/* ATRAKCJE */
#atrakcje {
	margin-bottom: 40px;
}

	#atrakcje .insider .content {
		padding: 0px 20px;
	}
	
/* AKTUALNOŚCI */

/* FACEBOOK */
#aktualnosci {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 40px;
}		

	#aktualnosci .insider {
		max-width: 1180px;
		padding: 0px;
	}
	
	#aktualnosci .box.double {
		width: 50%;
		box-sizing: border-box;
		padding: 2%;
		min-height: 600px;
	}			

	#aktualnosci .box img {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
	}			
	
	#aktualnosci .box a.cover {
		position: relative;
		overflow: hidden;
		display: block;
	}

	#aktualnosci .box a.cover::before {
		opacity: 0;
		display: block;
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 99;
		top: 0px;
		left: 0px;
		right: 0px;
		background: rgba(0, 101, 176, 0.75) url(img/sygnet-white.png) no-repeat center;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
		background-size: 50px;
		background-position-y: 1000px;
	}	

		#aktualnosci .box a.cover:hover::before {
			opacity: 1;
			background-position-y: center;
		}			

	#aktualnosci .box a.facebook-title {
		font-size: 27px;
		display: block;
		font-family: 'Rational Black';
		line-height: 36px;
		margin: 20px 0px;
		color: #111;
	}

	#aktualnosci .box a.facebook-title:hover {
		color: #0065b0;
	}
	
	@media (max-width: 840px) {
		#aktualnosci .box.double {
			margin: 2% !important;
			width: 94% !important;
		}
	}

.third-menu {
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
    position: fixed;
    width: 100%;
    background: #fff;	
}

.home .third-menu {
	display: none;
}

@media (max-width: 960px) {
	.third-menu {
		display: none;
	}
	
	#alternative {
		height: 96px;
	}
}

@media (max-width: 840px) {
	.noscroll {
		overflow: hidden !important;
	}
}

ul.cnss-social-icon li a {
	margin: 30px 22px 30px 0px !important;
    display: inline-block;
}

iframe.instagram-media {
	margin: 0px auto !important;
}

.entry-content img.aligncenter.size-full {
	width: 100%;
	height: auto;
}

.full-width {
	max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    padding: 0px !important;
}

.extra-content {
    padding: 20px 30px 0px 30px;
    font-size: 15px;
    line-height: 26px;
}

.extra-content p {
	margin-bottom: 20px;
}

@media (max-width: 840px) {
	.extra-content {
		padding: 20px 20px 0px 20px;
	}

}

.page #events {
	margin-bottom: 40px;
}

#events {
	overflow: hidden;
}

#events .insider .minion {
    padding: 0px !important;
    margin-left: -2%;
    margin-right: -2%;
}

#events .event {
	width: 31.33333%;
    float: left;
    margin: 1%;
	background: #fff;
}

#events .event a.foto {
    width: 100%;
    height: 250px;
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover !important;
}

#events .event img {
	width: 100%;
    height: auto;
	display: block;
}

#events .event .tabela {
	display: table;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
}

#events .event .date {
	width: 26%;
    display: table-cell;
    background: #c3e3fc;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5% 0px 5% 0px;
}

#events .event .date h4 {
    color: #3b8cca;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}

#events .event .core {
    width: 74%;
    display: table-cell;
    text-align: right;
    box-sizing: border-box;
    vertical-align: middle;
    padding-left: 15px;
}

#events .event h3 {
    font-size: 16px;
    line-height: 18px;
	margin-bottom: 2px;
    float: left;	
}

#events .event h3 a {
    color: #111;
    text-transform: uppercase;
    float: left;
    text-align: left;
}

#events .event h4 {
    font-size: 14px;
    line-height: 18px;
	margin-bottom: 0px;
}

#events .event-icon {
    width: 25px;
    height: 28px;
    margin: 3px auto -4px auto;
    background: url(img/calendar-page-empty.png) center no-repeat;
    background-size: 100%;
}

.show-more {
	text-align: center;
    margin: 30px 0px 0px 0px;
}

@media (max-width: 960px) {
	#events .event.box {
		width: 46%;
		float: left;
		margin: 2%;
	}
}

@media (max-width: 760px) {
	#events .insider {
		padding: 0px;
	}
	
	#events .event.box {
		width: 100%;
		float: none;
		margin: 0px;
		margin-bottom: 10px;
	}
	
	#events .event .tabela {
		padding: 0px;
	}
}

/* PRIMARY MENU */
#primary-menu {
    float: right;
	width: 78%;	
}

#primary-menu ul {
	display: block;
}

#primary-menu ul li {
    width: 21%;
    display: table;
    box-sizing: border-box;
    float: left;
    vertical-align: middle;
    padding-right: 1%;
    padding-left: 1%;
	position: relative;
	border-left: 1px solid #e2e2e2;
}

#primary-menu ul li a {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    box-sizing: border-box;
    height: 65px;
	text-transform: uppercase;
	font-weight: 400;
	color: #111;
	letter-spacing: 1px;
	width: 100%;
	font-size: 14px;
	text-align: left;
	padding-left: 45%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;		

}

html:lang(de) #menu-item-556 a {
	padding-left: 40%;
}



#primary-menu .wunderground .wu-wrapper.wu-current-conditions a {
    display: block;
	background: url(img/thermometer.png) 11% no-repeat;
    background-size: auto 70% !important;
    height: 65px;
}
#primary-menu .wunderground .wu-wrapper .wu-forecast-wrapper {
    text-align: left !important;
    padding-left: 45%;
}

#primary-menu .wunderground .wu-wrapper.wu-current-conditions a:hover {
background: #f3f1f1 url(img/thermometer.png) 11% no-repeat;
background-size: auto 70% !important;
}





#primary-menu ul li.kamery a {
	background: url(img/cam.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.warunki a {
	background: url(img/glasses.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.warunki-latem a {
	background: url(img/warunki-latem.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.latem a {
	background: url(img/frisbee.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.wyciagi a {
	background: url(img/wyciag.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.disc a {
	background: url(img/frisbee.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.cennik a {
	background: url(img/cards.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.kamery a:hover, #primary-menu ul li.kamery.current-menu-item a {
	background: #f3f1f1 url(img/cam.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.warunki a:hover, #primary-menu ul li.warunki.current-menu-item a {
	background: #f3f1f1 url(img/glasses.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.warunki-latem a:hover, #primary-menu ul li.warunki-latem.current-menu-item a {
	background: #f3f1f1 url(img/warunki-latem.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.disc a:hover, #primary-menu ul li.disc.current-menu-item a {
	background: #f3f1f1 url(img/frisbee.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.latem a:hover, #primary-menu ul li.latem.current-menu-item a {
	background: #f3f1f1 url(img/frisbee.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.wyciagi a:hover, #primary-menu ul li.wyciagi.current-menu-item a {
	background: #f3f1f1 url(img/wyciag.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li.cennik a:hover, #primary-menu ul li.cennik.current-menu-item a {
	background: #f3f1f1 url(img/cards.png) 11% no-repeat;
    background-size: auto 72% !important;
}

#primary-menu ul li:before {
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

@media (max-width: 1080px) {
	#primary-menu, #second-menu {
		display: none !important;
	}
}

/* SECOND MENU */
#second-menu {
    background: #c3e3fc;
    overflow: inherit !important;
    z-index: -2;
    position: absolute;
    width: 100%;
}

#second-menu ul {
	width: 100%;
	display: table;
}

#second-menu ul li {
	display: table-cell;
	text-align: center;	
	position: relative;
}

#second-menu ul li.menu-item-has-children a {
	position: relative;
}

#second-menu ul li.menu-item-has-children a::after {
	content: "";
    width: 20px !important;
    height: 19px;
    margin-left: 8px;
    margin-bottom: -3px;
    background: url(img/arrow-down.png);
    background-size: 100%;
    display: inline-block;
}

#second-menu ul li:last-child {
	/** width: 10%; **/
}

html:lang(en) #second-menu ul li:last-child, html:lang(de) #second-menu ul li:last-child, html:lang(cs) #second-menu ul li:last-child {
	width: auto;
}

#second-menu ul li a {
    display: inline-block;
    color: #207ac0;
    font-size: 15px;
    padding: 10px 15px 9px 15px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;	
}

#second-menu ul li:hover {
	background: #a7d6fb;
}

#second-menu ul li ul {
	display: none;
    position: absolute;
    width: 300px;
    /** padding-top: 6px; **/
}

#second-menu ul li:hover ul {
	display: block !important;
}

#second-menu ul li ul li {
    text-align: left;
    display: block;
    background: #c3e3fc;
}

#second-menu ul li ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 10px 35px;
}

#second-menu ul li ul li a::after {
	display: none !important;
}

#second-menu ul li ul li:last-child {
	width: 100%;
}

/* SECTION UPDATE */
#update {
	text-transform: uppercase;
}

#update .box {
    float: left;
    border: 2px solid #e3e3e3;
    padding: 16px 20px;
    width: 31.3%;
    box-sizing: border-box;
    margin: 2% 1%;
    display: table;
    height: 80px;
	position: relative;
}

#update .box .double {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

#update .box h4 {
	text-align: center;
}

#update .box h4.update-title {
	color: #237bc1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

#update .box .double.black h3, #update .box .double.black p {
	color: #111;
}

#update .box::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 100%;
    background: #e3e3e3;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    z-index: -1;	
}

#update .box:hover::after {
    width: 100%;
}

#update .box:hover h4.update-title{
    color: #111;
}

.page-template-page-warunki #update {
	margin-bottom: 20px;
}

@media (max-width: 860px) {
	#update .box {
		position: relative;
		width: 300px;
		margin: 20px auto;
		display: table;
		float: none;
		padding: 25px 20px;
	}
}

@media (max-width: 640px) {
	#update {
		background: #fff;
	    margin-top: -30px;	
	}
	
	#update .insider {
		padding: 0px 20px;
	}
	
	#update .box {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* NEWS */
#news {
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
}

#news .box {
	width: 37.5%;
}

/* READING */
.reading .box {
	float: left;
	height: 560px;
	position: relative;
	display: table;
	table-layout: fixed;
}

.reading .box .cover {
	background: url(http://zieleniec.blackbirdmedia.pl/wp-content/uploads/2017/08/absolwent_05-866x518.jpg) no-repeat center center !important;
    background-size: cover !important;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.reading .box-more {
    width: 25%;
    float: left;
    height: 560px;
    display: table;
    background: #fff;
}

	.reading .box-more .show-all {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 400;
		color: #000;
	}

	.reading .box-more .show-all p {
	    display: block;
	}		
	
	.reading .box-more .show-all .cross {
		display: inline-block;
		border: 5px solid #c3e3fc;
		color: #000;
		height: 64px;
		font-weight: 400;
		width: 64px;
		background: none;
		-webkit-border-radius: 90px;
		-border-radius: 90px;
		-moz-border-radius: 90px;
		margin-bottom: 15px;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		cursor: pointer;
		padding: 0px;
		overflow: hidden;
		position: relative;
	}
	
	.reading .box-more .show-all .cross span {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		text-align: center;
		bottom: 0px;
		z-index: 9;
		font-family: 'Geomanist';
		font-size: 29px;
		display: inline-block;
		vertical-align: middle;
		font-weight: 400;
		height: 100%;
		padding: 8px;
		box-sizing: border-box;
	}	
	
	.reading .box-more .show-all .cross::after {
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0px;
		height: 100%;
		background: #c3e3fc;
		top: 0px;
		left: 0px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}	
	
	.reading .box-more:hover .show-all .cross::after {
		width: 100%;
	}	
	
	.reading .box-more:hover .show-all .cross {
		color: #fff;
	}	
	
.reading .box .core {
    display: flex;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    background: rgba(0, 56, 95, 0.25);	
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    padding: 0px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;	
}

.reading .box .core:hover {
	
}

.reading .box .cover::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 100%;
    background: rgba(195, 227, 252, 0.85);
    top: 0px;
    left: 0px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;	
}

.reading .box:hover .cover::after {
    width: 100%;
}

.reading .box .core span span {
	font-weight: 400;
    font-size: 20px;
    letter-spacing: 2px;
}

.reading .box .core h2 {
	margin-bottom: 0px;
	margin-top: 12px;
}

.reading .box .core span.inside {
    padding: 20px;
    z-index: 9;
	display: inline-block;
    align-self: center;
    box-sizing: border-box;
    flex: 0 0 100%;
}	

@media (max-width: 1080px) {
	#news .box {
		width: 50%;
		height: 400px;
	}
	
	#news .box-more {
		width: 100% !important;
		height: auto !important;
		padding: 40px 0px;
	}
	
}

@media (max-width: 840px) {
	#news .box {
		width: 100%;
		height: 400px;
	}
	
	.reading .box {
		height: 400px;
	}

	.reading .box-more {
		width: 50%;
	}	
	
	#news .box-more {
		width: 100% !important;
		height: auto !important;
		padding: 40px 0px;
	}
}

@media (max-width: 640px) {
	.reading .box .core h2 {
		margin-top: 3px;
		font-size: 20px;
		line-height: 26px;
	}
	
	.reading .box .core span span {
		font-size: 14px;
		line-height: 18px;
	}
	
	.reading .box {
		margin-bottom: 10px !important;
	}
	
	#news .box {
		height: 300px;
	}
	
	.reading .box-more {
		float: none;
		height: auto;
		padding: 40px 0px;
		width: 100%;
	}

	#articles .box-more {
		width: 100% !important;
		height: auto !important;
	}
	
}

/* ARTICLES */
#articles {
	width: 100%;
	margin-bottom: 100px;
}

#articles .box {
	width: 25%;
}

#articles .box .core h2 {
	font-size: 22px;
    line-height: 32px;
}

.other .box {
	width: 33.3333% !important;
}

@media (max-width: 1080px) {
	#articles .box {
		width: 50% !important;
		height: 400px;
	}
	
	#articles .box-more {
		width: 50%;
		height: 400px;
	}
}

@media (max-width: 960px) {
	#articles .box {
		width: 50% !important;
	}
	
	#articles .box:last-child {
		width: 100% !important;
	}	
}

@media (max-width: 840px) {
	#articles {
		margin-bottom: 10px;
	}
}

@media (max-width: 640px) {
	#articles .box {
		width: 100% !important;
		float: none;
		height: 260px;
		margin: 0px;
		margin-bottom: 0px;
	}
}

/* SOCIALS */
#socials {
	margin-bottom: 100px;
}

#socials .double {
	width: 49%;
}

#socials .title-social {
    padding: 30px 0px 24px 54px;
    display: block;
    color: #545454;
    font-size: 24px;
    letter-spacing: 1px;
    position: relative;
}

#socials .title-social::before {
	content: "";
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 22px;
    background-size: cover;
    left: 0px;
}

#socials .title-social span {
	font-size: 14px;
	margin-left: 10px;
	
	color: #a5a4a4;
	text-transform: uppercase;
}

.social-facebook::before {
	background: url(img/facebook.png) center no-repeat;
}

.social-insta::before {
	background: url(img/instagram.png) center no-repeat;
}

@media (max-width: 840px) {
	#socials .double {
		width: 100%;
	}
}


/* INSTAGRAM */
#instagram {
	
}

	#instagram h3.widget-title {
		display: none !important;
	}

	#instagram ul, #instagram li {
		list-style: none;
	}

	#instagram li {
		width: 33.3333%;
		float: left;
	}	
	
	#instagram ul li a, #instagram ul li img {
		display: block;
		width: 100%;
		height: auto;
	}
	
		#instagram ul li a {
			position: relative;
		}
		
		#instagram ul li a::before {
			opacity: 0;
			display: block;
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			right: 0px;
			background: url(img/heart.png) no-repeat center;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
			background-size: 25%;
			background-position-y: 200px;
		}
		
		#instagram ul li a:hover::before {
			opacity: 1;	
			background-position-y: center;
		}
		
		@media (max-width: 960px) {
			#instagram li {
				width: 33.3333%;
			}
		}
		
		@media (max-width: 640px) {
			#instagram li {
				width: 50%;
			}
		}
		
	
/* FACEBOOK */
#facebook {
    background: #fff;
    height: auto;
}		
	
	#facebook .box.double {
		width: 47.5%;
		margin-bottom: 10px;
	}			
	
	#facebook .box a.cover {
		position: relative;
		overflow: hidden;
		display: block;
		height: auto;
		margin-top: 4px;
	}

	#facebook .box a.facebook-title {
		display: block;
		text-align: justify;
		line-height: 28px;
		margin: 20px 0px;
		color: #111;    
		padding: 0px 30px;
		text-transform: uppercase;
		font-size: 16px;
	    font-weight: 400;
		letter-spacing: 1px;
	}

	#facebook .box a.facebook-title p {
		padding-bottom: 20px;
	}	
	
	#facebook .box a.facebook-title:hover {
		color: #0065b0;
	}		
	
	@media (max-width: 1080px) {
		#facebook .box a.cover {
			height: auto;
		}
	}
	
	@media (max-width: 900px) {
		#facebook .box a.cover {
			height: auto;
		}
	}
	
/* NEWSLETTER */
#newsletter {
	margin-bottom: 70px;
	display: none;	
}

#newsletter .box {
    background: #fff;
    padding: 0px 40px 40px 40px;
    text-transform: uppercase;
}

#newsletter .box .core {
    max-width: 840px;
    margin: 0px auto;
    text-align: center;
}		

#newsletter input[type="email"], #newsletter input[type="text"], #newsletter textarea {
	border: 0px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #f0f0f0;
    padding: 20px 0px;
    font-family: 'Geomanist', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-template-page-kontakt #newsletter input[type="email"], .page-template-page-kontakt #newsletter input[type="text"], .page-template-page-kontakt #newsletter textarea {
	border-top: 2px solid #f0f0f0 !important;
	border-left: 2px solid #f0f0f0 !important;
	border-right: 2px solid #f0f0f0 !important;
}

#newsletter input[type="submit"] {
    display: inline-block;
    border: 5px solid #c3e3fc;
    padding: 20px 30px;
    width: 130px;
    height: 19px;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    background: none;
    line-height: 3px;
    font-family: 'Geomanist', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 30px;
	cursor: pointer;
}

#newsletter .wpcf7-submit::before {
	content: "";
	display: block;
	height: 100%;
	width: 0px;
	background: #c3e3fc;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;	
}

#newsletter .wpcf7-submit:hover {
    background: #c3e3fc;
}

#newsletter .wpcf7 span {
	font-size: 13px;
    letter-spacing: 2px;
    color: #a5a4a4;
}

@media (max-width: 840px) {
	#newsletter {
		margin-bottom: 10px;
	}
	
	#newsletter .insider {
		padding: 0px;
	}
}

@media (max-width: 640px) {
	#newsletter {
		display: none !important;
	}
}

/* BIG SOCIALS */
#big-socials {
	text-align: center;
}

#big-socials h4 {
	text-transform: uppercase;
	font-size: 16px;
    letter-spacing: 2px;
    color: #545454;
}

#big-socials ul.cnss-social-icon li a {
	margin: 30px 22px 30px 22px !important;
}

#big-socials ul.cnss-social-icon {
    text-align: center !important;
    margin-bottom: 50px;
}

#big-socials ul.cnss-social-icon li a img {
	width: 40px;
	height: 40px;
}

@media (max-width: 840px) {
	#big-socials {
		display: none !important;
	}
}

/* SINGLE */
#single {
	
}

#single .content {
    width: 68.5%;
    float: left;
    padding-bottom: 40px;
}

#single .sidebar {
	width: 30%;
	float: right;
}

@media (max-width: 960px) {
	#single .content, #single .sidebar {
		width: 100%;
		float: none;
		padding-bottom: 0px;
	}
	
	.sidebar-title {
		text-align: center;
		margin: 0px 30px;	
	}
}

@media (max-width: 640px) {
	.sidebar-title {
		padding: 0px 20px;
		margin: 30px 0px;
	}
}

h2.single-title, h1.single-title {
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 15px;
	margin-top: 0px;
    padding-top: 55px;
    font-size: 28px;
}

h3.single-date {
    font-weight: 400 !important;
    text-align: left;
    margin-top: 20px !important;
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

@media (max-width: 640px) {
	h2.single-title, h1.single-title {
		text-align: center;
		line-height: 28px;
		font-size: 24px;
		padding-top: 40px;
	}
	
	h3.single-date {
		text-align: center;
		font-size: 16px !important;
		margin-top: -15px !important;
	}
}

.bluebutton {
	display: inline-block;
    border: 5px solid #c3e3fc;
    padding: 20px 30px;
    width: 130px;
    height: 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    background: #fff;
    line-height: 8px;
    font-family: 'Geomanist', sans-serif;
    letter-spacing: 2px;
	margin-top: 20px;
    margin-bottom: 50px;
    color: #000;
}

.bluebutton:hover {
	cursor: pointer;
}

.bluebutton::after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 100%;
	background: #c3e3fc;
	top: 0px;
	left: 0px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
}
	
	.bluebutton:hover::after {
		width: 100%;
	}	
	
	.bluebutton span {
		position: absolute;
		left: 0px;
		right: 0px;
		z-index: 99;
		text-align: center;
	}


.borderbutton {
	display: inline-block;
    border: 5px solid #207ac0;
    padding: 20px 30px;
    width: 130px;
    height: 8px;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    background: #c3e3fc;
    line-height: 8px;
    font-family: 'Geomanist', sans-serif;
    letter-spacing: 2px;
	margin-top: 20px;
    margin-bottom: 50px;
    color: #207ac0;
	text-align: center;
}

.borderbutton:hover {
	cursor: pointer;
}

.borderbutton::after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 100%;
	background: #207ac0;
	top: 0px;
	left: 0px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
}
	
	.borderbutton:hover::after {
		width: 100%;
	}	
	
	.borderbutton span {
		position: absolute;
		left: 0px;
		right: 0px;
		z-index: 99;
		color: #207ac0;
		text-align: center;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
	}	

	.borderbutton:hover span {
		color: #c3e3fc;
	}	
	
.content .su-button {
	display: inline-block !important;
    border: 5px solid #207ac0 !important;
    padding: 10px !important;
    width: auto !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    position: relative !important;
    background: #c3e3fc !important;
    font-family: 'Geomanist', sans-serif !important;
    letter-spacing: 2px !important;
	margin-top: 20px !important;
    margin-bottom: 50px !important;
    color: #207ac0 !important;
	text-align: center !important;
	position: relative !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}	

	.content .su-button span {
		position: relative!important;
		left: 0px !important;
		right: 0px !important;
		z-index: 99 !important;
		color: #207ac0 !important;
		text-align: center !important;
		-webkit-transition: all 0.6s !important;
		-moz-transition: all 0.6s !important;
		-o-transition: all 0.6s !important;
		border: 0px !important;
		top: 0px !important;
		padding: 0px 30px !important;
		font-size: 18px !important;
		line-height: 24px !important;
	}	
	
	.content .su-button:hover::after {
		width: 100% !important;
	}	
	
	.content .su-button:hover {
		cursor: pointer !important;
		opacity: 1 !important;
	}

.content .su-button::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;
	width: 0px !important;
	height: 100% !important;
	background: #207ac0 !important;
	top: 0px !important;
	left: 0px !important;
	-webkit-transition: all 0.6s !important;
	-moz-transition: all 0.6s !important;
	-o-transition: all 0.6s !important;
}

	.content .su-button:hover span {
		color: #c3e3fc !important;
	}	

	
/* SIDEBAR */
#sidebar .reading {
	
}

#sidebar .reading .box {
    height: 360px;
    margin-bottom: 20px;
}

#sidebar .reading .box .core h2 {
	font-size: 18px;
	line-height: 24px;
}

#sidebar .reading .box .core span {
	font-size: 14px;
}

.sidebar-title {
    margin: 65px 30px;
    font-weight: 400;
    color: #545454;
}

@media (max-width: 960px) {
	.sidebar-title {
		padding: 35px 30px;
	}
	
	#sidebar .reading .box {
		width: 50%;
	}
}

@media (max-width: 640px) {
	.sidebar-title {
	    padding: 0px 20px;
		margin: 30px 0px;	
	}
	
	#sidebar .reading .box {
		width: 100%;
		height: 260px;
	}
}


/* ARCHIWUM */
#archive-news {
	
}

#archive-news .box {
	width: 48%;
	margin: 1%;
	float: left;
    display: flex;
}

@media (max-width: 640px) {
	#archive-news .insider {
		padding: 0px;
	}
	
	#archive-news .box {
		width: 100%;
		height: 260px;
		margin: 0px;
		float: none;
	}
}

/* KONTAKT */
#kontakt {
}

.page-template-page-kontakt #kontakt {
	margin-bottom: 40px;
}

#kontakt .column {
    width: 33.3333%;
    box-sizing: border-box;
    float: left;
    padding: 30px;
    text-align: center;
    min-height: 430px;
    font-size: 15px;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

#kontakt .column:nth-of-type(3n) {
	border-right: 0px;
}

#kontakt .column h3.widget-title {
	font-weight: 500;
	margin-bottom: 30px;
}

#kontakt .column p {
    margin-bottom: 20px;
}

#kontakt .column a {
    display: block;
}

#kontakt .insider {
}

#kontakt .double img {
	width: 100%;
	height: auto;
}

#kontakt .double {
	padding: 0px 30px 30px 30px;
	box-sizing: border-box;
}

#kontakt .double h3 {
	font-weight: 500;
	margin-bottom: 40px;
}

#kontakt h2.single-title {
	text-align: center;
    padding: 40px;
}

@media (max-width: 840px) {
	#kontakt .column {
		
	}
	
	#kontakt .column:nth-of-type(2n) {
		border-right: none !important;
	}

	#kontakt .column:nth-of-type(3n) {
		border-right: 1px solid #dadada;
	}
}

@media (max-width: 640px) {
	#kontakt .column {
		border-right: none !important;
	}
}

.gopr {
	box-sizing: border-box;
    padding: 10px 40px;
	text-align: center;
	color: #ee1313;
}

.gopr a {
	color: #ee1313;
}

.gopr .box {
    box-sizing: border-box;
    padding: 30px 40px;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
    line-height: 30px;
}

.gopr .box img {
	display: block;
	width: 100%;
	height: auto;
}

.gopr .box .double.alignleft {
	width: 40%;
}

.gopr .box h3 {
	margin: 26px 0px 20px 10px;
    font-size: 27px;
    font-weight: 500;
}

.map {
	margin-bottom: -4px;
	text-align: center;
}

.map iframe {
	margin-bottom: 30px;
}

@media (max-width: 840px) {
	#kontakt .double {
		padding: 0px 20px 30px 20px;
	}
	
	#kontakt .column {
		width: 50%;
	}
}

@media (max-width: 640px) {
	#kontakt .double {
		padding: 0px 0px 20px 0px;
	}
	
	#kontakt .column {
		width: 100%;
		float: none;
		min-height: auto;
		padding: 40px 10px 40px 10px;
		border-bottom: 1px solid #e3d3e3;
	}
	
	#kontakt .column a {
		margin: 30px 0px 0px 0px;
	}
}

#dojazd {
	width: 100%;
	background: #c3e3fc;
	margin-bottom: 100px;
    color: #1778c2;
}

#dojazd .dojazd-dane {
    width: 100%;
    background-size: 100%;
    padding: 30px 0px;
}

#dojazd .box {
	width: 16.666666%;
	box-sizing: border-box;
	padding: 30px;
	float: left;
}

#dojazd .box h3 {
	color: #1778c2;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 22px;
    line-height: 24px;
}

#dojazd .box h5 {
    line-height: 24px;
}

#dojazd .box ul {
	list-style: none;
}

#dojazd .box ul li {
	list-style: none;
    width: 100%;
    display: block;
    clear: both;
}

#dojazd .box ul li span {
    display: block;
    font-size: 15px;
    padding: 16px 10px 16px 57px;
    position: relative;
}

#dojazd .box span::before {
    content: "";
    display: inline-block;
    width: 45px;
    height: 54px;
    margin-right: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#dojazd .box span span {
	padding: 0px !important;
    font-size: 10px !important;
    margin-top: -6px !important;
}



#dojazd .box span span::before {
    content: "";
    display: none !important;
}

#dojazd .box span.car::before {
    background: url(img/car-white.png) center no-repeat;
    background-size: 45px;
}


#dojazd .box span.train::before {
	background: url(img/train-white.png) center no-repeat;
    background-size: 45px;
}

#dojazd .box span.bus::before {
	background: url(img/bus-white.png) center no-repeat;
    background-size: 45px;
}

@media (max-width: 1180px) {
	
	#dojazd .box {
		width: 33.3333%;
	    padding: 10px 30px;	
	}

}

@media (max-width: 960px) {
	#kontakt .double {
		width: 100%;
		float: none !important;
	}

}

@media (max-width: 840px) {
	#dojazd {
		margin-bottom: 10px;
	}
	
	#dojazd .dojazd-dane {
	    padding: 30px 0px 0px 0px;	
	}
	
	#dojazd .box {
		width: 50%;
	    padding: 10px 30px;	
	}

}


@media (max-width: 640px) {
	#dojazd {
		margin-bottom: 0px;
	}
	
	#dojazd .box {
		width: 100%;
	    padding: 10px 30px;	
	}
	
	.map iframe {
		height: 260px !important;
	}

}

#top #inpl-weather-main iframe {
	height: auto !important;
}

#top #inpl-weather-main {
	position: relative;
	float: left;
}

/* ALERT */
#alert {
    background: #ffc5c5;
}

#alert h3.widget-title {
	display: none !important;
}

#alert div {
    text-align: center;
    color: #ee1313;
}

#alert div a span {
    margin: 10px;
    text-transform: uppercase;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 4px solid #ee1414 !important;
    background: #ee1313;
    color: #fff !important;
    position: relative;
    font-size: 15px !important;
    line-height: 27px !important;
    display: block;
    padding: 0px 30px !important;
}

#alert div a span:hover {
    background: #ffd6d6 !important;
	color: #ee1414 !important;
}

@media (max-width: 690px) {
	#alert {
		padding: 20px 0px 10px 0px;
	}
}

/* MOBILE MENU */
#mobile-button {
	display: none;
    background: url(img/mobile-menu.png) center no-repeat;
    background-size: 25px;
    border: none;
    width: 65px;
    padding: 0px;
    height: 65px;
    box-sizing: border-box;
    float: right;
    cursor: pointer;
	margin-left: 0px;
}

	@media (max-width: 1080px) {
		#mobile-button {
			display: block;
			border-left: 1px solid #e2e2e2;	    
			height: 47px;
			margin: 8px 0px 0px 0px;
		}		
	}

	@media only screen 
		and (min-device-width : 375px) 
		and (max-device-width : 667px) {
			#mobile-button {
				background-attachment: scroll !important;
			}
	 }
	 
	 @media (max-width: 640px) {
		#mobile-button {
			margin-right: -20px;
			width: 55px;
		}
	 }


	#mobile-menu {
		z-index: -1;
		height: calc(100% - 64px);
		overflow: hidden;
		background: #fff;
		position: fixed;
		width: 100%;
		overflow-y: scroll;
		-webkit-transform: translate3d(0px,-200%,0);
		transform: translate3d(0px,-200%,0);
		-webkit-transition: -webkit-transform .7s;
		-o-transition: -o-transform .7s;
		transition: transform .7s;
		border-bottom: 0px;
		margin-top: 1px;
	}
	
	#mobile-menu .menu {
		width: 100%;
	}

	#mobile-menu .children, #mobile-menu .sub-menu{
		display: none !important;	
	}
	
	#mobile-menu ul li a:hover {
		color: #fff;
		background: #148bcb !important;
	}			
	
	#mobile-weather {
		display: none;
	}
	
	#mobile-weather .wunderground {
		width: 120px;
		float: right !important;
		margin-top: 8px;
	}
    
    #mobile-weather .wu-wrapper.wu-current-conditions a {
        display: block;
        background: url(img/thermometer.png) 11% no-repeat;
        background-size: auto 62% !important;
    }

#mobile-weather .wu-wrapper.wu-current-conditions a .wu-forecast-wrapper {text-align: right !important}


	
	#mobile-weather .wu-current-conditions .wu-day-title {
		padding-top: 12px !important;
        padding-bottom: 12px;
	}
	
	#mobile-weather .wu-current-conditions .wu-icon img {
		width: 80% !important;
	}

/*
#mobile-weather .wu-wrapper.wu-current-conditions a .wu-forecast-wrapper .wu-forecast-body {
	padding-left: 40%;
}
*/
.smalltop #mobile-weather .wu-current-conditions .wu-day-title,
.smalltop #mobile-weather .wu-current-conditions .wu-day-current-temp,
.smalltop #mobile-weather .wu-current-conditions .wu-day-title small { 
    font-size: 15px !important;
}
.smalltop  #mobile-weather .wu-current-conditions .wu-day-title {
		padding-top: 9px !important;
        padding-bottom: 9px;
	}
	
	@media (max-width: 1080px) {
		#mobile-weather {
			display: block !important;
		}		
	}
	
	@media (max-width: 390px) {
		#logo {
			background-size: 80%;
			margin-left: -25px;
			margin-right: -20px;	
		}
		
		#mobile-weather .wunderground {
			width: 90px;
		}
		
		#mobile-weather .wu-current-conditions .wu-icon img {
			margin-top: 7px;
			width: 70% !important;
			margin-right: 10%;
		    margin-bottom: -2px;	
		}
	}

	@media (max-width: 315px) {
		
		#mobile-weather {
			display: none !important;
		}
	}
	
	.roll {
		-webkit-transform: translate3d(0px,0,0) !important;
		transform: translate3d(0px,0,0) !important;
	}
	
	.show {
		display: block !important;
	}	 
	
	@media (max-width:840px) {
		.show {
			display: block !important;
		}	 
        
        .smalltop #mobile-weather .wu-current-conditions .wu-day-title,
        .smalltop #mobile-weather .wu-current-conditions .wu-day-current-temp,
        .smalltop #mobile-weather .wu-current-conditions .wu-day-title small { 
            font-size: 16px !important;
        }
        .smalltop  #mobile-weather .wu-current-conditions .wu-day-title {
            padding-top: 12px !important;
            padding-bottom: 12px;
        }
        
        
        
        
	}

#mobile-home {
    padding: 1%;
}	

#mobile-home ul {
	list-style: none;
}	

#mobile-home ul li ul.sub-menu {
	display: none !important;
}

#mobile-home ul li {
	width: 48%;
	float: left;
	box-sizing: border-box;
	margin: 1%;
    min-height: 180px;
	position: relative;
	overflow: hidden;
	display: table;
}	

#mobile-home ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;	
	z-index:-1;
}

#mobile-home ul li::after {
	content: "";
	display: block;
	position: absolute;
	margin-left: -100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #c3e3fc;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;	
	z-index:-1;
}

#mobile-home ul li:hover::after {
	margin-left: 0px;
}

#mobile-home ul li a {
	display: table-cell;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
	
#mobile-home ul li .children {
	display: none !important;
}	
	
#mobile-home ul li a::before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    margin: 0px auto 10px auto;
    background-size: 70%;
}

#mobile-home ul li.double-feature {
	width: 98% !important;
}

#mobile-home ul li.double-feature a::before {
	display: none !important;
}

#mobile-home ul li.double-feature a img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

#mobile-home ul li.discgolf,
#mobile-home ul li.kolejeliniowewiosna,
#mobile-home ul li.pieszeszlaki,
#mobile-home ul li.snowpark, 
#mobile-home ul li.trasyrowerowe {display: inherit}

#mobile-home ul li.menu-item-10015 {
    display: none;
}




.kamery a::before {
	background: url(img/cam.png) center no-repeat;
}
	
.discgolf a::before {
    background: url(img/letnie/frisbee.png) center no-repeat;
}
.kolejeliniowewiosna a::before {
    background: url(img/letnie/wyciag.png) center no-repeat;
}

.pieszeszlaki a::before {
    background: url(img/letnie/trasy-piesze.png) center no-repeat;
}
.trasyrowerowe a::before {
    background: url(img/letnie/trasy-rowerowe.png);
    background-size: 100% !important;
}
.wiezewidokowe a::before {
    background: url(img/zimowe/wieze-widokowe.png);
    background-position: center center;
    background-repeat: no-repeat;
}


.warunki a::before {
	background: url(img/glasses.png) center no-repeat;
}	
	 
.news a::before {
	background: url(img/news.png) center no-repeat;
} 

.zjazdowe a::before {
	background: url(img/wyciag.png) center no-repeat;
}	
	 
.karnet a::before {
	background: url(img/cards.png) center no-repeat;
} 	
	 
.cennik a::before {
	background: url(img/price.png) center no-repeat;
} 

.restauracja a::before {
	background: url(img/restaurant.png) center no-repeat;
} 

.freeski a::before {
	background: url(img/freeski.png) center no-repeat;
} 

.noclegi a::before {
	background: url(img/bed.png) center no-repeat;
}	
	 
.wypozyczalnie a::before {
	background: url(img/wypozyczalnie.png) center no-repeat;
}

.narciarskie a::before {
	background: url(img/szkolki.png) center no-repeat;
}  
.szkolki a::before {
	background: url(img/szkolki.png) center no-repeat;
}


.snowpark a::before {
	background: url(img/freeski.png) center no-repeat;
}

.nocne a::before {
	background: url(img/moon.png) center no-repeat;
}

.artykuly a::before {
	background: url(img/article.png) center no-repeat;
}

.mapa a::before {
	background: url(img/mapa.png) center no-repeat;
}

.ozielencu a::before {
	background: url(img/goal.png) center no-repeat;
}

.dojazd a::before {
	background: url(img/car.png) center no-repeat;
}

.kontakt a::before {
	background: url(img/phone.png) center no-repeat;
}

#mobile-menu ul {
	list-style: none;
}

#mobile-menu ul li.pieszeszlaki, 
#mobile-menu ul li.trasyrowerowe,
#mobile-menu ul li.discgolf, 
#mobile-menu ul li.kolejeliniowewiosna,
#mobile-menu ul li.snowpark {
    display: none;
}



#mobile-menu ul li a {
	text-align: center;
	text-transform: uppercase;
	color: #111;
	padding: 20px 20px;
	box-sizing: border-box;
	display: block;
	border-bottom: 1px solid #e7e7e7;
}

#mobile-home ul li ul li a::before {
	display: none !important;
}
	 
/* POGODA */
#top #wunderground_forecast_widget-3 {
	display: none !important;
}

.wunderground {
	width: 200px;
	float: left;
    width: 14%;
    display: table;
    box-sizing: border-box;
    float: left;
    vertical-align: middle;
    margin-right: 1%;
    margin-left: 1%;
    position: relative;	
	margin-bottom: -2px;
}

.wu-forecast-wrapper .wu-cond-highlow .wu-cond-high {
	display: block !important;
}

.wunderground h3.widget-title {
	display: none !important;
}

.wu-copyright {
	display: none !important;
}

.wu-forecast-body {
	display: table !important;
}

.wu-forecast-body div {
	display: block !important;
}

.wu-forecast-wrapper div {
	text-align: center !important;
	margin-bottom: 0px !important;
}

.wu-day-current-temp {
    font-size: 16px !important;	
}

.wu-current-conditions .wu-day-title {
	float: right !important;
    font-family: 'Geomanist' !important;
    width: 100% !important;	
	font-size: 16px !important;
    padding-top: 22px !important;
    font-weight: 400 !important;	
	color: #111 !important;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;		
}

	.wu-current-conditions .wu-day-title small {
		font-size: 16px !important;
		margin-left: 0px !important;
	}


.wu-current-conditions .wu-icon {
	float: right !important;
    width: 50% !important;
}

.wu-current-conditions .wu-icon img {
	width: 85% !important;
    padding-top: 3px;
    padding-bottom: 7px;
    height: 85% !important;
    display: block !important;
    margin-bottom: -4px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    float: right;
}

.wu-forecast-wrapper .wu-cond-text {
	width: 100% !important;
    color: #222;
    margin-top: -30px !important;
    display: block !important;
    text-transform: uppercase !important;
}

.wu-wrapper div img, .wu-wrapper table img {
	margin-top: 10px;
    margin-left: 10px;
}

.wu-wrapper .wu-alert {
	display: none !important;
}

/* TRASY */
#trasy {
	
}

.menu-trasy {
    background: #fff;
    margin-bottom: 10px;
	padding-bottom: 20px;
}

	.blue-section {
		background: #c3e3fc;
		padding: 70px 20px;
	}

	h5.greytitle {
	    padding: 40px 40px 20px 40px !important;
		box-sizing: border-box;
		text-transform: uppercase;
		font-weight: 400 !important;
		color: #a5a4a4;
		font-size: 15px !important;
		letter-spacing: 1px;
		text-align: center;
		margin: 0px auto !important;
	}
	
	h2.bluetitle {
		color: #3486c6;
		text-align: center;
		font-weight: 400;
		font-size: 34px;
		line-height: 48px;
	}
	
@media (max-width: 840px) {
	.blue-section {
		padding: 20px 0px;
		margin-bottom: 20px;
	}
	
	h2.bluetitle {
		font-size: 24px;
		line-height: 32px;
	}
}	

.menu-trasy ul {
    display: block;
    list-style: none;
    text-align: center;
    width: 100%;
	box-sizing: border-box;
}

.menu-trasy ul li {
	width: 25%;
    display: table;
    float: left;
    box-sizing: border-box;
    vertical-align: middle;
    padding-right: 1%;
    padding-left: 1%;
    position: relative;
    border-right: 1px solid #e2e2e2;
}

	.menu-menu-tras-container {
		margin-top: 20px;
	}

	.menu-trasy ul li a:hover, .menu-trasy ul li.current-menu-item a {
		background: #f3f1f1;
	}

	.menu-trasy ul li.zjazdowe a {
		background: url(img/skiing.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.biegowe a {
		background: url(img/skiing2.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.szlaki a {
		background: url(img/skiing3.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.rowerowe a {
		background: url(img/skiing4.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.young a {
		background: url(img/sekcja1.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.families a {
		background: url(img/sekcja2.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.beginers a {
		background: url(img/sekcja3.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.advanced a {
		background: url(img/skiing.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li:last-child {
		border-right: 0px !important;
	}	
	


	.menu-trasy ul li.zjazdowe a:hover, .menu-trasy ul li.zjazdowe.current-menu-item a {
		background: #f3f1f1 url(img/skiing.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.biegowe a:hover, .menu-trasy ul li.biegowe.current-menu-item a {
		background: #f3f1f1 url(img/skiing2.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.szlaki a:hover, .menu-trasy ul li.szlaki.current-menu-item a {
		background: #f3f1f1 url(img/skiing3.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.rowerowe a:hover, .menu-trasy ul li.rowerowe.current-menu-item a {
		background: #f3f1f1 url(img/skiing4.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.young a:hover, .menu-trasy ul li.young.current-menu-item a {
		background: #f3f1f1 url(img/sekcja1.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.families a:hover, .menu-trasy ul li.families.current-menu-item a {
		background: #f3f1f1 url(img/sekcja2.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.beginers a:hover, .menu-trasy ul li.beginers.current-menu-item a {
		background: #f3f1f1 url(img/sekcja3.png) 5% no-repeat;
		background-size: auto 100%;
	}

	.menu-trasy ul li.advanced a:hover, .menu-trasy ul li.advanced.current-menu-item a {
		background: #f3f1f1 url(img/skiing.png) 5% no-repeat;
		background-size: auto 100%;
	}
	
	
.menu-trasy ul li a {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    box-sizing: border-box;
    height: 65px;
    text-transform: uppercase;
    font-weight: 400;
    color: #111;
    letter-spacing: 1px;
    width: 100%;
    text-align: left;
    font-size: 14px;
    padding-left: 35%;
}

@media (min-width: 1260px) {
	.menu-trasy ul {
		padding: 0px 4%;
	}
}

@media (max-width: 960px) {
	.menu-trasy {
		padding-bottom: 0px;
	}
	
	.menu-trasy ul li {
		width: 50%;
		margin-bottom: 10px;
		border-right: 0px !important;
	}
	
	.menu-trasy ul li:nth-child(2) {
		border-right: 0px !important;
	}	
	
	.menu-trasy ul li::before {
		background-size: 70% !important;
	}
}

@media (max-width: 860px) {
	.menu-trasy ul li {
		width: 300px;
		margin: 0px auto 10px auto;
		float: none;
	}
}

#trasy .content {
    display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
}

#trasy .box.double {
	width: 50%;
}

#trasy .content .box {
    box-sizing: border-box;
    margin-bottom: -1px;
    background-size: cover !important;
    min-height: 500px;
    padding: 60px 50px 40px 50px;
	flex: 1;
    min-width: 50%;
}

#trasy .content .box:nth-of-type(1){ order: 2;}

#trasy .content .box:nth-of-type(2){ order: 1;}

#trasy .content .box:nth-of-type(3){ order: 3;}

#trasy .content .box:nth-of-type(4){ order: 4;}

#trasy .content .box:nth-of-type(5){ order: 6;}

#trasy .content .box:nth-of-type(6){ order: 5;}

#trasy .content .box:nth-of-type(7){ order: 7;}

#trasy .content .box:nth-of-type(8){ order: 8;}

#trasy .content .box:nth-of-type(9){ order: 10;}

#trasy .content .box:nth-of-type(10){ order: 9;}

#trasy .content .box.entry .small-title {
	margin-bottom: 30px;
    font-weight: 500;
    padding: 0px 20px;	
	font-size: 28px;
    line-height: 36px;
}

#trasy .content img {
	width: 100%;
	max-width: 100%;
	height: auto;
    display: block;	
}







@media (max-width: 840px) {
	#trasy .box {
		min-width: 100% !important;
	}
	
	#trasy .content .box {
		padding: 40px 20px;
		min-height: 360px;
	}
	
	#trasy .content .box:nth-of-type(1){ order: 1;}
	#trasy .content .box:nth-of-type(2){ order: 2;}
	#trasy .content .box:nth-of-type(3){ order: 3;}
	#trasy .content .box:nth-of-type(4){ order: 4;}
	#trasy .content .box:nth-of-type(5){ order: 5;}
	#trasy .content .box:nth-of-type(6){ order: 6;}
	#trasy .content .box:nth-of-type(7){ order: 7;}
	#trasy .content .box:nth-of-type(8){ order: 8;}	
	#trasy .content .box:nth-of-type(9){ order: 9;}
	#trasy .content .box:nth-of-type(10){ order: 10;}		

}

@media (max-width: 640px) {
	.ikona-tras {
		height: 260px;
		min-height: 260px !important;
	}
	
	#trasy .content .box {
		min-height: 260px;
		padding: 0px;
	}	
	
}




.turnout-section .content {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.turnout-section .content .box {
    box-sizing: border-box;
    margin-bottom: -1px;
    background-size: cover !important;
    min-height: 500px;
    padding: 60px 50px 40px 50px;
	flex: 1;
    min-width: 50%;
}
.turnout-section .content .box.nopadding {
    padding: 0;
}
.turnout-section .content .box.entry .small-title,
.turnout-section .content.frame  .heading .small-title {
	margin-bottom: 30px;
    font-weight: 500;
    padding: 0px 20px;	
	font-size: 28px;
    line-height: 36px;
}
.turnout-section .content.frame  .heading .small-title {
    text-align: center;
}
.turnout-section .content .box.entry .small-title span {
    font-size: 20px;
}


.turnout-section .content:nth-child(2n+1) .box.cover {order: 2}
.turnout-section .content:nth-child(2n+1) .box.entry {order: 1}


.turnout-section .content .box.cover img {
    width:100%;
    height: auto;
}


.turnout-section .content.frame {
    padding: 30px 70px 70px;
    background: #fff;
}
.turnout-section .content.frame .frame-inside {
    border: 5px solid #cdeed9;
    width: 100%;
    padding: 40px;
}

.turnout-section .content.frame .frame-inside .social-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.turnout-section .content.frame .frame-inside .social-list .facebook,
.turnout-section .content.frame .frame-inside .social-list .instagram {
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 15px;
}
.turnout-section .content.frame .frame-inside .social-list .web {
    margin-left: 0;
    margin-bottom: 30px;
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    font-size: 1.3em;
}
.turnout-section .content.frame .frame-inside .social-list .web a:hover {
    text-decoration: underline;
}
.turnout-section .content.frame .frame-inside .social-list .facebook {
    background-image: url('https://www.zieleniec.pl/wp-content/uploads/2017/08/facebook.png');
}
.turnout-section .content.frame .frame-inside .social-list .instagram {
    background-image: url('https://www.zieleniec.pl/wp-content/uploads/2017/08/instagram.png');
}
.turnout-section .content.frame .frame-inside .social-list .facebook a,
.turnout-section .content.frame .frame-inside .social-list .instagram a {
    display: block;
    width:40px;
    height: 40px;
}

.turnout-section .content.frame .frame-inside .social-list .facebook:hover,
.turnout-section .content.frame .frame-inside .social-list .instagram:hover {
    opacity: 0.5;
}



.turnout-section .content.camera .box.cover {order: 1}
.turnout-section .content.camera .box.entry {order: 2}





@media (max-width: 840px) {
    .turnout-section .content .box {
        min-width: 100% !important;
    }
    .turnout-section .content:nth-child(2n+1) .box.cover, {order: 1}
    .turnout-section .content:nth-child(2n+1) .box.entry {order: 2}
    .turnout-section .content .box {
		min-height: 260px;
		padding: 0px;
	}
    
    .turnout-section .content.frame {
        padding: 0 20px 70px;
    }
    .turnout-section .content.frame .frame-inside .social-list .web {
        margin-left: 0;
        padding-top: 30px;
    }
    
}





#mapa-tras {
	margin-bottom: 40px;
}

#mapa-tras .content {
	padding: 50px 60px;
}

.page-template-page-trasyzjazdowe #mapa-tras .content {
	padding: 20px;
}

#mapa-tras .content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0px;
}

#mapa-tras .content iframe {
	margin-bottom: 40px;
}

#mapa-tras h3 {
	text-transform: uppercase;
    font-size: 28px;
    line-height: 50px;
	font-weight: 500;
}

#mapa-tras h4 {
	text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
	margin-bottom: 20px;
}


.entry h3, .entry-content h3 {
	margin-bottom: 30px;
	margin-top: 30px;
    font-weight: 500;
    padding: 0px 20px;
    font-size: 28px;
    line-height: 36px;
}

.entry h4, .entry-content h4 {
    font-weight: 500;
	font-size: 18px;
	line-height: 24px;
}

#szczyty {
	margin-bottom: 80px;
}

#szczyty .insider {
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

#szczyty img {
	width: 100%;
	height: auto;
	display: block;
}

@media (max-width: 640px) {
	#mapa-tras .content {
		padding: 20px;
	}
}

/* POWTARZAJĄCE SIĘ */

.whitebg {
	background: #fff;
}

.small-title {
	margin-bottom: 30px !i
    font-weight: 500;
    padding: 0px 20px;	
}

.regular-title {
	font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500;
}

.regular-second {
	font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
}

.regular-second span {
	margin-right: 40px;
}

/* ARTYKUŁ */
#artykul h2.single-title, #artykul h1.single-title {
    text-align: center;
    margin-top: 0px !important;
    margin-bottom: 50px;
}

.ikona-full img {
	width: 100%;
	height: auto;
	display: block;
}

#artykul .entry-content p {
	margin: 40px auto 40px auto;
}

#artykul .entry-content h2 {
    margin-bottom: 30px;
	margin-top: 30px;
    font-weight: 500;
    padding: 0px 20px;
    font-size: 34px;
    line-height: 42px;
}

#artykul .entry-content h3 {
    margin-bottom: 30px;
	margin-top: 30px;
    font-weight: 500;
    padding: 0px 20px;
    font-size: 28px;
    line-height: 36px;
}

#artykul .entry-content h4 {
    margin-bottom: 30px;
	margin-top: 30px;
    font-weight: 500;
    padding: 0px 20px;
    line-height: 30px;
}

#artykul .entry-content h5 {
    margin-bottom: 30px;
	margin-top: 30px;
    font-weight: 500;
    padding: 0px 20px;
    font-size: 16px;
    line-height: 24px;
}

#artykul .entry-content h6 {
    margin-bottom: 30px;
	margin-top: 30px;
    font-weight: 500;
    padding: 0px 20px;
    font-size: 12px;
    line-height: 18px;
}

#artykul img.size-large, #artykul img.size-full {
	width: 100% !important;
	height: auto !important;
	margin-left: 0px !important;
}

#artykul blockquote {
    background: #c3e3fc;
    padding: 70px 20px;
    text-align: center;
	margin-bottom: 40px;

}

#artykul blockquote p {
    color: #3486c6;
    text-align: center;
    font-weight: 400;
    font-size: 34px;
    line-height: 48px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

@media (max-width: 840px) {
	#artykul .entry-content h3 {
		margin-bottom: 20px;
		margin-top: 20px;
		font-size: 22px;
		line-height: 30px;
	}
	
	#artykul .entry-content p {
		margin: 20px auto 20px auto;
	}
	
	#artykul blockquote {
		padding: 20px;
		margin-bottom: 20px;
	}
	
	#artykul blockquote p {
		font-size: 22px;
		line-height: 28px;
	}
}

@media (max-width: 640px) {
	#artykul .entry-content h2 {
		text-align: center;
		line-height: 28px;
		font-size: 24px;
	}
}

/* PAGE */
.subtitle p {
	font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
	text-transform: uppercase;
}

h4.parent {
    margin-top: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400 !important;
    color: #a5a4a4;
    font-size: 15px !important;
    letter-spacing: 1px;
}

.page #single h2.single-title, .page #single h1.single-title {
    margin-top: 15px;
	padding-top: 0px;
}

@media (max-width: 960px) {
	.page #single h2.single-title, .subtitle {
		text-align: center;
	}
	
	h4.parent {
		margin-top: 0px;
		padding-top: 20px;
		text-align: center;
	}
}

/* TEXT COLOR */
.textcolor {
	position: relative;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

.textcolor:hover::after {
    width: 100%;
}

/* CENNIK */
.pagesep {
	padding: 20px;
    box-sizing: border-box;
}

.pagesep .page-title {
	text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 20px;
}

.pagesep .page-title a {
	color: #111;
}

#cennik {
	margin-top: 40px;
	margin-bottom: 40px;
}

#cennik .double {
	width: 48.5%;
}

#cennik table {
    width: 100%;
    text-align: center;
    padding: 0px 40px 0px 40px;
    font-size: 16px;
    line-height: 26px;	
}

#cennik table tr td, #cennik table tr th {
	width: 20%;
}

#cennik table tr td:first-child, #cennik table tr th:first-child {
	text-align: left;
	width: 60%;
}

#cennik table tr th {
	font-weight: 500;
	padding: 10px 0px;
}

#cennik table tr td {
	font-weight: 500;
	text-transform: normal;
}

#cennik table tr td:first-child {
	font-weight: 400;
	text-transform: uppercase;
}

#cennik table tr th:first-child {
	color: #797979;
	text-transform: uppercase;
}


#cennik .desc-under-table {
    padding: 0px 40px 0px 40px;
    line-height: 150%;
}
#cennik .desc-under-table .label {
    font-weight: 500;
}
#cennik .desc-under-table .smaller-text {
    font-size: 0.85em;
    
}



.lightbluebg {
	background: #c3e3fc;
}

.redbg {
	background: #ffc5c5;
}

.cennik-top {
	padding: 20px;
	text-align: center;  
}

.cennik-top h3 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;	
	color: #207ac0;
}

.cennik-top h4 {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
    color: #207ac0;
    letter-spacing: 0px;
}

.cennik-sep {
	text-align: center;
    padding: 15px;
}

.cennik-sep h3 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;	
	color: #ee1313;
}

.cennik-sep h4 {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
    color: #ee1313;
}

.subgroup-heading-row {
}
.subgroup-heading-row td,
.subgroup-heading-row th {
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e2e2e2;
    text-align: center !important;
    color: #fff !important;
    background-color: #207ac0;
}





#cennik-banner {
	
}

#cennik-banner .skipass {
    display: block;
    float: left;
    width: 136px;
    height: 104px;
    background: url(img/skipass.png) center no-repeat !important;
    background-size: cover !important;
    margin-right: 40px;
}

#cennik-promo {
    max-width: 840px;
    margin: 0px auto;
    padding: 30px 0px;
}

#cennik-promo .promotext {
	display: block;
    float: left;
    max-width: 60%;
}

	#cennik-promo .promotext h2 {
		text-transform: uppercase;
		color: #207ac0;
		font-size: 40px;
		line-height: 46px;
		padding-top: 6px;
	}

#cennik-promo .borderbutton {
	float: right;
    margin-top: 24px;
    margin-bottom: 0px;
}

@media (max-width: 840px) {
	#cennik .double {
		width: 100%;
		float: none;
	}
	
	#cennik {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#cennik table {
		padding: 0px 20px;
		font-size: 14px;
		line-height: 22px;
	}
    #cennik .desc-under-table {
        padding: 0px 20px;
        font-size: 14px;
    }
    
    
	
	#cennik-promo {
		padding: 0px;
		text-align: center;
	}
	
	#cennik-banner .skipass {
		display: none;
	}
	
	#cennik-promo .promotext {
		float: none;
		max-width: 100%;
		text-align: center;
	}
	
	#cennik-promo .promotext h2 {
		font-size: 26px;
		line-height: 30px;
		padding-top: 0px;
	}
	
	#cennik-promo .borderbutton {
		float: none;
		margin-top: 15px;
		margin-bottom: 0px;
	}
	
	.cennik-top {
		padding-top: 20px;
		padding-bottom: 18px;
	}
	
	.cennik-top h3 {
		font-size: 20px;
		line-height: 28px;
	}	
}

@media (max-width: 640px) {
	.pagesep .page-title {
		line-height: 28px;
		font-size: 24px;
		padding: 0px;	
	}
}

/* REGULAMIN */
#regulamin {
	position: relative;
}

#regulamin .content {
	max-width: 740px;
	padding: 0px 20px;
}

#regulamin .content ol, #regulamin .content ul, #regulamin .content p, #regulamin .content h3 {
	margin-bottom: 20px;
}

#regulamin .content ol li, #regulamin .content ul li {
	margin-bottom: 15px;
	margin-left: 20px;
}

#regulamin .content h3 {
	font-size: 24px;
	line-height: 32px;
	text-transform: normal;
	font-weight: 500;
}

.toroll {
	max-height: 468px;
}

.rozwin {
    margin-bottom: 100px;
    position: relative;
	text-align: center;
}

.rozwin .info {
	display: inline-block;
}

.rozwin .whitebg {
	position: relative;
}

#rozwin-button {
    display: inline-block;
    position: absolute;
    bottom: -51px;
    font-size: 34px;
    text-align: center;
    left: 50%;
    right: 50%;
    margin-left: -66px;
    background: none;
    border: 0px;
}

#rozwin-button .cross {
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 50px solid #fff;
    overflow: hidden;
    cursor: pointer;
    display: block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
	cursor: pointer;
}

#rozwin-button:hover .cross {
    border-top: 50px solid #c3e3fc;
}

#rozwin-button .cross-content {

}

#rozwin-button .cross::before {
    content: "+";
    position: absolute;
    margin-left: -66px;
    width: 100%;
    top: 4px;
    z-index: 99;
    font-family: 'Geomanist', sans-serif;
    font-size: 34px;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

#rozwin-button:hover .cross::before {
    content: "+";
	color: #fff;
}

.rolled {
	height: 100% !important;
	max-height: none !important;
}

.rozwiniety #rozwin-button .cross::before {
    content: "-" !important;
}

.rozwiniety .info-hide {
    display: block !important;
}

.rozwiniety .info-show, .info-hide {
	display: none !important;
}

/* MOBILE */

@media (min-width: 841px) {
	.mobileshow {
		display: none !important;
	}
}

@media (max-width: 840px) {
	.mobilehide {
		display: none !important;
	}
}

/* KOLORY */
.redcolor {
	color: #ee1313;
}

/* SEKCJE */
section.title {
	text-align: center;
}

/* WARUNKI NA DZIŚ */

#warunki {
	margin-bottom: 20px;
}

#warunki h5 {
    text-align: center;
    margin-top: -30px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#warunki .box {
	border: 2px solid #e2e2e2;
	text-align: center;
    height: 330px;	
}

.warunki-insider {
	background: #fff;
    box-sizing: border-box;
    padding: 30px 40px 40px 40px;
}

.warunki-insider .double.alignleft iframe {
	margin-top: 20px !important;
}

#inpl-weather-main {
	position: relative;
    width: 300px;
    background-color: #ffffff;
    overflow: hidden;
    height: 220px;
    margin: 55px auto 45px auto;	
}

#inpl-weather-main iframe {
    margin-top: -150px;
}

#inpl-weather-links {
	margin-top: -80px;
}

#warunki .wunderground {
    width: auto !important;
    box-sizing: border-box;
    margin: 86px auto;
    text-align: center;
    display: inline-block;
    float: none;
}

#warunki .wunderground .wu-forecast-wrapper {
	float: none !important;
	margin: 0px auto !important;
}

#warunki .wunderground .wu-forecast-wrapper .wu-forecast-body {
	width: 200px;
    font-size: 14px;
    line-height: 20px;
}

#warunki .wu-day-current-temp {
	font-size: 32px !important;
}

#warunki .wu-day-title {
	padding-top: 30px !important;
}

#warunki .wu-current-conditions .wu-day-title small {
	font-size: 32px !important;
}

.wu-table-5 .wu-icon {
	display: none !important;
}

.wu-table-5 tr.forecast, .wu-table-5 .wu-forecast-body .wu-cond-text {
	display: none !important;
}

.wu-table-5 tr.forecast:first-child {
	display: block !important;
}

.wu-table-5 .wu-cond-low {
	margin-bottom: 10px;
}

.wu-table-5 .wu-cond-highlow span {
	display: block;
}

@media (max-width: 1080px) {
	#warunki .double {
		width: 100%;
		float: none;
	}
}

@media (max-width: 840px) {
	.warunki-insider {
		padding: 30px 20px 0px 20px;
	}
	
	#warunki .box {
		margin-bottom: 40px;
		height: auto;
	}
	
	#inpl-weather-main {
		height: auto !important;
		margin: 20px auto 0px auto;
	}
}

@media (max-width: 640px) {
	#warunki {
		margin-bottom: 0px;
	}
	
	#warunki .box {
		margin-bottom: 30px;
	}
	
	#warunki .wunderground {
		margin: 20px auto;
	}
}

/* MOBILE */
@media (max-width: 1080px) {
	#top #primary-menu, #top #second-menu {
		display: none !important;
	}
	#alternative {
		height: 96px;
	}
}

@media (max-width: 840px) {
	#alternative {
		height: 64px;
	}
	
	#alternative-language {
		height: 64px;
	}
}

@media (max-width: 640px) {
	#alternative {
		height: 64px;
	}
}

/* TRASY I WYCIĄGI */

.difficulty {

}

.difficulty span {
	display: inline-block;
	margin-left: 20px;
    font-size: 20px;	
}

.dostepnosc span {
    font-size: 16px !important;
    line-height: 22px !important;
}

#wyciagi {

}

#wyciagi .content {
	padding: 0px 20px;
}

#wyciagi table {
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	border-top: 1px solid #e2e2e2;	
	border-left: 1px solid #e2e2e2;	
}

#wyciagi table, #wyciagi table th, #wyciagi table td {
    margin: 0px auto 20px auto;
}

#wyciagi th, #wyciagi td {
	padding: 15px 10px;
	border-right: 1px solid #e2e2e2;	
	border-bottom: 1px solid #e2e2e2;	
	vertical-align: middle;
}

#wyciagi th {
    text-transform: uppercase;
    color: #595959;
    font-weight: 500;
    vertical-align: middle;
    height: 44px;
}

.redCell, #wyciagi td.closedIconStyle {
	color: #ec656b;
}

#wyciagi table td.greenCell, #wyciagi td.openedIconStyle {
	color: #6fda6f;
}

.greenCell {
	color: #6fda6f;
}

.blueCell {
    color: #37bcec;
}

.blackCell {
	color: #222;
}

#wyciagi td.iconStyle {
	font-size: 40px;
	vertical-align: middle;
}

#wyciagi td.iconStyle span {
    font-size: 40px;
    line-height: 0px;
    display: block;
    margin-top: -4px;
}

@media (max-width: 1180px) {
	
	#wyciagi .content {
		overflow-x: scroll;    
	}

}

@media (max-width: 840px) {

}

@media (max-width: 640px) {
	.difficulty {
		display: none !important;
	}
	
	#wyciagi table {
		font-size: 12px;
		line-height: 14px;
		margin-right: 20px;
	}	
	
	#wyciagi th, #wyciagi td {
		padding: 10px 5px;
	}
}

/* NOCLEGI */
#noclegi {
	padding-bottom: 70px;
}


#filtry {
	padding: 0px 30px;
}

.oficjalna {
    color: #a5a4a4;
    border: 2px solid #a5a4a4;
    margin-top: -15px;
    display: block;
    text-align: center;
    padding: 5px 10px 3px 10px;
}
                /* SABA */
                .postid-2199 .oficjalna {display: none}



.oficjalna:hover {
	color: #207ac0;
    border: 2px solid #207ac0;
}

.filtry {
	border: 2px solid #e2e2e2;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.filtry:hover, .filtry-date:hover {
	border: 2px solid #c3e3fc;
}

.filtry .double {
	width: 50%;
}

.filtry .triple {
	float: left;
	width: 28%;
}

.filtry .triple.filtrowanie {
	width: 43%;
}

.filtry-date {
	padding: 10px 20px;
    border: 2px solid #e2e2e2;
	font-family: 'Geomanist', sans-serif;	
	box-sizing: border-box;	
}

.filtry .triple h3 {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 22px;
    float: left;
    padding: 0px 20px 0px 10px;
}

.filtry .triple.filtrowanie h3, #personsNumber {
	font-size: 11px;
    width: 61%;
    padding-right: 10px;
}

.filtry input[type="radio"], .filtry input[type="checkbox"] {
	width: 12px;
    height: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ff;
    outline: 0;
    border: 1px solid #dadada;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
	cursor: pointer;
    margin: 0px 10px;
}

.filtry input[type="radio"]:hover, .filtry input[type="radio"]:checked, .filtry input[type="checkbox"]:hover, .filtry input[type="checkbox"]:checked {
	background: #97cef9;
}

#personsNumber {
	width: 90px;
    height: 44px;	
}

.filtry-submit {
    border: 0px;
    padding: 5px 30px;
    background: #c3e3fc;
    color: #207ac0;
    font-size: 15px;
    line-height: 24px;
    float: right;
    letter-spacing: 2px;
    margin: 4px 0px;
    font-family: 'Geomanist', sans-serif;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}

.filtry-submit:hover {
	background: #a7d6fb;
}

#filtry-second {
	text-transform: uppercase;
    font-size: 14px;
}

#filtry-second .filtry-submit {
	margin: 22px 0px;
}

#filtry-second .triple {
	width: auto !important;
	margin-right: 36px;
}

input[type=date] {

}
  ::-webkit-datetime-edit-month-field {
    text-transform: uppercase;
  }
  ::-webkit-datetime-edit-day-field {
    text-transform: uppercase;
  }
  ::-webkit-datetime-edit-year-field {
    text-transform: uppercase;
  }
  
  ::-webkit-clear-button {
  }
  
  #dateIn::-webkit-inner-spin-button, #dateOut::-webkit-inner-spin-button {
	  display: none !important;
  }
  ::-webkit-calendar-picker-indicator {
	cursor: pointer;
  }
  
#filter-button {
	display: none;
    margin: 0px auto;
    background: #fff;
    font-weight: 600;
    padding: 5px 15px 4px 15px;
    cursor: pointer;	
}

@media (max-width: 1180px) {
	
	.filtry .triple h3 {
		width: 100%;
		padding: 0px 20px 10px 0px;
	}
	
	#filtry-second .filtry-submit {
		margin: 0px;
	}

}

@media (max-width: 960px) {
	.filtry .double {
		width: 100%;
		margin: 0px;
	}
	
	.filtry .triple {
		width: 50%;
		margin: 0px;
		margin-bottom: 20px;
	}
	
	#filtry-first .filtrowanie {
		width: 100%;
	}
	
	#filtry-second .filtry-submit {
	    margin: 30px 0px 0px 0px;
	}	
}

@media (max-width: 840px) {
	#filtry {
		padding: 0px 20px;
	}
}

@media (max-width: 760px) {
	.filtry .double {
		width: 100%;
		margin: 0px;
	}
	
	.filtry .triple {
		width: 100%;
		margin: 0px;
		margin-bottom: 20px;
		margin-right: 0px !important;
	}
}

@media (max-width: 640px) {
	.filtry {
		padding: 10px;
	}
	
	#filtry {
		padding: 0px;    
		background: #f9f9f9;
		
	}
	
	#filtry-first {
		border: 2px solid #f9f9f9;
		margin-bottom: 10px;
	}
	
	.filtry-date {
		width: 100%;
	}
	
	.filtry .triple.filtrowanie h3, #personsNumber {
		width: 100%;
		clear: both;
		text-align: center;
	}
	
	#filtry-second, .filtry .triple h3 br {
		border: 0px !important;
	}
	
	#filtry-second .twothird {
		float: none !important;
		display: block;
		width: 100%;
	}
	
	#filtry-second .filtry-submit {
		margin: 20px auto 0px auto;
		display: inherit;
	}
	
	.filtry .triple h3, .filtry .triple.filtrowanie {
		text-align: center;
		margin-bottom: 0px;
	}
	
	.filtry-submit {
		float: none;
	}
}

#rezultat_szukania {
	padding: 20px;
}


.heading-list {
    text-align: center;
    padding: 0 20px;
}
.heading-list .lightbluebg {
    padding: 16px;
}
.heading-list .lightbluebg h2 {
    font-size: 22px;
    line-height: 28px;
}
@media (max-width: 640px) {
    .heading-list {
        padding: 0 0 10px;
    }
    .heading-list .lightbluebg h2 {
        font-size: 20px;
        line-height: 25px;
    }
}




.noclegi-results {
	padding-bottom: 30px;
}

.noclegi-results .box {
	width: 31.333%;
	margin: 1%;
	box-sizing: border-box;
	height: 340px;
	float: left;
	position: relative;
	background-size: cover !important;
}

.noclegi-results .box .core {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0px;
    overflow: hidden;
    background: rgba(0, 56, 95, 0.40);	
}

.noclegi-results .box .inside {
	position: absolute;
    width: 100%;
    height: 100%;
/*    background: rgba(0, 56, 95, 0.40);*/
    
    background: rgb(0,54,95);
    background: linear-gradient(180deg, rgba(0,54,95,0) 0%, rgba(0,56,95,0.6) 100%);
    
    
    
}

.noclegi-results .box .core::before {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 100%;
    background: rgba(195, 227, 252, 0.75);
    top: 0px;
    left: 0px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;	
}

.noclegi-results .box .core:hover::before {
	width: 100%;
}

.noclegi-results .box h3 {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 26px;
	z-index: 10;
	padding: 0px 10px;	
	box-sizing: border-box;
}

@media (max-width: 840px) {
	#rezultat_szukania {
		padding: 15px;
	}
	
	.noclegi-results .box {
		width: 48%;
	}
}

@media (max-width: 640px) {
	#noclegi {
		padding-bottom: 10px;
	}
	
	#rezultat_szukania {
		padding: 0 0 30px;
	}
	
	.noclegi-results .box {
		width: 100%;
		margin: 0px;
		height: 280px;
		margin-bottom: 10px;
	}
}

#noclegi.szkolki-narciarskie {}
#noclegi.szkolki-narciarskie .noclegi-results .box {
    position: relative;
}
#noclegi.szkolki-narciarskie .noclegi-results .box .badges {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    flex-flow: wrap row;
    gap: 5px;
}
#noclegi.szkolki-narciarskie .noclegi-results .box .badges .stok-tak {
    display: block;
    flex: 0 0 80px;
    max-width: 80px;
    width: 80px;
    height: 80px;
    background-image: url(img/badge-szkola-ze-stokiem.png);
    background-size: 80px 80px;   
}
#noclegi.szkolki-narciarskie .noclegi-results .box .badges .certyfikat-tak {
    display: block;
    flex: 0 0 80px;
    max-width: 80px;
    width: 80px;
    height: 80px;
    background-image: url(img/badge-certyfikat.png);
    background-size: 80px 80px;   
}



/*
#noclegi.szkolki-narciarskie .noclegi-results .box.badge-tak::after {
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    content: '';
    top: 15px;
    right: 15px;
    background-image: url(img/badge-szkola-ze-stokiem.png);
    background-size: 80px 80px;   
}
#noclegi.szkolki-narciarskie .noclegi-results .box.certyfikat-tak::before {
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    content: '';
    top: 15px;
    left: 15px;
    background-image: url(img/badge-certyfikat.png);
    background-size: 80px 80px;   
}
*/




/* NOCLEG */
#single-nocleg {
	margin-bottom: 40px;
}

#single-nocleg h2.single-title {
	margin-bottom: 40px;
}

.full-page {
	
}

.full-page .content {
    padding: 30px 40px 40px 40px;
}

h3.udogodnienia-title {
	font-size: 24px;
    font-weight: 400;
}

.nocleg-kontakt {
	padding: 20px 0px 20px 80px !important;
    position: relative !important;
    font-size: 16px !important;
    line-height: 22px !important;
	font-weight: 400 !important;
    margin: 0px auto !important;
}

.nocleg-kontakt::before {
    content: "";
    display: block;
    float: left;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 8px;
}

.nocleg-kontakt.adres::before {
    background: url(img/marker.png) center no-repeat;
	background-size: cover !important;
}

.nocleg-kontakt.telefon::before {
    background: url(img/telefon.png) center no-repeat;
	background-size: cover !important;
}

.nocleg-kontakt.email::before {
    background: url(img/mail.png) center no-repeat;
	background-size: cover !important;
}

.nocleg-galeria {
	margin: 50px 0px 20px 0px;
	overflow: hidden;
}

.nocleg-galeria img {
	display: block;
	width: 100%;
	height: auto;
}

.su-slider-centered {
	margin-bottom: 0px !important;
}

#nocleg-kontaktowe {
    border: 2px solid #e2e2e2;
    box-sizing: border-box;
    padding: 20px;
}

#nocleg-kontaktowe .double.alignleft {
    padding: 30px;	
}

#nocleg-kontaktowe a {
    color: #000000;
}

.nocleg-mapa {
	
}

.nocleg-mapa iframe {
	width: 100% !important;
}

.nocleg-info {
	color: #ee1a1a;
}

@media (max-width: 840px) {
	.full-page .content .double {
		width: 100%;
		float: none;
	}
	
	.nocleg-galeria {
		margin: 50px 20px;
	}
	
	.nocleg-galeria img {
		margin: 0px;
	}
}

@media (max-width: 640px) {
	#single-nocleg {
		margin-bottom: 10px;
	}
	
	.full-page .content {
		padding: 0px 0px 10px 0px;
	}
	
	.full-page .content .double {
		width: 100%;
		float: none;
	}
	
	#nocleg-kontaktowe {
		margin: 0px 10px;
        padding-top: 80px;
	}
	
	#nocleg-kontaktowe .double.alignleft {
		padding: 0px 0px 30px 0px;
	}
	
	.nocleg-info {
	    text-align: center;
	}
	
	.nocleg-galeria {
		margin: 30px 0px;
	}
}

h2.single-title.mobileshow {
	margin-bottom: 0px !important;
}




#single-nocleg #nocleg-kontaktowe  {
    position: relative;
}


#single-nocleg #nocleg-kontaktowe .badges {
    position: absolute;
    top: 35px;
    right: 35px;
    display: flex;
    flex-flow: wrap row;
    gap: 15px;
}
#single-nocleg #nocleg-kontaktowe .badges .stok-tak {
    display: block;
    flex: 0 0 80px;
    max-width: 80px;
    width: 80px;
    height: 80px;
    background-image: url(img/badge-szkola-ze-stokiem.png);
    background-size: 80px 80px;   
}
#single-nocleg #nocleg-kontaktowe .badges .certyfikat-tak {
    display: block;
    flex: 0 0 80px;
    max-width: 80px;
    width: 80px;
    height: 80px;
    background-image: url(img/badge-certyfikat.png);
    background-size: 80px 80px;   
}







@media (max-width: 640px) {
    #single-nocleg.badge-tak #nocleg-kontaktowe::after {
        width: 50px;
        height: 50px;
        content: '';
        top: 15px;
        right: 15px;
        background-size: 50px 50px;
    }
    
    
    #single-nocleg #nocleg-kontaktowe .badges {
        top: 15px;
        right: 15px;
        gap: 5px;
}
    #single-nocleg #nocleg-kontaktowe .badges .stok-tak {
        flex: 0 0 60px;
        max-width: 60px;
        width: 60px;
        height: 60px;
        background-size: 60px 60px;   
    }
    #single-nocleg #nocleg-kontaktowe .badges .certyfikat-tak {
        flex: 0 0 60px;
        max-width: 60px;
        width: 60px;
        height: 60px;
        background-size: 60px 60px;   
    }
    
    
    
    
}








/* SKIPASS */
.skipass .entry-content p {
	margin-top: 0px !important;
}

/* RELATED POSTS */
#related-posts {
	
}

#related-posts h3 {
	margin: 65px 30px;
    font-weight: 400;
    color: #545454;
    text-transform: uppercase;
}

#related-posts ul li {
    display: block;
	margin-bottom: 10px;
}

#related-posts ul li a {
	display: table;
	width: 100%;
	height: 360px;
	overflow: hidden;
	position: relative;
    background: rgba(0, 56, 95, 0.40);
}

#related-posts ul li a span {
	display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Geomanist';
    font-weight: 500;
	z-index: 99;
	padding: 20px;	
}

#related-posts ul li a img {
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 63%;
    min-height: 50%;
    z-index: -1;
    width: auto;
    height: 100%;
}

#related-posts ul li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 100%;
    background: rgba(195, 227, 252, 0.75);
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
	z-index: -1;
}

#related-posts ul li a:hover::after {
    width: 100%;
}

@media (max-width: 960px) {
	#related-posts ul li {
		width: 50%;
		display: table;
		float: left;
		margin-bottom: 0px;
	}
	
	#related-posts ul li:last-child {
		width: 100%;
	}
	
	#related-posts ul li:last-child a img {
		width: 100%;
	}
	
	#related-posts ul li a {
		height: 360px;
	}
	
	#related-posts ul li a img {
		width: 100%;
		height: auto;
	}

	#related-posts h3 {
		text-align: center;
		margin: 30px;
	}
	
}

@media (max-width: 640px) {
	#related-posts ul li, #related-posts ul li:last-child  {
		width: 100%;
		margin-bottom: 10px;
	}
	
	#related-articles ul li a, #related-posts ul li a {
		height: 260px;
	}
	
	#related-posts ul li a img, #related-posts ul li:last-child a img {
		height: auto;
		width: 100%;
	}
	
	#related-posts ul li a span {
		font-size: 20px;
		line-height: 26px;
	}
	
	#related-posts h3 {
		margin: 20px;
	}
}


/* RELATED ARTICLES */
#related-articles {
	margin-bottom: 30px;
}

#related-articles h3 {
	display: none !important;
}

#related-articles ul li {
    display: table;
    margin-bottom: 10px;
    width: 33.3333%;
    float: left;
    table-layout: fixed;
}

#related-articles ul li a {
	display: table;
	width: 100%;
	height: 560px;
	overflow: hidden;
	position: relative;
    background: rgba(0, 56, 95, 0.40);
}

#related-articles ul li a span {
	display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 36px;
	letter-spacing: 3px;
    font-family: 'Geomanist';
    font-weight: 500;
	z-index: 99;
	padding: 20px;	
}

#related-articles ul li a img {
	position: absolute;
    display: block;
    top: 0px;
    bottom: 0px;
    height: 100%;
    left: 0px;
    z-index: -1;
}

#related-articles ul li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 100%;
    background: rgba(195, 227, 252, 0.75);
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
	z-index: -1;
}

#related-articles ul li a:hover::after {
    width: 100%;
}

@media (max-width: 960px) {
	#related-articles ul li {
		width: 50%;
		margin-bottom: 0px;
	}
	
	#related-articles ul li:last-child {
		width: 100%;
	}
	
	#related-articles ul li:last-child a img {
		width: 100%;
	}
	
	#related-articles ul li a {
		height: 360px;
	}
	
	#related-articles ul li a img {
		height: auto;
		width: auto;
	}
}

@media (max-width: 640px) {
	#related-articles ul li, #related-articles ul li:last-child  {
		width: 100%;
		margin-bottom: 10px;
	}
	
	#related-articles ul li a {
		height: 260px;
	}
	
	#related-articles ul li a img, #related-articles ul li:last-child a img {
		height: auto;
		width: 100%;
	}
	
	#related-articles ul li a span {
		font-size: 22px;
		line-height: 28px;
	}
	
}

/* LANGUAGE */
#language {
	padding: 40px 0px;
}

#language-menu {
	width: 100%;
    height: 0px;
    display: block;
    position: relative;
    overflow: inherit;
	z-index: -1;
}

#language .box {
    width: 25%;
}

#language-switch {
    right: 0px;
    position: absolute;
    background: #fff;
    z-index: 1;	
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;    
	-webkit-transform: translate3d(0px,-200%,0);
    transform: translate3d(0px,-200%,0);
    -webkit-transition: -webkit-transform .7s;
    -o-transition: -o-transform .7s;
    transition: transform .7s;	
}

#language-switch ul.language-chooser {
	list-style: none;
    width: auto;
}

.language::before {
	content: "";
	display: block;
	background: url(/wp-content/plugins/qtranslate-x/flags/pl.png) center no-repeat;
	background-size: 20px 20px;
	width: 18px;
	height: 12px;
}

#language-switch ul.language-chooser li {
	list-style: none;
	display: block !important;   
	padding: 5px 10px;
}

#language-switch ul.language-chooser li a {
    background-position: 0px 4px;
}

#language-switch ul.language-chooser li a:hover span, #language-switch ul.language-chooser li a:hover {
    color: #207ac0;
}


#language-switch ul.language-chooser li a span {
    display: inline-block;
    margin-left: 25px;
    color: #111;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
}

#language-button {
    border: 0px;
    background: url(/wp-content/plugins/qtranslate-x/flags/pl.png) center no-repeat;
    background-size: 20px 15px;
    width: 20px;
    height: 18px;
	padding: 32px 35px;
    cursor: pointer;
    display: block;
    float: right;
	position: relative;
	overflow: hidden;
    background-position: center 19px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;		
}

html:lang(en) #language-button {
    background: url(/wp-content/plugins/qtranslate-x/flags/gb.png) center no-repeat !important;
    background-size: 20px 15px !important;
}

html:lang(de) #language-button {
    background: url(/wp-content/plugins/qtranslate-x/flags/de.png) center no-repeat !important;
    background-size: 20px 15px !important;
}

html:lang(cs) #language-button {
    background: url(/wp-content/plugins/qtranslate-x/flags/cz.png) center no-repeat !important;
    background-size: 20px 15px !important;
}

#language-button::after {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #3d3d3d transparent transparent transparent;
    margin-left: -4px;
    bottom: 12px;
}
@media (max-width: 1080px) {
	#top.smalltop {
		box-shadow: 0px 0px 30px #dadada;
	}
}

#language-button {
	border-left: 1px solid #e2e2e2;
    margin-left: -4px;	
}

.smalltop #language-button {
    padding: 30px 35px 20px 35px;
	background-position: center 10px;	
}

.smalltop #language-button::after {
	bottom: 6px;
}

@media (max-width: 1080px) {
	
	#language .box {
		width: 50%;
		height: 360px;
	}
	
	#language-button {
		padding: 24px 28px !important;
		margin-top: 8px !important;
		background-position-y: 10px !important;
		border-left: 1px solid #e2e2e2;
		margin-left: 5px;
	}
	
	#language-button::after {
		bottom: 6px !important;
	}
}

@media (max-width: 840px) {
	#language {
		padding: 10px 0px 0px 0px;
	}
	
	#language .box {
		width: 100%;
		height: 260px;
		margin-bottom: 10px;
	}
}

@media (max-width: 640px) {
	.smalltop #language-button {
		padding: 32px 35px 26px 35px;
		background-position: center;
	}
	
	#language-switch ul.language-chooser li {
		padding: 15px 10px;
		text-align: center;
		border-bottom: 1px solid #e7e7e7;
	}
	
	#language-switch {
		width: 100%;
	}
}

/* GALERIA / SLIDER */
.su-slider-prev, .su-slider-next {
	border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

/* PAGINACJA */
.wp-pagenavi .current, .wp-pagenavi .pages {
	display: none !important;
}

.pagination {
	margin: 20px 0px;
}

.malinky-load-more {
    padding: 30px 0px 0px 0px;		
}

.malinky-load-more::after {
	content: "Rozwiń więcej";
	text-align: center;
	text-transform: uppercase;
}

.malinky-load-more a {
	text-indent: -99999px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    color: #000;
    display: block;
    margin: 0px auto;
    position: relative;
    border: 5px solid #c3e3fc;
    width: 65px;
    height: 65px;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    margin-bottom: 10px;
}

.malinky-load-more a::after {
	text-indent: 0px;
    content: "+";
    display: block;
    margin: 0px auto;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    line-height: 20px;
    font-size: 30px;
    color: #000;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 16px;
    width: 100%;	
}

.malinky-load-more a::before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    position: absolute;
    top: 0px;
    color: #000;
    background: #c3e3fc;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;		
}

.malinky-load-more a:hover::before {
	width: 100%;
}

.malinky-load-more a:hover::after {
	color: #fff;
}

.malinky-load-more a:hover {
	color: #000;
}

/* AKORDEON */
.su-spoiler-style-default > .su-spoiler-title {
	padding-left: 36px !important;
    font-family: 'Geomanist', sans-serif !important;
    text-transform: uppercase;
    color: #247dc2;
	background: #c3e3fc;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 27px;
}

.su-spoiler-style-default > .su-spoiler-content {
	padding: 0px !important;
}

.su-spoiler {
	margin-bottom: 10px;
    margin-top: 20px;
}

.su-spoiler-icon {
	padding: 4px 8px;
}

.su-spoiler-style-default > .su-spoiler-content {
	font-weight: 400;
    font-size: 15px;
    line-height: 25px;
}

/* RAMKA */
.su-frame {
	width: 100% !important;
    box-shadow: none !important;
    border: 0px !important;
    background: #c3e3fc url(img/trophy.png) 20px center no-repeat !important;
	background-size: 50px !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}

.su-frame-inner {
	border: 0px !important;
}


 /*TYMCZASOWE 
#filtry {
	display: none !important;
}*/

/* KAMERY */
.embed-container {
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 

}
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
.embed-container-antki {
    position: relative; 
    overflow: hidden; 
	max-width: 100%; 
}
.embed-container-antki img {
    width: 100%;
    height: auto;
}



/* 404 */
.wracaj-na-stok {
    background: url(img/404.jpg) center no-repeat;
    height: 883px;
    margin-bottom: 40px;
    text-align: center;
	background-size: cover !important;
}

.wracaj-na-stok h2 {
    color: #207ac0;
    font-weight: 500;
    letter-spacing: 5px;
    font-size: 100px;
    line-height: 130px;
    padding-top: 140px;
}


.wracaj-na-stok h4 {
	color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 60px;	
}

@media (max-width: 840px) {
	.wracaj-na-stok {
		height: 640px;
	}	
	
	.wracaj-na-stok h2 {
		font-size: 64px;
		line-height: 90px;
		padding-top: 80px;
	}


	.wracaj-na-stok h4 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 40px;	
	}	
}

.oldcam {
	display: block;
	width: 100%;
	height: auto;
}

.partners {
    float: left;
    margin-right: 30px;
    margin-top: -93px;
    margin-left: 140px;
}

.partners .partner {
	width: auto;
	height: 40px;
	display: block;
	float: left;
	margin-right: 40px;
}

.partners h3 {
	color: #545455;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 25px;
	font-size: 15px;	
}

.partners #gopr {
	background: url(img/gopr.png) center no-repeat;
	background-size: cover !important;
	width: 32px;
}

.partners #duszniki {
	background: url(img/duszniki.jpg) center no-repeat;
	background-size: cover !important;
	width: 126px;
}
.partners #pepsi {
	background: url(img/pepsi-logo2023.jpg) center no-repeat;
	background-size: cover !important;
	width: 40px;
}

.partners #visit {
	background: url(img/visit.png) center no-repeat;
	background-size: cover !important;
	width: 132px;
}

@media (max-width: 960px) {
	.partners {
		display: none !important;
	}
}

#pogoda .wu-forecast-body {
	margin: 50px auto;
    margin-bottom: 50px !important;
}

#pogoda table {
	width: 100%;
}

#pogoda table tr td {
    padding: 15px 5%;
}

/* GALERIA */
.gallery img {
	border: 0px !important;
	width: 100%;
	height: auto;
	display: block;
}

.gallery .gallery-item {
	margin-top: 0px !important;
}

.gallery .gallery-icon {
	box-sizing: border-box;
    padding: 2%;
}

@media (max-width: 940px) {
	.gallery .gallery-item {
		width: 50% !important;
		display: inline-block !important;
		float: none !important;
		margin-bottom: -1%;
	}
	
	.gallery br {
		display: none !important;
	}
}



#button-home {
	display: none;
	position: relative;
}

html:lang(en) #button-home, html:lang(de) #button-home, html:lang(cs) #button-home {
	display: block !important;
}

#button-home .go-back {
	position: absolute !important;
    margin-top: 20px !important;
    margin-left: 20px !important;
}

@media (max-width: 840px) {
	html:lang(en) #button-home, html:lang(de) #button-home, html:lang(cs) #button-home {
		display: none !important;
	}
}

/**
.logged-in #filtry {
	display: block !important;
}**/

/* MAPA INTERAKTYWNA */
#intermap h3 {
    font-size: 17px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 10px;	
}

#interbox {
	position: relative;
    background: url(img/mapa/mapa_2020_2021-bg.jpg) center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 0;
	padding-top: 49.64%;
	margin-top: 40px;
}

#intersort {
	text-transform: uppercase;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    padding: 20px;
}

#interlegend {
	width: 100%;
	display: block;
	height: 0px;
	padding-top: 23%;
	background: url(img/mapa/legenda2.png) center no-repeat;
	background-size: 100%;
}

.maphover {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
    height: 0;
	padding-top: 49.64%;
}

.mapa-czarna {
    background: url(img/mapa/mapa-czarna.png) center no-repeat;
	background-size: 100%;
}

.mapa-czerwona {
    background: url(img/mapa/mapa-czerwona.png) center no-repeat;
	background-size: 100%;
}

.mapa-dojazdowe {
    background: url(img/mapa/mapa-dojazdowe.png) center no-repeat;
	background-size: 100%;
}

.mapa-orczyki {
    background: url(img/mapa/mapa-orczykowe.png) center no-repeat;
	background-size: 100%;
}

.mapa-snowparki {
    background: url(img/mapa/mapa-snowparki.png) center no-repeat;
	background-size: 100%;
}

.mapa-bankomaty {
    background: url(img/mapa/mapa-bankomaty.png) center no-repeat;
	background-size: 100%;
}

.mapa-gopr {
    background: url(img/mapa/mapa-gopr.png) center no-repeat;
	background-size: 100%;
}

.mapa-kanapy {
    background: url(img/mapa/mapa-kanapy.png) center no-repeat;
	background-size: 100%;
}

.mapa-kasybiletowe {
    background: url(img/mapa/mapa-kasybiletowe.png) center no-repeat;
	background-size: 100%;
}

.mapa-niebieska {
    background: url(img/mapa/mapa-niebieska.png) center no-repeat;
	background-size: 100%;
}

.mapa-parkingi {
    background: url(img/mapa/mapa-parkingi.png) center no-repeat;
	background-size: 100%;
}

.mapa-sanki {
    background: url(img/mapa/mapa-sanki.png) center no-repeat;
	background-size: 100%;
}

.mapa-sklepy {
    background: url(img/mapa/mapa-sklepy.png) center no-repeat;
	background-size: 100%;
}

.mapa-talerzyki {
    background: url(img/mapa/mapa-talerzyki.png) center no-repeat;
	background-size: 100%;
}

.mapa-tasmowe {
    background: url(img/mapa/mapa-tasmowe.png) center no-repeat;
	background-size: 100%;
}

.mapa-toalety {
    background: url(img/mapa/mapa-toalety.png) center no-repeat;
	background-size: 100%;
}

.mapa-wszystko {
    background: url(img/mapa/mapa-wszystko.png) center no-repeat;
	background-size: 100%;
}

.buttonmap {
	background: #fff;
	border: 1px solid #dadada;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}

.buttonmap:hover {
	border: 1px solid #97cef9;
}

.clicked {
	background: #97cef9;
	border: 1px solid #97cef9;
}

.fiveboxes {
	width: 20%;
	float: left;
}

@media (max-width: 1040px) {
	
	#interbox {
		
	}
}

@media (max-width: 860px) {
	.allboxes {
		width: 100% !important;
	}
	
	.fiveboxes {
		width: 50%;
		margin-bottom: 20px;
	}
	
	#interbox {
	}
}

@media (max-width: 640px) {
	.fiveboxes {
		width: 100%;
	}
	
	#interbox {
	}
}

.gopr {
	display: none !important;
}

.przewodnik {
	margin-top: 40px;
	margin-bottom: 40px;
}

.przewodnik h3 {
	padding-left: 30px;
    padding-top: 10px;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 44px;
}

.przewodnik h3 a {
    color: #222;
}

.przewodnik .bluebutton {
	margin-left: 30px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.przewodnik .content {
	max-width: 840px;
	padding: 50px;
}

.przewodnik .box img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 840px) {
	.przewodnik .content {
		padding: 0px;
	}
	
	.przewodnik .double {
		width: 100%;
		text-align: center;
	}
	
	.przewodnik h3 {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 10px;
		text-align: center !important;
	}
	
	.przewodnik .bluebutton {
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 15px;
		margin-bottom: 30px;
	}
}



.mapa-panorama {
	margin-top: 40px;
}
.mapa-panorama .whitebg {
    padding-bottom: 30px;
    padding-top: 30px;
}
.mapa-panorama .whitebg iframe {
    height: 700px;
}
@media (max-width: 840px) {
    .mapa-panorama .whitebg iframe {
        height: 600px;
    }
}
@media (max-width: 540px) {
    .mapa-panorama {
        display: none;
    }
    .mapa-panorama .whitebg iframe {
        height: 450px;
    }
}






html:lang(en) #hideforlanguage, html:lang(de) #hideforlanguage, html:lang(cs) #hideforlanguage {
	display: none !important;
}

#alert-icon {
	float: left;
	width: 40px;
	height: 40px;
	display: block;
	background: url(img/alert.png) center no-repeat;
	background-size: 100%;
}

/* FACEBOOK EVENTS */
.ife_event .img_placeholder {
	min-height: 200px !important;
}

.ife_event .event_date {
	width: 90px !important;
	background-color: #c3e3fc !important;
    color: #3b8cca !important;
}

.ife_event .event_desc {
    width: calc( 100% - 90px ) !important;
	padding: 14px 15px !important;
}

.ife_event .event_desc .event_title {
	font-size: 16px !important;
    color: #111;
    text-transform: uppercase;
    float: left;
    text-align: left;
}

@media (max-width: 990px) {
	.archive-event .ife_event {
		
	}
	
	.ife_event .img_placeholder {
		min-height: 130px !important;
	}
}

#events .prev-posts-link a, #events .next-posts-link a {
	line-height: 0; 
    font-size: 0;
    color: transparent;
}

#events .prev-posts-link a::before {
	content: "NASTĘPNE »";
	font-size: 16px;
	color: #237bc1;
	line-height: 18px;
}

#events .next-posts-link a::before {
	content: "« POPRZEDNIE";
	font-size: 16px;
	color: #237bc1;
	line-height: 18px;
}








/****  COVID  ****/


.covid-infografika {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 100px;
}
.covid-infografika .item {
    flex: 0 0 32%;
    max-width: 32%;
    text-align: center;
    padding-top: 50px;
}
.covid-infografika .item img {
    width: 100%;
    height: auto;
}
#artykul .entry-content .covid-infografika .item h4 {
    margin-top: 0;
    padding: 0 40px;
}


@media (max-width: 840px) {
    .covid-infografika {
        display: flex;
        padding: 0 6%;
    }
    .covid-infografika .item {
        flex: 0 0 47%;
        max-width: 47%;
    }
    #artykul .entry-content .covid-infografika .item h4 {
        padding: 0 5%;
    }
}
@media (max-width: 480px) {
    .covid-infografika {
        display: flex;
        padding: 0 8%;
    }
    .covid-infografika .item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}










/****  TRYB LATO  ****/



#second-menu,
#second-menu ul li ul li {
        background: #cdeed9;
    }
.separator:hover {
    background: #cdeed9 !important;
}
#second-menu ul li a {color: #49b16e;}
.separator::after {background: #49b16e}
#second-menu ul li:hover {background: #afe4c2;}
#second-menu ul li.menu-item-has-children a::after {
    background-image: url(img/letnie/arrow-down-green.png)
}

#primary-menu ul li.kamery a,
#primary-menu ul li.kamery a:hover,
#primary-menu ul li.kamery.current-menu-item a{
    background-image: url(img/letnie/cam.png);
}
#primary-menu .wunderground .wu-wrapper.wu-current-conditions a,
#primary-menu .wunderground .wu-wrapper.wu-current-conditions a:hover,
#mobile-weather .wu-wrapper.wu-current-conditions a {
    background-image: url(img/letnie/thermometer.png);
}
#primary-menu ul li.warunki a,
#primary-menu ul li.warunki a:hover,
#primary-menu ul li.warunki.current-menu-item a {
    background-image: url(img/letnie/trasy-rowerowe.png)
}
#primary-menu ul li.disc a,
#primary-menu ul li.disc a:hover,
#primary-menu ul li.disc.current-menu-item a{
    background-image: url(img/letnie/frisbee.png)
}
#primary-menu ul li.wyciagi a,
#primary-menu ul li.wyciagi a:hover,
#primary-menu ul li.wyciagi.current-menu-item a{
    background-image: url(img/letnie/wyciag.png)
}
#mobile-button {
    background-image: url(img/letnie/mobile-menu-green.png)
}

#mobile-menu ul li a:hover {background-color: #49b16e !important;}

.reading .box .cover::after {background: rgba(205, 238, 217, 0.85);}
.reading .box-more .show-all .cross {border: 5px solid #cdeed9}
.reading .box-more .show-all .cross::after {background: #cdeed9;}

.noclegi-results .box .core::before,
#related-posts ul li a::after,
#related-articles ul li a::after {
    background: rgba(205, 238, 217, 0.75);
}
.upbutton {border: 5px solid #cdeed9}

    #dojazd {
    background: #cdeed9;
color: #49b16e
}
#dojazd .box h3 {
    color: #49b16e;
}
.bluebutton,
#newsletter input[type="submit"] {border: 5px solid #cdeed9;}
.bluebutton:hover {color: #49b16e;}
.bluebutton::after,
#newsletter .wpcf7-submit:hover {
    background: #cdeed9;
}



.blue-section {background: #cdeed9}
h2.bluetitle {color: #49b16e;}


#mobile-home .kamery a::before {
    background-image: url(img/letnie/cam.png);
}
#mobile-home ul li.warunki {display: none;}
#mobile-home .discgolf a::before {
    background-image: url(img/letnie/frisbee.png);
}
#mobile-home .noclegi a::before {
background-image: url(img/letnie/bed.png);
}
#mobile-home .news a::before {
    background-image: url(img/letnie/news.png);
}


#mobile-home ul li.kolejeliniowewiosna,
#mobile-home ul li.pieszeszlaki,
#mobile-home ul li.discgolf {display: table;}


#mobile-home ul li.kolejeliniowewiosna::after,
#mobile-home ul li.pieszeszlaki::after,
#mobile-home ul li.noclegi::after,
#mobile-home ul li.kamery::after,
#mobile-home ul li.news::after,
#mobile-home ul li.discgolf::after {
    background: #cdeed9;
}



/** KONIEC TRYBU LATO **/







#mobile-home ul li.menu-item-10701 {
    display: block;
    width: 100%;
    float: none;
}
#mobile-home ul li.menu-item-10701 a::before,
#mobile-home ul li.menu-item-10701 a::after {
    display: none;
}
#mobile-home ul li.menu-item-10701 img {
    width: 100%;
    height: auto;
}

#mobile-menu .menu-item-10701 {
    display: block;
}
#mobile-menu .menu-item-10701 img.menu-image.menu-image-title-hide {
    width: 100%;
    height: auto;
}



/*

#primary-menu .wunderground,
#main-menu #mobile-weather {
    visibility: hidden;
}
.page-id-554 #warunki .warunki-insider.whitebg .double.alignright {
    float: left;
    width: 100%;
}
.page-id-554 .box#pogoda {
    display: none;
}
*/

#alert .alert-info {
    background: url(img/alert.png) 40px 20px no-repeat;
    background-size: 40px 40px;
    padding: 20px 80px 30px 120px;
    text-align: left;
}

@media (max-width: 480px) {
    #alert .alert-info {
        background: url(img/alert.png) top right 15px no-repeat;
        background-size: 32px 32px;
        padding: 0 50px 10px 20px;
        text-align: left;
        font-size: 0.7em;
    }
}