@font-face {
    font-family: 'neosansce';
    src: url('neosance-webfont.eot?20150616');
    src: url('neosance-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosance-webfont.woff?20150616') format('woff'),
         url('neosance-webfont.ttf?20150616') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'neosansce';
    src: url('neosacei-webfont.eot');
    src: url('neosacei-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosacei-webfont.woff') format('woff'),
         url('neosacei-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'neosansce';
    src: url('neosacem-webfont.eot?20150616');
    src: url('neosacem-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosacem-webfont.woff?20150616') format('woff'),
         url('neosacem-webfont.ttf?20150616') format('truetype');
    font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: 'neosansce';
    src: url('neoscemi-webfont.eot');
    src: url('neoscemi-webfont.eot?#iefix') format('embedded-opentype'),
         url('neoscemi-webfont.woff') format('woff'),
         url('neoscemi-webfont.ttf') format('truetype');
    font-weight: bold;
	font-style: italic;
}

html, body, #body { height: 100% }
html { overflow-y: scroll }
body {
	background: #FFF;
	color: #231f20;
	font: normal 100% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	line-height: 1.5
}
a { color: #231f20; text-decoration: none }
sup { font-size: 75%; vertical-align: top }
strong { font-weight: bold }

.section { margin: 0 auto 0 auto; position: relative; width: 990px }
.city { background: url('../images/bg_city.png') no-repeat 50% 100%; min-height: 330px }

#uvod .section { padding-top: 2em; padding-bottom: 150px }
#uvod .section::before {
	content: '';
	position: absolute;
	top: 0;
	right: 65%;
	width: 849px;
	height: 1080px;
	background: url('../images/bg_corner_flat.png') no-repeat right top;
	z-index: -1;
}
#uvod .heading { background: url('../images/bg_logo_osobni_sf.png') no-repeat; height: 100px }
#uvod nav { margin-left: 35% }
#uvod nav ul { border-bottom: 1px solid #e5e5e5; display: flex; flex-direction:row; justify-content: space-between; margin: auto; padding-bottom: 2em }
#uvod nav li { font-weight: bold }
#uvod .mak-big { left: 0; top: 200px; position: absolute; width: 20% }
#uvod .text-cont { margin-left: 0 }
#uvod .text-cont .spacer { float: left; width: 345px; height: 260px }
#uvod .text-cont ul { list-style-type: disc; list-style-position: inside; }
#uvod h1 { font-size: 200%; font-weight: bold; margin: 2em 0 1em }
#uvod .motto { font-size: 120%; margin: 1em 0; position: relative }
#uvod .motto::before { content: '"'; color: #fec207; font-weight: bold; font-size: 200%; position: absolute; top: -0.2em; left: 315px; }
#uvod .button { margin-top: 2em }

#reference { position: relative }
#reference.content-hp { overflow: hidden }
#reference .section { padding-top: 5em; padding-bottom: 100px }
#reference > div::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 846px;
	height: 1080px;
	background: url('../images/bg_corner_rating.png') no-repeat right top;
	z-index: -1;
}
#reference .hodnoceni-top { display: flex; flex-direction:row; align-items: flex-start; justify-content: space-between; margin: auto }
#reference .hodnoceni-makler { border: 1px solid #fec20f; border-radius: 0.3em; margin: 1em 0; width: 31.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#reference .h-rating { background: #fec20f; font-size: 250%; font-weight: bold; padding: 0 0.3em; display: inline-block }
#reference .h-stars { display: inline-block; font-size: 250%; font-weight: bold; padding: 0 0.3em; }
#reference .text-cont { width: 66.666666%; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#reference h2 { font-size: 200%; font-weight: bold }
#doporuceni .hodnoceni-row { display: flex; flex-direction:row; flex-wrap: wrap; margin-top: 2em; align-items: flex-start; justify-content: space-between; margin: 2em auto 0 auto }
#doporuceni .hodnoceni-cont {
	background: #f9f9f9;
	border-radius: 0.3em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	margin-bottom: 2em;
	padding: 1em 1.5em; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}
#doporuceni .makler { font-weight: bold }
#doporuceni .klient { font-weight: bold }

