/*
Theme Name: CP Real Estate
Author: Venti
Author URI: http://venti.pl
Description: Theme by Venti
Version: 1.0
Text Domain: venti
*/
 
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Alignments
# Forms
# Lists
# Tables
# Links
# Layout
   ## Header
   ## Navigation
   ## Front Page
   ## Posts
   ## Pages
   ## Footer
   ## Breadcrumbs
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
    font-family: 'HKGrotesk';
    src: url('assets/fonts/HKGrotesk-Regular.woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'HKGrotesk';
    src: url('assets/fonts/HKGrotesk-Medium.woff');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family: 'HKGrotesk';
    src: url('assets/fonts/HKGrotesk-Bold.woff');
    font-weight:700;
    font-style:normal;
}

* {
	box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
    color: #333;
    font-family: 'HKGrotesk', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

a {
    text-decoration:none;
    color:#000;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
body {
    background: #fff;
	overflow-x: hidden;
}

.site-container {
    background: #fff url('assets/images/topmenu_bg.png') no-repeat right top;
	overflow-x: hidden;
}

.page-width {
    max-width: 1140px;
    margin: 0 auto;
}

.clear {
	clear: both;
}

#hamburger {
	position: absolute;
	top: 25px;
	right: 0;
}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

header {
	height: 102px;
}

header .logo {
    display: block;
	margin-top: 17px;
	height: 68px;
	float: left;
}

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


/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
/* Top menu */
header .mainmenu {
	margin-top: 15px;
	float: right;
}

header .mainmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

header .mainmenu ul li {
	display: block;
	margin: 0 20px;
	float: left;
}

header .mainmenu ul li a {
	display: inline-block;
	position: relative;
	height: 68px;
	line-height: 68px;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
}

header .mainmenu ul li a:after {
	display: block;
	content: attr(title);
	font-weight: bold;
	height: 0;
	padding: 0 1px;
	overflow: hidden;
	visibility: hidden;
}

header .mainmenu ul li:hover a,
.page header .mainmenu ul li.current-menu-item a,
.single header .mainmenu ul li.current-menu-item a {
	color: #23427a;
	font-weight: 700;
}


/* Mobile menu */
#mobile-nav,
#hamburger {
    display: none;
}

#hamburger {
    width: 40px;
    height: 40px;
	margin-top: 6px;
	margin-right: 30px;
}

#hamburger img {
    max-width: 100%;
}

.lang-switch {
	position: relative;
	height: 66px;
	margin-top: 15px;
	float: right;
}

.lang-switch .current {
	background: url('assets/images/arrow..png') no-repeat right top 33px;
	padding: 0 20px;
	line-height: 66px;
	text-transform: uppercase;
	cursor: pointer;
}

.lang-switch .dropdown {
	display: none;
	position: absolute;
	z-index: 99;
	top: 60px;
	background: #fff;
}

.lang-switch .dropdown a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 30px 0 20px;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/

.front-slider {
	position: relative;
	height: 536px;
}

.front-slider .owl-dots {
	display: block;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	width: 50%;
	margin: auto;
	text-align: center;
}

