body 
{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	color: #023452;
}

input
{
	font-family: 'Josefin Sans', sans-serif;
}

input[type="text"],input[type="email"],input[type="number"], button, select, textarea
{
	-webkit-appearance : none;
	font-family: 'Josefin Sans', sans-serif;

}
h1, h2, h3, h4, h5, h6 {font-family: 'Josefin Sans', sans-serif;color: #023452;}

h2
{
	text-transform: uppercase;
	font-size: 2.5rem;
	line-height: 150%;
	font-weight: 400;
}

p, li, label
{
	margin: 1rem 0;
	font-weight: 300;
	font-size: 1.25rem;
	line-height: 150%;
}

a
{
	color: #023452;
}

label input[type='checkbox']
{
	margin:0;
	margin-right: 1rem;
}

.top-bar {
	background-color: #000;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
	z-index: 2000;
	position: relative;
	width: 100%;
	padding: 0 2rem;
	box-sizing: border-box;
}

.top-bar .top-bar-left {
	display: flex;
	flex-direction: row;
}

.top-bar .top-bar-left .top-bar-item {
	padding-left: 1rem;
	line-height: 40px;
	font-size: .9rem;
}

.top-bar .top-bar-left .top-bar-item a {
	color: #fff;
}

.top-bar .top-bar-right {
	display: flex;
	flex-direction: row;
}

.top-bar .top-bar-right .top-bar-item {
	padding-right: 1rem;
	line-height: 40px;
}

.top-bar .top-bar-right .top-bar-item a {
	color: #fff;
}

.top-bar a img
{
	height: 1rem;
	vertical-align: text-top;
}

/************************************* Header ***********************************/


/************************************* Footer ***********************************/


/************************************** Icons *************************************/
[class^="icon-"]{color: #029ae1;}
a .icon, a.icon{color: #029ae1;}
a .icon:hover, a.icon:hover{color: #A2A2A2;}

/**Contact page**/
.contact_details .icons-marker {color: #029ae1;}
/**Property list**/
#PropertyListRegion .property-list .icons{}

#PropertyListRegion .property-list-header
{
	background: #023452;
	color: #fff;
	padding: 2rem 0;
}

#PropertyListRegion .property-list-header > div
{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.maxw {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 2rem;
}

#PropertyListRegion .property-list-header span,
#PropertyListRegion .property-list-header span a
{
	display: inline-block;
	color: #fff;
	opacity: 0.7;
	font-weight: 300;
	margin-right: 1rem;
	font-size: 1.5rem;
}

#PropertyListRegion .property-list-header h1
{
	color: #fff;
	display: inline-block;
	font-weight: 300;
	font-size: 1.5rem;
}


/**************************************Buttons*********************************/

.btn, .navigation .lastItem a
{
	border: 0;
	background: #029ae1;
	color: #fff;
	border-radius: 1.5rem;
	height: 3rem;
	padding: 0 3rem;
	line-height: 3rem;
	text-transform: uppercase;
}

.navigation .lastItem a
{
	padding: 0 1rem;
}



/*********************************Property list**********************************/
#PropertyListRegion .property-list .property {
	background: rgba(98, 169, 63, 0.07);
	border: 1px solid #DBDBDB;
	background: #CCC;
	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(242,242,242,1) 59%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(59%,#F2F2F2));
	background: -webkit-linear-gradient(top, #CCC 0%,#F2F2F2 59%);
	background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(242,242,242,1) 59%);
	background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(242,242,242,1) 59%);
	background: linear-gradient(to bottom, #CCC 0%,#F2F2F2 59%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f2f2f2',GradientType=0 );
	border-bottom: 2px solid #000;
}
#PropertyListRegion .property-list .property:hover {border-bottom: 2px solid #029ae1;}
.sort .btn-group > .dropdown-toggle:hover{background: #029ae1;color: #FFF;}

/*********************************Pagination**********************************/
.pagination a{color:#023452;background: transparent;}

.pagination .disabled a, .pagination .disabled a:hover, .pagination a:hover{color: #FFF;background: #029ae1;}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu li > a:hover {background: #029ae1 !important;color: #fff !important;}
.sort .btn-group.open .btn.dropdown-toggle{	background: #029ae1;}

/*********************************Owner login**********************************/
#OwnerLoginRegion #MenuPeriod, #OwnerLoginRegion #PropertyContainer {background: #fff;}
#OwnerLoginRegion #PropertyContainer .tab-container table th, #OwnerLoginRegion #PropertyContainer .block-stat .title{	background: #029ae1;	color: white;}
#OwnerLoginRegion #MenuPeriod .period .time .anchor{background: #fff;}
#OwnerLoginRegion #MenuPeriod .period .time:hover .anchor, #OwnerLoginRegion #MenuPeriod .period .selected .anchor {background: #000;}
#OwnerLoginRegion #MenuPeriod .period .selected label, #OwnerLoginRegion #MenuPeriod .period .time:hover label {color: #000;}
#OwnerLoginRegion #PropertyContainer .tab-container table tr.row0 {	background: white;}
#OwnerLoginRegion #PropertyContainer .tab-container table tr.row1 {}
#OwnerLoginRegion #histories, #OwnerLoginRegion #MenuPeriod{background: #029ae1;padding: 10px;}
#user .user-info .icon {color: #029ae1;}
#graph{color: #029ae1;}
.bar {fill: #029ae1;}
/*********************************Camera caption**********************************/
#showcase-row .camera_caption > div p {	font-size: 25px;font-family: 'Josefin Sans', sans-serif;color: #029ae1;}

/*********************************Blog**********************************/
.itemContainer h3 a, .tagItemHeader h3 a, .genericItemHeader h3 a{color: #029ae1;}
#k2Container .componentheading {color: #029ae1;}
.itemDateCreated, .tagItemDateCreated, .genericItemDateCreated{color: #029ae1;}
#back a,.k2ReadMore{color: #029ae1 !important; }

/*********************************Construction**********************************/
#BuildingContainer .floor .row-floor {background: #029ae1;}
#ProjectRegion .group-container .group .caption,
#BuildingContainer .floor .caption,
#ProjectRegion .header,
#ProjectRegion #PriceList .constuctions li a:hover,
#ProjectRegion #PriceList .constuctions li a.active{
	color:#029ae1;
}
#BuildingContainer .floor .header-unit a{text-decoration: underline;
	color: #029ae1; }
	.ProjectRegion-tab .tab-item.is-active, .ProjectRegion-tab .tab-item:hover {
		border-top: 3px solid #029ae1;
	}
	/******************************** Property list ********************************/


	/******************************** Newest Object ********************************/


	a.button-hide {
		display: none !important;
	}

	a[class^=addthis_] span {display: none !important;}

	.page-category.page-category__services #system-readmore,
	.page-category.page-category__services #system-readmore ~ *,
	.page-item.page-item__services #system-readmore {
		display: none;
	}


	#copyright-row .row-container .mod-footer a {
		color: #FFFFFF;
	}

	#copyright-row
	{
		background-color: #484c53;
		padding-bottom: 4rem;
	}

	#copyright-row > div
	{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		color: #ccc;
	}

	#copyright-row p
	{
		font-size: 1rem;
	}

	#copyright-row a 
	{
		color: #ccc;
	}

	#copyright-row a:hover
	{
		text-decoration: underline;
	}

	#wrapper {
	}
	#recaptcha .grecaptcha-badge {
		position: static !important;
	}

	.page-featured__home
	{
		display: none;
	}

	.property-card
	{
		margin-bottom: 2rem;
		position: relative;
	}

	.property-card-image
	{
		position: relative;
		overflow: hidden;
	}

	.property-card-image img
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.property-card-image:after
	{
		content:'';
		padding-top: 66.66%;
		display: block;
	}

	.property-link
	{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
	}

	.flex
	{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		flex-wrap: wrap;
	}

	.flex > .col-sm-12
	{
		width: 100%;
	}

	.flex > .col-lg-3
	{
		max-width: 25%;
		flex-basis: 25%;
	}

	.flex > .col-lg-4
	{
		max-width: 33.33%;
		flex-basis: 33.33%;
	}

	.flex > .col-lg-6
	{
		max-width: 50%;
		flex-basis: 50%;
	}

	.flex > .col-lg-8
	{
		max-width: 66.66%;
		flex-basis: 66.66%;
	}

	.flex > .col-lg-9
	{
		max-width: 75%;
		flex-basis: 75%;
	}	

	.flex-align-center
	{
		align-items: center;
	}

	.flex-space-between
	{
		justify-content: space-between;
	}

	.flex-reverse
	{
		flex-direction: row-reverse;
	}

	.flex.flex-vertical
	{
		flex-direction: column;
		justify-content: space-between;
	}

	@media (max-width: 767px) {
		.flex > .col-lg-3, .flex > .col-lg-6,.flex > .col-lg-9
		{
			max-width: 100%;
			flex-basis: 100%;
		}
	}

	.mod-article-single__img-right .moasir-image
	{
		height: 100%;
	}

	.mod-article-single__img-right .moasir-image img 
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
		float: left;
	}

	.moasir-content
	{
		padding-left: 8rem;
		padding-right: 2rem;
	}

	.moasir-content h2
	{
		font-size: 2rem;
	}

	.moasir-content h3
	{
		text-transform: uppercase;
		font-size: 1rem;
		color: #029ae1;
		letter-spacing: 2px;
	}

	.cta1
	{
		position: relative;
		background-color: #f0faff;
		padding: 4rem 8rem;
	}

	.cta1 .flex
	{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.cta1 .flex > div
	{
		width: 47.5%;
	}

	.cta1 h2
	{
		font-size: 2rem;
		text-transform: none;
		font-weight: bold;
	}

	.cta h2
	{
		font-size: 2rem;
	}

	.formPhoneme input {
		display: inline-block;
		padding: 0 1rem;
		height: 3rem;
		line-height: 3rem;
		border-radius: 1.5rem;
		border: 3px solid #029ae1;
		background: transparent;
		margin-right: 2rem;
		margin-bottom: 0;
	}

	.formPhoneme button
	{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.werkwijze
	{
		text-align: center;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 4rem;
		padding-left: 4rem;
		padding-right: 4rem;
	}

	.werkwijze img
	{
		margin-bottom: 2rem;
		max-width: 35px;
	}

	.werkwijze h1
	{
		margin-bottom: 2rem;
		color: #029ae1;
		text-transform: uppercase;
	}

	.werkwijze h2 {
		text-transform: uppercase;
		color: #029ae1;
		font-size: 2rem;
		font-weight: bold;
	}

	.werkwijze h3
	{
		font-size: 2rem;
	}

	.werkwijze > .flex
	{
		justify-content: center;
		text-align: center;
	}

	.werkwijze .col-lg-5
	{
		max-width: 600px;
		text-align: left;

		flex-basis: 41.66667%;
	}

	.werkwijze .col-lg-2 {
		max-width: 16.66667%;
		flex-basis: 16.66667%;
		text-align: center;
	}

	.werkwijze .col-lg-12
	{
		max-width: 600px;
	}

	.werkwijze h2 {
		text-transform: uppercase;
		color: #029ae1;
		font-size: 2rem;
	}

	.contact-demand-container
	{
		background-color: #f0faff;
		padding: 4rem 0;
	}

	.contact-demand-container > div
	{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.contact-demand-container .flex > div:nth-child(2)
	{
		text-align: right;
	}

	.contact-demand-container > div > div
	{
		padding: 0.5rem;
		box-sizing: border-box;
	}

	.contact-demand-container .flex > div > img
	{
		max-width: 500px;
		width: 100%;
		margin-bottom: -4.5rem;
	}

	.contact-demand-container input[type="text"]
	{
		height: 3rem;
		width: 100%;
		font-size: 1rem;
		background-color: #eef4f5;
		border: 1px solid #dde3e6;
		border-radius: 5px;
		-webkit-transition: all .1s;
		transition: all .1s;
		padding-left: 15px;
		line-height: 2rem;
		box-sizing: border-box;
		border-radius: 1.5rem;
		background: transparent;
	}

	.contact-demand-container select
	{
		height: 3rem;
		width: 100%;
		background: transparent;
		border: 1px solid #dde3e6;
		border-radius: 1.5rem;
		line-height: 2rem;
		box-sizing: border-box;
		-webkit-transition: all .1s;
		transition: all .1s;
		padding-left: 15px;
	}

	.contact-demand-container .col-item
	{
		box-sizing: border-box;
		padding: 1rem 1rem 1rem 0;
	}

	.submit-btn-container
	{
		text-align: center;
	}

	.regio
	{
		max-width: 1200px;	
		margin: 6rem auto;
	}

	.regio h2
	{
		text-align: center;
		text-transform: none;
	}

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

	.regio li
	{
		list-style-type: none;
		font-size: 1.5rem;
		line-height: 1rem;
		position: relative;
		padding-left: 1.5rem;
		font-weight: 300;
	}

	.regio li:before
	{
		color: #029ae1;
		content: "\2022";
		font-size: 3rem;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -0.5rem;
	}

	#bottom-row
	{
		background: #484c53;
		padding: 0 0 4rem 0;
		position: relative;
	}

	#bottom-row:before
	{
		display: block;
		content:'';
		width: 100%;
		height: 1px;
		position: absolute;
		top: -1px;
		left:0;
		background: #484c53;
	}

	#bottom-row h3
	{
		color: #029ae1;
		text-transform: uppercase;
		font-size: 1.25rem;
	}

	#bottom-row ul
	{
		list-style-type: none;
		padding:0;
		margin: 0;
	}

	#bottom-row li, #bottom-row li a
	{
		color: #fff;
		font-size: 1rem;
	}

	#bottom
	{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	#bottom > div
	{
		margin-bottom: 2rem;
	}

	#bottom > div img
	{
		width: 100%;
		max-width: 250px;
	}

	#bottom .bottomflex
	{
		align-items: stretch;
	}

	#bottom .bottomflex > div
	{
		width: 25%;
	}

	#bottom .bottomflex > div h3
	{
		margin-top: 0;
	}

	#bottom .bottomflex > div:nth-child(3) .mod-custom__market h3
	{
		margin-top: 7.5rem;
	}

	#bottom .bottomflex > div:nth-child(4) .mod-custom__market h3
	{
		margin-top: 2.25rem;
	}

	

	#bottom .soc-icons
	{
		justify-content: space-between;
	}

	#bottom .soc-icons img
	{
		height: 1.5rem;
		width: auto;
	}

	.catslider 
	{
		margin: 6rem auto;
		max-width: 1200px;
	}

	.catslider h2
	{
		font-size: 1.5rem;
		text-transform: none;
		font-weight: 300;
		margin-bottom: 4rem;
	}

	.category_slider
	{
		position: relative;
	}

	.category_slider_item
	{
		padding: 4rem 6rem;
		background-color: #f7f7f8;
		position: relative;
		box-sizing: border-box;
	}

	.category_slider_item p
	{
		font-weight: 400;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.category_slider_item img
	{
		height: 1.25rem;
	}

	.category_slider_button
	{
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -2rem;
		margin-left: -2rem;
		z-index: 10;
	}

	.category_slider_button.category_slider_button_right
	{
		left: auto;
		right: 0;
		margin-left: auto;
		margin-right: -2rem;
	}

	.category_slider_button_icon
	{
		margin: 0;
		padding: 1rem;
		height: 2rem;
		width: 2rem;
		line-height: 2rem;
		background-color: #029ae1;
		border-radius: 50%;
		text-align: center;
		display: block;
	}

	.category_slider_button_icon img
	{
		height: 1.5rem;
		margin-top: 0;
		width: auto;
		color: #fff;
	}

	.category_slider_description
	{
		justify-content: space-between;
		align-items: center;
	}

	.category_slider_description p
	{
		font-size: 2rem;
		text-transform: uppercase;
		font-weight: bold;
	}

	.category_slider_description img
	{
		margin-bottom: 1rem;
		height: 20px;
	}

	.category_slider_description img:first-of-type
	{
		height: 30px;
	}

	.ctabottom
	{
		background-color: #f7f7f8;
		padding: 4rem 0;
	}

	.ctabottom > div
	{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.ctabottom > div img
	{
		max-width: 400px;
		width: 90%;
	}

	.ctabottom .btn
	{
		margin-bottom: 1rem;
	}

	.ctabottom > div h2
	{
		font-size: 1.5rem;
		font-weight: bold;
		text-transform: none;
	}

	.ctabottom > div p
	{
		font-weight: 400;
	}

	.view-article .page-item
	{
		margin: 0;
	}

	.itemid-315 .page-item,.view-article .page-item
	{
		max-width: 1200px;
		margin: 2rem auto;
	}

	.itemid-313 .page-item,
	.itemid-198 .page-item
	{
		display: none;
	}

	svg.bottomsvg
	{
		display: block;
		width: 100%;
		height: 100px;
		background-color: #f7f7f8;
		fill: #484c53;
		font-size: 0;
	}

	.select2-container .select2-selection--multiple
	{
		display: block;
	}

	.select2-container .select2-selection--multiple .select2-selection__rendered
	{
		margin: 0;
	}

	.select2.select2-container.select2-container--default,
	.select2-container--default.select2-container--focus .select2-selection--multiple
	{
		text-align: left;
		border-radius: 0;
		border: 1px solid #023452;
	}

	.select2-container--default .select2-selection--multiple
	{
		margin: 0;
		padding:0;
	}
	.select2.select2-container.select2-container--default, .select2-container--default.select2-container--focus .select2-selection--multiple
	{
		display: block;
		margin: 0;
		padding:0;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice
	{
		font-size: 1rem;
		margin: 0 5px;
		padding:0;
	}

	.select2-container .select2-search--inline .select2-search__field
	{
		height: 3rem;
		line-height: 3rem;
		margin: 0;
		padding:0;
		padding-left: 1rem;
	}

	.select2-container--default .select2-selection--multiple
	{
		border:none;
	}

	.select2-results__option
	{
		margin: 0;
		font-size: 1rem;
	}

	.message
	{
		text-align: center;
		padding: 2rem;
	}

	.owl-nav
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#PropertyRegion .owl-carousel .owl-nav button.owl-next, 
	#PropertyRegion .owl-carousel .owl-nav button.owl-prev
	{
		color: #fff;
		font-size: 8rem;
	}

	.leaflet-popup-content-wrapper
	{
		overflow: hidden;

	}

	.view-detail .leaflet-popup-content
	{
		padding:0;
		margin: 0;
		width: 150px;
		padding: 5px;
	}

	.error
	{
		border: 1px solid red !important;
		outline: 1px solid red !important;
	}

	#PropertyRegion .swiper-container
	{
		height: 70vh;
	}

	#PropertyRegion .swiper-slide
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		width: auto;
		height: 100%;
		position: relative;
	}

	#PropertyRegion .swiper-slide img
	{
		width: auto;
		height: 100%;
		object-fit: cover;
	}

	#PropertyRegion .swiper-slide:after
	{
		content:'';
		display: block;
		background-color: #023452;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0.7;
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
	}

	#PropertyRegion .swiper-slide.swiper-slide-active:after
	{
		opacity: 0;
	}

.selectwrapper
{
    position: relative;
}

.selectwrapper:after
{
    display: block;
    content:"";
    position:absolute;
    z-index:2;
    right:10px;
    top:50%;
    margin-top:-5px;
    height:0;
    width:0;
    border-top:6px solid #029ae1;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    pointer-events:none;
}


.group-search-item .selectwrapper:after
{
	margin-top: -2px;
}

.vtourdetail, .property-virtualtour
{
	position: absolute;
	bottom: 2rem;
	left: 50%;
	margin-left: -45px;
	background-color: #029ae1;
	width: 80px;
	height: 80px;
	padding: 10px;
	border-radius: 50%;
	z-index: 10;
}

.vtourdetail a
{
	display: block;
	width: 100%;
	height: 100%;
}

.vtourdetail img, .property-virtualtour img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.property-virtualtour
{
	left: auto;
	right: 2rem;
	top: 2rem;
	bottom: auto;
}

.property-virtualtour img
{
	width: 80%;
	height: 80%;
	margin-left: 10%;
	margin-top: 10%;
}

.marqueename
{
	line-height: 1.1;
}