#doporuceni .section { padding-top: 5em; padding-bottom: 100px; border-bottom: 1px solid #e5e5e5 }
#doporuceni h2 { font-size: 200%; font-weight: bold; margin-bottom: 1em; text-align: center }
#doporuceni h3 { font-size: 160%; font-weight: bold; margin-top: 2em }
#doporuceni .nemovitosti-filtr { margin-bottom: 1em; display: flex; flex-flow: row wrap; justify-content: space-between; margin: auto }
#doporuceni .nemovitosti-filtr li { min-height: 90px; font-size: 130%; width: 31.5%; padding-left: 90px; margin-bottom: 1em; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#doporuceni .nemovitosti-filtr li::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 75px;
	height: 75px;
	left: 0;
	top: 0;
	background: url('../images/bg_osobni_nemovitosti.png') no-repeat;
}

#reference .nemovitosti-row { display: flex; flex-flow: row wrap; justify-content: space-between; margin: auto }
#reference .property {
	background: #fff;
	border-radius: 0.3em;
	border: 1px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	width: 31.5%;
	padding: 1em 1.5em;
	position: relative;
	height: 150px;
	margin: 1em 0;
	height: 300px;
	overflow: hidden;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}

#reference .property img { position: absolute; left: 0; top: 0; height: auto; width: 100% }
/* #nemovitosti .property .title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } */
#reference .property .info { position: absolute; left: 0; bottom: 0; background: #fff; padding: 1em; width: 100%; line-height: 1.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#reference .property .title { font-size: 90%; font-weight: bold }
#reference .property .loc { font-size: 80%; margin-bottom: 1em; }
#reference .property .price { font-weight: bold }
#reference .button { margin-top: 1em }
#reference .property .stav-novinka,
#reference .property .stav-rezervace,
#reference .property .stav-prodano { text-align: left; position: absolute; left: 0; right: 0; top: 0; padding: 0.5em 1em; background: rgba(254, 194, 7, 0.7); color: #231f20; z-index: 10; font-weight: bold }

#nemovitosti .mapa-cont { width: 100%; padding-top: 50%; position: relative }
#nemovitosti .mapa { background: red; border-radius: 0.3em; border: 1px solid #d9d9d9; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }



#oceneni { position: relative; overflow: hidden }
#oceneni .section { padding-top: 5em; padding-bottom: 100px; }
#oceneni > div::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0%;
	width: 846px;
	height: 1080px;
	background: url('../images/bg_corner_awards.png') no-repeat right top;
	z-index: -1;
}
#oceneni h2 { font-size: 200%; font-weight: bold; margin-bottom: 2em; text-align: center }
#oceneni .oceneni-row { display: flex; flex-direction:row; justify-content: space-between; margin: auto }
#oceneni .oceneni {
	background: #f9f9f9;
	border-radius: 0.3em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	width: 31.5%;
	padding: 1em 1.5em;
	position: relative;
	overflow: hidden;
	height: 500px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}
#oceneni .oceneni img { position: absolute; left: 0; top: 0; height: auto; width: 100% }
#oceneni .oceneni .info { position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; padding: 1em; font-weight: bold; line-height: 1.2 }
#oceneni .oceneni .info span { color: #848182; font-weight: normal; font-size: 90% }

#blog .section { padding-top: 1em; padding-bottom: 100px; border-bottom: 1px solid #e5e5e5 }
#blog h2 { font-size: 160%; font-weight: bold; margin-top: 2em }

#ebook .section { padding-top: 1em; padding-bottom: 100px; border-bottom: 1px solid #e5e5e5 }
#ebook h2 { font-size: 160%; font-weight: bold; margin-top: 2em }
#ebook .zf-item { background: #f9f9f9; border: 1px solid #d9d9d9; border-radius: 0.3em; display: inline-block; padding: 0.5em 1em; position: relative; width: 20em }
#ebook .zf-label.required { background: #f9f9f9 url('../images/bg_osobni_required.png') no-repeat 100% 0.1em; display: block }
#ebook .zf-item label { font-size: 80% }
#ebook input {
	border: none;
	width: 100%;
	background: white;
	font: bold 100% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	line-height: 1.5
}

