/* HTML elements */
/* ************* */
html { background-position:center center; background-repeat:no-repeat; background-size:cover; }
body {
	background-color: #efebe2;
	color:#666; font-family:'Lato', Arial, sans-serif;
	margin:0;
}
h1, h2, h3, h4 { font-family:'Montserrat', Verdana, sans-serif; margin:0.2em; }

header, footer, nav, section, article, hgroup, figure { display:block; }

figure {margin:0; padding:0; }

a img { border-width:0; }


/* Structure */
/* ************** */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* ---- DASHBOARD ---- */
#ukoDashboardContainer { background-color:#8a97a3; padding:0 0 0.4em; }
#ukoDashboard { width:58.9em; margin:auto; height:1.6em; line-height:1.6em; } /*  margin:0.3em auto; line-height:1.5em; */
	#ukoMyLinks { float:left; margin:0.25em 0 -0.25em; }
	#langSelect { float:right; text-align:right; }

		#langSelect a {
			background-color:#677582; border-bottom:0.5em solid #fcfcfd; color:#e9e9e9; opacity:0.9;
			padding:0.4em 0.6em; margin-left:0.2em;
			font-size:0.85em; text-decoration:none; text-transform:uppercase;
		}
		#langSelect a.currentLang { opacity:0.5; }
		#langSelect a:hover { opacity:1; }


/* ---- HEADER ---- */
/*
div.header { height:3em; }

#logoHeading { height:3em; text-align:center; z-index:850; }
	#logoHeading h1 { font-size:2.5em; line-height:1.2em; letter-spacing: 0.1em; position:relative; margin:0; margin-left:0.1em; color:rgb(243, 206, 60); text-shadow:0px 0px 5px; }
	#logoHeading h1 a { color:rgb(243, 206, 60); text-shadow:0px 0px 5px; text-decoration:none; }
	#logoHeading h1 span {
		font-size: 0.8em; color:rgb(255, 170, 170); /-* The Fallback *-/ color:rgba(255, 170, 170, 0.8); text-shadow:none; letter-spacing:0; font-variant:small-caps; line-height:1em;
		display:block; position:absolute; top:0; left:9.7em;
		/-* -webkit-transform: rotate(-30deg); *-/
	}
*/

	#ukoHeaderContainer { background-color:rgb(103, 117, 130); /* The Fallback */ background-color:rgba(69, 88, 104, 0.8);  }
	#ukoHeader { width:58.9em; margin:auto; height:4em; line-height:4em; }
	#logoHeading { float:left; height:4em; line-height:4em; }
		#logoHeading h1 { font-size:2.5em; letter-spacing:0.1em; position:relative; margin:0; margin-left:0.1em; color:rgb(243, 206, 60); /* text-shadow:0px 0px 5px; */ }
		#logoHeading h1 a { color:rgb(243, 206, 60); text-decoration:none; } /* text-shadow:0px 0px 5px; */
		#logoHeading h1 span {
			font-size: 0.8em; color:rgb(255, 170, 170); /* The Fallback */ color:rgba(255, 170, 170, 0.8); text-shadow:none; letter-spacing:0; font-variant:small-caps; line-height:1em;
			display:block; position:absolute; top:0; left:9.7em;
			/* -webkit-transform: rotate(-30deg); */
		}
	#navContainer4 { float:right; } /* margin:0 auto; margin-top:-2.5em; width:58.9em; */
		#navContainer4 ul { margin-top:0; display:block; float:right; } /* width:auto; background-color:rgb(103, 117, 130); /-* The Fallback *-/ background-color:rgba(69, 88, 104, 0.8); */
		#navContainer4 li { display:inline; float:left; width:auto; }
		#navContainer4 a {
			color: #ddd; display:inline-block;
			text-align:left; text-decoration:none;  text-shadow: 1px 1px 0px #283744;
			padding:0 0.8em;
			width:100%;
		}
		#navContainer4 a:hover,
			#navContainer4 a:active { background-color: #8c99a4; }
			#ukoHeaderContainer:hover #navContainer4 a { color:#fff; }
		#navContainer4 li a { border-right: 1px solid #576979; font-size:0.95em; line-height:1.8em; letter-spacing:0.06em; }
		#navContainer4 li:last-child a { border-right: 0; }
		#navContainer4 a#pull { display: none; }


	#ukoPromotionContainer { margin-top:2px; background-color:#3498db; border:2px #2980b9 solid; color:#fff; opacity:0.8; }
		#ukoPromotionContainer:hover { opacity:1; }
		#ukoPromotion { margin:auto; padding:0.2em 0; width:19em; text-align:center; color:#fff; font-size:1em; }
			#ukoPromotion a { color:inherit; text-decoration:none; }


/* ---- WRAPPER = CONTENT area ---- */
#wrapper,
		.ukoFrontAdBanner,
		.footerContent { width:96%; max-width:63em; margin:auto; text-align:center; } /* padding:2%; */


/* ---- FOOTER ---- */
.footerContent { margin:1em auto 1em; }
div.footer { margin: 3em auto 0; padding:0; border-top: 3px solid #999;
	text-align: center;
	background-color: #ccc;
}
#ukoFooterCopyright { clear:both; padding:2em 0 0; }
#ukoFooterCopyright p { text-align:center; font-size:0.8em; }


/* ---- SITE NOTICE ---- */
#ukoSiteNoticeContainer { position:fixed; bottom:0; width: 100%; }
	#ukoSiteNotice { text-align:center; height:3em; line-height:3em; }

#wrapper h2 { font-size:1.8em; line-height:1; margin-top:0.8em; }
#wrapper h2 span.ukoArendusNimi { font-size:0.65em; color:#999; }
#wrapper h2 span.h2Sub { display:inherit; font-size:0.5em; font-weight:normal; color:#999; }
#wrapper h4 { margin-top:0.8em; }

p,
	ul,
	ol { text-align:left; }
p { margin:0.2em 0 0.5em;}
ul,
	ol { margin:0; padding-left:1.2em; }
