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

/************************************* Header ***********************************/
#header-row {background: #ffffff;height: auto;}
#header-row .row-container #logo {padding: 10px 0px;}
.navigation ul.sf-menu > li > a, .navigation ul.sf-menu > li > span{color: #000000;}


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

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

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

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

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

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

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

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

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

.prop-descr *,
.proj-description * {
	font-size: 14px !important;
    line-height: 25px !important;
    color: inherit !important;
    font-family: inherit !important;
	font-weight: 300;
}

.item_content_img
{
	width: 100px;
	padding-bottom: 10px;
}

.item_fulltext iframe
{
	overflow-x: hidden;
}

.references
{
	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: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}

.references > div
{
	width: 25%;
	box-sizing: border-box;
	padding: 1rem;
	position: relative;
}

@media (max-width: 1200px) {
	.references > div
	{
		width: 33%;
	}
	}

	@media (max-width: 767px) {
		.references > div
		{
			width: 50%;
		}
	}

.reference_img
{
	position: relative;
}

.reference_img:after
{
	content:'';
	padding-top: 66.66%;
	display: block;
}

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

.reference_title
{
	position: absolute;
	bottom: 5%;
	left: 0;
	padding: 5px 10px;
	background-color: #000000;
	z-index: 1;
}

.reference_title span
{
	text-transform: capitalize;
	font-weight: bold;
	color: #fff;
}

#PropertyListRegion .property-list .property .property-info {
	padding-top: 10px;
}

#PropertyListRegion .property-list .property .property-info h3 {
	font-size: 14px;
	text-transform: none;
	color: #000000;
	font-weight:bold;
	height: 44px;
	overflow: hidden;
}

#PropertyListRegion .property-list .property .property-info div {

	margin-bottom: 10px;
}

.property-info-price {
	font-size: 16px;
	font-weight:bold;
}

@media (min-width: 979px) {
	#PropertyListRegion .property-list .property .property-info {
		height: 250px;
	}
}

.housematch {
	margin-top: 2rem;
	font-size: 16px;
	text-transform: uppercase;
}

.icon-housematch:before {
	vertical-align: middle;
	content:'';
	display: inline-block;
	margin-right: 0.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='115.000000pt' height='132.000000pt' viewBox='0 0 115.000000 132.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,132.000000) scale(0.100000,-0.100000)' fill='%23009fe3' stroke='none'%3E%3Cpath d='M484 1271 c-83 -61 -429 -358 -448 -384 -20 -28 -21 -40 -21 -405 l0 -377 24 -34 c44 -61 45 -61 536 -61 491 0 492 0 536 61 l24 34 0 377 c0 365 -1 377 -21 405 -19 26 -365 323 -448 384 -31 23 -49 29 -91 29 -42 0 -60 -6 -91 -29z m-124 -653 c47 -19 74 -22 195 -23 121 0 149 3 207 23 56 19 71 21 90 11 31 -16 38 -29 31 -59 -21 -88 -113 -204 -198 -248 -40 -21 -64 -26 -120 -26 -87 0 -149 29 -217 101 -48 52 -70 89 -93 154 -16 45 -11 67 19 79 29 12 25 13 86 -12z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: contain;
	height: 30px;
	width: 30px;
}

#bottom h2 {
	color: #000000;
	font-size: 22px;
}

@media (min-width:1280px) {
	#bottom > div {
		text-align: left;
	}
	
	#bottom > div:nth-child(2) {
		text-align: center;
	}
	
	#bottom > div:nth-child(3) {
		text-align: right;
	}
}	

#mainbottom .properties-newest .short-description,
#PropertyListRegion .property-list .property .property-info .desc,
#PropertyRegion,
#ProjectListRegion .project-list .project .desc,
.contact_address,
.site-contact-desc,
#mainbottom li,
.form-vertical .control-label {
	font-weight: 300;
	font-size: 14px;
	line-height: 150%;
}

#mainbottom .team .teamuser_info ul li:first-child {
	font-weight: bold;
}

#content-row .contact_address p {
	font-size: 14px;
}

.ProjectRegion-tab .tab-item {
	font-size: 14px !important;
}

.offices-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.offices-flex > div {
	width: 31%;
}

.contact-flex {
	display: grid;
	margin: 3rem 0;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 2rem;
}

@media (max-width: 1280px) {
	.contact-flex {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.contact-flex {
		grid-template-columns: 1fr;
	}
}

.contact-flex i {
	color: #000000;
}

.contact-flex ul {
	list-style-type: none;
	padding: 0;
}

#content-row .contact-flex ul li {
	background: none;
	margin: 0;
	padding: 0;
	padding-left: 2rem;
	position: relative;
}

#content-row .contact-flex ul li i {
	position: absolute;
	left: 0;
	top: 5px;
}

.buildings-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}

.buildings-list h2 {
	grid-column: span 2;
}

.buildings-list > div {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 2rem;
	align-items: center;
}

.buildings-list > div > div:first-child {
	background-color: #f3f3f3;
}

.buildings-list > div > div:first-child img {
	aspect-ratio: 3/2;
	object-fit: contain;
}