/*
Theme Name: Architeka
Description: Architeka
Version: 1.0
*/

:root {
	--font-base: normal 400 1rem/1.42857143 'neuzeit-grotesk', sans-serif;
	--font-small: normal 400 .875rem/1.42857143 'neuzeit-grotesk', sans-serif;
	--font-small-size: .875rem;
}

html {font-size: 16px; background: #fff;}

body {font: var(--font-base); color: #151515; max-width: 100%;}


/*
#preloader
{
	background: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

#preloader-icon
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 113px;
	height: 113px;
	margin: -55px 0 0 -55px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	padding: 15px 0 0 0;
	overflow: hidden;
}

#preloader-icon img
{
	width: 80px;
	height: auto;
	display: inline-block;
}
*/



/*  ==========
	Header END
*/

#social-links-mobile
{
	text-align: center;
	font-size: 21px;
}

#social-links-mobile a
{
	color: #fff;
	display: inline-block;
	margin: 0 17px;
}

#social-links
{
	position: fixed;
	right: 40px;
	top: 240px;
	text-align: center;
	z-index: 9999;
}

#social-links a:first-child
{
	margin-bottom: 14px;
}

#social-links a
{
	display: block;
	font-size: 21px;
	color: #818181;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-bottom: 10px;
}

#social-links a:hover
{
	color: #231f20;
}

#header
{
	position: relative;
	margin-bottom: 105px;
}


@media only screen and (min-width: 993px) {
  .header-container.sticky
	{
		position: fixed;
		top: 0;
		width: 100%;
		height: 130px;
		background-color:#fff;
		z-index: 999;
	}

    .admin-bar .header-container.sticky {top: 32px;}

	.header-container.sticky #header
	{
		width: 1170px;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 992px) {
  .header-container.sticky
	{
		position: fixed;
		top: 0;
		width: 100%;
		background-color:#fff;
		z-index: 999;
	}
}
/*#header:after
{
	content:'';
	width: 1px;
	height: 70px;
	top: 7px;
	background: #7d7d7d;
	right: 0;
	position: absolute;
}*/

.single-case-study #header, .page-template-landing-page #header
{
	margin-bottom: 55px;
}

#logo
{
	float: left;
	display: block;
	margin: 38px 0 0 0;
}

#logo img
{
	width: 122px;
	height: auto;
	float: left;
	margin-right: 15px;
}

#logo div
{
	float: left;
	color: #6d7177;
	font-size: var(--font-small-size);
	text-transform: uppercase;
	line-height: 16px;
	margin-top: -3px;
	letter-spacing: 0.04em;
	font-weight: 300;
}

#logo strong
{
	display: block;	
	margin-bottom: 11px;
	letter-spacing: 0.08em;
}

#menu-trigger
{
	float: right;
	margin: 41px 0 0 0;
	display: block;
	width: 25px;
	height: 17px;
	position: relative;
	cursor: pointer;
}

#menu-trigger span
{
	position: absolute;
	left: 0;
	background: #151515;
	height: 1px;
	width: 100%;
}

#menu-trigger span:nth-child(1)
{
	top: 0;
}

#menu-trigger span:nth-child(2)
{
	top: 8px;
}

#menu-trigger span:nth-child(3)
{
	bottom: 0;
}

#menu-mobile-container
{
	display: none;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	padding: 0 15px;
	overflow: scroll;
	padding-bottom: 30px;   
}

#menu-close
{
	width: 19px;
	height: 19px;
	background: url(images/bg-close.png) 0 0 no-repeat;
	background-size: 19px 19px;
	cursor: pointer;
	float: right;
	margin: 40px 3px 0 0;
}

#menu-top-mobile
{
	padding: 90px 0;
	font-size: 30px;
	font-weight: 700;
	text-align: left;
}

#menu-top-mobile li
{
	display: block;
	margin-bottom: 30px;
}

#menu-top-mobile li:last-child
{
	margin-bottom: 0;
}

#menu-top-mobile li a
{
	color: #fff;
}

#menu-mobile-container .social
{
	font-size: 18px;
	text-align: center;
}

#menu-mobile-container .social li
{
	display: inline-block;
	margin: 0 15px;
	color: #fff;
}

#menu-top
{
	float: right;
	font-size: 15px;
	margin: 58px 60px 0 0;
	font-weight: 700;
}

#menu-top li:first-child
{
	margin: 0;
}

#menu-top li
{
	float: left;
	display: block;
	margin-left: 2rem;
	line-height: 20px;
    position: relative;
}

#menu-top li ul {display: none; padding: 16px; background: #fff; position: absolute; top: 100%; left: -16px; min-width: 300px; box-shadow: 8px 8px 16px -5px rgb(0 0 0 / 50%);}
#menu-top li:hover ul {display: block;}
#menu-top li ul li {float: none; margin-top: 16px; margin-left: 0;}
#menu-top li ul li:first-child {margin-top: 0}
#menu-top li ul li a {padding-bottom: 0;}


#menu-top li a
{
	display: block;
	color: #6d7177;
	border-bottom: 1px solid transparent;
	padding-bottom: 16px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#menu-top li a:hover
{
	color: #151515;
}

#menu-top li.menu-item-has-children > a:after {
    content: '\25BE'; margin-left: 16px;
}

#menu-top .current-menu-item a
{
	color: #151515;
	border-bottom: 1px solid #151515;
}

/*  ==========
	Header END
*/

#content
{
	margin-top: 200px;
	padding-bottom: 180px;
}

#content
{
	margin-top: 140px;
}

#page-header
{
	position: relative;
	padding-top: 160px;
}

#page-header:before
{
	content:'';
	width: 100%;
	height: 330px;
	background: url(images/bg-lines3.png);
	position: absolute;
	top: 0;
	left: 0;
}

#page-header .container
{
	background: #fff;
	z-index: 99;
	position: relative;
}

#page-header h1
{
	font-size: 66px;
	margin: 0 0 60px 0;
	font-weight: 900;
	padding: 100px 85px 0 85px;
}

#page-content
{
	padding: 0 85px;
}

.case-studies .item
{
	margin-bottom: 50px;
	display: block;
	background: #faf6f6;
}

.case-studies .item:last-child
{
	margin-bottom: 0;
}

.case-studies .item .row
{
	margin: 0;
}

.case-studies .item .row > div
{
	padding: 0;
}

.case-studies .item .image
{
	position: relative;
}

.case-studies .item .image > div
{
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
}

.case-studies .item .content > div
{
	padding: 35px 45px;
	min-height: 320px;
}

.case-studies h2
{
	font-weight: 900;
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 15px;
}

.contact-container
{
	position: relative;
	z-index: 2;
	overflow: auto;
}

#contact-content
{
	padding-left: 135px;
	position: relative;
	z-index: 2;
}

#contact-content > .row
{
	margin: 0;
}

#contact-content > .row > div
{
	padding: 0;
}

#contact-content > .row > div:first-child
{
	padding-top: 80px;
}

#contact-phone, #contact-email, #contact-address
{
	float: left;
	margin: 0 70px 25px 0;
	position: relative;
	padding-bottom: 15px;
}

#contact-email
{
	margin: 0 0 25px 0;
}

#contact-address
{
	margin: 0 0 25px 0;
	clear: both;
	float: none;
}

#contact-phone p, #contact-email p, #contact-address p
{
	font-size: 24px;
	margin: 0;
}

#contact-phone p span, #contact-email span, #contact-address span
{
	display: block;
	font-weight: 900;
	padding-top: 15px;
	line-height: 29px;
}

#contact-phone:after, #contact-email:after, #contact-address span:after
{
	content:'';
	width: 100%;
	height: 1px;
	background: #d0d0d0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.contact-box
{
	border: 1px solid #000;
	padding: 60px 0 45px 0;
	-webkit-box-shadow: 11px 11px 15px 0px rgba(10, 10, 10, 0.4);
	-moz-box-shadow:    11px 11px 15px 0px rgba(10, 10, 10, 0.4);
	box-shadow:         11px 11px 15px 0px rgba(10, 10, 10, 0.4);
	background: #fff;
}

.contact-box h2
{
	font-size: 66px;
	font-weight: 900;
	line-height: 60px;
	letter-spacing: -0.01em;
	position: relative;
	padding: 0 70px;
	color: #151515;
	margin-bottom: 55px;
}

.contact-box h2:after
{
	content:'';
	width: 3px;
	height: calc(100% - 15px);
	background: #151515;
	position: absolute;
	left: 0;
	top: 7px;
}

.contact-form
{
	padding: 0 70px;
}

.contact-form input[type=text],
input[type=text],
.contact-form input[type=email],
input[type=email],
.contact-form textarea,
textarea,
input[type=tel]
{
	width: 100%;
	border: none;
	border-bottom: 1px solid #d0d0d0;
	font-size: 16px;
	color: #6d7177;
	padding-bottom: 5px;
	height: 35px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.contact-form textarea
{
	resize: none;
	display: block;	
}

.contact-form input[type=text]:focus,
.contact-form input[type=email]:focus,
.contact-form textarea:focus
{
	border-color: #151515;
}

.contact-form textarea.open
{
	height: 115px;
}

.contact-form #textarea-container
{
	height: 130px;
}

.contact-form p
{
	margin: 0 0 15px 0;
}

.contact-form .response
{
	padding: 10px 0;
}

.g-recaptcha {
    transform:scale(0.91);
    transform-origin:0 0;
}

.contact-form .submit
{
	text-align: center;
	margin: 0;
}

.contact-form .wpcf7-submit
{
	width: 181px;
	height: 70px;
	display: inline-block;
	background: url(images/bg-button.png);
	font-weight: 700;
	color: #000;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	border: none;
}

.contact-form span
{
	position: relative;
	display: block;
}

.contact-form .dnd-upload-counter
{
	text-align: center;
	display: block;
}

.contact-form .dnd-upload-counter span
{
	display: inline-block;
}

span.wpcf7-not-valid-tip
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 1px);
	padding-bottom: 5px;
	font-size: 16px;
	color: red;
	border: none;
	background: #fff;
}

div.wpcf7-response-output
{
	margin: 0;
	padding: 10px;
	font-size: var(--font-small-size);
}

div.wpcf7-validation-errors
{
	border-width: 1px;	
	text-align: center;
}

#slider-wrap
{
	position: relative;
	margin: 0 10rem 15rem 10rem;
}

#slider-prev,
#slider-next
{
	position: absolute;
	top: 50%;
	cursor: pointer;
	width: 2.6rem;
	height: 2.7rem;
	margin-top: -1.3rem;
	z-index: 999;
}

#slider-prev
{
	left: 3.5rem;
	background: url(images/arrow-slider-1.svg);
	background-size: 2.6rem 2.7rem;
}

#slider-next
{
	right: 3.5rem;
	background: url(images/arrow-slider-2.svg);
	background-size: 2.6rem 2.7rem;
}

#slider .slide-container
{
	min-height: 70rem;
	position: relative;
}

#slider .slide .image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center bottom;
}

#slider .slide .image:before
{
	content:'';
	width: 100%;
	height: 100%;
	background: url(images/bg-slide.png);
	left: 0;
	top: 0;
	position: absolute;
	background-size: cover;
}

#slider .slide .content
{
	position: relative;
	z-index: 10;
	padding-top: 10rem;
	color: #fff;
}

#slider .slide .content h2
{
	font-size: 80px;
	line-height: 90px;
	font-weight: 900;
	color: #fff;
	margin-bottom: 50px;
}

#slider .slide .content p
{
	font-size: 16px;
	color: #fff;
	line-height: 24px;
}

#slider .box-border-bottom:after
{
	background: #fff;
}

#slider .row-content
{
	margin-bottom: 3rem;
}

.slick-dots
{
	position: absolute;
	left: 0; right: 0; bottom: 3rem;
	text-align: center;
}

.slick-dots li
{
	display: inline-block;
}

.slick-dots li button
{
	width: 1.2rem;
	height: 1.2rem;
	background: rgba(255,255,255,.4);
	margin-right: 2rem;
	cursor: pointer;
	border: 0;
	text-indent: -9999px;
}

.slick-dots .slick-active button
{
	background: rgba(255,255,255,1);	
}

#slider .project-name a
{
	font-weight: 700;
	color: #fff;
	text-decoration: underline;
}

#index .image-boxes
{
	padding-top: 0;
	padding-bottom: 60px;
}

#index .image-boxes:before
{
	content:'';
	width: 1170px;
	position: absolute;
	top: 540px;
	left: 50%;
	margin-left: -585px;
	background: url(images/slope-2.png) 120px 0 no-repeat;
	height: 1374px;
}

.image-boxes
{
	position: relative;
	z-index: 2;
}

.image-box
{
	margin-bottom: 150px;
}

.image-box.big-margin
{
	margin-bottom: 200px;
}

.image-box:last-child
{
	margin-bottom: 120px;
}

.image-box > .row
{
	margin: 0;
}

.image-box > .row > div
{
	padding: 0;
}

.image-box h1
{
	font-size: 80px;
	line-height: 90px;
	font-weight: 900;
	color: #151515;
	margin-bottom: 50px;
}

.image-box h2
{
	font-size: 66px;
	line-height: 60px;
	font-weight: 900;
	color: #151515;
	margin-bottom: 50px;
}

.image-box .text > div
{
	padding-left: 100px;
}

.image-box .text.no-padding > div
{
	padding-left: 0;
	padding-right: 0;
}

.image-box:nth-child(2n+2) .text > div
{
	/* padding-left: 65px; */
}

.image-box .text.indent-top
{
	padding-top: 80px;
}

.image-box .text.indent-top-big
{
	padding-top: 120px;
}


.image-box .text.indent-top-small
{
	padding-top: 40px;
}


.image-box .content
{
	padding-right: 125px;
}

.image-box .content.fluid
{
	width: 585px;
	max-width: 100%;
}

.image-box .content.no-padding
{
	padding-right: 0;
}

.image-box .content p
{
	font-size: 16px;
	color: #6d7177;
	line-height: 24px;
}

#index .image-box .content strong
{
	font-size: 20px;
	line-height: 22px;
}

#index .image-box .content p
{
	color: #565656;
}

.image-box .image
{
	position: relative;
}

.image-box .image .animated-image
{
	/*position: absolute;*/
	top: 0;
	left: 65px;
}

.image-box .image .animated-image.medium-left
{
	left: 85px;
}

.image-box .image .animated-image.lower
{
	left: 55px;
	top: 250px;
}

.image-box:nth-child(2n+2) .image .animated-image
{
	left: auto;
	right: 75px;
}

.image-box .image .animated-image.no-left
{
	left: 0;
}

.image-box .image .animated-image.no-right
{
	right: 20px;
}

.image-box .image .animated-image img
{
	max-width: none;
}

.image-box .image .animated-image .caption
{
	position: absolute;
	bottom: 0;
	left: -5px;
	font-size: var(--font-small-size);
	color: #6d7177;
	margin: 0;
}

.image-box .image .animated-image .caption span
{
	-ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: left bottom; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: left bottom;
    display: block;
}

.image-box .image .animated-image .caption.top
{
	bottom: auto;
	top: 0;
	left: -30px;
    white-space: nowrap;   
}

.image-box .image .animated-image .caption.top span
{
	-ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: right;
    display: block;
    right: -10px;
    text-align: right;
    position: absolute;
    top: -10px;
    right: -13px;
}

.image-box .image .animated-image .caption.bottom
{
	bottom: -35px;
	left: 0;
}

.image-box .image .animated-image .caption.bottom span
{
	-ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

.box-border-bottom p:last-child
{
	margin: 0;
}

.box-border-bottom
{
	position: relative;
	padding-bottom: 35px;
	height: 100%;
}

.box-border-bottom:after
{
	content:'';
	width: 100%;
	height: 1px;
	background: #151515;
	position: absolute;
	bottom: 0;
	left: 0;
}

.big-message
{
	background: url(images/bg-parallax.png) center 0 no-repeat;
	padding: 125px 0;
	margin-bottom: 150px;
}

.big-message h3
{
	font-size: 66px;
	line-height: 60px;
	font-weight: 900;
	position: relative;
}

.big-message h3:after
{
	content:'';
	width: 100%;
	height: 10px;
	background: #e8e9ea;
	position: absolute;
	bottom: -40px;
	left: 0;
}

#newest-project
{
	margin-bottom: 105px;
}

#newest-project h2
{
	font-size: 66px;
	line-height: 60px;
	font-weight: 900;
}

#newest-project h3
{
	font-size: 36px;
	color: #565656;
	font-weight: 700;
	line-height: 36px;
}

#newest-project > .row
{
	margin: 0 -40px;
}

#newest-project > .row > div
{
	padding: 0 40px;
}

.portfolio-list
{
	margin-bottom: 195px;
}

#social-sources
{
	padding-top: 200px;
	position: relative;
	margin-bottom: 70px;
}

#social-sources:before
{
	content:'';
	width: 100%;
	height: 615px;
	background: url(images/bg-lines2.png);
	top: 0;
	left: 0;
	position: absolute;
}

#social-sources .container
{
	position: relative;
	z-index: 3;
}

#social-sources h2
{
	font-size: 66px;
	line-height: 60px;
	color: #151515;
	font-weight: 900;
	margin-bottom: 130px;	
}

.social-box
{
	-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 15px 30px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 15px 30px 0px rgba(0, 0, 0, 0.3);
	background: #fff;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


#map-container
{
	text-align: center;
	margin-bottom: 160px;
	margin-top: -230px;
	position: relative;
	z-index: 1;	
}

#map
{
	width: 1220px;
	margin: 0 auto;
	position: relative;
}

#map:after
{
	content:'';
	width: 570px;
	height: 1px;
	background: #d0d0d0;
	position: absolute;
	bottom: -17px;
	right: -90px;
}

#map:before
{
	content:'';
	width: 1px;
	height: 570px;
	background: #d0d0d0;
	position: absolute;
	right: -17px;
	bottom: -90px;
}

.google-map
{
	width: 100%;
	height: 550px;
}

.faqs > .row
{
	margin: 0 -65px;
}

.faqs > .row > div
{
	padding: 0 65px;
}

.faqs > .row > div:nth-child(2n+3)
{
	clear: left;
}

.faq
{
	margin-bottom: 70px;
}

.faq-content
{
	padding-bottom: 25px;
}

.faq h3
{
	font-size: 20px;
	line-height: 24px;
	font-weight: 900;
	margin: 0 0 20px 0;
}

.faq p
{
	font-size: 20px;
	line-height: 24px;
}

.faq p:last-child
{
	margin: 0;
}

.faq-more
{
	text-align: center;
	position: relative;
}

.faq-more:before
{
	content:'';
	width: 100%;
	height: 1px;
	background: #d0d0d0;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
}

.faq-more div
{
	width: 34px;
	height: 34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #d0d0d0;
	display: inline-block;
	position: relative;
	z-index: 2;
	cursor: pointer;
	background: #fff;	
}

.faq-more div:after
{
	content:'';
	width: 12px;
	height: 8px;
	background: url(images/chevron.svg) center center no-repeat;
	background-size: 12px 8px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -4px 0 0 -6px;
}

.faq.open .faq-more div:after
{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.faq-excerpt p:last-child
{
	margin: 0;
}

.faq-answer
{
	display: none;
	padding-top: 25px;
}

.animated-image
{
	position: relative;
}

.animated-image .cover
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 30;
}

.animated-image .cover div
{
	background: #151515;
	position: absolute;
	top: 0;
	left: 0;
	height: 5px;
}

.animated-image img
{
}

.animated-image.shadow img
{
	-webkit-box-shadow: 11px 11px 15px 0px rgba(10, 10, 10, 0.4);
	-moz-box-shadow:    11px 11px 15px 0px rgba(10, 10, 10, 0.4);
	box-shadow:         11px 11px 15px 0px rgba(10, 10, 10, 0.4);
}

.animated-image .caption
{
	position: absolute;
	bottom: 0;
	left: -5px;
	font-size: var(--font-small-size);
	color: #6d7177;
	margin: 0;
}

.animated-image .caption.white
{
	color: #fff;
}

.animated-image .caption.from-bottom
{
	bottom: 30px;
}

.animated-image .caption.caption-right
{
	left: calc(100% + 5px);
	bottom: -30px;
}

.animated-image .caption.caption-right span
{
	min-width: 1000px;
	transform-origin: left top;
}

.animated-image .caption span
{
	-ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: left bottom; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: left bottom;
    display: block;
}

.animated-image .caption.top
{
	bottom: auto;
	top: 0;
	left: -30px;
    white-space: nowrap;   
}

.animated-image .caption.top span
{
	-ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: right;
    display: block;
    right: -10px;
    text-align: right;
    position: absolute;
    top: -10px;
    right: -13px;
}

.animated-image .caption.bottom
{
	bottom: -35px;
	left: 0;
}

.animated-image .caption.bottom-right
{
	text-align: right;
	width: 100%;
}

.animated-image .caption.bottom span
{
	-ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

.button-with-arrow
{
	background-color: #000;
	font-size: 1.6rem;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding: 1.3rem 10rem 1.3rem 3rem;
	min-width: 26rem;
	border: none;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.button-with-arrow:hover
{
	background-color: #333;
}

.button-with-arrow:after
{
	content:'';
	width: 5.6rem;
	height: 100%;
	border-left: 3px solid #fff;
	position: absolute;
	background: url(images/arrow-3.svg) center center no-repeat;
	right: 0;
	top: 0;
}

.button-with-arrow.arrow-right:after
{
	background: url(images/arrow-4.svg) center center no-repeat;
}

.button
{
	background-color: #000; /* #151515 */
	font-size: 1.6rem;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding: 1.3rem 10rem 1.3rem 3rem;
	min-width: 26rem;
	border: none;
	cursor: pointer;
	position: relative;
	display: inline-block;
}
.button:hover
{
	background-color: #333; /* #151515 */
}
.price ins {text-decoration: none;}
/*
.button
{
	width: 181px;
	height: 70px;
	display: inline-block;
	font-weight: 700;
	color: #000;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	padding: 24px 0 0 0;
	position: relative;
}

.button:before
{
	content:'';
	width: 162px;
	height: 60px;
	border: 1px solid #151515;
	position: absolute;
	top: 0;
	left: 10px;
	-ms-transform: skewX(18deg);
    -webkit-transform: skewX(18deg);
    transform: skewX(18deg);
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.button:after
{
	content:'';
	width: 162px;
	height: 60px;
	border: 1px solid #151515;
	position: absolute;
	bottom: 0;
	left: 8px;
	-ms-transform: skewX(-9deg); 
    -webkit-transform: skewX(-9deg);
    transform: skewX(-9deg);
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.button:hover:before
{
	-ms-transform: skewX(-18deg);
    -webkit-transform: skewX(-18deg);
    transform: skewX(-18deg);
}

.button:hover:after
{
	-ms-transform: skewX(9deg);
    -webkit-transform: skewX(9deg);
    transform: skewX(9deg);
}
*/

.row-404
{
	margin: 0 -50px 180px -50px;
}

.row-404 > div
{
	padding: 0 50px;
}

.content-404
{
	padding-top: 120px;
}

.content-404 h1
{
	font-size: 66px;
	line-height: 70px;
	font-weight: 900;
	margin-bottom: 45px;
}

.content-404 p
{
	/*font-size: 16px;*/
	color: #565656;
	line-height: 22px;
	font-weight: 400;
}

.content-404 p strong
{
	font-size: 20px;
}

.buttons-404
{
	text-align: center;
	margin-bottom: 180px;
}

.buttons-404 .button
{
	margin: 0 80px;
}

#content.single-post
{
	padding-top: 55px;
}

.page-title-container
{
	overflow: hidden;
}

.page-title
{
	font-size: 48px;
	color: #151515;
	font-weight: 900;
	line-height: 65px;
	margin-bottom: 55px;
}

.page-title.big
{
	font-size: 66px;
	line-height: 60px;
	margin-bottom: 70px;
}

.page-title span
{
	display: inline-block;
	position: relative;
}

.page-title span:after
{
	content:'';
	width: 1000px;
	right: -1080px;
	background: #151515;
	height: 1px;
	position: absolute;
	top: 50px;
}

.page-title.big span:after
{
	top: auto;
	bottom: 10px;
}

.grid-sizer { width: 31.333333333%; }
.gutter-sizer { width: 3%; }
.grid-item 
{ 
    width: 31.333333333%;  
    margin-bottom: 20px;
}

#blog-posts.projects .grid-sizer,
#blog-posts.projects .grid-item
{
	width: 48.5%;
}

.grid-item.post
{
	border-bottom: 1px solid #a7aaad;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.grid-item.post .post-thumb
{
	margin-bottom: 20px;
	display: block;
	position: relative;
}

.grid-item.post .post-thumb span
{
	font-size: var(--font-small-size);
	color: #151515;
	position: absolute;
	right: 0;
	bottom: -16px;
}

.grid-item.post img
{	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.grid-item.post:hover img
{
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 10px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}

.grid-item p
{
	font-size: var(--font-small-size);
	line-height: 15px;
	color: #565656;
	margin: 0 0 20px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.grid-item:hover p
{
	color: #151515;
}

.grid-item h3
{
	color: #565656;
	font-size: 23px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.grid-item:hover h3
{
	color: #151515;
}

.grid-item .meta
{
	font-size: var(--font-small-size);
	text-transform: uppercase;
	color: #565656;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.grid-item:hover .meta:hover
{
	color: #151515;
}

.grid-item .meta a
{
	float: left;
}

.grid-item .meta p
{
	float: right;
	margin: 0;
}

.single-post-content-wrap
{
	position: relative;
	margin-bottom: 120px;
	overflow-x: hidden;
}

.single-post-content-wrap:after
{
	content:'';
	width: 100%;
	height: calc(100% - 500px);
	background: url(images/bg-lines.png) center 0 no-repeat;
	position: absolute;
	top: 170px;
	left: 0;
}

.single-post .container
{
	position: relative;
	z-index: 10;
}

.single-post-content
{
	background: #fff;
}

.single-post-thumb{
	
	position: relative;
	background: #fff;
}

.single-post-thumb:before
{
	content:'';
	width: 2000px;
	left: -1800px;
	background: #fff;
	position: absolute;
	top: 0;
	height: calc(100% + 100px);
}

.single-post-thumb img
{
	float: right;
	padding: 30px;
	background: #fff;
}

.single-post-thumb .title
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.single-post-title
{
	font-size: 66px;
	line-height: 70px;
	letter-spacing: -0.01em;
	background: #fff;
	display: inline-block;
	padding: 50px 30px 0 0;
	font-weight: 900;
	margin: 0 0 10px 0;
}

.single-post .date
{
	color: #6d7177;
	/*font-size: 16px;*/
	margin-bottom: 50px;
}

.single-post-content img
{
	padding: 15px;
	background: #fff;
	border: 1px solid #c1c1c1;
}

.single-post-content a
{
	text-decoration: underline;
	font-weight: 700;
}

.single-post-content .wp-caption
{
	max-width: 100%;
	padding: 15px;
	background: #fff;
	border: 1px solid #c1c1c1;
	margin-bottom: 25px;
}

.single-post-content .wp-caption img
{
	padding: 0;
	border: none;
}


.single-post-content .wp-caption p
{
	font-size: var(--font-small-size);
	color: #28292b;
	border-bottom: 1px solid #c1c1c1;
	padding: 0 15px 15px 0;
	margin: 30px -15px 15px 210px;
	line-height: 18px;
	letter-spacing: 0.01em;
}

.social-share
{
	position: relative;
	padding: 25px 0 0 0;
	margin-top: 35px;
}

.social-share:after
{
	content:'';
	width: calc(100% - 240px);
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	background: #c1c1c1;
}

.social-share p
{
	float: right;
	font-size: 18px;
	color: #151515;
	font-weight: 700;
	margin: 12px 35px 0 0;
}

.social-share ul
{
	float: right;
}

.social-share ul li
{
	float: left;
	display: block;
	margin-left: 13px;
}

.social-share ul li a
{
	display: block;
	width: 48px;
	height: 48px;
	border: 1px solid #151515;
	text-align: center;
	font-size: 22px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-share ul li a:hover
{
	color: #fff;
	background: #151515;
}

.social-share ul li span
{
	display: table;
	height: 100%;
	width: 100%;
}

.social-share ul li span span
{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.latest-posts
{
	margin-bottom: 80px;
	position: relative;
}

#index .latest-posts
{
	margin: 0;
}

.latest-posts > .row
{
	position: relative;
	z-index: 2;
}

#index .latest-posts:after
{
	content:'';
	width: 1076px;
	height: 668px;
	background: url(images/bg-lines5.png);
	top: 500px;
	left: -120px;
	position: absolute;
}

.latest-posts .post
{
	border: 1px solid #d0d0d0;
	-webkit-box-shadow: 2px 3px 8px 0px rgba(10, 10, 10, 0.1);
	-moz-box-shadow:    2px 3px 8px 0px rgba(10, 10, 10, 0.1);
	box-shadow:         2px 3px 8px 0px rgba(10, 10, 10, 0.1);
	background: #fff;
}

.latest-posts .post:hover
{
	-webkit-box-shadow: 4px 6px 6px 0px rgba(10, 10, 10, 0.3);
	-moz-box-shadow:    4px 6px 6px 0px rgba(10, 10, 10, 0.3);
	box-shadow:         4px 6px 6px 0px rgba(10, 10, 10, 0.3);
}

.latest-posts h2
{
	font-size: 66px;
	line-height: 60px;
	font-weight: 900;
	margin-bottom: 80px;
	position: relative;
}

.latest-posts .post .content
{
	padding: 30px 35px 0 35px;
	background: #fff;
	min-height: 213px;
}

.latest-posts .post.big .content
{
	min-height: 250px;
}

.latest-posts .post .content p:last-child
{
	margin: 0;
}

.latest-posts .post
{
	position: relative;
}

.latest-posts .post .meta
{
	padding: 18px 35px;	
}

.latest-posts .post .meta a
{
	float: left;
	text-transform: uppercase;
	font-size: var(--font-small-size);
}

.latest-posts .post .meta .post-date
{
	float: right;
	margin: 0;
	font-size: var(--font-small-size);
}

.latest-posts .post.big h4
{
	font-size: 36px;
	line-height: 38px;	
}

.latest-posts .post h4
{
	font-size: 20px;
	line-height: 22px;
	position: relative;
}

.latest-posts .post h4:before
{
	content:'';
	width: 4px;
	height: 100%;
	background: #000;
	position: absolute;
	left: -36px;
	top: 0;
}

.teaser-wrapper
{
	padding: 200px 0 145px 0;
}

.teaser-content
{
	background: #28292b;
	padding: 150px 0 140px 630px;
	position: relative;
}

.teaser-content:after
{
	content:'';
	width: 95px;
	right: -95px;
	background: #28292b;
	position: absolute;
	height: 100%;
	top: 0;
}

.teaser h2
{
	color: #d0d0d0;
	font-size: 66px;
	line-height: 60px;
	font-weight: 900;
	position: relative;
	padding-bottom: 60px;
	display: inline-block;
	margin: 0;
}

.teaser h2:after
{
	content:'';
	width: 100%;
	height: 1px;
	background: #d0d0d0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.teaser .animated-image
{
	position: absolute;
	left: -35px;
	top: -50px;
	z-index: 99;
	width: 500px;
}

.teaser .animated-image .caption
{
	color: #d0d0d0;
}

.teaser .circle
{
	width: 574px;
	height: 574px;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#858585+0,848484+19,727272+34,3e3f40+64,333536+76,333536+83,333536+100 */
	background: rgb(133,133,133); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(133,133,133,1) 0%, rgba(132,132,132,1) 19%, rgba(114,114,114,1) 34%, rgba(62,63,64,1) 64%, rgba(51,53,54,1) 76%, rgba(51,53,54,1) 83%, rgba(51,53,54,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(133,133,133,1) 0%,rgba(132,132,132,1) 19%,rgba(114,114,114,1) 34%,rgba(62,63,64,1) 64%,rgba(51,53,54,1) 76%,rgba(51,53,54,1) 83%,rgba(51,53,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(133,133,133,1) 0%,rgba(132,132,132,1) 19%,rgba(114,114,114,1) 34%,rgba(62,63,64,1) 64%,rgba(51,53,54,1) 76%,rgba(51,53,54,1) 83%,rgba(51,53,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#333536',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	top: 30px;
	left: -100px;
	position: absolute;
	-webkit-box-shadow: 3px 15px 30px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    3px 15px 30px 0px rgba(50, 50, 50, 0.45);
	box-shadow:         3px 15px 30px 0px rgba(50, 50, 50, 0.45);
	overflow: hidden;
}

.teaser .circle:before
{
	content:'';
	width: 1px;
	height: 100%;
	background: #d0d0d0;
	position: absolute;
	bottom: 0;
	left: 115px;
}

.teaser .circle:after
{
	content:'';
	width: 1px;
	height: 150px;
	background: #d0d0d0;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: 25px;
}

.teaser .circle p
{
	font-size: 20px;
	font-weight: 700;
	color: #d0d0d0;
	line-height: 22px;
	margin: 0;
	padding: 310px 130px 0 160px;
}

.step h2
{
	font-size: 66px;
	line-height: 60px;
	margin-bottom: 35px;
	font-weight: 900;
	position: relative;
}

.step ul li
{
	position: relative;
	padding-left: 34px;
	line-height: 24px;
}

.step ul li:before
{
	content:'';
	width: 5px;
	height: 5px;
	background: #151515;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}

.step .text p,
.step .image-content p
{
	/*font-size: 16px;*/
	line-height: 24px;
}

.step
{
	position: relative;
}

.step .container
{
	position: relative;
	z-index: 10;
}

.step .text
{
	position: relative;
	z-index: 20;
}

.step .text > div
{
	position: relative;
	z-index: 2;
}

.step-1
{
	margin-bottom: 240px;
}

.step-2
{
	margin-bottom: 220px;
}

.step-3
{
	margin-bottom: 300px;
}

.step-4
{
	margin-bottom: 180px;
	position: relative;
	z-index: 50;
}

.step-4:before
{
	content:'';
	width: 100%;
	height: 497px;
	background: url(images/bg-lines7.png);
	position: absolute;
	top: 85px;
	left: 0;
}

.step-1 .container .row > div:first-child
{
	padding-top: 210px;
}

.step-1 .text
{
	padding: 0 0 0 70px;
}

.step-3 .text
{
	padding: 75px 0 0 70px;
}

.step-4 .text
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#565656+0,4b4b4b+22,232323+73,151515+100 */
	background: rgb(86,86,86); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(86,86,86,1) 0%, rgba(75,75,75,1) 22%, rgba(35,35,35,1) 73%, rgba(21,21,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(86,86,86,1) 0%,rgba(75,75,75,1) 22%,rgba(35,35,35,1) 73%,rgba(21,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(86,86,86,1) 0%,rgba(75,75,75,1) 22%,rgba(35,35,35,1) 73%,rgba(21,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#151515',GradientType=1 ); /* IE6-9 */
	color: #fff;
	padding: 95px 0 100px 130px;
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    2px 2px 7px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         2px 2px 7px 0px rgba(0, 0, 0, 0.5);	
}

.step-4 .text:after
{
	content:'';
	width: 150px;
	height: 320px;
	background: url(images/step-4-decor.png);
	position: absolute;
	bottom: -320px;
	left: 115px;
}

.step-5 .text
{
	padding: 0 0 0 70px;
}

.step-4 ul li:before
{
	background: #fff;
}

.step-4 .container > .row
{
	margin: 0;
}

.step-4 .container > .row > div
{
	padding: 0;
}

.step-4 h2
{
	color: #fff;
}

.step-4 .box-border-bottom:after
{
	background: #7d7d7d;
}

.step-1 .text:before
{
	content:'';
	width: 66px;
	height: 268px;
	background: url(images/step-1.png);
	position: absolute;
	left: 15px;
	top: -15px;	
}

.step-2 .text:before
{
	content:'';
	width: 185px;
	height: 268px;
	background: url(images/step-2.png);
	position: absolute;
	right: 60px;
	top: -20px;	
}

.step-3 .text:before
{
	content:'';
	width: 305px;
	height: 268px;
	background: url(images/step-3.png);
	position: absolute;
	left: -23px;
	top: 0px;	
}

.step-4 .text:before
{
	content:'';
	width: 324px;
	height: 268px;
	background: url(images/step-4.png);
	position: absolute;
	right: -150px;
	top: -80px;	
}

.step-5 .text:before
{
	content:'';
	width: 228px;
	height: 268px;
	background: url(images/step-5.png);
	position: absolute;
	left: 330px;
	top: -80px;	
}

.step-1 .content
{
	margin-right: 125px;
}

.step-2 .content
{
	margin-right: 95px;
}

.step-3 .content
{
	margin-right: 150px;
}

.step-4 .content
{
	margin-right: 195px;
}

.step-5 .content
{
	margin-right: 70px;
}

.step .image
{
	position: relative;
}

.step-3 .image:after
{
	content:'';
	width: 516px;
	height: 496px;
	position: absolute;
	top: 20px;
	left: 42px;
	background: url(images/bg-lines6.png);
}

.step-1-image
{
	width: 702px;
	height: 718px;
	background: url(images/step-1-image.png);
	position: absolute;
	top: 0;
	left: 0;
}

.step-1-image .image-content
{
	width: 402px;
	height: 365px;
	position: absolute;
	top: 205px;
	left: 73px;
	padding: 50px 90px 0 40px;
}

.step-1-image .image-content h3
{
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 15px;
}

.step .animated-image
{
	z-index: 10;
	position: relative;
}

.step .animated-image .caption 
{
	left: -5px;
	color: #151515;
}

.step-2 .image
{
	padding-top: 45px;
}

.step-4 .image .animated-image
{
	position: absolute;
	right: -35px;
	top: -95px;
	z-index: 30;
}

.step-5 .image
{
	position: relative;
	z-index: 30;
}

.step-5 .image .animated-image
{
	position: absolute;
	left: 25px;
	top: 35px;
}

.step-5 .image .animated-image img
{
	position: relative;
	z-index: 20;
}

.step-5 .image .animated-image .fake-cover
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 10;
}

.step-5-image-decor-1
{
	width: 673px;
	height: 299px;
	background: url(images/step-5-decor2.png);
	position: absolute;
	right: -210px;
	bottom: -80px;
}

.step-5-image-decor-2
{
	width: 202px;
	height: 231px;
	background: url(images/step-5-decor.png);
	position: absolute;
	right: -100px;
	bottom: -20px;
	z-index: 30;
}

.contact-cta
{
	padding: 210px 115px 0 115px;
}

.contact-cta .contact-form
{
	padding: 0;
}

.contact-cta h2
{
	font-size: 66px;
	line-height: 60px;
	font-weight: 900;
	margin-bottom: 40px;
}

.contact-cta .quote
{
	font-size: 20px;
	line-height: 24px;
	color: #565656;
	margin-bottom: 20px;
}

.contact-cta .quote-author
{
	padding-left: 100px;
	font-size: 20px;
	color: #565656;
	line-height: 22px;
}

.contact-cta .quote-author span
{
	display: block;
	font-size: var(--font-small-size);
}

.page-template-twoj-projekt .cta-text
{
	padding-top: 130px;
}

.cta-text > div
{
	position: relative;
}

.cta-text > div:before
{
	content:'';
	width: 206px;
	height: 326px;
	position: absolute;
	top: -20px;
	left: 155px;
	background: url(images/slope-1.png);
}

.page-template-twoj-projekt .cta-text > div:before
{
	content:'';
	width: 518px;
	height: 528px;
	position: absolute;
	top: -100px;
	left: -200px;
	background: url(images/slope-3.png);
}

.cta-text > div .content
{
	position: relative;
	z-index: 2;
}

.cta-button-wrap
{
	padding-top:95px;
}

.single-project
{
	position: relative;
	margin-bottom: 190px;
}

/*.single-project:before
{
	content:'';
	width: 100%;
	height: 497px;
	background: url(images/bg-lines3.png) center 0 no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.single-project:after
{
	content:'';
	width: 100%;
	height: 112px;
	background: url(images/bg-lines4.png) center 0 no-repeat;
	position: absolute;
	left: 0;
	bottom: -80px;
}*/

.single-project .content
{
	position: relative;
	z-index: 2;
}

.single-project .content > .row
{
	margin: 0;
}

.single-project .content > .row > div
{
	padding: 0;
}

.single-project .content .text
{
	background: #fff;
	padding: 50px 120px 90px 100px;
	color: #565656;
}

.single-project .content .text p:last-child
{
	margin: 0;
}

.single-project .main-photo {
	text-align: center;
	margin-bottom: 85px;
}

.single-project .main-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% bottom;
	aspect-ratio: 1920 / 810;
}

.single-project h1
{
	/*font-size: 66px;
	line-height: 70px;
	color: #fff;
	font-weight: 700;
	letter-spacing: -0.01em;
	padding: 80px 20px 80px 0;
	margin: 0;*/
	font-size: 42px;
	line-height: 55px;
	margin-bottom: 80px;
}

.single-project .project-date
{
	color: #151515;
	font-size: var(--font-small-size);
	font-weight: 300;
	margin-bottom: 20px;
}

.single-project .project-meta
{
	border-bottom: 1px solid #7d7d7d;
	padding: 0 0 25px 0;
	margin: 0 0 30px 0;
	color: #565656;
}

.single-project .project-meta h2
{
	font-size: 20px;
	color: #565656;
	font-weight: 700;
	margin-bottom: 30px;
}

.single-project .project-meta table
{
	width: 100%;
}

.single-project .project-meta table td
{
	padding: 0 35px 5px 0;
}

.single-project .project-meta table td:nth-child(2)
{
	font-weight: 900;
}

.single-project .main-image
{
	margin-top: -50px;
	-webkit-box-shadow: 11px 11px 15px 0px rgba(10, 10, 10, 0.4);
	-moz-box-shadow:    11px 11px 15px 0px rgba(10, 10, 10, 0.4);
	box-shadow:         11px 11px 15px 0px rgba(10, 10, 10, 0.4);
	margin-bottom: 30px;
	display: block;
}

.single-project .gallery a
{
	display: block;
	margin-bottom: 30px;
}

.spinner
{
	text-align: center;
}

.spinner div
{
	width: 110px;
	height: 110px;
	background: url(images/loader-new.gif) no-repeat;
	background-size: 80px auto;
	display: inline-block;
}

.post-date
{
	display: none;
}

.portfolio-list-categories, .blog-posts-categories
{
	font-size: var(--font-small-size);
	font-weight: 700;
	color: #595959;
	margin-bottom: 40px;
}

.portfolio-list-small .portfolio-list-categories
{
	display: none;
}

.portfolio-list-categories .item, .blog-posts-categories .item
{
	float: left;
	display: block;
	cursor: pointer;
	margin: 0 55px 0 0;
	letter-spacing: 0.04em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-bottom: 1px solid transparent;
}

.portfolio-list-categories .item:hover, .blog-posts-categories .item:hover
{
	color: #151515;
}

.portfolio-list-categories .current, .blog-posts-categories .current
{
	border-bottom: 1px solid #151515;
	color: #151515;
}

.portfolio-list-categories .item:last-child, .blog-posts-categories .item:last-child
{
	margin: 0;
}

.portfolio-list-small .items
{
	margin-bottom: 90px;
}

.portfolio-list-small .grid-sizer
{
	width: 31.333333333333%;
}

.portfolio-list-small .grid-item
{
	width: 31.333333333333%;
	margin-bottom: 30px;
}

.portfolio-list-small .gutter-sizer
{
	width: 3%;
}

.single-case
{
	color: #6d7177;
}

.single-case h1
{
	font-size: 42px;
	line-height: 55px;
	margin-bottom: 80px;
}

.single-case h3
{
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 20px;
	letter-spacing: .02em;
	color: #151515;
}

.single-case h1 span
{
	font-size: 18px;
	color: #999fa7;
	text-transform: uppercase;
	display: block;
	line-height: 30px;
	letter-spacing: .1em;
	font-weight: 400;
}

.single-case p, .single-case ul
{
	font-size: 20px;
	line-height: 32px;
}

.single-case .module ul li
{
	padding-left: 40px;
	position: relative;
}

.single-case .module ul li:before
{
	content:'';
	background: #6d7177;
	width: 6px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 15px;
}

.single-case strong
{
	font-size: 24px;
	line-height: 36px;
	color: #151515;
}

.single-case .main-photo
{
	text-align: center;
	margin-bottom: 85px;
}

.single-case .main-photo img
{
	display: inline-block;
}

.single-case .content-top
{
	border-bottom: 1px solid #eaebed;
	padding-bottom: 110px;
	margin-bottom: 155px;
}

.single-case .content-top *:last-child
{
	margin-bottom: 0;
}

.single-case .social-share
{
	padding: 0;
	margin-top: 0;
}

.single-case .social-share ul
{
	float: none;
}

.single-case .social-share:after
{
	display: none;
}

.single-case .social-share ul li
{
	margin-left: 0;
	margin-right: 13px;
}

.single-case .case-meta .meta-label
{
	/*font-size: 15px;*/
	color: #6d7177;
	letter-spacing: .11em;
	text-transform: uppercase;
	margin-bottom: 7px;
	font-weight: 700;
	line-height: 21px;
}

.single-case .case-meta .meta-value
{
	color: #151515;
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
}

.single-case .case-meta .block
{
	margin-bottom: 25px;
}

.single-case .case-meta .block *:last-child
{
	margin-bottom: 0;
}

.page-template-landing-page
{
	background: #fff;
}

.content-lp
{
	max-width: 1940px;
	margin: 0 auto;
}

.lp-modules
{
	padding: 0 50px;
}

.lp-module
{
	color: #565656;
}

.lp-module .animated-image
{
	display: inline-block;
}

.lp-module .animated-image img, .lp-module .animated-image .caption
{
	opacity: 0;
}


.lp-module p
{
	font-size: 20px;
	line-height: 28px;
}

.lp-module *:last-child
{
	margin-bottom: 0;
}

.lp-module .container
{
	position: relative;
	z-index: 10;
}

.lp-module .heading
{
	margin-bottom: 40px;
	font-weight: 900;
	position: relative;
}

.lp-module .heading-1
{
	font-size: 52px;
	line-height: 48px;
}

.lp-module .heading-2
{
	font-size: 42px;
	line-height: 42px;
}

.lp-module .heading.white
{
	color: #fff;
}

.lp-module .heading.white-line
{
	position: relative;
	padding-bottom: 35px;
}

.lp-module .heading.white-line:after
{
	content:'';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 68px;
	height: 3px;
	background: #fff;
}

.lp-module-1
{
	position: relative;
	background-size: cover;
	background-position: center center;
	min-height: 730px;
	padding: 150px 0 120px 0;
	color: #fff;
	margin-bottom: 120px;
}

.lp-module-1:before
{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(21, 21, 21, 0.5);
}

.lp-module-2
{
	background: #faf6f6;	
	margin-bottom: 110px;
	position: relative;
}

.lp-module-2:before
{
	content:'';
	background: #e3dfdf;
	position: absolute;
	left: 0;
	width: 400px;
	height: 100%;
	top: 0;
}

.lp-module-2 .container-inner
{
	padding: 100px 0;
	position: relative;
}

.lp-module-2 .animated-image
{
	margin: -160px 0;
}

.lp-module-2 .content .text
{
	padding-bottom: 60px;
}

.lp-module-2 .content .bottom-line
{
	height: 1px;
	width: 100%;
	background: #ccc9c9;
}

.lp-module-3
{
	background: #151515 url(images/lp-bg-1.png) left bottom no-repeat;
	color: #bababa;
	margin-bottom: 50px;
	overflow: hidden;
}

.lp-module-3 .content
{
	padding-top: 130px;
	padding-bottom: 130px;
}

.lp-module-3 h3
{
	color: #fff;
}

.lp-module-3 .image
{
	position: relative;
}

.lp-module-3 .image > div
{
	padding-left: 90px;
}

.lp-module-3 .image .animated-image img
{
	max-width: none;
}

.lp-module-4
{
	padding: 70px 0;
	background: #e2dede url(images/lp-bg-2.png) left 0 no-repeat;
	margin-bottom: 150px;
}

.lp-module-4 .content
{
	padding-top: 75px;
}

.lp-module-5
{
	margin-bottom: 150px;
}

.lp-module-5 .boxes > div:nth-child(3n+4)
{
	clear: left;
}

.lp-module-5 .boxes > div
{
	margin-bottom: 50px;
}

.lp-module-5 .boxes .box .title span
{
	display: block;
	font-weight: 400;
	position: relative;
	font-size: var(--font-small-size);
	padding-left: 6px;
	display: block;
	line-height: 16px;
	margin-bottom: 2px;
}

.lp-module-5 .boxes .box .title span:before
{
	content:'';
	position: absolute;
	left: 0;
	top: 7px;
	background: #151515;
	width: 3px;
	height: 1px;
}

.lp-module-5 .boxes .box .title
{
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	color: #151515;
	margin-bottom: 22px;
	position: relative;
	padding-bottom: 20px;
}

.lp-module-5 .boxes .box .title:before
{
	content:'';
	width: 48px;
	height: 2px;
	background: #151515;
	position: absolute;
	left: 0;
	bottom: 0;
}

.lp-module-5 .boxes .box .content
{
	min-height: 110px;
	margin-bottom: 30px;
}

.lp-module-5 .boxes .box .content *:last-child
{
	margin-bottom: 0;
}

.lp-module-5 .boxes .box .content p
{
	/*font-size: 16px;*/
	color: #565656;
	line-height: 21px;
}

.lp-module-5 .boxes .box .image
{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 330px;
	position: relative;
}

.lp-module-5 .boxes .box .image .opener
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 68px;
	height: 68px;
	background: #e3dfdf;
	cursor: pointer;
	z-index: 99;
}

.lp-module-5 .boxes .box .image .opener:before
{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/icon-open-1.png) center center no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lp-module-5 .boxes .box .image .opener:after
{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/icon-open-2.png) center center no-repeat;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lp-module-5 .boxes .box.open .image .opener:before
{
	opacity: 0;
}

.lp-module-5 .boxes .box.open .image .opener:after
{
	opacity: 1;
}

.lp-module-5 .boxes .box .image .cover
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 35px 25px;
	background: rgba(227, 223, 223, 0.8);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lp-module-5 .boxes .box.open .image .cover
{
	opacity: 1;
}

.lp-module-5 .boxes .box .image .cover p
{
	color: #131316;
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 15px;
}

.lp-module-6
{
	background: #151515;
	position: relative;
	padding-top: 130px;
	color: #bababa;
	margin-bottom: 5rem;
}

.lp-module-6:before
{
	content:'';
	background: url(images/lp-bg-3.jpg) center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	width: 680px;
	height: 100%;
	top: 0;
}

.lp-module-6 .image
{
	margin: -190px 0 -65px 0;
}

.lp-module-6 img
{	
	max-width: none;
}

.lp-module-7
{	
	background: #f5f4f2;
	margin-bottom: 5rem;
}

.lp-module-7 .container-fluid
{	
	padding: 20;
}

.lp-module-7 .content
{
	padding-top: 10rem;
}

.lp-module-7 .col-sm-5
{
	padding-bottom: 120px;
}

.lp-module-7 .col-sm-5 > div {
	float: right;
	max-width: 430px;
	padding-left:30px;
}

.lp-module-7 .row
{
	position:relative;
	overflow: hidden;
}

.lp-module-7 .col-sm-6
{
	position: absolute;
	bottom: 0;
	right: 0;
}

@media only screen and (max-width: 578px) {
	.lp-module-7 .col-sm-5 > div {
		padding-left: 0;
		float: none;
	}
	.lp-module-7 .col-sm-5
	{
		padding-left: 30px;
		padding-bottom: 0;
	}
	.lp-module-7 .col-sm-6
	{
		position: static;
	}
}
.lp-module-8
{
	background: #151515 url(images/lp-bg-4.png) left bottom no-repeat;
	margin-bottom: 9.5rem;
}

.lp-module-8 .content
{
	padding-top: 17rem;
}

.lp-module-8 .image
{
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.lp-module-8 .image img
{
	margin-left: -5rem;
}

.lp-module-8 p
{
	color: #bababa
}

.lp-module-portfolio
{
	margin-bottom: 14rem;
	margin-left: -5px;
	margin-right: -5px;
}

.lp-module-portfolio .heading
{
	text-align: center;
	margin-bottom: 8.5rem;
}

.lp-module-portfolio .gallery
{
	margin: 0;
}

.lp-module-portfolio .gallery > div
{
	padding: 5px;
	overflow: hidden;
}

.lp-module-portfolio .gallery a
{
	display: block;
	height: 100%;
}
.lp-module-portfolio .col-md-3 img
{
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.lp-module-portfolio .col-md-6 img
{
	width: 100%;
	height: 600px;
	object-fit: cover;
}
@media only screen and (min-width: 769px) {
	.lp-module-portfolio .gallery
	{
		flex-wrap: wrap;
		display: flex;
	}
}
.lp-module-calc
{
	text-align: center;
	margin-bottom: 18rem;
}

.lp-module-calc .heading
{
	margin-bottom: 3rem;
}

.lp-module-calc .calc
{
	padding-top: 3rem;
}

.lp-module-calc .calc .item
{
	width: 20%;
	display: inline-block;
	font-size: 2rem;
	cursor: pointer;
	vertical-align: top;
}

.lp-module-calc .calc .item p
{
	margin: 0;
}

.lp-module-calc .calc .icons
{
	margin-bottom: 8rem;
}

.lp-module-calc .calc .icon
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 85px;
	margin-bottom: 2.5rem;
}

.lp-module-calc .calc .icon img
{
	max-height: 100%;
}

.lp-module-calc .calc .circle
{
	width: 2.4rem;
	height: 2.4rem;
	border: 1px solid #151515;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: block;	
	position: relative;
	background: #fff;
	margin: 0 auto;
	z-index: 10;
}

.lp-module-calc .calc .circle:before
{
	content:'';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	width: 1rem;
	height: 1rem;
	background: #151515;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}

.lp-module-calc .calc .item.active .circle:before
{
	opacity: 1;
}

.lp-module-calc .calc .circle-wrap
{
	position: relative;
	margin-bottom: 2rem;
}

.lp-module-calc .calc .circle-wrap:after
{
	content:'';
	position: absolute;
	top: 50%;
	height: 1px;
	width: 100%;
	left: 50%;
	top: 50%;
	background: #151515;
}

.lp-module-calc .calc .item:last-child .circle-wrap:after
{
	display: none;
}

.lp-module-calc .calc .results .price,
.lp-module-calc .calc .results .time
{
	width: 22rem;
	display: inline-block;
	vertical-align: top;
	color: #151515;
}

.lp-module-calc .calc .results .price p,
.lp-module-calc .calc .results .time p
{
	font-size: 1.8rem;
	margin-bottom: .5rem;
}

.lp-module-calc .calc .results .price span,
.lp-module-calc .calc .results .time span
{
	font-size: 2.5rem;
	font-weight: 900;
	display: block;
	position: relative;
	padding-bottom: 2rem;
}

.lp-module-calc .calc .results .price span:after,
.lp-module-calc .calc .results .time span:after
{
	content:'';
	width: 44px;
	height: 2px;
	background: #cccccc;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -22px;
}

.lp-module-special-offer
{
	background: #151515;
	padding: 4rem 0;
	position: relative;
	color: #fff;
	overflow: hidden;
	margin-bottom: 7.5rem;
}

.lp-module-special-offer .prev
{
	width: 5.4rem;
	height: 5.4rem;
	background: #faf7f7 url(images/arrow-1.svg) center center no-repeat;
	position: absolute;
	left: 45px;
	top: 50%;
	margin-top: -2.7rem;
	cursor: pointer;
}

.lp-module-special-offer .next
{
	width: 5.4rem;
	height: 5.4rem;
	background: #faf7f7 url(images/arrow-2.svg) center center no-repeat;
	position: absolute;
	right: 45px;
	top: 50%;
	margin-top: -2.7rem;
	cursor: pointer;
	z-index: 999;
}

.lp-module-special-offer .slider-1
{
	margin: 1rem 0 6rem 0;
}

.lp-module-special-offer .slider-1 .heading
{
	margin-bottom: 2.5rem;
}

.lp-module-special-offer .slider-1 .sub-heading
{
	font-size: 2rem;
	margin-bottom: 1rem;
}

.lp-module-special-offer .slider-2-wrap
{
	position: relative;
	width: calc(100% + 300px);
}

.lp-module-special-offer .slider-2-wrap:after
{
	content:'';
	width: 200px;
	height: 100%;
	background: #151515;
	position: absolute;
	right: 0;
	top: 0;
}

.lp-module-special-offer .slider-2 .slide
{
	padding-right: 30px;
}

.slider-nav .slick-dots li
{
	float: left;
	margin-right: 1.8rem;
}

.slider-nav .slick-dots div
{
	width: 1rem;
	height: 1rem;
	background: #2c2c2c;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.slider-nav .slick-dots .slick-active div
{
	background: #cccaca;
}

.slick-track *:focus
{
	outline: none;
}

.lp-module-contact
{
	background: #faf8f8;
	position: relative;
}

.lp-module-contact > div
{
	position: relative;
}

.lp-module-contact > div:after
{
	content:'';
	width: 410px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: #151515 url(images/logo-sygnet.svg) right 35px bottom 35px no-repeat;
}

.lp-module-contact > div:before
{
	content:'';
	width: 157px;
	height: 283px;
	background: url(images/lp-bg-6.png);
	position: absolute;
	top: -30px;
	right: -50px;
	z-index: 999;
}

.lp-module-contact:before
{
	content:'';
	width: 15px;
	height: 100%;
	background: #151515;
	position: absolute;
	left: 0;
	top: 0;
}

.lp-module-contact:after
{
	content:'';
	width: 635px;
	height: 794px;
	background: url(images/lp-bg-5.png);
	position: absolute;
	top: 100%;
	left: -220px;
	margin-top: -450px;
}
@media only screen and (max-width: 1750px) {
	.lp-module-contact:after {
		margin-top: -150px;
		background-size: 60%;
		left: -140px;
		background-repeat: no-repeat;
	}
}
.lp-module-contact p
{
	color: #151515;
}

.lp-module.lp-module-contact a
{
	font-size: 2rem;
	text-transform: none;
	text-decoration: none;
}

.lp-module-contact .content
{
	padding-top: 18rem;
	padding-bottom: 22rem;
}

.lp-module-contact .form
{
	padding-top: 9rem;
	padding-bottom: 9rem;
}

.lp-contact-form label
{
	font-size: 1.4rem;
	color: #151515;
	font-weight: 400;
	margin: 0 0 .5rem 0;
	padding: 0;
	display: block;
}

.lp-contact-form p
{
	margin-bottom: 1rem;
}

.lp-contact-form input[type=text],
.lp-contact-form input[type=email],
.lp-contact-form textarea
{
	border: 1px solid #b8b5b5;
	background: #fff;
	width: 100%;
	color: #151515;
	font-size: 1.8rem;
	font-weight: 700;
	background: #fff;
	padding: 1.5rem 3rem;
}

.lp-contact-form textarea
{
	display: block;
	resize: none;
	height: 14.5rem;
}

.lp-contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: 300;
}
.lp-contact-form ::-moz-placeholder { /* Firefox 19+ */
  font-weight: 300;
}
.lp-contact-form :-ms-input-placeholder { /* IE 10+ */
  font-weight: 300;
}
.lp-contact-form :-moz-placeholder { /* Firefox 18- */
  font-weight: 300;
}

.lp-contact-form .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn
{
	color: rgba(21, 21, 21, 0.7);
	box-shadow: none;
	background: none;
	text-decoration: underline;
	border: none;
	padding: 0;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.5rem;
}

.lp-contact-form .codedropz-upload-handler
{
	border: 1px dashed #d6d3d3;
}

.lp-contact-form .codedropz-upload-inner h3
{
	float: left;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.5rem;
	margin: 0 5px 0 0;
	color: rgba(21, 21, 21, 0.7);
}

.lp-contact-form .codedropz-upload-inner span
{
	float: left;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.5rem;
	color: rgba(21, 21, 21, 0.7);
	margin: 0 5px 0 0;
}

.lp-contact-form .codedropz-btn-wrap
{
	float: left;
	line-height: 2.5rem;
}

.lp-contact-form .codedropz-upload-inner:after
{
	content:'';
	clear: both;
	height: 1px;
	display: block;
}

.lp-contact-form .files
{
	margin-bottom: 2rem;
}

.lp-contact-form .wpcf7-submit
{
	background: #151515 url(images/bg-submit.png) right 20px center no-repeat;
	font-size: 1.6rem;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding: 1.3rem 3rem;
	min-width: 26rem;
	border: none;
	text-align: left;
}

.lp-module h3
{
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;	
}

.lp-module a
{
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 1.6rem;
}

.image-with-caption
{
	position: relative;
}

.image-with-caption .caption
{
	position: absolute;
	font-size: var(--font-small-size);
	color: #151515;
	right: 0;
	bottom: 60px;
}

.page-template-landing-page #social-links
{
	right: 20px;
}

.module *:last-child
{
	margin-bottom: 0;
}

.to-anim
{
	opacity: 0;
	position: relative;
}

.module-4-12-8-12,
.module-6-12-6-12
{
	margin-bottom: 145px;
}

.module-big-photo
{
	text-align: center;
	margin-bottom: 100px;
}

.module-big-photo img
{
	display: inline-block;
}

.module-gallery
{
	margin-bottom: 100px;
}

.module-gallery .row > div
{
	margin-bottom: 30px;
}

.module:last-child
{
	margin-bottom: 0;
}

.module-big-share
{
	padding: 190px 0 130px 0;
	text-align: center;
}

.module-big-share .social-share ul
{
	margin-bottom: 30px;
}

.module-big-share .social-share ul li 
{
	float: none;
	display: inline-block;
	margin: 0 20px;
	padding: 0;
}

.module-big-share .social-share ul li:before
{
	display: none;
}

.module-big-share .social-share ul li a
{
	border: 2px solid #000;
	width: 90px;
	height: 90px;
	font-size: 42px;
	color: #000;
}

.module-big-share .social-share ul li a:hover
{
	color: #fff;
	background: #000;
}

.module-big-share p
{
	font-size: 1.8rem;
	color: #151515;
	font-weight: 700;
	letter-spacing: .02em;
}

.next-case
{
	margin: 0 102px;
	height: 450px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.next-case h4
{
	color: #fff;
	font-size: 42px;	
	margin-bottom: 10px;
}

.next-case p
{
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0;
	color: #fff;
}

.next-case:before
{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(21, 21, 21, 0.6);
}

.next-case .container
{
	position: relative;
	z-index: 10;
	text-align: center;
}


/*  ==========
	Footer
*/
#footer
{
	position: relative;	
	padding-top: 10px;
	margin-bottom: 150px;
}

#footer p:last-child
{
	margin: 0 0 15px 0;
}

#footer:after
{
	content:'';
	width: 1px;
	height: 100%;
	background: #151515;
	position: absolute;
	left: 50%;
	top: 0;
}

#footer .col-2
{
	padding-left: 150px;
}


#footer ul {list-style: none;}
#footer ul li {margin-bottom: .5rem;}

#menu-footer
{
	font-size: var(--font-small-size);
	font-weight: 700;
	padding-bottom: 42px;
}

#menu-footer li
{
	float: left;
	display: block;
	width: 33.333333%;
	line-height: 20px;
	margin-bottom: 28px;
}

#menu-footer li a
{
	color: #565656;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#menu-footer li a:hover
{
	color: #151515;
}

#menu-footer .current-menu-item a
{
	color: #151515;
	border-bottom: 1px solid #151515;
}

#copyrights
{
	font-size: var(--font-small-size);
	color: #565656;
}

#copyrights span:first-child
{
	width: 33.3333%;
	float: left;
}

#copyrights span:last-child
{
	float: left;
	width: 66.66666%;
}

#copyrights img
{
	vertical-align: 0px;
	margin: 0 5px;
	display: inline-block;
}

#logo-footer
{
	float: left;
	display: block;
	margin: 20px 0 0 55px;
	text-align: center;
}

#logo-footer img
{
	width: 102px;
	height: auto;
	display: inline-block;
	margin: 0 0 28px 0;
}

#logo-footer div
{
	color: #6d7177;
	font-size: var(--font-small-size);
	text-transform: uppercase;
	line-height: 16px;
	margin-top: -3px;
	letter-spacing: 0.04em;
	font-weight: 300;
}

#logo-footer strong
{
	display: block;	
	margin-bottom: 11px;
	letter-spacing: 0.08em;
}

.footer-contact
{
	float: left;
	margin-left: 80px;
	font-size: var(--font-small-size);
	color: #565656;
}

.footer-contact p
{
	line-height: 20px;
	margin-bottom: 20px;
}
/*  ==========
	Footer END
*/



h1,h2,h3,h4,h5,h6
{
color: #151515;
margin: 0 0 25px 0;
font-weight: 700;
line-height: normal;
}

#content .title a
{
text-decoration: none;
font-style: normal;
}

h1
{
font-size: 28px;
}

h2
{
font-size: 24px;
}

h3
{
font-size: 20px;
}

h4
{
font-size: 16px;
}

ul
{
list-style-type: none;
padding: 0;
margin: 0;
line-height: 23px;
}

p
{
margin: 0 0 25px 0;
line-height: 24px;
}

a, a:hover, a:focus
{
color: inherit;
text-decoration: none;
}

input:focus, textarea:focus
{
	outline: none;
}

img
{
max-width: 100%;
height: auto;
border: 0;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* stuff for multifile plugin */
.codedropz-btn-wrap {
	line-height: 30px;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
	color: #333;
	background: #f1f1f1;
	box-shadow: 0 1px 0 #ccc;
	padding: 5px 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	transition: 0.1s all;
}

.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:hover {
	background: #fafafa;
	border-color: #999;
	color: #23282d;
}
.codedropz-upload-handler {
	background-color: #fcfcfc;
}
.codedropz-upload-inner h3 {
	font-size: 18px;
}

/* pop-up in footer */
.pop-up-class {
	position: fixed;
	margin: 5% auto;
	left: 0;
	right: 0;
	top: 0px;
	max-height: 750px;
	overflow-y: scroll;
}

.div-for-background {
	width: 100%;
	height: 100%;
	position: fixed;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.3);
	top: 0;
	left: 0;
	z-index: 999;
}

.div-for-background img {
	cursor: pointer;
	height: 20px;
	width: 20px;
}
.close-image-div {
	float: right;
	padding: 15px;
	margin-top: -60px;
}
.pop-up-class .contact-form {
	padding: 0 70px;
}
.image-to-change-width {
	max-width: 100% !important;
}

/* for facebook chat */
.fb_dialog.fb_dialog_advanced {
	bottom: 65pt !important;
    right: 5pt !important;
}

/* for pop-ups */
.div-for-background-pop-up {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
	background-color: rgba(0,0,0,.3);
    top: 0;
    left: 0;
    z-index: 1100;
}
.special-pop-up-class {
	padding: 115px 75px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    min-height: 400px;
	max-width: 500px;
	height: 400px;
	background-color: #fff;
	position: fixed;
	margin: 15% auto;
	overflow: hidden;
	text-align: center;
	left: 0;
	right: 0;
	top: 0;
	border: 1px solid #000;
	-webkit-box-shadow: 11px 11px 15px 0px rgba(10,10,10,.4);
	-moz-box-shadow: 11px 11px 15px 0px rgba(10,10,10,.4);
	box-shadow: 11px 11px 15px 0px rgba(10,10,10,.4);
}
.special-pop-up-class .close-image-div img {
	height: 20px;
	float: right;
	margin-top: -55px;
	margin-right: -75px;
	cursor: pointer;
}
.special-pop-up-class p {
	font-size: 2.15rem;
}
.special-pop-up-class .phone a,
.special-pop-up-class .phone span {
	font-size: 1.8rem;
	font-weight: 600;
}
.special-pop-up-class .cta-button-wrap:last-of-type {
	padding-top: 15px;
	cursor: pointer;
}
.special-pop-up-class .phone .cta-button-wrap {
	padding-top: 0;
}
.special-pop-up-class .pop-up-img {
	width: 70px;
	margin: 0 auto 20px;
}
.projekty {
	margin: 5px;
	text-align: center;
}

.partners
{
	margin-left: -6.5rem;
	margin-right: -6.5rem;
}

.partners > div
{
	padding-left: 6.5rem;
	padding-right: 6.5rem;
	margin-bottom: 15rem;
}

.partners > div:nth-child(3n+4)
{
	clear: left;
}

.partners a
{
	display: block;
}

.partners .logo
{
	display: flex;
	align-items: center;
	margin-bottom: 4rem;
	height: 15rem;
}

.partners .logo img
{
	max-height: 100%;
}

.partners a h5
{
	font-size: 1.8rem;
	font-weight: 700;
	position: relative;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.partners a h5:after
{
	content:'';
	width: 5rem;
	height: .2rem;
	background: #151515;
	position: absolute;
	bottom: 0;
	left: 0;
}

.page-template-partnerzy .contact-cta
{
	padding-top: 10rem;
}

.third-box .caption.bottom {
    left: 10px !important;
}

.teaser .animated-image {
    top: -180px;
}

#social-sources .row .col-lg-4 + .col-lg-4 > div > span {
	box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.3); border: 0; border-radius: 0;
}

/* Shop new */
.single-product .wc-tabs { display: none; }

@media (max-width: 767px) {
	.woocommerce-tabs .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: 100%; }
}


.single-product input.qty { display:none; height: 48.8438px; color: #000; }

.lp-add-to-cart { padding-bottom:10px; border-bottom: 1px solid #ccc; }
.lp-add-to-cart .add_to_cart_inline { border: 1px solid #000!important; text-align: center; }
.lp-add-to-cart .woocommerce-Price-amount { padding-right:25px; }

#page-header-wc { margin-top:180px; }
#content.content-wc { margin-top:0; }
#content.content-wc #page-content { padding:0; }

#payment.woocommerce-checkout-payment .validate-required input[type=checkbox] { position:relative; }
.woocommerce-checkout .create-account input[type=checkbox] { position:relative; }

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background-color: #000;
    color: #fff;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #333;
    color: #fff;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #000;
    color: #fff;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #333;
    color: #fff;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	color:#fff;
}



.woocommerce div.product p.price, .woocommerce div.product span.price {color: #fff; font-size: 3.1rem; line-height: 3.1rem; margin-top: 1rem}
.woocommerce ul.products li.product .price {color:  #151515; font-size: 1.75rem;}



.woocommerce .products ul,
.woocommerce ul.products {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 3.8%;}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {content: none !important;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {width: 100% !important; float: none; display: flex; flex-direction: column;}
.woocommerce ul.products li.product > .woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product > .woocommerce-LoopProduct-link {display: flex; flex-direction: column; flex-grow: 1;}
.woocommerce ul.products li.product .text,
.woocommerce-page ul.products li.product .text {flex-grow: 1;}

@media (max-width: 992px) {
    .woocommerce .products ul,
    .woocommerce ul.products {display: grid; grid-template-columns: 1fr 1fr;}
}

@media (max-width: 650px) {
    .woocommerce .products ul,
    .woocommerce ul.products {display: block;}
}

/* Landing Page New */

.button-black
{
	background: #151515;
	font-size: 1.6rem;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding: 1.3rem 5rem;
	border: none;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

@media (max-width: 700px) {
	.button-black {font-size: 1.2rem; padding: 1.3rem 2rem;}
}

.circle-line-l, .circle-line-r
{
	position: relative;
	height: 50px;
}

.circle-line-l hr
{
	border-top: 1px solid #7B7B7B;
	width: 150px;
	margin: 0;
	margin-left: 70px;
}

.circle-line-l:before {
	content: "";
	width: 50px;
	height: 50px;
	background: transparent;
	border: 1px solid #7B7B7B;
	border-radius: 100%;
	position: absolute;
	top: -25px;

}


.circle-line-r hr
{
	border-top: 1px solid #7B7B7B;
	width: 150px;
	margin: 0;
}

.circle-line-r:after {
	content: "";
	width: 50px;
	height: 50px;
	background: transparent;
	border: 1px solid #7B7B7B;
	border-radius: 100%;
	position: absolute;
	top: -25px;
	left: 170px;
}

.circle-line-up
{
	position: relative;
	height: 170px;
}

.circle-line-up hr
{
	border-left: 1px solid #7B7B7B;
	height: 150px;
	width:1px;
	margin: 0;
	margin-bottom: 70px;
}

.circle-line-up:after {
	content: "";
	width: 50px;
	height: 50px;
	background: transparent;
	border: 1px solid #7B7B7B;
	border-radius: 100%;
	position: absolute;
	left: -25px;

}


/*.lpn-slider .slick-dots { display: block; position:absolute; bottom: 20px; left: 50%; transform: translate(-50%, -50%); }
.lpn-slider .slick-dots li { display: inline-block; padding:5px; }
.lpn-slider .slick-dots button { background: #fff; border: 1px solid #F7F7F7; width: 30px; height: 30px; border-radius: 100%; text-indent: -9999px; }
.lpn-slider .slick-dots li:hover button, .lpn-slider .slick-dots li.slick-active button { background: #ccc; }*/

/*.lpn-module-5 .slick-pager { display: block; position:absolute; bottom: 20px; left: 50%; transform: translate(-50%, -50%); }
.lpn-module-5 .slick-pager li  { display: inline-block; padding:5px; }
.lpn-module-5 .slick-pager li button { background: #fff; border: 1px solid #F7F7F7; width: 30px; height: 30px; border-radius: 100%; text-indent: -9999px; }
.lpn-module-5 .slick-dots li:hover button, .lpn-module-5 .slick-dots li.slick-active button { background: #ccc; }*/

.star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #000;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: var(--font-small-size);
}
.star:before, .star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #000;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star:after {
  transform: rotate(35deg);
}

.page-template-landing-page-new
{
	background: #fff;
}

body.single-product .lpn-modules p.price, body.single-product .lpn-modulesspan.price { color: #fff; }
body.single-product .lpn-modules div.quantity { display:none; }

.content-lp
{
	max-width: 1940px;
	margin: 0 auto;
}

.lpn-modules
{
	padding: 0 50px;
}

@media (max-width: 700px) {
	.lpn-modules {padding: 0 24px;}
}

.lpn-module
{
	color: #565656;
}

.lpn-module .animated-image
{
	display: inline-block;
}

.lpn-module .animated-image img, .lpn-module .animated-image .caption
{
	opacity: 0;
}


.lpn-module p
{
	font-size: 20px;
	line-height: 28px;
}

.lpn-module *:last-child
{
	margin-bottom: 0;
}

.lpn-module .container
{
	position: relative;
	z-index: 10;
}

.lp-module .heading
{
	margin-bottom: 40px;
	font-weight: 900;
	position: relative;
}

.lp-module .heading-1
{
	font-size: 52px;
	line-height: 48px;
}

.lp-module .heading-2
{
	font-size: 42px;
	line-height: 42px;
}


.lpn-module-1 .heading
{
	margin-bottom: unset;
	font-weight: unset;
	position: unset;
}

.lpn-module-1 .heading-1
{
	font-size: 55px;
	line-height: 55px;
}

.lpn-module-1 .heading-2
{
	font-size: 52px;
	line-height: 80px;
}

@media (max-width: 700px) {
	.lpn-module-1 .heading-2 {font-size: 50px;}
}

.lpn-module-1 .heading-3
{
	font-size: 18.5px;
	line-height: 22.5px;
}

.lpn-module-1 .heading-4
{
	font-size: 95px;
	line-height: 114px;
	margin-left: 200px;
	margin-top: -40px;
	opacity: .4;
}

@media (max-width: 1000px) {
	.lpn-module-1 .heading-4 {margin-left: 20%; font-size: 60px;}
}

.lpn-module .heading.white
{
	color: #fff;
}

.lpn-module-1
{
	position: relative;
	background-size: cover;
	background-position: center center;
	min-height: 730px;
	padding: 150px 0 120px 0;
	color: #fff;
	margin-bottom: 120px;
}

.lpn-module-1:before
{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(21, 21, 21, 0.5);
}

.lpn-module-1 .text
{
	padding-bottom: 30px;
}

.lpn-module-2
{
	margin-bottom: 110px;
	position: relative;
}

.lpn-module-2:before
{
	content: '';
    background: #F7F7F7;
    position: absolute;
    left: 0;
    width: 30%;
    height: 70%;
    top: 0;
}

.lpn-module-2 .container-inner
{
	position: relative;
}

.lpn-module-2 .animated-image
{
	margin: -160px 0;
}

.lpn-module-2 .content .text
{
	padding-bottom: 60px;
}

@media (max-width: 767px) {
	.lpn-module-2 .image + .col-sm-offset-1,
	.lpn-module-3 .left-col + .right-col {margin-top: 60px;}
}


.lpn-module-3
{
	color: #bababa;
	margin-bottom: 50px;
	overflow: hidden;
}
.lpn-module-3 .left-col { background: rgba(0, 0, 0, 0.9); padding: 100px 40px; }
.lpn-module-3 .right-col img { max-height:580px; width: auto;}

.lpn-module-3 .text
{
	padding-bottom: 60px;
}

.lpn-module-3 h3
{
	color: #fff;
}


.lpn-module-4
{
	padding: 10px 0;
	margin-bottom: 50px;
}

.lpn-module-4 .lpn-slider {width: 100vw; position: relative; left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.lpn-module-4 .heading-2
{
	font-size: 42px;
	line-height: 42px;
	text-align: center;
}

.lpn-module-4 .slick-list
{
	max-height:450px;
}

.lpn-module-5
{
	color: #bababa;
	margin-bottom: 50px;
	overflow: hidden;
}

.lpn-module-5 .heading-2
{
	font-size: 42px;
	line-height: 42px;
	text-align: left;
}

.lpn-module-5 .circle-line-up { margin-left:60%; }
.lpn-module-5 .circle-line-up hr { height: 70px; margin-bottom: 20px; }

.lpn-module-5 .left-col { background: rgba(0, 0, 0, 0.9); padding: 30px 40px; min-height: 400px; }
.lpn-module-5 .right-col img { max-height:600px; }

.lpn-module-5 .text p {	font-size: 18px; }

.lpn-module-5 .abs-slider { position:relative; }
.lpn-module-5 .lpn-slider-ext { width:400px; height:400px; }
.lpn-module-5 .slider-2-wrap { position: absolute; top: 100px; left: -150px; z-index: 99; }
.lpn-module-5 .slick-list { filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 4px 10px); }

@media only screen and (max-width: 993px) {
	.lpn-module-5 .left-col { min-height: 250px; }
	.lpn-module-5 .slider-2-wrap{ position:relative; margin: 20px 0; left:0; top:10px; }
	.lpn-module-5 .lpn-slider-ext { width: 400px; height: unset; margin: 0 auto; }
	.lpn-module-5 .circle-line-up { margin-left:80%; }
}

.lpn-module-6
{
	margin-bottom: 150px;
}

.lpn-module-6 .heading-2
{
	font-size: 42px;
	line-height: 42px;
}

.lpn-module-6 .boxes > div:nth-child(3n+4)
{
	clear: left;
}

.lpn-module-6 .boxes > div
{
	margin-bottom: 50px;
}

.lpn-module-6 .boxes .box .title span
{
	display: block;
	font-weight: 400;
	position: relative;
	font-size: var(--font-small-size);
	padding-left: 6px;
	display: block;
	line-height: 16px;
	margin-bottom: 2px;
}

.lpn-module-6 .boxes .box .title span:before
{
	content:'';
	position: absolute;
	left: 0;
	top: 7px;
	background: #151515;
	width: 3px;
	height: 1px;
}

.lpn-module-6 .boxes .box .title
{
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	color: #151515;
	margin-bottom: 22px;
	position: relative;
	padding-bottom: 20px;
}

.lpn-module-6 .boxes .box .title:before
{
	content:'';
	width: 48px;
	height: 2px;
	background: #151515;
	position: absolute;
	left: 0;
	bottom: 0;
}

.lpn-module-6 .boxes .box .content
{
	min-height: 110px;
	margin-bottom: 30px;
}

.lpn-module-6 .boxes .box .content *:last-child
{
	margin-bottom: 0;
}

.lpn-module-6 .boxes .box .content p
{
	font-size: 16px;
	color: #565656;
	line-height: 21px;
}

.lpn-module-6 .boxes .box .image
{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 330px;
	position: relative;
}

.lpn-module-6 .boxes .box .image .opener
{
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 68px;
	height: 68px;
	background: #313131;
	color: #fff;
	cursor: pointer;
	z-index: 99;
}

.lpn-module-6 .boxes .box .image .opener:before
{
	content:'+';
	font-size: 52px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	/*background: url(images/icon-open-1.png) center center no-repeat;*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lpn-module-6 .boxes .box .image .opener:after
{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/icon-open-2.png) center center no-repeat;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lpn-module-6 .boxes .box.open .image .opener:before
{
	opacity: 0;
}

.lpn-module-6 .boxes .box.open .image .opener:after
{
	opacity: 1;
}

.lpn-module-6 .boxes .box .image .cover
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 35px 25px;
	background: rgba(227, 223, 223, 0.8);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lpn-module-6 .boxes .box.open .image .cover
{
	opacity: 1;
}

.lpn-module-6 .boxes .box .image .cover p
{
	color: #131316;
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 15px;
}

.lpn-module-7
{
	position: relative;
	padding-top: 130px;
	color: #bababa;
	margin-bottom: 5rem;
}

.lpn-module-7 .image
{
	margin: -190px 0 -65px 0;
}

.lpn-module-7 img
{	
	max-width: 100%;
}

.lpn-module-7 .content
{
	background: #151515;
	padding: 100px 40px;
}
.lpn-module-7 .text
{
	padding-bottom: 50px;
}

.lpn-module-9
{
	margin-bottom: 150px;
	position:relative;
}

.lpn-module-9 .heading-2
{
	font-size: 42px;
	line-height: 42px;
	text-align: right;
	margin-bottom:60px;
}

.lpn-module-9 .box
{
	padding: 20px;
	padding-top: 50px;
	border: 1px solid #ccc;
	min-height: 485px;
	background: #fff;
	margin-top: 20px;
}

.lpn-module-9 .box:before
{
	content: '”';
	font-size:86px;
	font-family: serif;
	color: #000;
	position: absolute;
    top: -10px;
}

.lpn-module-9 .title
{
	font-size: 24px;
}

.lpn-module-9 .rating
{
	margin-top: 30px;
	margin-bottom: 30px;
}


.lpn-module-9 .bg_layer { position: absolute; bottom:-100px; width:100%; }
.lpn-module-9 .bg_layer1 { background: #EDEDED; height:480px; margin-top: 260px; }
.lpn-module-9 .bg_layer2 { background:#181717; height: 200px; margin-top: 600px; }

@media only screen and (min-width: 769px) {
	.lpn-module-9 .star { font-size: 10px; }
}

.lpn-module-portfolio
{
	margin-bottom: 14rem;
	margin-left: -5px;
	margin-right: -5px;
}

.lpn-module-portfolio .heading-2
{
	font-size: 42px;
	line-height: 42px;
	text-align: center;
}

.lpn-module-portfolio .gallery
{
	margin: 0;
}

.lpn-module-portfolio .gallery > div
{
	padding: 5px;
	overflow: hidden;
}

.lpn-module-portfolio .gallery a
{
	display: block;
	height: 100%;
}
.lpn-module-portfolio .col-md-3 img
{
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.lpn-module-portfolio .col-md-6 img
{
	width: 100%;
	height: 600px;
	object-fit: cover;
}

@media only screen and (min-width: 769px) {
	.lpn-module-portfolio .gallery
	{
		flex-wrap: wrap;
		display: flex;
	}
}

@media (max-width: 767px) {
	.lpn-module-portfolio .col-md-6 img
	{
		width: 100%;
		height: auto;
	}
}



.lpn-module-11
{
	margin-bottom: 150px;
	position:relative;
}

.lpn-module-11 .heading-2
{
	font-size: 42px;
	line-height: 42px;
	text-align: left;
	margin-bottom:60px;
}

.lpn-module-11 .box
{
	padding: 20px 30px;
	padding-top: 20px;
	border: 1px solid #ccc;
	border-radius:5px;
	min-height: 415px;
	background: #fff;
	margin: 0 0 15px 15px;
	width: calc(33.333333333% - 15px);
	box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
	.lpn-module-11 .box {width: 100%; margin-left: 0;}
}
/*.lpn-module-11 .box:nth-of-type(3n+1) { margin-left:0; }
.lpn-module-11 .box:nth-of-type(3n+3) { margin-right:0; }*/

/*
.lpn-module-11 .box:nth-of-type(odd) { margin-left:0; }
.lpn-module-11 .box:nth-of-type(even) { margin-right:0; }
*/

.lpn-module-11 .title {
    font-size: 18px;
}

.lpn-module-11 .round-photo { margin-left: -15px; margin-bottom: 10px; }

.lpn-module-11 .round-photo img
{
	width:60px;
	height: auto;
	border-radius: 100%;
}

/*@media only screen and (max-width: 993px) {
	.lpn-module-11 .box { margin-left:0; margin-right:0; min-height: 270px; }
}*/


.lpn-module-contact
{
	background: #faf8f8;
	position: relative;
}

.lpn-module-contact > div
{
	position: relative;
}

.lpn-module-contact > div:after
{
	content:'';
	width: 410px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: #151515 url(images/logo-sygnet.svg) right 35px bottom 35px no-repeat;
}

.lpn-module-contact > div:before
{
	content:'';
	width: 157px;
	height: 283px;
	background: url(images/lp-bg-6.png);
	position: absolute;
	top: -30px;
	right: -50px;
	z-index: 999;
}

.lpn-module-contact:before
{
	content:'';
	width: 15px;
	height: 100%;
	background: #151515;
	position: absolute;
	left: 0;
	top: 0;
}

.lpn-module-contact:after
{
	content:'';
	width: 635px;
	height: 794px;
	background: url(images/lp-bg-5.png);
	position: absolute;
	top: 100%;
	left: -220px;
	margin-top: -450px;
}
@media only screen and (max-width: 1750px) {
	.lpn-module-contact:after {
		margin-top: -150px;
		background-size: 60%;
		left: -140px;
		background-repeat: no-repeat;
	}
}
.lpn-module-contact p
{
	color: #151515;
}

.lpn-module.lpn-module-contact a
{
	font-size: 2rem;
	text-transform: none;
	text-decoration: none;
}

.lpn-module-contact .content
{
	padding-top: 18rem;
	padding-bottom: 22rem;
}

.lpn-module-contact .form
{
	padding-top: 9rem;
	padding-bottom: 9rem;
}

.lpn-contact-form label
{
	font-size: 1.4rem;
	color: #151515;
	font-weight: 400;
	margin: 0 0 .5rem 0;
	padding: 0;
	display: block;
}

.lpn-contact-form p
{
	margin-bottom: 1rem;
}

.lpn-contact-form input[type=text],
.lpn-contact-form input[type=email],
.lpn-contact-form textarea
{
	border: 1px solid #b8b5b5;
	background: #fff;
	width: 100%;
	color: #151515;
	font-size: 1.8rem;
	font-weight: 700;
	background: #fff;
	padding: 1.5rem 3rem;
}

.lpn-contact-form textarea
{
	display: block;
	resize: none;
	height: 14.5rem;
}

.lpn-contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: 300;
}
.lpn-contact-form ::-moz-placeholder { /* Firefox 19+ */
  font-weight: 300;
}
.lpn-contact-form :-ms-input-placeholder { /* IE 10+ */
  font-weight: 300;
}
.lpn-contact-form :-moz-placeholder { /* Firefox 18- */
  font-weight: 300;
}

.lpn-contact-form .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn
{
	color: rgba(21, 21, 21, 0.7);
	box-shadow: none;
	background: none;
	text-decoration: underline;
	border: none;
	padding: 0;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.5rem;
}

.lpn-contact-form .codedropz-upload-handler
{
	border: 1px dashed #d6d3d3;
}

.lpn-contact-form .codedropz-upload-inner h3
{
	float: left;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.5rem;
	margin: 0 5px 0 0;
	color: rgba(21, 21, 21, 0.7);
}

.lpn-contact-form .codedropz-upload-inner span
{
	float: left;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.5rem;
	color: rgba(21, 21, 21, 0.7);
	margin: 0 5px 0 0;
}

.lpn-contact-form .codedropz-btn-wrap
{
	float: left;
	line-height: 2.5rem;
}

.lpn-contact-form .codedropz-upload-inner:after
{
	content:'';
	clear: both;
	height: 1px;
	display: block;
}

.lpn-contact-form .files
{
	margin-bottom: 2rem;
}

.lpn-contact-form .codedropz-upload-inner { width: auto; }

.lpn-contact-form .wpcf7-submit
{
	background: #151515 url(images/bg-submit.png) right 20px center no-repeat;
	font-size: 1.6rem;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding: 1.3rem 3rem;
	min-width: 26rem;
	border: none;
	text-align: left;
}

.lpn-module h3
{
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;	
}

.lpn-module a
{
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 1.6rem;
}



.page-template-projekty .grid-item p {height: 45px;}


.list {}
.list .list-items {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 2rem;}
.list .item {border-bottom: 1px solid #a7aaad; padding-bottom: 10px; display: flex; flex-direction: column;}
.list .item .post-thumb {display: block;}
.list .item .description {font-size: var(--font-small-size); color: #565656; flex-grow: 1;}
.list .item .description p {line-height: 15px;}
.list .item .title {color: #565656; font-size: 23px; line-height: 24px; font-weight: 700; margin-bottom: 10px; margin-top: 20px;}
.list .item .meta {font-size: var(--font-small-size); color: #565656;}
.list .item .meta .more {text-transform: uppercase;}
.list .list-nav {margin-top: 40px; text-align: center;}
@media (max-width: 767px) {
	.list .list-items {grid-template-columns: repeat(1, minmax(0, 1fr));}
}

.list--post .list-items {grid-template-columns: repeat(3, minmax(0, 1fr));}
.list--post .item .post-thumb img {aspect-ratio: 554 / 346; object-fit: cover;}
@media (max-width: 991px) {
	.list--post .list-items {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 600px) {
	.list--post .list-items {grid-template-columns: repeat(1, minmax(0, 1fr));}
}

.list--projekt {}
.list--projekt .item .post-thumb {position: relative;}
.list--projekt .item .post-thumb img {aspect-ratio: 554 / 346; object-fit: cover;}
.list--projekt .item .post-thumb span {position: absolute; bottom: -16px; width: 100%; font-size: var(--font-small-size); color: #151515; display: block; text-align: right;}



.section {}
.section .section-nav {font-size: var(--font-small-size); font-weight: 700; color: #595959; margin-bottom: 40px;}
.section .section-nav ul {display: flex; flex-wrap: wrap; gap: 0 55px;}
.section .section-nav ul a {display: block; border-bottom: 1px solid transparent; letter-spacing: 0.04em;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.section .section-nav ul a:hover {color: #151515;}
.section .section-nav ul .current > a {border-bottom-color: #151515; color: #151515;}


.wp-pagenavi {display: block; text-align: center;}
.wp-pagenavi .pages {display: block; border: 0; color: #565656;}
.wp-pagenavi  span,
.wp-pagenavi  a {margin: .5rem .25rem;}
.wp-pagenavi  .extend {border: 0; padding: 0;}
.wp-pagenavi .first,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextostslink,
.wp-pagenavi .last {border: 0;}