				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  
body{
	font-family:"Albert Sans";
}

.header-text{
	position: absolute;
    z-index: 9999;
    bottom: 0;
    height: auto !important;
    background: #4d31029e;
    color: #feedb5;
    font-style: italic;
    width: 100%;
    text-align: center;
}

#widget-93{
	padding-top:0;
	padding-bottom:0;
}


#widget-93 p{
	display:flex;
}

#widget-93 p a{
	flex:1;
	margin-left:5px;
}

#widget-93 p a:first-child{
	margin-left:0px;
	color:#f4eabf !important;
}

#widget-93 p a:nth-child(2){
	background:#c1c07f;
	color: #4f3900 !important;
	border-color:#c1c07f;
}

#widget-65.important{
    margin-top: 0px;
}

#widget-65 #hp-important-text{
	color:#6d8753 !important;
}

.header-slider-item a.btn{
	background:#c1c07f;
	color: #4f3900 !important;
	border-color:#c1c07f;
}

.estates{
	position:relative;
	    margin-top: 80px;
}

.blogImg{
	background-size: contain;
    backdrop-filter: blur(10px);
}

.blogPreview{
	background-size: cover;
    background-position: center;
}

.last_posts-3 .last_post-img{
	background-size:cover;
	background-position:center;
}

.last_post-img div{
	background-size:contain !important;
	backdrop-filter:blur(10px);
	background-repeat:no-repeat;
}

#reality-list{
	width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.reality-item-image{
	width: 100%;
    padding-top: 55%;
    background-position: center;
    background-size: cover;
}

a.reality-item{
	margin-top:1em;
	text-decoration:none;
}

.reality-item-name{
	font-size: 1.1rem;
    font-weight: 100;
    margin-top:0.5em;
}

.reality-item-price{
	font-size: 1.3rem;
    font-weight: 700;
    margin-top: 1em;
}

.all-posts a.btn{
	border-radius:25px !important;
}

.last_posts-3 .last_post-name h2{
	color:#000;
}

.last_posts-3 .last_post-perex{
	color: #606060;
}

.last_posts-7 .last_post-img{
	border-radius: 100%;
    border: 5px dashed #d5d5d5;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.last_posts-7 .last_post-img div{
	border-radius: 100%;
	padding-top:100%;
}

.last_posts-7 .last_post-name h2{
	font-size:1.3rem;
	line-height: 2rem;
    font-weight: 300;
}

.last_posts-7 .last_post-perex{
	font-size:1.1rem;
	line-height: 1.7rem;
    font-weight: 500;
}

.last_posts-7 a.btn-secondary{
	background: transparent;
    border: 0;
    color: #6c8254;
    font-weight: 500;
    display: block;
    width: 240px;
    margin-left: auto;
    margin-top: 30px;
    font-size: 1.2rem;
}

#reality-detail-gallery{


	display:grid;


	grid-template-columns: 1fr 1fr 1fr 1fr;


	grid-gap:1px;


	height: fit-content;


}





.reality-detail-image{





}





.reality-detail-image:first-child{


	grid-column-start: 1;


	grid-column-end: 3;


	grid-row-start: 1;


	grid-row-end: 3;


}





.reality-detail-image-photo{


	padding-top:100%;


	width:100%;


	background-size:cover;


	background-position:center;


}

#reality-detail-info .row div:first-child {
    font-size: 1.5em;
    line-height: 1.1;
    font-weight: 300;
}

#reality-detail-info .row div:last-child {
    font-size: 1.3em;
    line-height: 1.1;
    font-weight: 400;
}

#reality-detail-price-box {
    background: #f1f1f1;
    padding: 1em 2em;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2em;
}

#reality-detail-price-box div:first-child {
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 1em;
}

#reality-detail-price-box div:last-child {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.5;
}

/* Rozlišení větší nebo rovné 576px (telefony) */

@media screen and (min-width: 576px) {


	.header-text{
		font-size: 1.1rem;
	    padding: 0.5rem;
	}
	
	#widget-93 p a {
    	flex: none;
    	margin-left: 50px;
    	width:230px;
	}
	
	#widget-93 p a:first-child {
		margin-left: 0px;
	}
	
	#widget-93 p{
		justify-content: center;
	}
	
	#reality-list {
    	width: 560px;
    }
    
    .last_posts-3 .last_post-perex{
    	overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    
    .last_posts-7 .last_posts-posts{
    	display:block;
    }
    
	.last_post {
		width: 100%;
   	}


}

.form_yes{
	color: #32ad0a;
}

#header-slider{
	z-index:2;
}

.header-slider-item a.btn{
	position: absolute;
    bottom: 70px;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
    z-index:9999;
}

.vitalex-navigation ul>li>ul{
	display:none;
	padding-left:20px;
}

.vitalex-navigation ul>li>a{
	display:flex;
	padding: 12px 10px 12px 20px;
}

.vitalex-navigation ul>li>a i.fa-chevron-down{
	margin-left:10px;
}

li.font-icon .nav-label{
	display:none;
}

/* Rozlišení větší nebo rovné 768px (větší telefony, tablety) */


