/** Proxima Nova **/



@font-face {
    font-family: 'proxima_nova_altblack';
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff2') format('woff2'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff') format('woff'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.ttf') format('truetype'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Black-webfont.svg#proxima_nova_altblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_altbold';
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff2') format('woff2'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff') format('woff'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.ttf') format('truetype'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.svg#proxima_nova_altbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff2') format('woff2'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 4, 2015 */



@font-face {
    font-family: 'proxima_nova_scosfthin';
    src: url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff2') format('woff2'),
         url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff') format('woff'),
         url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.ttf') format('truetype'),
         url('../fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.svg#proxima_nova_scosfthin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff2') format('woff2'),
         url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff') format('woff'),
         url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.ttf') format('truetype'),
         url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_ltthin';
    src: url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.woff2') format('woff2'),
         url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.woff') format('woff'),
         url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.ttf') format('truetype'),
         url('../fonts/Mark Simonson - Proxima Nova Thin-webfont.svg#proxima_nova_ltthin') format('svg');
    font-weight: normal;
    font-style: normal;

}




h1, h2, h3, h4, h5, h6 {font-family: 'Proxima Nova', sans-serif  !important;color: #1a171b;font-weight: normal !important}
body {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
    color: #1a171b;
}

/************************************* Header ***********************************/
.logo-container {background: #FFF;}
#header-row .row-container #logo {padding: 0px 0px;text-align: center;}


/************************************* Menu ***********************************/
.menu-container {background: #1a171b;height: 55px;}
.dl-menuwrapper button:after{
	background: #fff;
	box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
	background: #fff;
}
.dl-menuwrapper button:hover:after, .dl-menuwrapper button.dl-active:after, .dl-menuwrapper ul{
	background: #3498DB;
	box-shadow: 0 10px 0 #3498DB, 0 20px 0 #3498DB;
}


.navigation ul.nav.menu > li.current, .navigation ul.nav.menu > li:hover {
    border-bottom: 1px solid #ffed00;
}

.navigation ul.nav.menu > li > a {
    display: block;
    padding: 5px 35px 0px;
    line-height: 48px;
    color: #feec00;
    font-size: 19px;
    font-family: proxima_nova_ltthin;
}

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

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

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

/**************************************Buttons*********************************/
.btn,.btn-primary,.btn-info{
    display: inline-block;
	border-radius: 2px;
	background: #1a171b;
}

.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: #feec00;
	color:#1a171b;
}

/*********************************Property list**********************************/
#PropertyListRegion .property-list .property {
    background: #62a93f12;
    border: 1px solid #DBDBDB;
    background: #FAFAFA;
    border-bottom: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
}
#PropertyListRegion .property-list .property:hover {border-bottom: 2px solid #1a171b;}
.sort .btn-group > .dropdown-toggle:hover{background: #1a171b;color: #FFF;}

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

/*********************************Owner login**********************************/
#OwnerLoginRegion #MenuPeriod, #OwnerLoginRegion #PropertyContainer {background: #fff;}
#OwnerLoginRegion #PropertyContainer .tab-container table th, #OwnerLoginRegion #PropertyContainer .block-stat .title{	background: #1a171b;	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: #1a171b;padding: 10px;}
#user .user-info .icon {color: #1a171b;}
#graph{color: #1a171b;}
.bar {fill: #1a171b;}

/*********************************Camera caption**********************************/
#showcase-row .camera_caption > div p {	font-size: 25px;font-family: 'Open Sans', sans-serif;color: #1a171b;}

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

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

/*********************************Owl Carousel**********************************/
.owl-theme .owl-controls .owl-page span {background: #1a171b !important;}
.owl-theme .owl-controls.clickable .owl-buttons > div:hover {color: #1a171b;border: 1px solid #1a171b;}

/*********************************Property Search**********************************/
.noUi-handle {background: #1a171b !important;}
.property-search button.selectpicker i.icon, .sbToggle i.icon { color: #1a171b  !important; }
.sbToggle i.icon, .property-search button.selectpicker i.icon { border-left: 1px solid #a4a4a4  !important; }
#showcase-row .property-search-wrapper {
    margin: 215px auto 100px !important;
    width: 840px;
    box-sizing: border-box;
    max-width: 90%;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.property-search .dropdown-menu.open,
.sbOptions,
.sbHolder, .property-search .prices-value-wrapper {
	border: solid 1px #a4a4a4 !important;
	font-family: inherit !important;
	font-size: 15px !important;
	border-radius: 4px !important;
}

.sbToggle i.icon {
    font-size: 17px !important;
}

.property-search-wrapper .sbHolder {
    height: 44px;
}

.property-search-wrapper .sbSelector {
    height: 42px;
    line-height: 42px;
}

.property-search-wrapper .sbToggle {
    height: 42px;
}


.property-search-wrapper .sbToggle i.icon {
    font-size: 17px;
    line-height: 36px;
    width: 37px;
}

.property-search-wrapper .sbOptions {
    min-width: 249px;
}

.property-search-wrapper .property-search .prices-value-wrapper {
    color: inherit;
    background: #FFF;
    height: 42px;
    line-height: 41px;
    padding: 0px 12px;
}





/*********************************Services**********************************/
#feature-row .item_title a { color: #1a171b; }

/*********************************Bottom**********************************/
.rsmonialscroller .icon-wrapper,
.rsmonialscroller .icon-wrapper, .contact-form .icon-wrapper {
    background: #0000;
    border: 1px solid #1a171b;
    text-align: center;
    line-height: 49px;
    width: 55px;
    height: 55px;
}

.icon {
    font-size: 20px;
}



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 {
    margin: 0px 0 0;
}

#copyright-row .row-container .mod-footer a {
	color: #FFFFFF;
}
#recaptcha .grecaptcha-badge {
	position: static !important;
}

#showcase-row {
	margin-bottom: 0;
    background-position: center;
}

#content-row .page-featured__home h3, #content-row .page-featured__home p {
    color: #1a171b;
    line-height: 30px;
    font-size: 18px;
    font-weight: 300;
    margin: 0px 0 0 0;
    text-transform: none;
    margin-top: 10px;
    font-family: inherit;
    margin-bottom: -15px;
}

.body__home #content-row {
    padding: 50px 0;
    background: #eaeaea;
}

#content-row .page-featured__home {
    border-bottom: none;
}

#content-row .page-featured__home .item {
    margin-bottom: 0;
    text-align: center;
}

.nieuw.properties-newest.properties-newest-horizontal {
    padding: 30px 0px 50px;
}


a.btn.btn-info.readmore {
    background: #0000;
    color: #000;
    float: right;
    text-decoration: underline;
    padding: 0;
}

.mod-newsflash-adv__services a.btn.btn-info.readmore {
    background: #0000;
    color: #000;
    float: right;
    text-decoration: underline;
    padding: 0;
}

.item_title__services {
    min-height: 50px;
    line-height: 20px;
}

.mod-newsflash-adv__services .item_introtext {
    min-height: 170px;
}

.site-contact.popup .buttons {
    text-align: center;
    margin-top: 10px;
}

a.newsletter-pdf {
    position: relative;
    display: block;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.45);
}

a.newsletter-pdf .icon {
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 66px;
    margin: auto;
    width: 61px;
    height: 56px;
    color: #ffed00;
    opacity: 0.8;
    z-index: 1;
    text-shadow: 0px 0px 23px black;
}

a.newsletter-pdf:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(26, 23, 27, 0.0196078431372549);
    z-index: 0;
}