.front-slider .owl-dots .owl-dot {
	display: inline-block;
	background: transparent;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	padding: 0;
	border: 2px solid #fff;
	cursor: pointer;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.front-slider .owl-dots .owl-dot.active {
	background: #fff;
}

.front-slider .owl-nav {
	display: none;
}

.front-slider .owl-item {
	float: left;
}

.front-slider .owl-item .slide {
	height: 536px;
	background-position: left 35vw top;
	background-repeat: no-repeat;
	padding-top: 75px;
	overflow: hidden;
}

.front-slider .content-box {
	background: rgba(255, 255, 255, 0.78) url('assets/images/topmenu_bg.png') no-repeat right -320px top;
	padding-top: 80px;
	padding-bottom: 120px;
}

.front-slider .content-box .headline1 {
	color: #333941;
	font-size: 50px;
	font-weight: 700;
	font-family: 'Catamaran', sans-serif;
	text-transform: uppercase;
}

.front-slider .content-box .headline2 {
	margin-top: 42px;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
}

.front-strip {
	height: 34px;
}

.front-about {
	background: #333941 url('assets/images/sectionabout_bg.png') no-repeat left top;
	padding-top: 98px;
	padding-bottom: 92px;
}

.front-about .inner:before {
	content: '';
	display: block;
	width: 64px;
	height: 3px;
	background: #fff;
	margin-bottom: 15px;
}

.front-about .inner .title {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;
	text-transform: uppercase;
}

.front-about .inner .text {
	margin-top: 40px;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
	line-height: 30px;
}

.front-homeboxes {
	background: url('assets/images/homeboxes_bg.png') no-repeat right bottom -280px;
	padding: 45px 0;
}

.front-homeboxes .box {
	background-repeat: no-repeat;
	height: 451px;
	margin-bottom: 62px;
	padding-top: 91px;
}

.front-homeboxes .box-container.last .box {
	margin-bottom: 0;
}

.front-homeboxes .box.align-left {
	background-position: left top;
}

.front-homeboxes .box.align-right {
	background-position: right top;
}

.front-homeboxes .box .offset {
	background: rgba(255, 255, 255, 0.78);
	height: 273px;
}

.front-homeboxes .box .content-box {
	display: table;
	background: rgba(255, 255, 255, 0.78) url('assets/images/homebox_arrow.png');
	background-repeat: no-repeat;
	background-position: right 15px center;
	height: 273px;
}

.front-homeboxes .box .content-box .content-vcenter {
	display: table-cell;
	height: 113px;
	vertical-align: middle;
}

.front-homeboxes .box .content-box .title {
	color: #333941;
	font-size: 32px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.front-homeboxes .box .content-box .description {
	color: #333941;
	margin: 20px 0;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
}


/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/

.subpage-banner {
	height: 325px;
	padding-top: 75px;
	background-repeat: no-repeat;
	background-position: right top;
}

.subpage-banner .content-box {
	background: rgba(255, 255, 255, 0.78) url('assets/images/topmenu_bg.png') no-repeat right -400px top;
	height: 250px;
	padding-top: 45px;
	padding-left: 75px;
}

.subpage-banner .content-box .headline1 {
	color: #333941;
	font-size: 50px;
	font-weight: 700;
	font-family: 'Catamaran', sans-serif;
	text-transform: uppercase;
}

.subpage-banner .content-box .headline2 {
	margin-top: 42px;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
}

.content .inner {
	padding-bottom: 70px;
}

.content .inner .page-header {
	position: relative;
	color: #333941;
	margin: 65px 0;
	padding-bottom: 40px;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.content .inner .page-header:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #333941;
	width: 63px;
	height: 3px;
	margin: auto;
}

.content .inner h2 {
	color: #333941;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
}

.content .inner h3 {
	color: #333941;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.content .inner p {
	color: #333941;
	margin: 20px 0;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
	line-height: 30px;
}

.content .inner a {
	color: #333941;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Roboto Slab', sans-serif;
	text-decoration: underline;
}

.content .inner a:hover {
	text-decoration: none;
}

.content .inner a[href^=mailto] {
	font-weight: 300;
	text-decoration: none;
}

.content .inner img {
	max-width: 100%;
}

.content .inner > table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.content .inner > table.icons {
	margin: 50px 0;
}

.content .inner > table tbody {
	width: 100%;
}

.content .inner > table tbody td {
	vertical-align: middle;
}

.content .inner > table tbody td img {
	display: block;
	margin: auto;
}

.content .inner > table thead td {
	background: #333941;
	color: #fff;
	padding: 20px 35px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.content .inner > table tbody td {
	padding: 20px 35px;
	border-bottom: 1px solid #a9acaf;
	color: #333941;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
}

.content .inner > table.icons tbody td {
	border-bottom: none;
}

.content .inner ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.content .inner ol {
	margin: 0;
	padding-left: 15px;
}

.content .inner ul li,
.content .inner ol li {
	position: relative;
	padding-left: 15px;
	color: #333941;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
	line-height: 20px;
	margin-bottom: 10px;
}

.content .inner ol li {
	padding-left: 5px;
}

.content .inner ul li:before {
	content: '';
	display: block;
	position: absolute;
	left: 1px;
	top: 8px;
	background: #333941;
	width: 4px;
	height: 4px;
}

.content .inner .newslist .news {
	width: calc(50% - 65px);
	margin-left: 130px;
	margin-bottom: 80px;
	float: left;
}

.content .inner .newslist .news:nth-of-type(2n-1) {
	margin-left: 0;
	clear: both;
}

.content .inner .newslist .news img {
	margin-bottom: 15px;
}

.content .inner .newslist .news .title {
	display: block;
	color: #333941;
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'HKGrotesk', sans-serif;
	letter-spacing: 2px;
}

.content .inner .newslist .news .date {
	color: #333941;
	margin-bottom: 25px;
	font-size: 14px;
	font-weight: 700;
}

.content .inner .newslist .news .excerpt {
	color: #333941;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
	line-height: 30px;
	text-align: justify;
}

.content .inner .projectscontent h2 {
	letter-spacing: 2px;
}

.content .inner .projectlist {
	padding-top: 50px;
}

.content .inner .projectlist .project {
	margin-bottom: 80px;
}

.content .inner .projectlist .project img {
	width: 100%;
	height: 335px;
	margin-bottom: 20px;
	object-fit: cover;
}

.content .inner .projectlist .project .title {
	display: block;
	color: #333941;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'HKGrotesk', sans-serif;
	letter-spacing: 2px;
}

.content .inner .projectlist .project .excerpt {
	color: #333941;
	margin-bottom: 40px;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
	line-height: 30px;
	text-align: justify;
}

.content .inner .projectlist .project .more {
	display: table;
	background: url('assets/images/homebox_arrow.png') no-repeat center right;
	color: #333941;
	padding-right: 40px;
	font-size: 18px;
	font-weight: 700;
	font-family: 'HKGrotesk', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
}

.content .inner .post-gallery .photo {
	display: block;
	margin-bottom: 30px;
}

.content .inner .post-gallery .photo img {
	display: block;
	max-width: 100%;
}

.content #map {
	height: 471px;
}

.content .contact-lower {
	padding: 50px 0;
}

.content .contact-lower h2 {
	text-align: center;
}

.content #contact_form {
	text-align: center;
}

.content #contact_form .input {
	height: 50px;
	margin-bottom: 6px;
	padding: 0 15px;
	border: none;
	border-bottom: 3px solid #333941;
}