@media screen and (min-width: 768px) {

	

	.header-text{
		font-size: 1.3rem;
	    padding: 1rem;
	}
	
	#reality-list {
    	width: 760px;
    }
    
    .header{
    	margin-top:100px;
    }
    
    .top-panel .logo.top-panel-big{
    	flex:none;
    }
    
    #top-panel-navigation-desktop{
    	width:auto;
    }
    
    .top-panel #top-panel-navigation-desktop .has-icon a.navigation-link{
    	background:transparent;	
    }
    
    .top-panel #top-panel-navigation-desktop .has-icon a.navigation-link i {
    	color: #6c8254;
	}
	
	#top-panel-navigation-desktop ul.basic>li>ul {
		display: none;
		list-style-type: none;
		padding-left: 0;
		position: absolute;
		left: 0;
		width: 360px;
		max-width: 360px;
		min-width: 200px;
		z-index: 3;
	}
	
	#top-panel-navigation-desktop li a{
		font-size: 17px;
	}
	
	#top-panel-navigation-desktop ul.basic>li>a>i{
		margin-left: 0.5rem;
	    font-size: 0.8rem;
	}
	
	.last_posts-7 .last_post{
		width:100%;
		display:grid;
		grid-template:
			"image title" auto
			"image perex" 1fr
			"image button" auto / 250px 1fr;
		margin-bottom:0;
		padding-bottom: 80px;
	}
	
	.last_posts-7 .last_posts-posts{
		max-width:900px;
	}
	
	.last_posts-7 .last_post-img{
		width: 100%;
		height: max-content;
		position:relative;
	}
	
	.last_posts-7 .last_post-name{
		padding-left: 20px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-bottom:20px;
	}
	
	.last_posts-7 .last_post-name h2 {
	    font-size: 1.6rem;
    	font-weight: 400;
	}
	
	.last_posts-7 .last_post-perex{
		font-size: 1.2rem;
	    line-height: 2rem;
	    font-weight: 300;
	    padding-left: 20px;
	}
	
	.last_post-border{
		position: absolute;
		border-left: 5px dashed #d5d5d5;
		height: calc(100% - 260px);
    	left: 130px;
	    bottom: 0px;
	}
	
	.last_post:last-child .last_post-border{
		display:none;
	}
	
	.last_posts-7 .all-posts{
		display: block;
	    width: 200px;
	    margin-top: 10px;
        margin-left: 35px;
	}
	
	.last_posts-7 .all-posts a{
		background-color:#513100;
		border-color:#513100;
	}
	
	#top-panel-navigation-desktop ul.basic>li>a{
		cursor:pointer;
		border-bottom:5px solid transparent;
	}
	
	#top-panel-navigation-desktop ul.basic>li>a:hover, #top-panel-navigation-desktop ul.basic>li>a.active, #top-panel-navigation-desktop ul.basic>li>a.active_perma{
		cursor:pointer;
		border-bottom:5px solid #513100;
	}
	
	#top-panel-navigation-desktop ul.basic>li>ul{
		background:#fff;
		top:calc(100% + 20px);
	}
	
	#top-panel-navigation-desktop ul.basic>li>ul::before {
		content: "";
		position: absolute;
		left: 20px;
		top: -16px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 17px 17px 17px;
		z-index: 9998;
	}
	
	#top-panel-navigation-desktop li ul li{
		display: block;
		padding: 10px 15px;
		font-size: 1rem;
		cursor: pointer;
    }
    
    #top-panel-navigation-desktop li.font-icon .nav-label{
    	display:none;
    }
    
    .top-panel-navigation .font-icon a{
    	color: #6c8254;
    	font-size:35px !important;
    }
    
    .header-slider-item a.btn{
		
	    bottom: 100px;
	  
	}
    
    

}

/* Rozlišení větší nebo rovné 992px (velké tablety, menší počítače) */

@media screen and (min-width: 992px) {
	
	.last_posts-7 .last_posts-posts {
        max-width: 950px;
    }
    
    .last_posts-7 .last_post:nth-child(2){
    	margin-left:0px;
    	margin-right:0px;
    }
    
    .last_posts-7 .last_post:nth-child(3){
    	margin-left:0px;
    }
    
	
	.last_posts-7 .last_post-perex{
	    padding-left: 50px;
	}
	
	.last_posts-7 .last_post-name{
		padding-left: 50px;
	}
	
	.last_posts-7 .last_post{
		padding-bottom:120px;
	}
	
	.last_posts-7 .all-posts{
		display: block;
	    width: 200px;
	    margin-top: 10px;
        margin-left: calc(55px + (100vw - 992px) / 2);
	}
	
	#reality-list {
       	width: 900px;
    }
    
    .last_posts-3 .last_post-perex {
    	-webkit-line-clamp: 10;
        line-clamp: 10;
    }
    
    #top-panel-navigation-desktop li{
        margin-right: 1.5em;
    }
    
    #top-panel-navigation-desktop{
    	margin-left:50px;
    }
    
    
}

/* Rozlišení větší nebo rovné 1200px (standardní počítače) */

@media screen and (min-width: 1200px) {

	.last_posts-7 .last_posts-posts{
		max-width: 1150px;
	}

	.last_posts-7 .last_post-perex{
	    padding-left: 80px;
	}
	
	.last_posts-7 .last_post-name{
		padding-left: 80px;
	}
	
	.last_posts-7 .all-posts{
		margin-left: calc(60px + (100vw - 1200px) / 2);
	}
	
	#widget-93 p a{
		font-size:1.5rem;
		width:330px;
		padding:1rem 0.75rem;
		border-radius:50px;
	}
	
	.all-posts a.btn{
		font-size:1.5rem !important;
		padding:1rem 0.75rem;
		border-radius:50px;
	}
	
	.header-slider-item .btn-primary{
		font-size:1.5rem !important;
		padding:1rem 0.75rem;
		border-radius:50px;	
		width:330px !important;
	}
	
	.header-text{
		font-size:2.1rem;
		color:#fff;
	}
	
	.post-text #reality-list{
		width: 1200px;
	}
}


@media screen and (min-width: 1400px) {
	
	.last_posts-7 .all-posts{
		margin-left: 155px;
	}
	
	.post-text #reality-list{
		width: 1290px;
	}
	
}
																
																																								
				
																																												
												
																																								
																																								
								
				
								
																												
