body {font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;color: #2e4e64;}

h1
{
	font-size: 30px;
}

/************************************* Header ***********************************/
#header-row {background: #2e4e64;height: auto;}

#header-row .row-container #logo 
{
	padding: 14px 0px;
}

.navigation ul.sf-menu > li > a, .navigation ul.sf-menu > li > span{
	color: #fff;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
	border-top: 7px solid #2e4e64;
}
.navigation ul.sf-menu > li.active > a,
.navigation ul.sf-menu > li.sfHover > a,
.navigation ul.sf-menu > li.current > a,
.navigation ul.sf-menu > li > a:hover,
.navigation ul.sf-menu > li.active > span,
.navigation ul.sf-menu > li.sfHover > span,
.navigation ul.sf-menu > li.current > span {
	border-top: 7px solid #fff;
	padding: 46px 0px 0px;

}


/************************************* Footer ***********************************/
#copyright-row {background: #2e4e64;padding: 18px 0px;height:auto;color: #fff;}
#copyright-row  a{color: #fff;}
#copyright-row  a:hover{color: #D1D1D1;}

/************************************** Icons *************************************/
[class^="icon-"]{color: #2e4e64;}
a .icon, a.icon{color: #2e4e64;}
a.btn .icon, .btn a .icon{color:white;}
a .icon:hover, a.icon:hover{color: #A2A2A2;}

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

/**************************************Buttons*********************************/
.btn,.btn-primary,.btn-info{
	background: #16495f;
	background: -moz-linear-gradient(top,  #2e4e64 0%, #16495f 56%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e4e64), color-stop(56%,#16495f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2e4e64 0%,#16495f 56%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2e4e64 0%,#16495f 56%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2e4e64 0%,#16495f 56%); /* IE10+ */
	background: linear-gradient(to bottom,  #2e4e64 0%,#16495f 56%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e4e64', endColorstr='#16495f',GradientType=0 ); /* IE6-9 */
}
.btn,.btn >a,.btn-primary,.btn-info{color: #FFF;}
.btn:hover, .btn-primary:hover, .btn-info:hover , .btn:hover >a, a.btn:hover .icon, .btn:hover a .icon{background: #2e4e64;color:#fff;}

/*********************************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 #2e4e64;}
.sort .btn-group > .dropdown-toggle:hover{background: #2e4e64;color: #FFF;}

/*********************************Pagination**********************************/
.pagination a{color:white;background: #16495f;}
.pagination .disabled a, .pagination .disabled a:hover, .pagination a:hover{color: #FFF;background: #2e4e64;}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu li > a:hover {background: #2e4e64 !important;color: #fff !important;}
.sort .btn-group.open .btn.dropdown-toggle{	background: #2e4e64;}

/*********************************Owner login**********************************/
#OwnerLoginRegion #MenuPeriod, #OwnerLoginRegion #PropertyContainer {background: #fff;}
#OwnerLoginRegion #PropertyContainer .tab-container table th, #OwnerLoginRegion #PropertyContainer .block-stat .title{	background: #2e4e64;	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: #2e4e64;padding: 10px;}
#user .user-info .icon {color: #2e4e64;}
#graph{color: #2e4e64;}
.bar {fill: #2e4e64;}
/*********************************Camera caption**********************************/
#showcase-row .camera_caption > div p {	font-size: 25px;font-family: 'Open Sans', sans-serif;color: #fff;}
#showcase-row .camera_caption > div p em { font-family: 'Open Sans'; }
#showcase-row .camera_caption .icon, [class^="icon-"]:before, [class*=" icon-"]:before
{
	margin-right: 10px;
}

#showcase-row .camera_caption > div p:last-child
{
	padding-bottom: 0;
}

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

/*********************************Construction**********************************/
#BuildingContainer .floor .row-floor {background: #2e4e64;}
#ProjectRegion .group-container .group .caption,
#BuildingContainer .floor .caption,
#ProjectRegion .header,
#ProjectRegion #PriceList .constuctions li a:hover,
#ProjectRegion #PriceList .constuctions li a.active{
	color:#2e4e64;
}
#BuildingContainer .floor .header-unit a{text-decoration: underline;
	color: #2e4e64; }
	.ProjectRegion-tab .tab-item.is-active, .ProjectRegion-tab .tab-item:hover {
		border-top: 3px solid #2e4e64;
	}
	/******************************** Property list ********************************/
	@media (max-width: 550px) {
		#PropertyListRegion .property-list .property .pic.fixed, #PropertyListRegion .property-list .property .pic {height: 200px;}
		#PropertyListRegion .property-list {max-width: 300px;margin: auto;}
	}

	/******************************** Newest Object ********************************/
	@media (max-width: 767px) {
		.properties-newest .span3.item {
			width: 48%;
			float: left;
			margin: 1%;
		}
		.properties-newest .item .item-img img {
			max-height: 200px;
		}
	}

	@media (max-width: 550px) {
		.properties-newest .box {
			max-width:300px;
			margin: auto;
		} 
		.properties-newest .moduleTitle  {
			text-align: center;
		}
		.properties-newest .span3.item {
			width:100%;
			float: none;
			margin: 0;
			margin-bottom: 45px;
		}
	}

	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;
	}

	#push, #footer-wrapper {
		height: 82px;
	}

	#wrapper {
		margin: 0 auto -82px;
	}
	#recaptcha .grecaptcha-badge {
		position: static !important;
	}

	h2.item_title
	{
		font-size: 1.5em;
	}

	@media (min-width: 860px)
	{

		#header-row
		{
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 100;
			-webkit-transition: all ease 0.3s;
			-moz-transition: all ease 0.3s;
			-o-transition: all ease 0.3s;
			transition: all ease 0.3s;
		}

		#wrapper:before
		{
			height: 125px;
			width: 100%;
			display: block;
			content:'';
			background: #2e4e64;
		}

		body.scrolled .navigation ul.sf-menu > li
		{
			margin: 0 0 25px 25px;
			height: 25px;
		}

		body.scrolled .navigation ul.sf-menu > li.active > a, body.scrolled .navigation ul.sf-menu > li.sfHover > a, body.scrolled .navigation ul.sf-menu > li.current > a, body.scrolled .navigation ul.sf-menu > li > a:hover, body.scrolled .navigation ul.sf-menu > li.active > span, body.scrolled .navigation ul.sf-menu > li.sfHover > span, body.scrolled .navigation ul.sf-menu > li.current > span
		{
			padding: 20px 0px 0px;
		}

		body.scrolled .navigation ul.sf-menu > li > a
		{
			padding: 20px 0px 0px;
		}

		body.scrolled #header-row .row-container #logo img
		{
			max-width: 170px;
		}
	}


	.camera_caption
	{
		display: none !important;
	}

	.footerblok
	{
		background: #2e4e64;
		color: #fff;
		padding:20px;
		font-weight: bold;
		font-size: 1.25em;
		line-height: 1.5em;
		text-transform: uppercase;
		text-align: center;
	}

	#bottom .mod-newsflash-adv img
	{
		width: 40px;
		height: 40px;
	}

	#bottom .mod-newsflash-adv h4
	{
		padding-top: 13px;
	}

	#bottom .mod-newsflash-adv .item_num3 h4
	{
		padding-top:3px;
	}

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

	#bottom li
	{
		line-height: 1.5em;
		padding-left: 1em; 
		text-indent: -.7em;
	}

	#bottom li::before {
		content: "• ";
		color: #2e4e64; /* or whatever color you prefer */
	}

	.contact_details_item h4, .form-vertical h4
	{
		font-weight: bold;
	}

	.referenties
	{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap
	}

	.referenties > div
	{
		width: 22%;
		margin-right: 4%;
	}

	.referenties > div:nth-child(4n)
	{
		margin-right: 0;
	}

	.referentie
	{
		margin-bottom: 50px;
	}

	.referentie > div:first-child
	{
		margin-bottom: 1em;
	}

	.referentie img
	{
		width: 100%;
	}

	@media (max-width: 1150px)
	{
		.referenties > div
		{
			width: 47.5%;
			margin-right: 5%;
		}

		.referenties > div:nth-child(4n)
		{
			margin-right: 0;
		}

		.referenties > div:nth-child(even)
		{
			margin-right: 0;
		}
	}

	@media (max-width: 700px)
	{
		.referenties
		{
			display: block;
		}

		.referenties > div
		{
			width: 100%;
			margin-right: 0;
		}
	}

	.vtourlist
	{
		position: absolute;
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		padding: 10px;
		background: #2e4e64;
		border-radius: 50%;
	}

	.vtourlist img
	{
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}

	.btn img
	{
		height: 1rem;
		width: auto;
		margin-right: 1rem;
	}

	#ProjectListRegion .project-list div.image
	{
		position: relative;
	}