.content #contact_form textarea {
	height: 140px;
	padding: 15px;
	border: none;
	border-bottom: 3px solid #333941;
	resize: none;
}

.content #contact_form .input,
.content #contact_form textarea {
	width: 100%;
	max-width: 510px;
	color: #333941;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Slab', sans-serif;
}

.content #contact_form .submit {
	display: table;
	margin: 70px auto 0;
	background: transparent url('assets/images/homebox_arrow.png') no-repeat center right;
	border: none;
	height: 45px;
	line-height: 45px;
	padding: 0 40px 0 20px;
	color: #333941;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.content #contact_form .submit:after {

}

.pagination-box {
	display: table;
	margin: auto;
}

.pagination-box .number,
.pagination-box .arrow {
	display: block;
	background: #dedede;
	color: #fff;
	width: 30px;
	height: 30px;
	margin: 0 3px;
	line-height: 30px;
	text-align: center;
	text-decoration: none !important;
	font-size: 14px !important;
	font-family: 'Roboto Slab', sans-serif !important;
	float: left;
}

.pagination-box .number.active {
	background: #23429b;
}

#sitemap {
	padding: 50px;
}

#sitemap li {
	margin-bottom: 10px;
}

#sitemap li a:visited {
	color: #0000cc;
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

footer {
	background: #333941;
}

footer .upper {
	padding-top: 45px;
}

footer .upper .logo {
	display: block;
	margin: auto;
}

footer .upper .footermenu {
	padding: 50px 0;
}

footer .upper .footermenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

footer .upper .footermenu ul li {
	display: inline-block;
}

footer .upper .footermenu ul li a {
	display: block;
	color: #fff;
	padding: 0 20px;
	font-size: 15px;
	text-transform: uppercase;
}

footer .upper .footermenu ul li:hover a,
.page footer .upper .footermenu ul li.current-menu-item a,
.single footer .upper .footermenu ul li.current-menu-item a {
	text-decoration: underline;
}

footer .lower {
	border-top: 1px solid #50555c;
}

footer .lower .copyrights {
	line-height: 63px;
	float: left;
}

footer .lower .copyrights .copy {
	color: #fff;
	font-size: 13px;
	float: left;
}

footer .lower .copyrights .copy .sep {
	display: inline-block;
	margin: 0 10px;
}

footer .lower .copyrights .footermenu {
	float: left;
}

footer .lower .copyrights .footermenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

footer .lower .copyrights .footermenu ul:after {
	content: '';
	display: block;
	clear: both;
}

footer .lower .copyrights .footermenu ul li {
	display: block;
	margin-right: 20px;
	float: left;
}

footer .lower .copyrights .footermenu ul li a {
	display: block;
	color: #fff;
	font-size: 13px;
}

