/* Reset ================================================================================= */
* { margin:0; padding:0; }
html {
    height: 100%;
    width: 100%;
}
body          { background-color:#F7F7F7; font-family:'Playfair Display',Arial,Helvetica,Verdana; font-size:0.75em; line-height:1.5em; color:#000; }

img           { border:0; vertical-align:top; }

a             { color:blue; text-decoration:none;}
a:hover       { text-decoration:underline; color:blue; }
:focus        { outline:0; }

/* Headings */
h1            { font-family:'Playfair Display',Arial,Verdana,Arial; color:#000000; font-size:30px; /*font-weight:bold;*/font-weight: 400; margin-bottom:20px; line-height:1.0;}
h2            { font-family:'Playfair Display',Arial,Verdana,Arial; color:#000000; font-size:27px; /*font-weight:bold;*/font-weight: 400; margin-bottom:15px; line-height:1.0;}
h3            { font-family:'Playfair Display',Arial,Verdana,Arial; color:#000000; font-size:24px; /*font-weight:bold;*/font-weight: 400; margin-bottom:12px; line-height:1.0;}
h4            { font-family:'Playfair Display',Arial,Verdana,Arial; color:#000000; font-size:21px; /*font-weight:bold;*/font-weight: 400; margin-bottom:7px; line-height:1.0;}
h5            { font-family:'Playfair Display',Arial,Verdana,Arial; color:#000000; font-size:20px; /*font-weight:bold;*/font-weight: 400; margin-bottom:7px; line-height:1.0;}
h6            { font-family:'Playfair Display',Arial,Verdana,Arial; color:#000000; font-size:19px; /*font-weight:bold;*/font-weight: 400; margin-bottom:7px; line-height:1.0;}

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; margin-bottom:5px;}
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-padding-top   { padding-top:0 !important; }
.no-bg        { background:none !important; }
.clear        { clear: both; }
/* ======================================================================================= */


.hideit {
	display:none;
}



.wysiwyg-text-align-center {
  text-align: center;
}
.wysiwyg-text-align-full {
  text-align: justify;
}
.wysiwyg-text-align-left {
  text-align: left;
}
.wysiwyg-text-align-right {
  text-align: right;
}


/*
Author  : Boon
URL     : http://builtbyboon.com
Twitter	: http://twitter.com/mattberridge
---------------------------------------*/
/*body {
  margin: 0;
  font: 1em/1.5 sans-serif; }*/

.strip {
  background: #891434;
  color: #fff;
  padding: 1em 5%; }
  .strip p {
    text-align: left;
    font-size: 1.2em; }

.container {
/*  width: 90%;*/
  margin: 0 auto; 
  max-width:100%;
/*  padding-top:2em;*/
}

p {
/*  text-align: justify;*/
	font-size: 15px;
/*	font-family:Georgia;
*/	line-height: 1.8em !important;
/*	color: #909090 !important;*/
	margin: 0 0 1.5em 0;
}

a, a:visited {
	color:#777777;
}

a:hover {
	text-decoration:underline;
}

h2 {
	margin-top: 10px;
	margin-bottom:10px;
}

img {
 /* display: block;*/
  max-width: 100%; }

body {
	background: #f7f7f7 none repeat scroll 0 0;
}

.header {
	background-color: #fff;
	width:974px;
	display:block;
	margin:0px auto 0px auto;
	padding:0;
	position:relative;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding: 0 25px;
}

.logo {
	text-align:center;
	display:block;
	margin:0 auto 7px;
}

ul.languages_right {
	position:absolute;
	top:20px;
	right:20px;
	list-style: outside none none;
}

ul.languages_right li {
	display: inline-block;
	margin: 0 0 0 7px;
	padding: 0;
	vertical-align: top;
}

ul.languages_right li.phone {
	display:block;
	font-size:18px;
}

ul.search {
	list-style: outside none none;
	width:100%;
	border:0;
}

ul.search li {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
	margin-bottom:12px;
	width:25%;
	border:0;
	float:left;
}

.slidertitle {
	position:absolute;
	top:50%;
	color:black;
	background-color: rgba(255, 255, 255, 0.7);
	padding:30px;
	width:60%;
	left:20%;
	top:40%;
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
/*	opacity:0.7;*/
}

p.quote {
	text-align:center;
	font-size:23px;
	color:#000;
	font-family:"Playfair Display",Times;
}

.wrapper{
	background-color:#ffffff;
	width:1024px;
	min-height:450px;
	display:block;
	margin:0 auto;
	padding:0;
	position:relative;
}

.content {
	padding:25px 80px 150px 80px;
}
.content_left {
	width:60%;
	float:left;
	padding-top:20px;
	border-top:solid 1px;
	font-size:15px;
	line-height:1.5;
}
.content_right {
	border: 1px solid #000;
	width:30%;
	float:right;
	background:#F7F7F7;
	padding:15px;
}
.footer {
	display:block;
	margin:0px auto;
	padding:33px 25px 33px 25px;
	position:relative;
	background:#000;
	color:#fff;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	text-align:center;
	border-top:solid 1px #000;
	background: #000;
}

.footer-wrapper{
	width:974px;
	display:block;
	margin:0 auto;
	padding:0 25px 25px 25px;
	position:relative;
}
.footer a, .footer a:hover, footer a:visited {
	color:#fff !important;
}

.headimage {
	margin: 0 auto 20px 0;
	width:100%;
	height:auto;
}
.img-polaroid {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 7px;
}
.img-left {
	display: block;
	margin-left: auto;
	margin-right: 20px;
	float:left;
}
.img-right {
	display: block;
	margin-right: auto;
	margin-left: 20px;
	float:right;
}

ul.values {
	margin-top:15px;
}

ul.values li {
	width: 275px;
	/*min-height: 290px;*/
/*	height:100px;*/
	overflow:hidden;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin-right:15px;
	margin-bottom:30px;
	padding:0px;
	zoom: 1;
	*display: inline;
	_height: 250px;
	padding-bottom:30px;
	text-align:center;
	font-size:14px;
	position:relative;
}
ul.values li div {
	width:180px;
	height:180px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 7px;
}
ul.values li div img {
	height:164px;
	width:164px;
}
ul.values li:nth-child(3n+3) {
	margin-right:0px;
}

ul.values li div.black_legend {
	position:absolute;
	bottom:7px;
	height:50px;
	padding:4px 15px;
	background-color: rgba(0, 0, 0, 0.6);
	color:#fff;
	width:164px;
	font-size:14px;
	border:none;
}
ul.values li div.black_legend strong {
	margin:0;
	padding: 0 0 3px;
	font-size:14px;
	height:auto;
	border-bottom: 1px solid #fff;
	height: 22px;
	overflow:hidden;
}
ul.values li div.black_legend a, ul.values li div.black_legend a:visited {
	color:#fff;
}
ul.values strong {
	display:block;
	height:40px;
	font-size:18px;
	text-align:center;
}


.md_button {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Verdana,Helvetica;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    width: auto;
}
.md_button:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.46);
    position: relative;
    top: -1px;
}
.md_button:active {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.46);
    top: 0;
}
.gray {
	background: #f6f6f6 none repeat scroll 0 0;
	color: #000000;
}
.gray a, .gray a:hover, .gray a:visited {
	color: #000000;
	display: block;
	padding: 6px 25px;
	text-decoration: none;
	text-transform: uppercase;
}
.black {
	background: #000 none repeat scroll 0 0;
	color: #fff;
}
.black a, .black a:hover, .black a:visited {
	color: #fff;
	font-family:"Playfair Display";
	display: block;
	padding: 6px 25px;
	text-decoration: none;
	text-transform: uppercase;
}
.md_button.posrt:hover {
    position: absolute;
    right: 5px;
    top: 4px;
}

table.propdetails {
	width:100%;
}

table.propdetails tr td{
	height:25px;
	font-size:15px;
}

table.propdetails tr td:nth-child(1) {
	font-weight:bold;
}

#contact_form input, .contact_form input {
	font-family:'PlayFair Display';
    margin: 5px 0;
    padding: 5px;
    width: 100%;
}
#contact_form textarea, .contact_form textarea {
	font-family:'PlayFair Display';
    padding: 5px;
    width: 100%;
}
#contact_form select, .contact_form select {
	font-family:'PlayFair Display';
    margin: 5px 0;
    padding: 5px;
}
#contact_form strong, .contact_form strong {
	font-size:12px;
}
#contact_form label, .contact_form label {
	font-size:12px;
    display: block;
    margin-bottom: 7px;
}