#kontakty .section { padding-top: 5em; padding-bottom: 300px }
#kontakty h2 { font-size: 200%; font-weight: bold; margin-bottom: 1em; text-align: center }
#kontakty .kontakty-cont { display: flex; flex-direction: row; justify-content: space-between; margin: auto }
#kontakty .kontakty { width: 42.25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#kontakty .formular { font-size: 140%; width: 55%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#kontakty .form-cont { display: flex; flex-direction: row; justify-content: space-between; margin: auto }
#kontakty .parta { width: 45% }
#kontakty .partb { width: 50% }
#kontakty .parta .zf-item { margin-top: 1em }
#kontakty .parta .zf-item:first-child { margin-top: 0 }
#kontakty .zf-item { background: #f9f9f9; border: 1px solid #d9d9d9; border-radius: 0.3em; display: block; padding: 0.5em 1em; position: relative }
#kontakty .zf-label.required { background: #f9f9f9 url('../images/bg_osobni_required.png') no-repeat 100% 0.4em; display: block }
#kontakty .zf-item label { font-size: 80% }
#kontakty input, #kontakty textarea {
	border: none;
	width: 100%;
	background: transparent;
	font: bold 100% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	line-height: 1.5
}
#kontakty .zf-input .errors { color: red; font-size: 50% }
#kontakty #form_osobni_kontaktni_formular_cont { position: relative }
#kontakty #form_osobni_kontaktni_formular_cont.loading:after {
	background: rgba(255,255,255,1) url('../images/overlay/loading_w.gif') no-repeat 50% 50%;
	content: '';
	top: 0; right: 0; bottom: 0; left: 0;
	position: absolute;
}
button {
	cursor: pointer;
	font: bold 100% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	line-height: 1.5
}
#kontakty .zf-item textarea { height: 262px }
#kontakty #send_form { width: 50% }
.kontakty dl { font: normal 120% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif; line-height: 1.5}
.kontakty dt {
	display: inline-block;
	width: 25%;
	vertical-align: top;
}
.kontakty dd {
	display: inline-block;
	width: 75%;
}
.kontakty .adresa { margin-top: 1.5em }
.kontakty .mapa { margin-top: 1.5em; height: 300px; border-radius: 0.3em }

.rate {
	background: url('../images/bg_osobni_stars.png') no-repeat 0 0;
	display: inline-block;
	height: 27px;
	width: 26px;
}
.rate.half { background-position: -26px 0 }
.rate.empty { background-position: -52px 0 }

.round-photo {
	border: 1em solid #fff;
	border-radius: 50%;
	box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.4);
	position: relative;
	width: 100px;
	overflow: hidden;
}
.round-photo span {
	border-radius: 50%;
	box-shadow: 1px 1px 3px #e5e5e5 inset;
    display: block;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%;
}
.round-photo img {
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: top;
    width: 100%;
	z-index: -1;
}