footer .lower .design {
	padding-top: 21px;
	float: right;
}

footer .lower .design span {
	display: block;
	color: #fff;
	padding-right: 15px;
	line-height: 20px;
	font-size: 13px;
	float: left;
}

footer .lower .design a {
	display: block;
	float: left;
}

footer .lower .design a img {
	display: block;
}

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs .breadcrumbs-list {
    margin: 0;
    padding: 0;
}

.breadcrumbs .breadcrumbs-list .breadcrumbs-item {
    display: inline-block;
    margin-right: 10px;
}

.breadcrumbs .breadcrumbs-list .breadcrumbs-item::after {
    content: "/";
    margin-left: 6px;
}

.breadcrumbs .breadcrumbs-list .breadcrumbs-item:last-child::after {
    content: none;
}


/*--------------------------------------------------------------
## RWD
--------------------------------------------------------------*/

@media (max-width: 1199px) {
	#mobile-nav {
		display: block;
	}

	.lang-switch {
		display: none;
	}

	.front-slider .owl-item .slide {
		background-position: right top;
	}

	.front-slider .content-box {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.front-slider .content-box .headline1,
	.subpage-banner .content-box .headline1 {
		font-size: 40px;
	}

	.front-slider .content-box .headline2,
	.subpage-banner .content-box .headline2 {
		margin-top: 25px;
	}

	.subpage-banner .content-box {
		background-image: none;
		height: auto;
		padding-bottom: 50px;
		padding-left: 20px;
	}

	.front-about {
		padding-left: 5%;
		padding-right: 5%;
	}

	.newslist {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media (max-width: 991px) {
	.front-slider,
	.front-slider .owl-item .slide {
		height: 335px;
	}

	.front-slider .owl-item .slide {
		padding-top: 40px;
	}

	.front-slider .content-box {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.front-homeboxes .box {
		padding-top: 50px;
	}

	.content .inner .newslist .news {
		width: 100%;
		margin-left: 0 !important;
		float: none;
	}

	.subpage-banner {
		height: auto;
	}

	.subpage-banner .content-box {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.content .inner .projectlist .project img {
		height: auto;
	}

	.content .inner .page-header:after {
		display: none;
	}
}

@media (max-width: 767px) {
	.front-slider,
	.front-slider .owl-item .slide {
		height: 250px;
	}

	.front-slider .content-box {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.front-slider .content-box .headline1,
	.subpage-banner .content-box .headline1 {
		font-size: 30px;
	}

	.front-slider .content-box .headline2,
	.subpage-banner .content-box .headline2 {
		margin-top: 15px;
		font-size: 18px;
	}

	.front-about {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.front-homeboxes .box {
		height: 285px;
	}

	.front-homeboxes .box .content-box {
		height: 190px;
	}

	footer .upper .footermenu ul li {
		display: block;
	}

	footer .upper .footermenu ul li a {
		padding: 20px;
	}
}

@media (max-width: 575px) {
	header .logo {
		height: 40px;
		margin-top: 30px;
	}

	.front-slider .content-box,
	.subpage-banner .content-box {
		background-image: none;
	}

	.front-slider .content-box .headline1,
	.subpage-banner .content-box .headline1 {
		font-size: 24px;
	}

	.front-slider .content-box .headline2,
	.subpage-banner .content-box .headline2 {
		margin-top: 5px;
		font-size: 14px;
	}

	.front-slider .owl-item .slide {
		padding-top: 15px;
	}

	.front-slider,
	.front-slider .owl-item .slide {
		height: 190px;
	}

	.front-homeboxes .box {
		height: auto;
		padding-top: 0;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	}

	.front-homeboxes .box .content-box .title {
		font-size: 25px;
		line-height: 30px;
	}

	footer .lower .copyrights {
		width: 100%;
		float: none;
	}

	footer .lower .copyrights .copy {
		width: 100%;
		text-align: center;
		float: none;
	}

	footer .lower .copyrights .copy .sep {
		display: none;
	}

	footer .lower .copyrights .footermenu {
		width: 100%;
		text-align: center;
		float: none;
	}

	footer .lower .copyrights .footermenu ul li {
		margin-right: 0;
	}

	footer .lower .design {
		display: table;
		margin: auto;
		padding: 30px 0;
		text-align: center;
		float: none;
	}

	.content .inner > table.icons tbody td {
		display: block;
		width: 100% !important;
	}

	.content .contact-lower {
		padding-left: 5%;
		padding-right: 5%;
	}
}