@font-face {
	src        : url("fonts/HelveticaNeue-Bold.eot");
	src        : url("../fonts/HelveticaNeue-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/HelveticaNeue-Bold.woff2") format('woff2'), url("../fonts/HelveticaNeue-Bold.woff") format('woff'), url("../fonts/HelveticaNeue-Bold.ttf") format('truetype'), url("../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold") format('svg');
	font-family: 'Helvetica Neue';
	font-style : normal;
	font-weight: bold;
}

@green: #10EF6C;

h1 p {
	display: inline !important;
}

.post-type-archive-portfolio {
	header {
		height    : 800px;
		background: url("img/portbanner.jpg") no-repeat top center;
	}

	#offer {
		height       : auto;
		margin-top   : 50px;
		margin-bottom: 0;
	}
}

#ptype {
	.type li a.selected,
	.type li a:hover {
		color: #fff;
	}

}

.pcontener {
	margin-top  : 170px;
	padding-left: 110px;

	.pitems {
		.pitem {
			width        : 270px;
			margin-bottom: 100px;
			padding-right: 20px;

			h2 {
				min-height   : 90px;
				margin-bottom: 40px;
				padding-top  : 30px;
				font-size    : 36px;
			}

			h2:before {
				position  : absolute;
				top       : 0;
				left      : 0;
				width     : 46px;
				height    : 7px;
				background: #000;
				content   : "";
			}

			.desc {
				min-height   : 40px;
				padding-right: 50px;
			}

			a.play {
				display        : inline-block;
				position       : relative;
				height         : 30px;

				color          : @green;

				font-family    : 'HKSerif BoldItalic';
				line-height    : 30px;
				text-decoration: underline;
				transition     : all 0.3s;
				transition     : all 0.3s;

			}

			a.play:before {
				z-index    : 999;
				position   : absolute;
				top        : 50%;
				left       : -30px;
				margin-top : -15px;
				font-family: 'FontAwesome';
				content    : "\f144";
				transition : all 0.3s;
			}

			a.download {
				display        : inline-block;
				position       : relative;
				height         : 30px;
				margin-left    : 70px;
				color          : @green;

				font-family    : 'HKSerif BoldItalic';
				line-height    : 30px;
				text-decoration: underline;
				transition     : all 0.3s;
				transition     : all 0.3s;
			}

			a.download:before {
				z-index    : 999;
				position   : absolute;
				top        : 50%;
				left       : -30px;
				margin-top : -15px;
				font-family: 'FontAwesome';
				content    : "\f144";
				transition : all 0.3s;
			}

			.cat {
				height     : 24px;
				line-height: 24px;
			}

		}

		.pitem:nth-of-type(3n) {
			margin-left: 20px;

			//width:490px;
		}
	}

}

.navigation .black i {
	color: black !important;
}

.pcontener .pitems .pitem {
	width        : 520px;
	margin-bottom: 0;
}

.pcontener .pitems .pitem:nth-of-type(3n) {
	margin-left: 0 !important;
}

.vimeo-protfolio {
	display : block !important;
	position: static !important;
	height  : 300px !important;
}

.pcontener .pitems .pitem h2:before {
	top: 12px !important;
}

.pcontener .pitems .pitem h2 {
	min-height    : 0;
	margin-bottom : 0;
	padding-bottom: 0;
}

li.in {
	position: relative;
	right   : 10px;
}

@media screen and (max-width: 1200px) {
	#menu li {
		margin-right: 60px;
	}

	#social {
		float: none !important;
	}

	.ref .right {
		margin-right: 40px;
	}

	#howmuch h1 {
		position: relative;
		right   : 42%;
	}

	.banner h1 {
		font-size: 75px;
	}

	#offer h1 {
		font-size: 65px;
	}

	#offer .right2 {
		padding-left: 50px;
	}

}

.pum-theme-248 .pum-container,
.pum-theme-default-theme .pum-container {
	box-shadow: none !important;
}

.pum-content.popmake-content {
	color      : #1d1d1b !important;
	font-family: 'HKSerif Black' !important;
	font-size  : 18px;
	line-height: 24px;
	text-shadow: none !important;
}

.pum-theme-248 .pum-content + .pum-close,
.pum-theme-default-theme .pum-content + .pum-close {
	margin-top : 30px !important;
	background : transparent !important;
	box-shadow : none !important;
	color      : #1d1d1b !important;
	font-family: 'TTProstoSans Black' !important;
	font-size  : 32px !important;
	text-shadow: none !important;
}

.pum-theme-248 .pum-title,
.pum-theme-default-theme .pum-title {
	margin-bottom: 55px;
	font-family  : 'TTProstoSans Black' !important;
	line-height  : 48px;
}

.pum-title::before {
	display         : block;
	width           : 40px;
	height          : 6px;
	margin-bottom   : 30px;
	background-color: #1d1d1b;
	content         : "";
}

.pum-content.popmake-content h2 {
	margin     : 30px 0;
	line-height: 1.25;
}

