@charset "utf-8";body {
  font-family: "Open Sans", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  color: #004289;
}

h1 {
  font-size: 2rem;
  line-height: 1.5rem;
}

h2 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

/************************************* Header ***********************************/
#header-row {
  background: #004289;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

#wrapper .wrapper-inner {
  padding-top: 225px;
}

#mobilemenu {
  display: none;
}

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

#header-row .row-container #logo img {
  height: 125px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.scrolled #header-row .row-container #logo img {
  height: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.scrolled #header-logo-row {
  padding: 5px;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menuopen.scrolled #header-row .row-container #logo img {
  height: 125px;
}

#header-logo-row {
  z-index: 10001;
}
.menuopen.scrolled #header-logo-row {
  padding: 25px;
}

.navigation ul.sf-menu > li > a,
.navigation ul.sf-menu > li > span {
  color: #fff;
}
.navigation ul.sf-menu > li > a span {
  display: inline-block;
}

.navigation ul.sf-menu > li img {
  margin-top: -2px;
}

.navigation ul.sf-menu ul {
  display: none;
}

.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 {
  padding: 0px 15px;
  background-color: #f4584c;
}

.abs-showcaseimg {
  width: 100%;
}

.abs-showcaseimg:after {
  content: "";
  padding-top: 56.25%;
  display: block;
}

.abs-showcaseimg img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

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

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

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

/**************************************Buttons*********************************/
.btn,
.btn-primary,
.btn-info {
  background: #004289;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.btn,
.btn > a,
.btn-primary,
.btn-info {
  color: #fff;
}
.btn:hover,
.btn.hover,
.btn-primary:hover,
.btn-info:hover,
.btn:hover > a,
a.btn:hover .icon,
.btn:hover a .icon {
  background: #349ae9;
  color: #fff;
}

/*********************************Property list**********************************/
#PropertyListRegion .property-list .property {
  background: rgba(98, 169, 63, 0.07);
  border: 1px solid #dbdbdb;
  background: #fafafa;
  border-bottom: 2px solid #004289;
}
#PropertyListRegion .property-list .property:hover {
  border-bottom: 2px solid #004289;
}
.sort .btn-group > .dropdown-toggle:hover {
  background: #004289;
  color: #fff;
}

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

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

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