#bottom-row #bottom-row-in {
    border-top: none;
    background: #eaeaea;
    padding: 50px 0px;
    margin-top: 30px;
}

.moduletable.contact-form {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 14px;
}

a.newsletter-pdf:hover:after {
    background: rgba(26, 23, 27, 0.30196078431372547);
    transition: all 0.5s;
}

.contact_details_item h4 {
    font-size: 20px;
    font-family: "proxima_nova_ltsemibold" !important;
}


#PropertyListRegion .property-list .property .property-info .desc {
    padding: 2px 0px;
    line-height: 18px;
    margin-top: 4px;
    padding-right: 0px;
    font-size: 15px;
}



.accordion-item {
    background: #efefef;
    margin: 5px 0px;
    border: 1px solid #e6e6e6;
    position: relative;
    min-height: 100px;
    padding-left: 150px;
    padding-right: 50px;
}

.accordion-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    background: #1a171b;
}

.accordion-title {
    text-align: left;
    font-size: 20px;
    cursor: pointer;
    padding: 40px 0px;
    line-height: 20px;
    transition: padding 0.5s;
}

.accordion-content {
    display: none;
    overflow: hidden;
    
    transition: display 0.5s;
    -webkit-transition: display 0.5s;
}

.accordion-content:before,
.accordion-content:after {
    content: '';
    display: block;
    height: 40px;  
}
.accordion-content::before{
    height: 0px;  
}

a.drop-icon {
    position: absolute;
    right: 30px;
    display: block;
    width: 30px;
    height: 15px;
    top: 35px;
    overflow: hidden;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
}

a.drop-icon span {
    display: block;
    height: 30px;
    width: 30px;
    position: relative;
    text-indent: 100px;
}

a.drop-icon span:before,
a.drop-icon span:after {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #172F42;

    position: absolute;
    top: 50%;
    left: 50%;
}

a.drop-icon span:before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

a.drop-icon span:after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.accordion-item.is-opened a.drop-icon{
    height: 30px;
}

.accordion-item.is-opened .accordion-title {
    padding: 60px 0px;
}

.accordion-item.is-opened .accordion-content {
   /* display: block;*/
}

.bold-elm {
    font-family: "proxima_nova_ltsemibold", sans-serif;
}


.accordion-content li {
    margin-bottom: 10px;
}

#content-row p {
    line-height: 23px;
}

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

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -124px;
}

.properties-newest .item {
    background: #eaeaea !important;
}