#offer .right2 .bigblock a {
	font-family: 'HKSerif BoldItalic';
}

#myname .about a span {
	color     : black;
	transition: all 0.3s;
}

#myname .about a span:hover {
	color: #10EF6C;
}

a.posluchaj.portfolio-listen {
	display : block;
	position: relative;
	color   : black;
}

#howmuch strong,
a.posluchaj.portfolio-listen.posluchaj-block {
	margin-top: 15px;
}

#myname .posluchaj .gps_ring {
	top : 0;

	left: -41px;
}

.posluchaj .gps_ring {
	top : 1px;
	left: -39px;
}

#ref a.posluchaj .gps_ring {
	left: -44px !important;
}

.portfolio-listen span {
	color          : black !important;
	text-decoration: underline;
	transition     : all 0.3s;

}

.portfolio-listen span:hover {
	color: #10EF6C !important;
}

.posluchaj::before {
	z-index    : 999;
	position   : absolute;
	top        : 50%;
	left       : -40px;
	margin-top : -10px;
	padding    : 0 2px;
	color      : black;
	font-family: 'FontAwesome';
	content    : "\f144";
	transition : all 0.3s;
}

.post-type-archive-portfolio .baseline.black {
	top: 125px !important;
}

.portfolio-listen.playing span {
	color: #10EF6C !important;
	// text-decoration: underline;
}

#cookie-law-info-bar {
	max-height: 200px;
	padding   : 2% 0 !important;
}

#cookie-law-info-bar p {
	padding: 0 20px;
}

#cookie-law-info-bar span {
	display    : block;
	max-width  : 1200px;
	margin     : 0 auto;
	font-size  : 14px;
	font-weight: 100;
	text-align : left;
}

#cookie-law-info-bar a:hover {
	color     : white !important;
	transition: all 0.3s;
}

a#cookie_action_close_header {
	position       : relative;
	margin-left    : 0;
	padding        : 0 38px 0 20px;
	float          : right;
	border         : none;
	background     : transparent !important;
	box-shadow     : none;
	color          : black !important;
	font-family    : 'HKSerif BoldItalic', sans-serif !important;
	font-size      : 14px !important;
	text-decoration: underline;
	text-shadow    : none;

}

a#cookie_action_close_header::before {
	position   : absolute;
	top        : 11px;
	left       : -0;
	margin-top : -10px;
	color      : white !important;
	font-family: 'FontAwesome';
	content    : "\f144";
	transition : all 0.3s;
}

a#CONSTANT_OPEN_URL {
	position       : relative;
	margin-left    : 0;
	padding-left   : 20px;
	float          : left;
	border         : none;
	background     : transparent !important;
	box-shadow     : none;
	color          : black !important;
	font-family    : 'HKSerif BoldItalic', sans-serif !important;
	text-decoration: underline;
	text-shadow    : none;
}

a#CONSTANT_OPEN_URL::before {
	position   : absolute;
	top        : 10px;
	left       : -0;
	margin-top : -10px;
	color      : white !important;
	font-family: 'FontAwesome';
	content    : "\f144";
	transition : all 0.3s;
}

.buttons-row {
	margin-top: 42px;
}

footer .right2 {
	font-family: 'Helvetica Neue';
	font-size  : 16px;
}

footer .right2 strong {
	font-family: 'TTProstoSans Black';
	font-size  : 18px;
}

p a:hover {
	color: #10EF6C;
}

#menu li a {
	text-decoration: none;
}

/*Poprawki 10.09.2017*/
ul#social {
	display: none;
}

.ref .opis a.posluchaj {
	display: none;
}

a:hover {
	transition: all 0.3s;
}

a.posluchaj.portfolio-listen.posluchaj-block.playing {
	color: #10EF6C;
}

a.posluchaj.portfolio-listen.posluchaj-block:hover {
	color     : #10EF6C;
	transition: all 0.3s;
}

.kamper-link {
	color          : black;
	font-style     : italic;
	text-decoration: underline;
}

.kamper-link:hover {
	color: #10EF6C;
}

#offer .block:nth-child(2) h2 {
	margin-bottom: 13px;
}

#offer .block:nth-child(3) a {
	margin-top: 40px;
}

.calculator .valuation_form-media a {
	text-decoration: underline !important;
}

a.posluchaj.portfolio-listen.posluchaj-block {
	text-decoration: underline;
}

html body .posluchaj::before {
	color: black;
}

.post-type-archive-portfolio header .max {
	z-index: 100;
	height : 100px !important;
}

#offer .right2 .bg {
	background-image: url("https://alekpawlikowski.pl/wp-content/uploads/2017/09/Alek_foto_manley-4-985x1024.jpg") !important;
}

.calculator .kamper-link:hover {
	color: white !important;
}

.ref {
	display: none;
	clear  : both;
}

.ref1,
.ref2 {
	display: block;
}

.load-more {
	color          : black;
	font-family    : 'HKSerif BoldItalic';
	font-style     : italic;
	text-decoration: underline;
}