h1.center, h2.center {
	padding-bottom: 30px;
	text-align: center;
}


div.project_image {
	background-color: #eee;
	border: 1px solid #ddd;
	padding:7px;
	position:relative;
}

div.project_image img{
	
}
div.project_left{
	width:45%;
	float:left;
}
div.project_right{
	width:45%;
	float:right;
}
div.project_image span{
	background: #000 none repeat scroll 0 0;
	color: #fff;
	font-family: "Playfair Display SC", Times;
	font-size: 20px;
	font-weight: normal;
	left: 7px;
	padding: 12px 50px 12px 7px;
	position: absolute;
	top: 21px;
}

h1.property {
	font-weight:normal;
	font-family:"Playfair Display";
	position:relative;
}

h1.property em{
	display:block;
	margin-top:12px;
}
h1.property small{
	position:absolute;
	bottom:0;
	right:0;
	font-size: 18px;
	font-weight: bold;
}

ul.property_details {
	list-style: outside none none;
}

ul.property_details li {
	width:49%;
	display: inline-block;
	font-size: 13px;
	margin: 10px 0 0;
}

.saleprice {
	font-size:20px;
	margin-top:12px;
	display:block;
}

.sliderprice{
	background-color: #000;
	color: #fff;
	font-family: "Playfair Display SC";
	font-size: 24px;
	font-weight: normal;
	left: 0;
	padding: 12px 50px 17px;
	position: absolute;
	top: 50px;
	z-index: 99;
}
h4.property {
	border-bottom:solid 1px #b2b2b2;
	font-family:"Playfair Display";
	line-height:1.5;
}