/*********************************Construction**********************************/
#BuildingContainer .floor .row-floor {
  background: #004289;
}
#ProjectRegion .group-container .group .caption,
#BuildingContainer .floor .caption,
#ProjectRegion .header,
#ProjectRegion #PriceList .constuctions li a:hover,
#ProjectRegion #PriceList .constuctions li a.active {
  color: #004289;
}
#BuildingContainer .floor .header-unit a {
  text-decoration: underline;
  color: #004289;
}
.ProjectRegion-tab .tab-item.is-active,
.ProjectRegion-tab .tab-item:hover {
  border-top: 3px solid #004289;
}
/******************************** 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;
}

#header-logo-row {
  text-align: center;
  background-color: #004289;
  padding: 25px 0;
}

#header-logo-row #logo {
  display: inline-block;
}

#header-menu-row {
  background-color: #e42313;
}

#header-menu-row .navigation {
  text-align: center;
  height: 50px;
}

#header-menu-row .sf-menu {
  display: inline-block;
  float: none;
}

#PropertyListRegion .property-list .property .property-info .prop-type,
#PropertyListRegion .property-list .property .property-info .proj-name {
  font-weight: 600;
}

#PropertyListRegion .property-list .property .property-info .prop-price {
  font-weight: 600;
  font-size: 1.5em;
}

[class^="property-icon-"],
[class*=" property-icon-"] {
  color: #e42313;
  margin-right: 5px;
}

#actiondiv {
  position: fixed;
  width: 80px;
  height: 90px;
  z-index: 200;
  font-size: 20px;
  line-height: 30px;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  bottom: 45%;
  right: -15px;
  border-right: 10px solid #004289;
  border-radius: 15px 0 0;
  background-color: #e42313;
  padding: 10px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
#actiondiv:hover {
  right: 0px;
}
#actiondiv span {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

@media (max-width: 640px) {
  #actiondiv {
    width: 50px;
    height: 60px;
    font-size: 0.8em;
  }
  #actiondiv span {
    line-height: 1.5em;
  }
}

.floatimage {
  width: 50%;
  float: right;
  margin-left: 50px;
}

.floatimage img {
  width: 100%;
  margin-bottom: 10px;
}

.floatimage2 {
  width: 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;
  margin-top: 50px;
}

.floatimage2 img {
  width: 47.5%;
}

#showcase-row .camera_caption {
  top: 0;
  bottom: auto;
}

#showcase-row .camera_caption p {
  margin-top: 1em;
  padding: 0;
}

#showcase-row .camera_caption .btn {
  display: inline-block;
  font-weight: bold;
}

.properties-newest .short-description {
  display: none;
}

#bottom .contact_details h4 {
  display: none;
}

.panel-title {
  font-weight: bold;
}

.com_k2 #aside-right {
  background: #efefef;
  padding: 20px;
  border: 1px solid #004289;
}

.moduletable.Blog-search,
.moduletable.Blog-tag {
  display: none;
}

.navigation ul.sf-menu > li a img {
  vertical-align: middle;
  height: 1em;
  margin-right: 0px;
}

.related-properties .property .pic {
  padding-bottom: 75%;
  background-size: cover;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  position: relative;
  border-radius: 10px 0px 0px 0px;
  overflow: hidden;
}

.related-properties .property .prop-price {
  font-size: 19px;
  line-height: 35px;
}

.related-properties .property .prop-address {
  line-height: 27px;
  font-size: 15px;
}

.related-properties .property .prop-link {
  padding: 8px 7px;
  float: right;
}

.sub-border {
  display: block;
  height: 5px;
  position: relative;
  max-width: 270px;
  background: #1a74ba;
  top: -23px;
}

.nav-btns-right .icon-list {
  font-size: 40px;
  line-height: 40px;
}

.nav-btns-right a {
  width: 40px;
  height: 40px;
  font-size: 40px;
  float: none;
}

.nav-btns-right .arrow {
  float: none;
  display: inline-block;
}

.nav-btns-right {
  text-align: right;
}

.view-detail .header {
  margin-bottom: 1em;
}

.view-detail .header h1 {
  font-synthesis: ;
}

.view-detail .header h2 {
}

.view-detail .header .prijs {
  text-align: right;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.property-icons {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.property-icons li {
  display: inline-block;
  margin-right: 10px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.property-icons li img {
  height: 1.5rem;
  margin-right: 5px;
}

.teamraster {
  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;
}

.teamraster > div {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 2em;
}

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

.teammember-img {
  margin-bottom: 1em;
  position: relative;
  overflow: hidden;
}

.teammember-img:after {
  padding-top: 100%;
  display: block;
  content: "";
}

.teammember-info {
  text-align: center;
}

.teammember-img img {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.teammember-img .hoverimage,
.teammember-img:hover img {
  opacity: 0;
  visibility: hidden;
}

.teammember-img:hover img.hoverimage {
  opacity: 1;
  visibility: visible;
}

.SLNotificationBar {
  background: #e42313 !important;
}

#endoflist,
#GoogleMapContainer {
  font-size: 2em;
  text-align: center;
}

#GoogleMapContainer i {
  margin: 50px 0;
  font-size: 3em;
}

#GoogleMapContainer {
  width: 100%;
  margin-top: 1em;
}

#GoogleMapContainer > div {
  height: 50vh;
  max-height: 500px;
}

#PropertyListRegion form {
  margin-bottom: 0;
}

.leaflet-top,
.leaflet-bottom {
  z-index: 500 !important;
}

body:not(.itemid-330) .property-list .verkocht .image img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

body:not(.itemid-330) .property-list .verkocht .image:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
}

.property-list .verkocht .prop-price {
  color: #e42313;
  font-weight: bold;
}

.divisionTable {
  line-height: 30px;
  text-align: left;
}

.divisionTable td {
  padding-left: 5px;
  padding-right: 5px;
}

#virtuel-toor {
  background-color: #e42313;
}

#PropertyRegion #Pictures {
  position: relative;
}

.virtualtourlist {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 80px;
  z-index: 1;
}

.virtualtourlist img {
  width: 100%;
}

#PropertyRegion #Pictures .virtualtourlist {
  width: 100px;
}

.propertiesmap {
  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;
}

.propertiesmap > div:first-child {
  display: none;
}

.propertiesmap > div:nth-child(2) {
  width: 100%;
}
.propertiesmap #PropertyListRegion {
  height: calc(100vh - 250px);
  overflow-y: scroll;
}

.propertiesmap #PropertyListRegion .property-list {
  padding-top: 0;
}

.propertiesmap #PropertyListRegion .property-list .property {
  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;
}

.propertiesmap #PropertyListRegion .property-list .property .marquee {
  display: none;
}

.propertiesmap #PropertyListRegion .property-list .property > div:first-child {
  width: 40%;
}

.propertiesmap #PropertyListRegion .property-list .property > div:nth-child(2) {
  width: 60%;
}

.propertiesmapmap {
  height: calc(100vh - 250px);
}

.propertiesmapmap > #OmnicasaMaps {
  height: 100%;
}

.itemid-330 #content-row .row-container {
  max-width: none;
  padding-left: 100px;
  padding-right: 100px;
}

@media (max-width: 767px) {
  .itemid-330 #content-row .row-container {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .propertiesmap #PropertyListRegion .property-list .property > div:first-child,
  .propertiesmap
    #PropertyListRegion
    .property-list
    .property
    > div:nth-child(2),
  .propertiesmap > div:first-child,
  .propertiesmap > div:nth-child(2) {
    width: 100%;
  }

  .propertiesmapmap {
    display: none;
  }

  .propertiesmap #PropertyListRegion {
    height: auto;
    overflow: visible;
  }

  .propertiesmap #PropertyListRegion .property-list .property,
  .propertiesmap {
    flex-wrap: wrap;
  }
}

table.property td:first-child > div {
  position: relative;
}

table.property td:first-child > div:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  font-size: 1rem;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f110";
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  z-index: -1;
}

.gafancybox-inner > div {
  max-width: 600px;
}

.gafancybox-inner > div h2 {
  color: #e42313;
}