ul { list-style-type:square; }
div.section {
	background-color:#fffffe; border-radius:4px;
	width:19.1em; margin-top:0.7em; margin-right:0em; padding:0.2em 0;
/*	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
*/	text-align:left;
	float:left;
}
	div.section h3 { color:#9b724c; margin-left:0.4em; }

div[role="main"] > div.section > div { margin:0.3em; }
div#ukoMainInfo > div.section > div { margin:0.3em; }

	#ukoNav { height:2em; }
	#googleMap { position:absolute; right:0; bottom:0; left:0; background-color:#efebe2; }

.ukoWaiting.absCenter {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	width: 50%; min-width:320px; height: 6em; margin: auto; padding: 2em;

	background-color:#4fa46b;
	font-size:2em; line-height:0.7em; font-weight:bold;
	color: #eee;
}
.ukoWaiting.absCenter span { font-size:0.4em; display:inline-block; line-height: 1.1em; margin-top: 0.8em;}
.ukoWaiting.absCenter span a,
	.ukoWaiting.absCenter span a:visited { color:#13507F; }






/* general styles */
/* ************** */

/* clearfix by http://nicolasgallagher.com/micro-clearfix-hack/ */
	.clearfix:before, .clearfix:after { content:" "; display:table; }
	.clearfix:after { clear: both; }
	/* For IE 6/7 only; Include this rule to trigger hasLayout and contain floats. */
	.clearfix { *zoom: 1; }

.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/ */

.alignRight { text-align:right; }
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }

p span.alignLeft { display:inline-block; float:left; margin:0 5px 5px 0; }
p span.alignRight { display:inline-block; float:right; margin:0 0 5px 5px; }

.pad4 { padding:4px; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }

.font09 { font-size:0.9em; }
.font08 { font-size:0.8em; }
.font07 { font-size:0.7em; }

.ofVis { overflow:visible; }

ul.summaryList { padding-left:1.6em; list-style-type:square }
ul.summaryList li { }


p.ukoDisclaimerNote { font-size:0.8em; color:#999; margin-top:1.5em; }
p.ukoDisclaimerNote + p.ukoDisclaimerNote { margin-top:0; }


.ukoNotification { position: absolute; width:80%; min-height:5em; margin:auto; background-color:#fff; opacity:0.93; left:10%; padding:1em; z-index:1000; }
.ukoNotification p { font-size:1.2em; font-weight:bold;}

.ukoSuccessPopup { background-color:#bee39d; }
.ukoWarningPopup { background-color:#ed4444; }
.ukoWarningPopup p { color:#fff; }


.footerContent div.section { background-color:transparent; margin-right:0.7em; margin-top:0; padding: 0.2em 1em; }
	.footerContent div.section:nth-of-type(3n+0),
		#ukoFooterSoMe { margin-right:0em; }
		#ukoFooterSoMe hr { margin-right:30%; margin-left:5%; }
.footerContent div.section p,
	.footerContent div.section ul { font-size:0.8em; }
.footerContent p.ukoDisclaimerNote { margin-top:0; }

.ukoBorder { border: 1px solid #ccc; }
.ukoShadow { box-shadow: 3px 3px 5px #888888; }
.ukoRoundCorner { border-radius:4px; }

.showHiddenContact { cursor:pointer; }

/* http://www.commentredirect.com/make-awesome-flat-buttons-css/ */
.ukoButton {
	display:inline-block !important; margin-top: 0.3em; padding: 0.4em 0.7em;
	font-size: 14px; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px rgb(203, 203, 203); /* The Fallback */ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	text-decoration: none; line-height: 100%; vertical-align: middle; text-align: center; letter-spacing: 0.1em;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	border-radius: 3px;
}
.ukoButton, .ukoButton:hover, .ukoButton:active {
	outline: 0 none;
	text-decoration: none;
}
.ukoButton:active { margin-top:0.4em; margin-left:0.1em;
	text-decoration: underline;
}

.ukoButton.blue { background-color: #3fb8e8; box-shadow: 2px 2px 1px 0px #3293ba; color: #fff; }
.ukoButton.blue:hover { background-color: #1baae3; } /*  */
.ukoButton.blue:active { box-shadow: 1px 1px 1px 0px #3293ba; }

.ukoButton.reddark {
	background-color: #f06060; color: #fff;
	box-shadow: 0px 3px 0px 0px #cd1313;
}
.ukoButton.reddark:hover { background-color: #ed4444; }
.ukoButton.reddark:active { box-shadow: 0px 1px 0px 0px #cd1313; }

.ukoButton.green {
	background-color: #bee39d; color:#666;
	box-shadow: 2px 2px 0px 0px #99ba7b;
}
.ukoButton.green:hover { background-color: #80c83c; color:#000; }
.ukoButton.green:active { box-shadow: 1px 1px 0px 0px #99ba7b; }


.ukoButton2 {
	font-size:1em;
	font-weight:bold;
	letter-spacing:0.02em;
	color:#fff;
	text-align: center;
	text-decoration: none;
	line-height: 2em;
	margin: 0em 0.2em 0 0.3em;
	padding: 0.2em 0.7em;
	border-radius:0.4em;
	background-color:#fb8e4b; /* TODO orange; change to gray */
	box-shadow: 0px 4px 0px rgb(219,31,5), 0px 5px 10px rgb(102,102,102); /* #DB1F05 */ /* The Fallback */
	box-shadow: 0px 4px 0px rgba(219,31,5,1), 0px 5px 10px rgba(0,0,0,.7); /* #DB1F05 */
	transition: all .1s ease;
}
.ukoButton2:active {
    box-shadow: 0px 2px 0px rgb(219,31,5), 0px 3px 6px rgb(51, 51, 51); /* The Fallback */
    box-shadow: 0px 2px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 3px;
}

.ukoButton2.brown {
	background-color:#9b7f63;
	box-shadow: 0px 4px 0px #3b3937, 0px 5px 10px rgba(0,0,0,.7);
}
.ukoButton2.brown:active {
    box-shadow: 0px 2px 0px #3b3937, 0px 3px 6px rgba(0,0,0,.9);
}

.ukoButton2.blue {
	background-color:#3498db;
	box-shadow: 0px 4px 0px #2980b9, 0px 5px 10px rgba(0,0,0,.7);
}
.ukoButton2.blue:active {
    box-shadow: 0px 2px 0px #2980b9, 0px 3px 6px rgba(0,0,0,.9);
}

.ukoButton2.disabled,
	.ukoButton2.disabled:active {
	background-color:#bfc1c8;
	box-shadow: 0px 2px 0px rgb(191,193,200), 0px 3px 6px rgb(51, 51, 51); /* The Fallback */
	box-shadow: 0px 2px 0px rgba(191,193,200,1), 0px 3px 6px rgba(0,0,0,.9);
	position: relative;
	top: 3px;
	cursor:default;
}

.ukoButton2.ukoPromotionButton {
	box-shadow: 0px 2px 0px #2980b9, 0px 5px 10px rgba(0,0,0,.7);
	background-color: #eee;
	color: #2980b9;
	font-size: 0.9em;
}

/* add arrow to end pointing down or right depending nr of columns */
.ukoPointTo {}
.ukoPointTo:after { font-family: "fontello"; content:"\e803"; color:#999; } /* arrow down content:"\2B07"; */


/* close "button" to popup/modal */
div.ukoPopupClose {
	position:absolute;
	background-color:#eee;
	z-index:1500;
	right: 0; top:5px;
	padding: 0.3em 0.5em;
	font-weight: bold;
	cursor: pointer;
}


/* scroll up button */
	#arrowUp { /* width:40px; height:40px; */ position:fixed; bottom:15px; right: 15px; font-size: 36px; }
	#arrowUp a { opacity: 0.4; color:#fff; text-decoration: none; display:inline-block; }
	#arrowUp a i:before { background-color:#000; border-radius:50%; line-height:44px; width:44px; margin:0; }


/* http://www.electrictoolbox.com/grey-out-webpage/ */
#opaque {
    position: fixed;
    top: 0px; left: 0px;
    width: 100%; height: 100%;
    z-index: 900;
    display: none;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
/* for IE6 */
* html #opaque {
    position: absolute;
}


.ukoForm {}
.ukoForm label { display:block; }
.ukoForm input,
	.ukoForm textarea { font-size:1em; width:18em; display:block; }



	.ukoSoldOut, .ukoPreSales {
		background-color: #fc5952; border-top:2px solid #900; border-bottom:2px solid #900; opacity: 0.8;
		color: #fff; font-weight:bold !important; letter-spacing:2px;
	}
	li.ukoSoldOutItem a { font-size:0.8em; }
	li.ukoSoldOutItem .ukoSoldOut { font-size:0.60em; display:inline-block; margin-left:1em; padding:0 0.3em; border:2px solid #b07b7b; background-color:#fda9a5; opacity:0.7; }
	.ukoSoldOutDot { color:#e81616; cursor:default; }
	.ukoSoldOutDot:before { margin:0 !important; width:auto !important; }



/* specific styles */
/* *************** */


/* --- front page --- */
	#ukoFrontLogoTeaser {
		width:80%; min-width:20em;
		height:90%; min-height:10em;
		margin:auto;
		text-align:center;
		position:absolute; top:0; left:0; right:0; bottom:0;
	}
	#ukoFrontLogoTeaser h1 {
		font-family:'Montserrat', sans-serif;
		color:rgb(243, 206, 60); text-shadow:0px 0px 5px; font-size:4em; line-height: 1.2em; letter-spacing: 0.05em;
		position:absolute; top:0; right:0; bottom:0; left:0; height:2.5em;
		margin:auto;
	}
	#ukoFrontLogoTeaser p.headline {
		position:absolute; top:0; right:0; bottom:0; left:0; height:1em;
		margin:auto;
		font-family:'Montserrat', sans-serif; font-weight:bold; font-size:1.1em; letter-spacing:0.1em;
		text-align:center; word-spacing:0.4em;
		color:#444;
	}

	#ukoFrontLogo {
		width:80%; min-width:19.5em;
		margin:1em auto;
		text-align:center;
	}
	#ukoFrontLogo h1 {
		font-family:'Montserrat', sans-serif; color:rgb(243, 206, 60); text-shadow:0px 0px 5px; font-size:4em; line-height: 1.2em; letter-spacing: 0.05em;
		margin:auto;
	}
	#ukoFrontLogo p.headline {
		margin:auto;
		font-family:'Montserrat', sans-serif; font-weight:bold; font-size:1.1em; letter-spacing:0.1em;
		text-align:center; word-spacing:0.4em;
		color:#ccc;
	}

	#ukoFrontPromo {
		font-family:'Montserrat', sans-serif;
		color:#efebe2; /* text-shadow:0px 0px 5px; */ font-size:2.7em;
		margin: 1em auto 2em;
	}

	.ukoFrontJoiner {
		font-family:'Montserrat', sans-serif;
		color:#efebe2; /* text-shadow:0px 0px 3px; */ font-size:1.5em;
		margin: 1.5em auto 0.4em;
	}

	#ukoInSteps {
		font-family:'Montserrat', sans-serif;
	}
	#ukoInSteps > div {
		width: 32%; margin-right: 1%;
		padding:0 1em; margin-bottom:0.5em;
		border-radius:4px;
		float:left; position:relative;
		background-color: #efebe2;
	}
	#ukoInSteps div > p { margin-left:1em; }
	#ukoInSteps div > p a, #ukoInSteps div > p a:link,
		#ukoInSteps div > p a:visited, #ukoInSteps div > p a:hover { color:#666; }
	#ukoStep1 {

	}
	#ukoStep2 {

	}
	#ukoStep3 {

	}
	.ukoStepNr {
		position:absolute;
		font-size:3em; font-weight:bold; font-family:'Montserrat', sans-serif;
		opacity:0.9; color: #9b724c;
		left:5px; top:-5px;
	}

	#ukoInSteps p { font-size: 1.5em; min-height:2.5em;  }
/*	#ukoInSteps i:before { font-size: 1.5em; color: #090; color: rgba(69, 88, 104, 0.8); } */

	.ukoStepIcons {
		width:1em; position: absolute; top:0.1em; right:0.25em;
		font-size:3em; color:#8fca87; color:#d3d3cd; color: rgba(69, 88, 104, 0.4);
	}
	.ukoStepDesc {
		font-size:0.9em; color:#999;
		margin:0em -0.5em 0.4em; padding-top: 0.3em;
		border-top:2px dashed #999;
	}
	.ukoStepDesc a {  } /* color:#888; */
	.ukoStepDesc br {  }


	.ukoFrontAdBanner { margin: 2em auto; }



/* --- map --- */

	div.ukoPopupInMap {  }
	div.ukoPopupInMap h3,
		div.ukoPopupInMap p { margin:2px; margin-bottom:6px; text-align:left; }

	div.ukoMapButton { position: relative; padding: 0.1em 7px;
		background-color: #fff; border: 2px solid #999;
		font-variant: small-caps; font-weight: bold; font-size:1.2em; }
	#mapMyPosCont { position:absolute; top:3.4em; right:0; padding-right:10px; overflow:hidden; }
	#mapMyPos { font-size:2.5em; padding-left:0em;  }
	#mapMyPos span.myPosLink { font-size:0.5em; text-align:center; display:inline-block; }
	#myPosTrigger { cursor:pointer; font-family:'fontello'; padding:0 0.2em 0 0; width:1.4em; /* font-size:1em !important; padding-right:0.2em; padding-left:0.2em; */ }
	#myPosTrigger.icon-location-2:before { margin-left:0; }


	div.ukoObjFlatsSummary { float:left; height:112px;	}
	div.ukoFlatsTotal { float:left; padding: 0; width: 68px; margin-right: 5px; }
	div.ukoFlatsTotal.tripleDigit { width:98px; }
	div.ukoFlatsTotal .ukoNrApartments { float:left; clear:left; margin:0; margin-top:-6px; text-align:center; font-size:5em; line-height:1em; min-width:1em; letter-spacing:-4px; }
	div.ukoFlatsTotal .lblFlatsTotal { float:left; clear:left; text-align:center; width:100% }
	div.ukoPopupCTA { width:100%; float:left; clear:left; height:30px; margin-top:0; }
	div.ukoSoldOut.ukoInMap {
		position:absolute; top: 65px; left:0; z-index:3000;
		width:100%;
		font-size:1.4em;
	}

	/* visualising free/reserved/sold percentage */
	.kkSquarePercents { position:relative; }
	.kkSquarePercents > div { position:absolute; top:0; right:0; height:100%;}
	.kkSquarePercents .cGreenFree { background-color:#1db062; } /* width:100%; */
	.kkSquarePercents .cOrangeReserv { background-color:#f1c40f;  }
	.kkSquarePercents .cRedSold { background-color:#fc5952;  }
	.kkSquarePercents .kkPercentAbsolute { background-color:transparent; text-align:center; width:100%; height:100%; }

	div.ukoFlatsTotal .kkSquarePercents { margin-top:3px; float:left; width:100%; height:6px;  background-color:#ddd; }

	.ukoFlatsInfo { float:left; padding:0; width:142px; }
	.ukoFlatsInfo .ukoFlatsDistr {}
	.ukoFlatsInfo .elemFlatsRanges {}

	.ukoFlatsInfo table {
		font-size:0.9em; border-collapse:collapse; border:1px solid #ccc;
		margin:0 auto 0.5em; padding:0;
		width:132px;
		box-shadow: 3px 3px 5px #888888;
	}
	.ukoFlatsInfo table th,
		.ukoFlatsInfo table td { padding:3px 5px; text-align:center; border-left:1px solid #ccc; }

	.ukoFlatsInfo table td:nth-child(odd) { background-color:#efefef; }
	.ukoFlatsInfo table td:nth-child(even) { background-color:#f9f9f9; }
	.ukoFlatsInfo table th { border-bottom:2px solid #ccc; background-color:#e5e5e5; }
	.ukoFlatsInfo table th:first-child { border-left:none; }
	.ukoFlatsInfo table td {  }
	.ukoFlatsInfo table td:first-child { border-left:none; }

	.elemFlatsRanges .ukoLabel { display:inline-block; width:24%; text-align:right;  }
	.elemFlatsRanges .ukoValue { display:inline-block; width:73%; text-align:center;  }


/* TODO: not needed anymore? */
		div.ukoObjData { float:left; }
		.ukoMLabel { color:#999; }
		.ukoLabelOver { float:left; }
		div.ukoObjData > .ukoNrApartments { float:left; clear:left; margin:0; margin-top:-2px; font-size:5em; line-height:1em; }



/* --- ..... --- */
.ukoArendus { position:absolute; top:0; left:50%; margin-left:-200px; }

.ukoTable { /* border:1px solid #ccc; */ border-radius:3px; }
.ukoTable th,
	.ukoTable td { padding:3px 10px; }

.ukoTableFooter { display:block; font-size:0.75em; margin:0.4em 0.5em; color:#888; }

.ukoTableFooter .flatsUpdateDate { display:block; /* text-align:right; margin-top:-1.2em; */ }



table.flatsAvail { font-size:0.9em; border-collapse:collapse; border:1px solid #ccc; }
table.flatsAvail tr:nth-child(odd) { background-color:#efefef; }
table.flatsAvail tr:nth-child(even) { background-color:#f9f9f9; }

table.flatsAvail caption { margin-bottom:2px; }
table.flatsAvail th { border-bottom:2px solid #ccc; background-color:#e5e5e5; border-left:1px solid #ccc; text-align:center; }
table.flatsAvail th:first-child { border-left:none; }
table.flatsAvail td { text-align:center; border-left:1px solid #ccc; }
table.flatsAvail td:first-child { border-left:none; }
table.flatsAvail .availValue { width:3em; }

.availFree { color:#158958; }
.availRes { color:#d6672f; }
.availSold { color:#fc5952; }



.flatsAvail {
	margin:0 auto; padding:0px;
	width:96%;
	box-shadow: 3px 3px 5px #888888;
/*	border:1px solid #000000; */

	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}
.flatsAvail table { width:100%; height:100%; margin:0px; padding:0px; }
.flatsAvail tr:last-child td:last-child { border-bottom-right-radius:4px; }
.flatsAvail table tr:first-child td:first-child { border-top-left-radius:4px; }
.flatsAvail table tr:first-child td:last-child { border-top-right-radius:4px; }
.flatsAvail tr:last-child td:first-child{ border-bottom-left-radius:4px; }
.flatsAvail tr:hover td{ }


.flatsAvail td {
	vertical-align:middle;
/*	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
*/
}




/* ---- #ukoHouseHeading ---- */
	#ukoHouseHeading { text-align:center; background-color:transparent; margin-right:0.7em; }

/* ---- #ukoHouseLogo ---- */
	#ukoHouseLogo { text-align:center; background-color:transparent; width:100%; }

/* ---- #ukoHousePromo ---- */
/* house promotion text "disclaimer" */
	#ukoHousePromo { position:relative; width:38.9em; }
	#ukoHousePromo:after { content:"Arendaja reklaamtekst"; position:absolute; top:2px; right:4px; padding:0.2em; font-size:0.7em; color:#999; }


	#ukoMainInfo { width:58.7em; }


/* ---- #ukoLocationInfo ---- */
	#ukoLocationInfo { clear:left; margin-right:0.7em; }
	.elemAddress {}
		.elemAddress .adrAsumLinnaosa { font-size:0.9em; }
	.elemMap { text-align:center; }
		.elemMap img { box-shadow:3px 3px 5px #888888; padding:4px; border:1px solid #ccc; }
		.elemMap a { font-size:0.9em; }
	.elemAreaInfo {}


/* ---- #ukoHouseInfo ---- */
	#ukoHouseInfo { margin-right:0.7em; }
	.elemHouse {}


/* ---- #ukoFlatsInfo ---- */
	#ukoFlatsInfo { position:relative; }
	#ukoFlatsInfo .ukoSoldOut { border: 2px solid #900; position:absolute; top:-10px; right: -10px; padding: 4px 8px; }

	#ukoFlatsInfo .ukoPreSales { border: 2px solid #296840; background-color: #4fa46b; position:absolute; top:-10px; right: -10px; padding: 4px 8px; }



/* ---- #ukoHousePics ---- */
	#ukoHousePics { width:100%; margin-left:0; } /*  min-height:0; */
	#ukoHousePics img.tmpPic {
		float:left; width:140px; /* height:80px; */
		padding: 3px; border: 1px solid #ccc; box-shadow: 2px 2px 4px #888888;
		margin:0.3em 0.3em 0.3em 0.2em;
/*		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; */
	}


/* ---- #ukoHouseOk ---- */
	#ukoHouseOk,
		#ukoHouseNotOk {
			background-color:transparent;
			border:3px solid #ccc; padding:10px; margin-right:0.7em;
			/* width:calc(20em - 26px); -webkit-width:calc(20em - 26px); */
			clear:left;
		}

	#ukoHouseOk .elemCTA p,
		#ukoHouseNotOk .elemCTA p { text-align:center; margin:0.5em auto; }
	#ukoHouseOk .elemCTA hr,	/* TODO: not in use? */
		#ukoHouseNotOk .elemCTA hr { margin:1em; margin-top:1.5em; }

	#ukoHouseOk.hidden { border:none; }

#ukoHouseNotOk { display:none !important; }

/* ---- #ukoContactInfo ---- */
	#ukoContactInfo { width:38.9em; position:relative; }
	.elemHomepage a.truncate { width:100%; margin-top:0.6em; margin-bottom:0.6em; display:inline-block; }
	.elemDevLogo { position:absolute; top:0; right:0; margin:0; }
	.elemAgents {}
	.ukoAgentDetails {
		box-shadow:3px 3px 5px #888888;
		padding:4px; border:1px solid #ccc;
		width:18em; margin-bottom:0.7em; margin-left:0.2em;
		float:left;
	}
	.ukoAgentDetails img {
		/*	box-shadow:3px 3px 5px #888888; padding:4px; border:1px solid #ccc; */
		width:75px; float:left; margin-right:0.6em;
	}
	.ukoAgentDetails .agentName { font-size:1.2em; font-weight:bold; }


/* ---- #ukoSponsor ---- */
	#ukoSponsor { position:relative; min-height:250px; padding:15px 0px 0px; border:3px solid #fff; text-align:center; clear:left; margin-right:0.7em; } /* background-color:#fff; */
	#ukoSponsor:after { content:"Reklaam"; position:absolute; top:0px; right:4px; padding:0; font-size:0.7em; color:#999; }
	#ukoSponsor p { text-align:center; }
	#ukoSponsor .ukoButton2 { background-color: transparent; box-shadow: none; border: 2px #00d1d1 solid; border-radius: 4px; color:#00d1d1; text-transform: uppercase; font-size: 1.1em; letter-spacing: 0.05em; padding: 0.3em 0.6em 0.2em; }
		#ukoSponsor .ukoButton2.spEcoAdvice { border-color:#00d1d1; color:#00d1d1; }
		#ukoSponsor .ukoButton2.spAstelHouse { border: 6px #fff double; color: #333; background-color: #fba740; font-size: 0.9em; }
		#ukoSponsor .ukoButton2.spPriima { border-color:#10cf0b; color:#fff; background-color:#10cf0b; font-size:0.95em; }
		#ukoSponsor .ukoButton2.spGrundar { border-color:#169e00; color:#9e1412; background-color:#fff; font-size:1em; font-family:Arial, sans-serif; }
		#ukoSponsor .ukoButton2.spEhituskaitse { border-color:#2e8913; color:#333; background-color:#fff; font-size:0.95em; font-family:Arial, sans-serif; }

		/* slanted pic wide sponsor  */
	#ukoSponsor2 { background-color:#fff; width: 19.1em; margin: 3em auto 1em; min-height: 176px; border:solid 3px #e2bf72; position:relative; height:370px; }
	.elemSpons2Notification { position: absolute; top: -1.8em; right: 0px; line-height: 1.5em; height: 1.5em; width: 9em; border-radius: 2px; text-align: center; font-size: 0.7em; color: #999; background-color: #fff; }
	#elemSpons2Logo { position: absolute; left: 0.5em; top: 0.2em; }
	#elemSpons2Header { font-family:'Open Sans'; font-weight:300; font-size:1.9em; color:#000; position:absolute; left:11%; top:1em; }

	#elemSpons2Pics { position: absolute; right: 0px; top: 194px; }
	/* https://www.viget.com/articles/angled-edges-with-css-masks-and-transforms */
	.picShade { background-color: transparent; position: absolute;  z-index: 1; }
		.picShade:before { background: #fff; content: ''; display: block; height: 100%; position: absolute; left: 0; right: 0; top: 0; z-index: -1; -webkit-backface-visibility: hidden; /* for Chrome Windows */ }
	#elemSpons2Pics .picShadeTop { height: 30px; width: 300px; right: 0px; top:-30px; }
		#elemSpons2Pics .picShadeTop:before { top: 0; transform: skewY(-5deg); transform-origin: 100% 0; }
	#elemSpons2Pics .picShadeLeft { display:none; }
	.elemSpons2Text1 { position: absolute; left: 7%; top: 4.4em; font-size:1.1em; }
	#elemSpons2Button { position: absolute; left: 1em; top: 145px; z-index: 100;}
	#ukoSponsor2 .ukoButton2.spGrandex { background-color: #e2bf72; box-shadow: none; border: 2px #e2bf72 solid; border-radius: 4px; color: #fff; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.05em; padding: 0.4em 0.7em 0.3em; }


	#ukoFrontBannerSect { background-color: #efebe2; margin-top:3em;border-top: 3px solid #999; }
	#ukoSponsor3 { background-color:#fff; width: 19.1em; margin: 3em auto 1em; min-height: 176px; border: solid 5px #00c2d0; position:relative; height:370px; }
	#elemSpons3Left { float: none; width: 100%; height: 200px; }
		.elemSpons3Block1 { background-color:#00c2d0; height:50%; width:100%; text-align: center; }
		.elemSpons3Block2 { background-color:#e7cc00; height:50%; width:100%; text-align: center; font-weight: bold; font-variant: small-caps; color:#000; }
	#elemSpons3Right { float: none; width: 100%; height: 160px; }
		.elemSpons3Block3 { background-color:#f00; color: #fff; text-align: center; font-weight: bold; /* text-transform: uppercase; */ font-variant: small-caps; font-size:1.6em; }

	.alignVertParent { display: table; table-layout: fixed; }
	.alignVertChild { display:table-cell; vertical-align: middle; }

/* ---- #ukoNearbyInfo ---- */
	#ukoNearbyInfo { width:38.9em; }
	.elemHouseList {}
	.elemHouseList ul { }

	#ukoNearbyInfo hr { width:80%; margin:1em auto; }
	#ukoNearbyInfo .elemCTA p { text-align:center;  margin:0.5em auto 1em; }


/* ---- #ukoShareIt ---- */
	#ukoShareIt {
		width:100%; clear:left; text-align:center; margin-top:2em;
		background-color:transparent;
		/* border:3px solid #ccc; padding:10px; */
	}
	#ukoShareIt br { display:none; }

	#ukoShareIt a.ukoButton2.brown { background-color:#ddd; color:#666; }
	#ukoShareIt a.ukoButton2.brown.icon-twitter:hover,
		#ukoShareIt a.ukoButton2.brown.icon-twitter:active  { color:#55acee; }
	#ukoShareIt a.ukoButton2.brown.icon-facebook:hover,
		#ukoShareIt a.ukoButton2.brown.icon-facebook:active { color:#3b5998; }


/* ---- #ukoPageUrl ---- */
	#ukoPageUrl { width:100%; margin-top:3em; text-align:center; font-size:0.7em; background-color:transparent; color:#bbb; }
	#ukoPageUrl a { color:#bbb; }

/* ---- archived house page ---- */
	body.ukoArchived { background-color:#e7e7e7; }
	.ukoArchived div.section h3 { color:#666; }
	.ukoArchived td.availFree,
		.ukoArchived td.availRes,
		.ukoArchived td.availSold { color:#666; }
	.ukoArchived a { color:#325592; }
	.ukoArchived a:visited { color:#551A8B; }

	/* .ukoArchived li.ukoSoldOutItem .ukoSoldOut { background-color: #F19894; border-color: #A36666; } */

	.ukoArchived a.ukoButton2.blue { background-color:#ddd; color:#666; box-shadow:0px 4px 0px #3b3937, 0px 5px 10px rgba(0,0,0,.7); }
	.ukoArchived a.ukoButton2.brown { background-color:#ddd; color:#666; box-shadow:0px 4px 0px #3b3937, 0px 5px 10px rgba(0,0,0,.7); }
	.ukoArchived #ukoHouseNotOk a.ukoButton2.brown { background-color:#9b7f63; color:#eee; box-shadow:0px 4px 0px #3b3937, 0px 5px 10px rgba(0,0,0,.7); }

	#ukoArchivedNote { width: 90%; margin:1em auto -1em; float:none; padding:0.5em 0.5em 0.5em 1em; background-color:#FFFFB0; }
	#ukoArchivedNote p { margin:0; font-size:1.05em; }
	#ukoArchivedNote p .noteHeading { font-weight:bold; font-size:1.2em; color:#900; margin-right:0.4em; }
	#ukoArchivedNote p .archivedNoteDate { font-size:0.7em; }


div.section .tblUkoFeatures { border-collapse:collapse; border:0; width:100%; }
div.section .tblUkoFeatures tr:hover { background-color:#f6f6f6; }
div.section .tblUkoFeatures th {
	vertical-align:top;
	font-size:0.9em; font-weight:normal; text-align:left;
	width:7em; padding:2px;
/*	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; */
}
div.section .tblUkoFeatures td {}

div.section .tblUkoFeatures .ukoNA { font-size:0.9em; color:#ccc;}
div.section .ukoNA { font-size:0.9em; color:#ccc;}


/* EXPERIMENTAL */
/* not in use
label { width:7em; display:inline-block; font-size:0.9em; }
label:before { content:" "; } */

/* not in use */
.ranges { }
.ranges label { width:7em; display:inline-block; text-align:center; font-size:0.9em; }
.ranges .rangeMin { width:5em; display:inline-block; text-align:right; }
.ranges .rangeMax { width:5em; display:inline-block; text-align:left; }
.ranges .rangeMin:after { content:" <- "; }
.ranges .rangeMax:before { content:" -> "; }



/*	#navContainer span.navButton.collapsed { display:none;} */


.ukoAListLetter { float:left; clear:left; margin-top:0.7em;
		width:19.8em;
/*		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box; */
		border-radius:4px;
		background-color:#fffffe;
 }

.ukoAListItems { width:38.9em;
	background-color:#fffffe;
	border-radius:4px;
	border-top-left-radius: 0;
	margin-top:0.7em; margin-right:0em; padding:0.5em;
	text-align:left; float:left;
/*	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; */
}
#wrapper .ukoAListItems ul { float:left; width:17.2em; margin-right:1.1em; }
#wrapper .ukoAListItems ul:nth-child(even) { margin-right:0; }

#wrapper .ukoAListItems > p:first-of-type { margin-top:0; }
#wrapper .ukoAListItems h4 + p { margin-top:0; }
/* #wrapper .ukoAListItems p + ul { margin-top:-0.5em; float:none; } */
 p + ul { margin-top:-0.5em; float:none; }
#wrapper .ukoAListItems ul + p { clear:left; margin-top:0.5em; }

.ukoExpItem { font-weight:bold; font-style:italic; }
#wrapper .ukoAListItems ul.ukoExplanation { width:auto; font-size:0.9em; float:none; }



	.icon-twitter:hover:before { color:#55acee; }
	.icon-gplus:hover:before { color:#dd4b39; }
	.icon-facebook:hover:before { color:#3b5998; }



/* ======================== */
/* modal popup - lightbox */

	#elemPromoPics a { border:0; margin:0; padding:0; }

	div#ukoPicSlides {
		width:80%; min-width:58em;
		/* height:90%; min-height:10em; */
		margin:auto;
		text-align:center;
		position:absolute; top:0; left:0; right:0; bottom:0;
	}
	div#ukoPicSlides ul.bxslider {
		position:absolute; top:0; right:0; bottom:0; left:0; height:90%;
		margin:auto;
	}

	div#ukoPicSlides div.ukoPopupClose {
		position:absolute;
		background-color:#eee;
		z-index:1500;
		right:0; top:5px;
		padding: 0.3em 0.5em;
		font-weight: bold;
		cursor: pointer;
	}

	.promoPicLogo { position:absolute; top:0; width:15%; background-color: rgba(255,255,255,0.7); }

	.bx-wrapper { z-index: 1000; }
	.bx-wrapper .bx-pager { background-color:#fff; padding-right:5px; padding-left:5px; left:-5px; padding-top:0; bottom:inherit; }
	.bx-wrapper .bx-pager.bx-default-pager a { background:#999 !important; }
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000 !important; }


/* ================= */
/* house list filter */
	#divFilterSetup { font-style:italic; text-align:left; }
		#divFilterSetup .ukoAListLetter { text-align:center; }
		#divFilterSetup .ukoAListItems { position:relative; margin-bottom:1em; }
	#divFilterSetupButtons { position:absolute; top:1.6em; right:1.6em; text-align:right; font-style:normal; }

	/* Gradient transparent - color - transparent */
	#divFilterSetup > hr {
		 border: 0;
		 height: 2px;
		 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(33,33,33,0.75), rgba(0,0,0,0));
		 background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
		 background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
		 background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
		margin:10px auto; width:90%;
		clear:both;
	}

	#divCurrentFilter { display:none; position:relative; clear:left; /* float:left; */ padding:0.5em; margin:0.3em; border:2px solid #aaa; }
	#divCurrentFilter.sticky { position:fixed; top:0; width:58.7em; margin:0; z-index:100;
		/* background-color:#fff; background-color:rgba(255,255,255,0.95);
		-webkit-box-shadow: 0px 20px 15px -6px rgba(255,255,255,0.9);
		-moz-box-shadow: 0px 20px 15px -6px rgba(255,255,255,0.9);
		box-shadow: 0px 20px 15px -6px rgba(255,255,255,0.9); */
		background-color:#efebe2; background-color:rgba(239,235,226,0.9);
		-webkit-box-shadow: 0px 30px 20px 0px rgba(0,0,0,0.9);
		-moz-box-shadow: 0px 30px 20px 0px rgba(0,0,0,0.9);
		box-shadow: 0px 20px 15px -6px rgba(0,0,0,0.75);
	}

	#divFilterNotification { width:66%; float:left; padding:0 5%; }
	#divCurrentFilterButtons { width:32%; float:left; text-align:center; }

	#divFilterSetup .ukoAListLetter span { font-size:1.6em; font-weight:bold;font-family: 'Montserrat', Verdana, sans-serif; }

	.filGroup {}
	.filLabel { float:left; clear:left; width:7em;}
	.filInputs { /* float:left; */ clear:left; margin-bottom:5px; }

	/* http://codepen.io/bbodine1/pen/novBm */
	/* .squaredFour */
	.squaredFour {
	  /*width: 20px; */
	  position: relative;
	  margin: 20px auto;
	  white-space:nowrap;

	  display: inline-block;
	  margin:auto;
	}
	.squaredFour label.sqF2 {
		width: 20px;
		height: 20px;
		cursor: pointer;
		/* position: absolute; top: 0; left: 0;  */
			display:inline-block;
			margin-left:-20px;
			vertical-align:middle;
		background: #fcfff4;
		-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
		-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
		border: 1px solid #999;
	}
	.squaredFour label.sqF2:after {
		content: '';
		width: 8px; /* was 9px */
		height: 5px;
		position: absolute;
		top: 6px;
		left: 6px;
		border: 3px solid #333;
		border-top: none;
		border-right: none;
		background: transparent;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);
	}
	.squaredFour label:hover::after {
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	  opacity: 0.5;
	}
	.squaredFour input[type=checkbox] {
	  visibility: hidden;
	}
	.squaredFour input[type=checkbox]:checked + label.sqF2:after {
		filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
	}
	/* additions */
	.squaredFour label+label { cursor:pointer; margin-right:8px; padding-left:4px; }
	/* end .squaredFour */


/* ================= */
/* responsive layout */

@media only screen and (max-width:350px) {
	/* map infoPopup size */
	.gm-style-iw,
		.gm-style-iw > div { width:216px !important; max-width:216px !important; }
	div.ukoPopupInMap { width:216px; }
}
@media only screen and (max-width:400px) {
	/* map infoPopup size */
	div.ukoFlatsTotal.tripleDigit { width:68px; }
	div.ukoFlatsTotal.tripleDigit span.ukoNrApartments { font-size:3.8em; }
}



@media only screen and (min-width:19.1em) {
	.noNarrow { display:none; }

	/* ---- DASHBOARD ---- */
	#ukoDashboard { width:19.1em; }

	#ukoHeaderContainer { height:2em; }
	div.header { height:2em; margin: auto;
		/* background-color: rgb(103, 117, 130); /-* The Fallback *-/ background-color:rgba(69, 88, 104, 0.8); */
	}
	#ukoHeader { width:19.1em; height:2em; line-height:2em; }
	#logoHeading { height:2em; line-height:2em; z-index:1000; position:relative; } 	/* height:2em; width:19.1em; text-align:left; /-* margin:auto; *-/ */
	#logoHeading h1 { font-size:1.6em; letter-spacing:0.05em; padding-left:0.2em; }
	#logoHeading h1 span { left: 9em; }
	#googleMap { top:2em; }
	#mapMyPosCont { top:2.4em; }

	#navContainer4 { height:0; /* height:2em; width:19.1em; */
		font-weight: bold;
		position: relative;
		/* margin:0 auto; */
			/* margin-top:-2em; */
		z-index:800;
		text-align:right;
	} /* border-bottom:2px solid #283744; */

	#navContainer4 ul { display:none; float:none; width:19.1em; padding:0; margin:0 auto; height:auto;
		background-color: rgb(103, 117, 130); /* The Fallback */ background-color:rgba(69, 88, 104, 0.8);
			/* margin-top:2em; */
	}
	#navContainer4 a {
/*		color: #fff; display:inline-block;
		text-align:left; text-decoration:none;  text-shadow: 1px 1px 0px #283744;
		padding:0 0.8em;
		width:100%; */
		line-height:2em;
	}
	#navContainer4 a:hover,
		#navContainer4 a:active { background-color: #8c99a4; }

	#navContainer4 a#pull { display:block;  background-color:rgb(40, 55, 68); /* The Fallback */ background-color:rgba(40, 55, 68, 0.7); width:5.2em; position:absolute; right:0.1em; padding: 0 0 0 0.4em; }


	#navContainer4 li { display:block; float:none; width:100%; }
	#navContainer4 li a { border-bottom:1px solid #576979; }

	#ukoPromotion { width:19em; font-size:1em; }

	.ukoAListLetter { width:19.1em; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:2px dashed #efebe2; }
		.ukoAListLetter > h3 {  }
	.ukoAListItems { width:19.1em; margin-top:0; border-top-right-radius:0; min-height:inherit; }

	#wrapper,
		.ukoFrontAdBanner,
		.footerContent { width:19.1em; }

	#ukoHouseHeading { margin-right:0; }


	#ukoHousePromo { width:19.1em; }
	#ukoHousePromo div { margin:0.3em; margin-top: 0.7em; }
	/* div.section { background-color:#0f1; } */

	#ukoMainInfo { width:19.1em; }

	#ukoHousePics img.tmpPic { }
		#ukoHousePics figure:nth-child(odd) a img.tmpPic { clear:left; }
		#ukoHousePics figure:nth-child(even) a img.tmpPic { margin-right:0; }

	#ukoHouseOk,
		#ukoHouseNotOk { margin-right:0; }
	#ukoHouseOk.hidden { display:none; }

	#ukoContactInfo { width:19.1em; }
		.elemDevLogo { position:initial; top:0; right:0; margin:0; text-align:center; }

	#ukoSponsor { margin-right:0; }

	#ukoNearbyInfo { width:19.1em; }

	#ukoShareIt br { display:inline; }

	#ukoInSteps > div {
		width: 98%;
		margin-right: 0;
		margin-left:1%;
	}

	div#ukoPicSlides { min-width:19em; }

	#divFilterSetup .ukoAListLetter span { font-size:1.1em;  }
	#divFilterSetupButtons { position:static; text-align:center; }
	#divCurrentFilter { padding:0.2em; }
	#divCurrentFilter.sticky { width:19.1em; }
		#divFilterNotification { width:100%; float:none; padding:0 }
		#divCurrentFilterButtons { width:100%; float:none; margin:0.3em auto; }

}


/* 1+ column */
@media only screen and (min-width:31em) {

	/* ---- DASHBOARD ---- */
	#ukoDashboard { width:29.5em; }

	#ukoHeader { width:29.5em; }
	#navContainer4 ul { width:29.5em; }
	#logoHeading h1 span { left: 9.7em; }

	#ukoPromotion { width:29.5em; }

	#wrapper,
		.ukoFrontAdBanner,
		.footerContent { width:29.5em; }

	#wrapper .ukoAListLetter { width:29.5em; }
		#wrapper .ukoAListLetter > h3 { }
	#wrapper .ukoAListItems { width:29.5em; }
	#wrapper .ukoAListItems ul { width:12.7em; margin-right:0.5em; }

	#ukoHouseHeading { width:100%; }
	#ukoHousePromo { width:100%; }

	#ukoMainInfo { width: 19.1em; float: left; }
	#ukoHousePics { width:9.5em; margin-left:0.7em; min-height:36em; }
	#ukoHousePics img.tmpPic { margin-right:0; margin-left:0; }
		#ukoHousePics figure:nth-child(odd) a img.tmpPic { clear:none; }

	#ukoFooterDisclaimer { width:100%; }
	#ukoFooterSiteTree,
		#ukoFooterSoMe { width:48%; }

	.ukoStepNr { top:0; }
	#ukoInSteps p { min-height: 2em; padding-top: 0.6em; }

	div#ukoPicSlides { min-width:30em; }

	#divCurrentFilter.sticky { width:29.5em; }

}


/* 2 columns */
@media only screen and (min-width:39em) {
	.noNarrow { display:initial; }
	.noWide { display:none; }

	/* ---- DASHBOARD ---- */
	#ukoDashboard { width:38.9em; }

	#ukoHeader { width:38.9em; }
	/* #logoHeading { width:38.9em; } */
	#navContainer4 ul { width:38.9em; }

	#ukoPromotion { width:38.9em; }

	#wrapper .ukoAListLetter { width:38.9em; }
		#wrapper .ukoAListLetter > h3 { }
	#wrapper .ukoAListItems { width:38.9em; }
	#wrapper .ukoAListItems ul { width: 17.2em; margin-right: 1.1em;
/* kook */ width:18.5em; margin-right:0.9em;
	}
	#wrapper,
		.ukoFrontAdBanner,
		.footerContent { width:38.9em; }


	#ukoHouseHeading { width:38.9em; }
	.contUkoHouseLogo #ukoHouseHeading { width:19.1em; margin-right:0.7em; }
	#ukoHouseLogo { width:19.1em; }
	#ukoHousePromo { width:38.9em; min-height:4em; }
	.contUkoHouseLogo #ukoHousePromo div { margin-top: 0.6em; }

	#ukoMainInfo { width:38.9em; }
		#ukoLocationInfo { /* margin-right:0.7em; */ }
		#ukoHouseInfo { margin-right:0; }
		#ukoFlatsInfo { clear:left; width:38.9em; }
			#elemFlatsRanges,
				#elemFlatsAvail { width:18.5em; float:left; }
			#elemFlatsRanges { margin-right:0.9em; }
	#ukoHousePics { width:100%; margin-left:0; min-height:0; }
	#ukoHousePics a img.tmpPic,
		#ukoHousePics figure:nth-child(even) a img.tmpPic { margin-right:0.6em; margin-left:0.3em; }
		#ukoHousePics figure:nth-of-type(4n+0) a img.tmpPic { margin-right:0; }

	#ukoHouseOk,
		#ukoHouseNotOk { margin-right:0.7em; }
	#ukoHouseOk.hidden { display:none; }

		.ukoPointTo:after { font-family: "fontello"; content:"\e805"; } /* arrow right  content:"\279C" */

	#ukoContactInfo { width:38.9em; }
		.elemDevLogo { position:absolute; top:0; right:0; margin:0; }
/* Todo 		#ukoContactInfo .ukoAgentDetails { margin-right:1.7em; }*/
/* Todo 		#ukoContactInfo .ukoAgentDetails:nth-child(even) { margin-right:0; }*/

	#ukoSponsor { margin-right:0.7em; }

	#ukoNearbyInfo {  }
/* div.section { background-color:#09c; } */

	#ukoShareIt br { display:none; }

/* front page */
	.ukoStepDesc { text-align:left; }
	.ukoStepDesc br { display:none; }

	div#ukoPicSlides { min-width:38em; }

	#divFilterSetupButtons { position:absolute; text-align:right; }
	#divCurrentFilter.sticky { width:38.9em; }
		#divFilterNotification { width:66%; float:left; padding:0 5%; }
		#divCurrentFilterButtons { width:32%; float:left; }

}


/* 3 columns */
@media only screen and (min-width:59em) {

	/* ---- DASHBOARD ---- */
	#ukoDashboard { width:58.9em; }

	#ukoHeaderContainer { height:4em; }

	#ukoHeader { width:58.9em; height:4em; line-height:4em; } /* div.header { height:3em; } */
	#logoHeading { height:4em; line-height:4em; } /* width:58.9em; */
		#logoHeading h1 { font-size:2.5em; letter-spacing:0.1em; } /* line-height:1.2em; */
/*	#navContainer3 {  margin-top:-2.5em; width:58.9em; }
		#navContainer3 ul { margin-top:0; display:block; float:right; width:auto; } */
	#navContainer4 {  float:right; margin-top:0; width:auto; } /*  height:4em; */
		#navContainer4 ul { display:block; float:right; width:auto; background-color:inherit; margin-top:0; }
		#navContainer4 li { display:inline; float:left; width:auto; }
/*		#navContainer3 li a { border-right: 1px solid #576979; font-size:0.95em; line-height:1.8em; } */
		#navContainer4 li:last-child a { border-right: 0; }
		#navContainer4 a#pull { display: none; }

	#ukoPromotion { width:58.9em; font-size:1.1em; }

	#wrapper,
		.ukoFrontAdBanner,
		.footerContent { width:58.7em; }

	#wrapper .ukoAListLetter { width:19.8em; border-bottom-left-radius:4px; border-bottom-right-radius:0; border-top-right-radius:0; border-bottom:none; }
		#wrapper .ukoAListLetter > h3 { font-size:2em; }
	#wrapper .ukoAListItems { margin-top:0.7em; border-top-right-radius:4px; min-height:3.5em; }


	#googleMap { top:4em; }
	#mapMyPosCont { top:4.4em; }

	#ukoHouseHeading { width:19.1em; margin-right:0.7em; }
	#ukoHouseLogo { width:38.9em; padding-top:1em; }
	#ukoHousePromo { width:38.9em; min-height:4em; margin-top:1.8em; }
	.contUkoHouseLogo #ukoHousePromo { width:100%; margin-top:0.7em; }

	#ukoMainInfo { width:58.7em; }
		#ukoHouseInfo { margin-right:0.7em; }
		#ukoFlatsInfo { clear:none; width:19.1em; margin-right:0; }
			#elemFlatsRanges { margin-right:0; }
/*	#ukoHousePics { width:58.7em; } */
/*		#ukoHousePics img.tmpPic { margin-right:0.7em; }
		#ukoHousePics img.tmpPic:nth-child(even) { margin-right:0.7em; }
		#ukoHousePics img.tmpPic:nth-of-type(6n+0) { margin-right:0; }
*/
		#ukoHousePics a img.tmpPic { margin-right:0.7em; }
		#ukoHousePics figure:nth-child(even) a img.tmpPic { margin-right:0.7em; }
		#ukoHousePics figure:nth-of-type(6n+0) a img.tmpPic { margin-right:0; }

	#ukoHouseOk.hidden { display:block; }

	#ukoContactInfo { width:38.9em; }
		.elemDevLogo { position:absolute; top:0; right:0; margin:0; }

/* Todo */		#ukoContactInfo .ukoAgentDetails { margin-right:1.6em; }
/* Todo */		#ukoContactInfo .ukoAgentDetails:nth-child(even) { margin-right:0; }

/* Todo		#ukoContactInfo .ukoAgentDetails:nth-child(even) { margin-right:1.7em; }
		 #ukoContactInfo .ukoAgentDetails:nth-child(3n+0) { margin-right:0; }
		 #ukoContactInfo .ukoAgentDetails:nth-child(3n+1) { clear:left; }  */
/* 		#ukoContactInfo .elemAgent:nth-of-type(2n+0) { margin-right:1.1em; }
		#ukoContactInfo .elemAgent:nth-of-type(3n+0) { margin-right:0; }
*/


	#ukoSponsor2 { width: 750px; height:170px; }
	#elemSpons2Pics { top: 0px; }
	#elemSpons2Pics .picShadeTop { display:none; }
	#elemSpons2Pics .picShadeLeft { display:initial; height: 170px; width: 30px; right: 300px; top:0px; }
	#elemSpons2Pics .picShadeLeft:before { top: 0; transform: skewX(170deg); transform-origin: 0 100%; }
	#elemSpons2Button { top: 125px; }

	#ukoSponsor3 { width: 750px; height:170px; }
	#elemSpons3Left { float: left; width: 50%; height: 100%; }
	#elemSpons3Right { float:left; width: 50%; height: 100%; }



	#ukoNearbyInfo { width:38.9em; }
		#ukoNearbyInfo .elemHouseList ul { float:left; width:17.2em; margin-right:1.5em;
			/* kook */ width:18.5em; margin-right:1.1em;
		}
		#ukoNearbyInfo .elemHouseList ul:nth-child(even) { margin-right:0; }


		#ukoFooterDisclaimer,
			#ukoFooterSiteTree,
			#ukoFooterSoMe { width:19.1em; }

/* front page */
	#ukoInSteps > div { width:32%;
		float: left;
		margin-right: 1%;
		margin-left:0;
	}
	#ukoInSteps p { min-height:2.5em; padding-top:0; }
	.ukoStepNr { top:-5px; }
	.ukoStepDesc { text-align:inherit; }
	.ukoStepDesc br { display:inherit; }

	div#ukoPicSlides { min-width:58em; }

	#divFilterSetup .ukoAListLetter span { font-size:1.6em; }
	#divCurrentFilter { padding:0.5em; }
	#divCurrentFilter.sticky { width:58.7em; }

}



@media print {
/*	body { font-size:0.95em; } */
	.noprint { display:none; }
	#wrapper,
		.footerContent { width:38.9em; }
	#logoHeading h1,
		#logoHeading h1 a { color:#666; text-shadow:none; }
	#navContainer4 { display:none; }

	#ukoPromotion { width:38.9em; font-size:1em; }

	#wrapper .ukoAListLetter { width:38.9em; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:2px dashed #efebe2; }
	#wrapper .ukoAListItems { margin-top:0; }

	#ukoHouseHeading { width:38.9em; }
	#ukoHousePromo { width:38.9em; min-height:4em; }
	#ukoLocationInfo { margin-right:0.7em; }

	#ukoFlatsInfo { clear:left; width:38.9em; }
		#elemFlatsRanges,
			#elemFlatsAvail { width:18.5em; float:left; }
		#elemFlatsRanges { margin-right:0.9em; }

		#ukoFlatsInfo .ukoSoldOut { top:0; right:0; margin:0 !important; color:#900; background:none; }

	#ukoHousePics { width:38.9em; }
	#ukoHouseOk,
		#ukoHouseNotOk { display: none; }
	#ukoContactInfo { width:38.9em; }
		#ukoContactInfo .elemDevLogo { background-color:#fff; padding-left:10px; }
	#ukoSponsor { display:none; }
/* Todo */		#ukoContactInfo .ukoAgentDetails { margin-right:1.7em; }
/* Todo */		#ukoContactInfo .ukoAgentDetails:nth-child(even) { margin-right:0; }
	#ukoNearbyInfo { clear:left; width:38.9em; }
		#ukoNearbyInfo .elemHouseList ul { float:left; width:17.2em; margin-right:1.5em; }
		#ukoNearbyInfo .elemHouseList ul:nth-child(even) { margin-right:0; }


	#ukoShareIt { display: none; }

	#ukoFooterDisclaimer { width:100%; }
	#ukoFooterSiteTree,
		#ukoFooterSoMe { display:none; }

	li.ukoSoldOutItem .ukoSoldOut { border:0; color:#900; background:none; letter-spacing:inherit; margin-left:inherit; }

	.flatsAvail,
		.elemMap img,
		.ukoAgentDetails { box-shadow:none; }
	div.section h3 { border-bottom: 2px solid #ccc; color:#666; }


}


/* ======================== */
/* modal popup - intro */
	#ukoModalIntro {
		position: absolute;
		z-index: 1000;
		top: 0; right: 0; left: 0; bottom: 0;
		height: 20em; width:19em;
		margin: auto;
		background-color: #fff;

		box-shadow: 3px 3px 5px #888888;
		padding: 4px;
		border: 1px solid #ccc;
	}

	.c { position:relative; max-width: 74em;	margin: 0 auto; padding: 0.5em 0em 0; }
	.c-list-container { overflow:hidden; position: relative; }
	.c-list {
		width: 99999em;
		position: relative;
		left: 0;
		list-style: none; margin:0; padding: 0;
		-webkit-transition: left 0.5s ease-out;
		-moz-transition: left 0.5s ease-out;
		-o-transition: left 0.5s ease-out;
		transition: left 0.5s ease-out;
	}

	.c .c-list > li {
		float:left;
		overflow-x:scroll; height:16em;
		padding:0 0.5em 1em;
		padding-bottom:2em !important;
	}
	.c .c-list > li p:last-of-type { margin-bottom:1.5em; } /* extra bottom space for Firefox */

	.c .c-list > li:after {
		content: '';
		position: absolute;
		top:10em; left:0;
		height:6em; width:100%;
		pointer-events: none; /* enabling select the text under the fade */

		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 60%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 60%,rgba(255,255,255,0.5) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 60%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 60%,rgba(255,255,255,0.5) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 60%,rgba(255,255,255,0.5) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
		/* http://www.colorzilla.com/gradient-editor/#ffffff+60,ffffff+100&0+60,0.5+100;Custom */
	}

	.c li a { }
	.c img.cardPromo {
		display: block;
		width:100%;
		padding: 4px;
		background-color: #fff;
	}
	.c h2 { margin-top:0; }
	.summary {
/* 			padding: 1em; */
		padding:0.5em;
	}
	.c-nav {
		clear: both;
		overflow: hidden;
		margin:0.3em 0.5em 0;
	}
	.c-nav a {
		float: left;
		width: 50%;
/* 			padding: 1em; */
		padding:0;
		line-height:2em;

		-webkit-transition: opacity 0.5s ease-out;
		-moz-transition: opacity 0.5s ease-out;
		-o-transition: opacity 0.5s ease-out;
		transition: opacity 0.5s ease-out;
	}
	.c-nav a.next {
		text-align: right;
	}

	.c-nav a.inactive { opacity:0.2; }

	/* Medium */
	@media screen and (min-width: 35em) {
		#ukoModalIntro { width:33em; }
	}


	/* higher screens */
	@media screen and (min-height: 30em) {
		#ukoModalIntro { height: 26em; }
		.c .c-list > li { height: 22em; }
		.c .c-list > li:after { top:16em; }
	}




/* ======================== */
/* Fontello fonticon styles */
@font-face {
  font-family: 'fontello';
  src: url('-assets/font/fontello.eot?15520010');
  src: url('-assets/font/fontello.eot?15520010#iefix') format('embedded-opentype'),
       url('-assets/font/fontello.woff?15520010') format('woff'),
       url('-assets/font/fontello.ttf?15520010') format('truetype'),
       url('-assets/font/fontello.svg?15520010#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .3em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-search:before { content: '\e801'; } /* '' */
.icon-eye:before { content: '\e842'; } /* '' */
.icon-map:before { content: '\e841'; } /* '' */
.icon-newspaper:before { content: '\e844'; } /* '' */
.icon-phone:before { content: '\e852'; } /* '' */
.icon-down-open:before { content: '\e845'; } /* '' */
.icon-left-open:before { content: '\e846'; } /* '' */
.icon-right-open:before { content: '\e847'; } /* '' */
.icon-up-open:before { content: '\e848'; } /* '' */
.icon-down-small:before { content: '\e803'; } /* '' */
.icon-left-small:before { content: '\e804'; } /* '' */
.icon-right-small:before { content: '\e805'; } /* '' */
.icon-up-small:before { content: '\e806'; } /* '' */
.icon-list:before { content: '\e866'; } /* '' */
.icon-location-2:before { content: '\e86e'; } /* '' */
.icon-circle:before { content: '\e800'; } /* '' */
.icon-record:before { content: '\e807'; } /* '' */

.icon-twitter:before { content: '\e84f'; } /* '' #55acee */
	.icon-twitter:hover:before { color:#55acee; }
.icon-gplus:before { content: '\e856'; } /* '' #dc4e41 */
	.icon-gplus:hover:before { color:#dc4e41; }
.icon-googleplus:before { content: '\e80a'; } /* '' #dc4e41 */
	.icon-googleplus:hover:before { color:#dc4e41; }
.icon-facebook:before { content: '\e84e'; } /* '' #3b5998 */
	.icon-facebook:hover:before { color:#3b5998; }
.icon-rss:before { content: '\e851'; }	/* #f26522 */
	.icon-rss:hover:before { color:#f26522; }