ul.bloglist {
}
ul.bloglist li {
	margin-bottom: 50px;
}
ul.bloglist li div {
	background-color:#E7E7E7;
	padding:25px 25px 25px 35px;
	margin-bottom: 3px;
}

img.bloglistimg{
	width:350px;
	height:200px;
	float:right;
}
h2.bloglist em{
	display:block;
	margin-top:12px;
	font-size:24px;
}
a.bloglist {
	color:#000;
	font-weight:700;
	text-decoration:underline;
	font-size:15px;
}
h1.blog em{
	display:block;
	padding:12px 0px;
	border-bottom:solid 2px #ccc;
}

p.blogsocial {
	text-align:center;
	font-size:18px;
}
p.blogsocial img{
	vertical-align:middle;
}


/*
	####################################################################################################################################
	#################################################################################################################################### CSS MENUE
	####################################################################################################################################
*/

*, *:after, *:before {
	box-sizing: border-box;
}

.animenu__toggle {
	display: none;
	cursor: pointer;
	border: 0;
	padding: 10px;
	height: 40px;
	width: 40px;
}
.animenu__toggle:hover {
	background-color: #990000;
}

.animenu__toggle__bar {
	display: block;
	width: 20px;
	height: 2px;
	background-color: #fff;
	transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}
.animenu__toggle__bar + .animenu__toggle__bar {
	margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
	margin: 0;
	position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
	transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
	opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
	transform: rotate(-45deg);
}

.animenu {
	display: block;
	color:#ccc;
}
.animenu ul {
	padding: 0;
	list-style: none;
	font-family:"Playfair Display",serif,Verdana,Arial;
	background-color:#fff;
}
.animenu li, .animenu a {
	display: inline-block;
	font-size: 15px;
	color:#000;
}
.animenu a {
	color: #000 !important;
	text-decoration: none;
}
.animenu a:hover {
/*	text-shadow:0px 1px #000, 1px 0px #000, 0px -1px #000, -1px 0px #000;*/
	text-shadow:0px 0px 1px #000;
	text-decoration:none !important;
}

.animenu__nav {
	border-bottom:solid 1px #000;
}
.animenu__nav > li {
	position: relative;
}
.animenu__nav > li > a {
	padding: 10px 32px 15px;
	text-transform: uppercase;
}
.animenu__nav > li > a:first-child:nth-last-child(2):before {
	content: "";
	position: absolute;
	border: 4px solid transparent;
	border-bottom: 0;
	border-top-color: currentColor;
	top: 50%;
	margin-top: -2px;
	right: 10px;
	color:#000;
}
.animenu__nav > li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
.animenu__nav > li:hover > a {
	color: #000;
	text-decoration:underline;
}

.animenu__nav__child {
	min-width: 100%;
	width:200px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	margin: 20px 0 0 0;
	background-color: #fff;
	transition: margin .15s, opacity .15s;
}
.animenu__nav__child > li {
	width: 100%;
}
.animenu__nav__child > li:first-child > a:after {
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	left: 1em;
	top: -6px;
	border: 6px solid transparent;
	border-top: 0;
	border-bottom-color: inherit;
}
.animenu__nav__child > li:last-child {
	border: 0;
}
.animenu__nav__child a {
	padding: 10px;
	width: 100%;
}
.animenu__nav__child a:hover {
	color: #000;
	text-decoration:underline;
}

