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

/************************************* Header ***********************************/
#header-row {background: #1A74BA;height: auto;}
#header-row .row-container #logo {padding: 0px 0px; margin-top: 18px;}
.navigation ul.sf-menu > li > a, .navigation ul.sf-menu > li > span{color: #fff;}
.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: 10px 0px 0px;
}


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

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

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

/**************************************Buttons*********************************/
.btn,.btn-primary,.btn-info{
	background: #1A74BA;
	background: -moz-linear-gradient(top,  #349AE9 0%, #1A74BA 56%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#349AE9), color-stop(56%,#1A74BA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #349AE9 0%,#1A74BA 56%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #349AE9 0%,#1A74BA 56%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #349AE9 0%,#1A74BA 56%); /* IE10+ */
	background: linear-gradient(to bottom,  #349AE9 0%,#1A74BA 56%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349AE9', endColorstr='#1A74BA',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: #1A74BA;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 #1A74BA;}
.sort .btn-group > .dropdown-toggle:hover{background: #1A74BA;color: #FFF;}

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

/*********************************Owner login**********************************/
#OwnerLoginRegion #MenuPeriod, #OwnerLoginRegion #PropertyContainer {background: #fff;}
#OwnerLoginRegion #PropertyContainer .tab-container table th, #OwnerLoginRegion #PropertyContainer .block-stat .title{	background: #1A74BA;	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: #1A74BA;padding: 10px;}
#user .user-info .icon {color: #1A74BA;}
#graph{color: #1A74BA;}
.bar {fill: #1A74BA;}
/*********************************Camera caption**********************************/
#showcase-row .camera_caption > div p {	font-size: 25px;font-family: 'Open Sans', sans-serif;color: #1A74BA; line-height: 1.5em;}

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

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

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

	.properties-newest .item .item-img .image
	{
		width: 100%;
		height: 100%;
	}

	.properties-newest .item .item-img .image a
	{
		display: block;
		width: 100%;
		height: 100%;
	}

	.properties-newest .item .item-img .image a > img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

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

	.slideshowhome
	{
		overflow: hidden;
	}

	.slideshowhome > div
	{
		height: 100%;
		position: relative;
	}

	.slideshowhome > div > img
	{
		max-height: none !important;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform:    translateY(-50%);
		-ms-transform:     translateY(-50%);
		-o-transform:      translateY(-50%);
		transform:         translateY(-50%);
	}

	#showcase-row .camera_caption
	{
		background-image: none;
		background-color: rgba(0,0,0,0.7);
	}

	#content-row .page-featured__home p
	{
		font-size: 19px;
		line-height: 30px;
		font-weight: 300;
	}

	#content-row .page-featured__home a
	{
		font-weight: bold;
	}

	#showcase-row .camera_prev, #showcase-row .camera_next
	{
		bottom: 20px;
	}

	.clearfix
	{
		clear: both;
	}

	.item_introtext h3
	{
		display: none;
	}

	.page-item__services .item_img
	{
		max-width: 500px;
	}

	.property-list .property .pic
	{
		position: relative;
	} 

	.virtualtouricon
	{
		position: absolute;
		right: 0;
		top: 0;
	}

	.kantoor, .verkoopflex
	{
		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+ */
		justify-content: space-between;
		align-items: center;
		margin-bottom: 2em;
	}

	.verkoopflex
	{
		flex-wrap: wrap;
		margin-top: 50px;
	}

	.kantoor > div
	{
		width: 47.5%;
	}

	.verkoopflex > div
	{
		width: 30%;
		text-align: center;
		margin-bottom: 2em;
	}

	.verkoopflex > div img
	{
		margin-bottom: 1em;
	}


	@media (max-width: 800px) {
		.verkoopflex > div
		{
			width: 47.5%;
		}


	}

	@media (max-width: 550px) {
		.verkoopflex > div, .kantoor > div
		{
			margin-left: 0;
			margin-right: 0;
			width: 100%;
			margin-bottom: 50px;
		}

		.kantoor
		{
			display: block;
		}
	}

	.flex-2
	{
		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+ */
		justify-content: space-between;
		align-items: center;
	}

	.flex-2 > div
	{
		width: 47.5%;
		margin-bottom: 2rem;
	}

	@media (max-width: 550px) {

		.flex-2
		{
			flex-wrap: wrap;
		}

		.flex-2 > div
		{
			width: 100%;
		}
	}
	

	#content-row .mod-custom__digtoep
	{
		padding-bottom: 50px;
		margin-bottom: 50px;
		border-bottom: 1px solid #EEEEEE;
		
	}

	#content-row .mod-custom__digtoep p
	{
		font-size: 25px;
		line-height: 150%;
	}

	#content-row .mod-custom__digtoep strong,
	#content-row .mod-custom__digtoep b
	{
		color: #1A74BA;
	}

	#showcase-row .camera_caption > div
	{
		max-width: 1200px;
	}

	#showcase-row .camera_caption > div p
  {
    font-size: 18px;
  }

	#showcase-row .camera_caption > div *:last-child
  {
    margin-bottom: 0 !important;
    padding-bottom: 5px !important;
  }

  .coronamelding
  {
  	max-width: 1200px;
  	margin: auto;
  	border-bottom: 1px solid #eeeeee;
  	padding-bottom: 50px;
  }