.text { margin: 1em 0 }
.textb { margin-bottom: 1em }
.text.yellow-top { border-top: 1px solid #fec20f; padding-top: 1em }
.text.yellow-bottom { border-bottom: 1px solid #fec20f; padding-bottom: 1em }
.taj { text-align: justify }
.tar { text-align: right }
.tac { text-align: center }

.button, .buttonw { background: #fec207; border: none; border-radius: 0.3em; color: #231f20; display: inline-block; font-weight: bold; padding: 1em 3em; text-decoration: none }
.buttonw { text-align: center; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

@media only screen and (max-width: 999px) and (min-width: 639px) {
    
	body{
	
		padding: 0 50px 0 50px;
		    }	
		    }
		    
		    
		    
		    @media only screen and (max-device-width: 639px) {
		    body{padding: 0 50px 0 50px;}
		    .section {width: 100%;}
		    #uvod h1 {font-size:50px;margin: 0 0 0 0 }
		    
		    #uvod .mak-big {left: 0; top: 250px; position: absolute; width: 40%}
		    #uvod .heading { background: url('../images/bg_logo_osobni_mobile.png') no-repeat; height: 150px;padding-bottom: 2em }
		    
		    
		    
		    
		    #uvod .section { padding-top: 2em; padding-bottom: 15px }
			    
			    #uvod .text-cont { margin-left: 0 }
			    #uvod .text-cont .text {margin-left:0; text-align: justify;font-size:40px }
			    #uvod .text-cont .tac { text-align: center }
			    #uvod .text-cont .spacer {width: 430px; height: 360px }
			    #uvod .text-cont ul { list-style-type: disc; list-style-position: inside; }
			    .button, .buttonw { border-radius: 1em;  font-size:40px;  }
			    .buttonw {margin-top:1em }
			    
			    #uvod .motto { font-size: 120%; margin: 1em 0; position: relative }
			    #uvod .motto::before { content: '"'; color: #fec207; font-weight: bold; font-size: 200%; position: absolute; top: -0.2em; left: 400px; }
			    
			    
			    #ebook .zf-item {width:95%;font-size:20px}
			    #ebook .zf-item label {font-size:60px}
			    #ebook .zf-item label {font-size:60px}
				
				#uvod nav {visibility: hidden; }	
				    
					
					#ebook .section { padding-top: 1em; padding-bottom: 100px; border-bottom: 1px solid #e5e5e5 }
					#ebook h2 { font-size: 40px; font-weight: bold; margin-top: 1em }
					#ebook .text { font-size: 30px; }
					
					#reference {clear:both}
					
					#reference .hodnoceni-top {	display: block;}
					#reference .hodnoceni-makler {	border-width: 3px; width: 560px}
					#reference .h-rating {	font-size: 70px}
					#reference .h-stars  {	font-size: 70px}
					#reference .text-cont {font-size: 30px }
					
					#reference .hodnoceni-row { display: block;  }
					#reference .hodnoceni-cont {
					    background: #f9f9f9;
						border-radius: 0.3em;
						    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
							margin-bottom: 2em;
							    width: 95%;
								padding: 1em 1.5em; 
								    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
								    }
								    #reference .text {font-size:50px}
								    #reference .klient { font-weight: bold;font-size:50px }
								    #reference .section { padding-top: 5em; padding-bottom: 10px }
								    
								    .rate {
									background: url('../images/bg_osobni_stars_2x.png') no-repeat 0 0;
									    display: inline-block;
										height: 48px;
										    width: 60px;
										    }
										    
										    
										    
										    #nemovitosti .section { padding-top: 7em; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;clear: both }
										    #nemovitosti h2 { font-size: 50px; font-weight: bold; margin-bottom: 1em; text-align: center }
										    #nemovitosti h3 { font-size: 40px; font-weight: bold; margin-top: 1em }
										    
										    #nemovitosti .property {
											background: #fff;
											    border-radius: 0.3em;
												border: 1px solid #fff;
												    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
													width: 100%;
													    padding: 1em 1.5em;
														position: relative;
														    margin: 1em 0;
															height: 870px;
															    overflow: hidden;
																-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
																}
																#nemovitosti .property .stav-novinka,
																#nemovitosti .property .stav-rezervace,
																#nemovitosti .property .stav-prodano {  font-size:40px; }
																
																#nemovitosti .property .image {margin-top: 0px;height: 225px}
																
																#nemovitosti .property .info {  font-size:45px; }
																
																
																#nemovitosti .nemovitosti-filtr{ margin-top: 1em;}
																#nemovitosti .nemovitosti-filtr li {min-height:50px; font-size: 35px; width: 50%; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
																#nemovitosti .nemovitosti-filtr li::before {background: none;}
																#nemovitosti .nemovitosti-filtr .cat-sublist {display: none}
																
																
																#nemovitosti .pager { margin: 1em 0; padding: 0; font-weight: bold ;font-size:40px}
																#nemovitosti .pager p { display: block; float: none }
																#nemovitosti .pager p.p-pages-cont {font-size:25px  }
																
																
																
																#nemovitosti .pager .p-prop-counter { margin-right: 5em }
																#nemovitosti .pager .button { margin-top: 0; padding: 0.2em 1em; }
																#nemovitosti .pager .current-page { padding: 0.2em 1em }
																
																
																
																.section .prodane, .section .mapa-cont {display: none}
																
																#kontakty .mapa {display: none}
																#kontakty h2 {font-size: 50px}
																#kontakty .kontakty-cont {display: block}
																#kontakty .kontakty {width: 100%; font-size: 30px;margin-bottom: 50px; border: 3px solid #ffaa20;padding: 10px}
																#kontakty .kontakty dt {width: 30%;vertical-align: top}
																#kontakty .kontakty dd {width: 70%;;vertical-align: top}
																
																#kontakty .formular { font-size: 30px; width: 100%; }
																
																
																#kontakty .form-cont {display: block}
																#kontakty .parta {width: 100%;}
																#kontakty .partb {width: 100%;margin-top: 1em}
																
																#form_osobni_kontaktni_formular_cont .text {margin:0}
																#form_osobni_kontaktni_formular_cont .tar {margin:0}
																#kontakty #send_form {width: 100%}
																.textb {font-size: 50px;font-weight: bold}
																
																
																#kontakty .zf-item label{font-size: 30px}
																
																}