.animenu__nav--open {
	display: block !important;
}
.animenu__nav--open .animenu__nav__child {
	display: block;
}


/*
	####################################################################################################################################
	#################################################################################################################################### CSS MENUE
	####################################################################################################################################
*/

/*
	####################################################################################################################################
	#################################################################################################################################### MULTISELECT
	####################################################################################################################################
*/
.ui-multiselect {
	padding:7px; 
	text-align:left;
	border:solid 1px;
	background:#fff;
}
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em; }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px; }
.ui-multiselect-checkboxes label input { position:relative; top:1px; margin-right:7px; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
.ui-multiselect-checkboxes .ui-state-hover {
	border:none;
	background:#F7F7F7;
}

.freesearch{
	font-family:'PlayFair Display';
	padding:9px; 
	text-align:left;
	border:solid 1px;
	width:100%;
	border-radius:4px;
}
.searchbutton {
	font-family:'PlayFair Display';
	border-radius: 4px;
	font-weight: bold;
	padding: 8px;
	text-align: center;
	width:100%;
	background-color:#000;
	color:#fff;
	font-size:14px;
}

/*
	####################################################################################################################################
	#################################################################################################################################### MULTISELECT
	####################################################################################################################################
*/

/*
	############################################
	############################################ PROPERTIES LIST END
	############################################
*/

ul.properties {
	margin-top:15px;
}

ul.properties li {
	width: 270px;
	/*min-height: 290px;*/
	height:450px;
	overflow:hidden;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin-right:24px;
	margin-bottom:30px;
	padding:0px;
	zoom: 1;
	*display: inline;
	_height: 250px;
	border: 1px solid #000;
	padding-bottom:30px;
}

ul.properties li div.ext {
	padding:14px;
}

ul.properties li:nth-child(3n+3) {
	margin-right:0px;
}

.properties_imagebox {
	width:100%;
	height:160px;
	overflow:hidden;
	margin-bottom:15px;
}

.properties_desc h3 {
	font-family:"Playful Display";
	color:#000;
	font-weight:normal;
	height:70px;
}
.properties_desc span {
	text-align:center;
	display:block;
	font-size:17px;
}
.properties_desc p {
	display:block;
	height:55px;
}
.properties_desc h3 span{
	text-align:left;
	display:block;
	font-family:Times;
	font-style:italic;
	color:#777;
	margin-top:7px;
	font-size:14px;
}

.properties_desc a, .properties_desc a:visited {
	color:#000;
}

.properties_footer {
	background-color:#000;
	color:#fff;
	width:100%;
	padding:7px;
}
.properties_footer strong {
	display:block;
	font-weight:normal;
	width:80%;
	border-bottom:solid 1px #fff;
	text-align:center;
	margin:0 auto;
	padding-bottom:10px;
	font-size:20px;
}
.properties_footer a, .properties_footer a:hover, .properties_footer a:visited {
	display:block;
	text-align:center;
	font-size:17px;
	color:#fff;
	margin-top:7px;
}

ul.properties li.nothing_found {
	border:none;
}


/*
	############################################
	############################################ PROPERTIES LIST END
	############################################
*/





/*
	############################################
	############################################ SLIDER CSS
	############################################
*/

.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url(/images/a21.png) no-repeat;
	overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -123px -33px; }
.jssora21rdn { background-position: -183px -33px; }

/*
	############################################
	############################################ SLIDER CSS END
	############################################
*/









.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.social {
	width:100%;
	text-align:right;
	margin-top:20px;
}


.underline {
	border-bottom:solid 1px;
	width:80%;
	margin:0 auto;
}


div.feat_proj_black_legend {
	position:absolute;
	text-align:center;
	bottom:7px;
	height:100px;
	padding:15px 15px;
	background-color: rgba(0, 0, 0, 0.6);
	color:#fff;
	width:100%;
	font-size:14px;
	border:none;
}

div.feat_proj_black_legend strong {
	font-size:20px;
	display:block;
	width:60%;
	border-bottom:solid;
	margin:0 auto;
	padding-bottom:15px;
}
div.feat_proj_black_legend a {
	padding-top:7px;
	font-size:18px;
	color:#fff;
	display:block;
}

.ui-widget {
	font-family: 'PlayFair Display',Verdana,Arial,sans-serif;
	font-size: 1.1em;
}