/*!
Theme Name: kinnisvarav360
Theme URI: http://underscores.me/
Author: V360
Author URI: http://www.v360.ee
Description: Sinu edu on ka Meie edu
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kinnisvarav360
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Havikodud is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.site {
 
        animation: fadeIn 0.5s;
    -webkit-animation: fadeIn 0.5s;
    -moz-animation: fadeIn 0.5s;
    -o-animation: fadeIn 0.5s;
    -ms-animation: fadeIn 0.5s;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.error404 .header-all .custom-logo-link {
	pointer-events: auto;
    cursor: pointer;
    opacity: 1;
 
}
.error404 .header-all {
    background-color: #b0baa0;
    box-shadow: 0px 0px 24px #00000078;
}
.page-template-page-no-image main {
    display: block;
    background-color: #b0baa0;
}
.page-template-page-no-image .entry-content {
    margin: 0px 0px 0px !important;
	max-width:900px;
	padding:0px 30px 50px;
}
.blog .header-all .custom-logo-link {
	pointer-events: auto;
    cursor: pointer;
    opacity: 1;
 
}
.page-template-page-no-image h1 {
    font-size: 65px !important;

}
.page-template-page-no-image .header-all .custom-logo-link {
	pointer-events: auto;
    cursor: pointer;
    opacity: 1;
 
}
.page-template-page-no-image .header-all {
    background-color: #b0baa0;
    box-shadow: 0px 0px 24px #00000078;
}
.page-template-page-no-image header.entry-header {
 
    justify-content: flex-start;
    background-color: #b2baa2;
    padding: 75px 0px 0px;
}
.block-price-list-img{
	margin-top:0px;

}
img.price-list{
	width:100%;
	
}
.hotspot {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #2a6760;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hotspot:hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

/* Aadressi silt – alati nähtav ja klikitav */
.hotspot-label {
 position: absolute;
    top: -58px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #c74242;
    color: #fff;
    padding: 4px 8px;
    border-radius: 0px;
    font-size: 25px;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

}

.page-template-price-list h2{
	padding-top:150px;
	margin-top:-80px;
}

.page-template-landing header.entry-header{

    align-items: center;
}
.page-template-landing h1{
	text-transform: uppercase;
	margin-bottom:20px;
}
.page-template-landing .meta-text p{
	font-size:18px;
	margin-top:15px;
	max-width:550px;
	width:100%;
}

/*#transport {

    flex-direction: row-reverse;
}
#kaubandus {

    flex-direction: row-reverse;
}*/
/*.gallery{
    opacity: 0.4;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	width:100%;
   
	overflow:hidden;
}
.gallery.active{
    opacity: 1;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
 
	overflow:hidden;
}*/
div#el4.element {
   display:none;
}
.post-template-real-estate-object .entry-content {
    overflow: hidden;
    width: 100%;
    margin: 7px 0px !important;
}
.post-template-real-estate-object .entry-content-meta{
    opacity:0.8;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity, margin-left, margin-right;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  margin-right: -75px;
	margin-left: 75px;;
	
}
.post-template-real-estate-object .entry-content-meta.active{
  	 opacity:1;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity, margin-left, margin-right;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;  	    
	margin-left: 0px;
	margin-right:0px;
}
.post-template-real-estate-object #plaan .entry-content-meta{

  margin-left: -75px !important;
	margin-right: 75px !important;
	
}
.post-template-real-estate-object #plaan .entry-content-meta.active{
  	     
	margin-left: 0px !important;
	margin-right:0px !important;
}
img.asend{
    opacity: 0.4;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	width:100%;
   
	overflow:hidden;
}
img.asend.active{
    opacity: 1;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
 
	overflow:hidden;
}
img.plaan{
    opacity: 0.4;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	width:100%;
   
	overflow:hidden;
}
img.plaan.active{
    opacity: 1;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
 
	overflow:hidden;
}
img.block-img{
    opacity: 0.4;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

   
	overflow:hidden;
}
img.block-img.active{
    opacity: 1;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  width:100%;
	overflow:hidden;
}
.meta-text-block{
    opacity:0.8;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity, left, right;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  left: -75px;
	right:auto;
	
}
.meta-text-block.active{
  	 opacity:1;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: transform;
    transition-property: font-size, opacity, left, right;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;  	    
	right:auto;
	left:0px;
}

.tablepress{
	overflow-x: auto;
	width: 100%;               /* Võtab kogu saadaval oleva ruumi */
                  /* Määrab maksimaalse laiuse tabelile */
            overflow-x: auto;          /* Muudab horisontaalselt keritavaks */
            border: 1px solid #ccc; 
}
table#tablepress-3 th {
min-width:100px;
}
.page-template-price-list .entry-content{
	    max-width: 2000px;
    margin: 50px auto 100px !important;
    padding: 0px 5%;
	overflow-x: auto;
	
}

.page-template-price-list .ecoadvice{
	display:none;
}
.page-template-price-list h1{
	 	color:#2a6760;
}

.page-template-price-list header.entry-header {

	  max-width: 2000px;
    margin: 150px auto 50px !important;
    padding: 0px 5%;
}
.cky-consent-container .cky-consent-bar {
        background: #E91E63 !important;
    border: 0px solid !important;
    padding: 20px 26px !important;
    box-shadow: 0 -1px 10px 0 #acabab2e !important;
    border-radius: 10px !important;
}
.cky-consent-container .cky-consent-bar .cky-btn-customize {
    color: #ffffff !important;
    background: transparent !important;
    border: 2px solid #ffffff !important;
	border-radius: 7px !important;
}
.cky-btn-accept {
	
        background: #282828 !important;
    color: #ffffff !important;
    border: 3px solid #282828 !important;
    text-transform: uppercase !important;
    border-radius: 7px !important;
}
.cky-btn-reject {
  color: #ffffff !important;
        background: transparent !important;
    border: 2px solid #ffffff !important;
}
.cky-notice-des {
    color: #ffffff !important;
    
}
.cky-notice .cky-title {
    color: white !important;

}
.cky-modal.cky-modal-open .cky-btn-reject {
    color: #01060e !important;
        background: transparent !important;
    border: 2px solid #01060e !important;
}
.cky-modal.cky-modal-open .cky-btn-preferences {
    color: #01060e !important;
        background: transparent !important;
    border: 2px solid #01060e !important;
		border-radius: 7px !important;
}
.cky-modal{
	color: #070c14 !important;
    background: transparent !important;
    border: 2px solid #ffffff !important;
}
.cky-btn-revisit-wrapper {
    background: #2a2a2a !important;
}


.page-template-gallery .site-footer {

    margin-top: 50px;
}
.page-template-gallery .site{
	margin-top:100px;
}
.page-template-gallery .ecoadvice{
	display:none;
}
.page-template-gallery  h1 {
    font-size: 60px !important;
    text-shadow: 0px 0px 0px #00000029;
}
.hero-video {
 /* position: absolute;
  top: 50%;
  left: 50%;  
	transform: translate(-50%, -50%);*/
  width: 100vw;     /* Katab kogu ekraani laiuse */
  height: 100vh;    /* Katab kogu ekraani kõrguse */
  object-fit: cover; /* Väldib venitamist ja lõikab video õigesti */

  z-index: -1;      /* Paigutab video teksti alla */

}
.page-template-gallery #galerii {
  margin-bottom:0px !important;
	padding: 0px 0px;
}
#galerii-2 {
    display: flex;
	margin-top:0px !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px 4%;
    padding: 35px 0px;
    justify-content: space-between;
}
.home #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1:after, .home #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {


    
   
}
.home .header-all.active #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1:after, .home .header-all.active #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {


  
   
}
.post-template-real-estate-object .ecoadvice{
	display:none;
}
.ecoadvice img{
	border-radius:50%;
}
  .hero-video.fade {
    animation: fadeDark 2s forwards;
  }

  @keyframes fadeDark {
    0% {
      filter: brightness(1);
    }
    50% {
      filter: brightness(0.4); /* Tumedam efekt */
    }
    100% {
      filter: brightness(1);
    }
  }







html { scroll-behavior: smooth; } 
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.post-tag{
       border: solid 2px;
    padding: 7px 15px;
    color: #c7254b;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 600;
  
}
.post-tags{
	 display:flex;
}
span.mega-menu-description{
    border: solid 2px !important;
    color: #c7254b !important;
    border-radius: 0px !important;
    padding: 3px 5px !important;
    font-weight: 700 !important;
}
span.mega-description-group{
	    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
	    flex-wrap: wrap !important;
	    justify-content: space-between !important;
	 
}
#soodushind{
	    background-color: #d93f64 !important;
    color: white !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link .mega-description-group .mega-menu-description{
	 font-style: normal !important;
}
/*--------------------------------------------------------------
# Top-Header
--------------------------------------------------------------*/
.error404 .ecoadvice{
	display:none;
}
.top-header p {
      color: white;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;
	text-align:center;
    
}
.top-header {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #2a6760;
    padding: 0px 6%;
}
.top-header ul{
	margin: 0 0 0em 0em;
	list-style: none;
	display:flex;
	padding-left:0px;
	
}
li#text-6{
	    margin-left: 30px;
}

.top-header ul li{
	margin:0 8px;
	
}
.top-header .widget {
    margin: 0 0 0em;
	list-style:none;
}
.top-header a{
	color:white;
	    font-size: 14px;
}
.top-header a:hover i{
	color:#666;
}
.top-header a:visited{
	color:white;
}

.post-template-packages img.asend {
           -webkit-transition-property:transform, filter;
	    transition-property: transform, filter;
		-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	overflow:hidden;
	 display: inline-block;
	
}

.post-template-packages img.asend:hover {
     transform: scale(1.005);
	-moz-transform: scale(1.005);
  -webkit-transform: scale(1.005);
	    filter: brightness(0.95);
	overflow:hidden;
}
.post-template-packages img.plaan {
           -webkit-transition-property:transform, filter;
	    transition-property: transform, filter;
		-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	
	overflow:hidden;
	 display: inline-block;
	
}

.post-template-packages img.plaan:hover {
      transform: scale(1.005);
	-moz-transform: scale(1.005);
  -webkit-transform: scale(1.005);
	    filter: brightness(0.93);
	overflow:hidden;
}
    /* Suumimise stiilid */
        .zoom-container {
            overflow: hidden;
            cursor: zoom-in;
        }

        .zoom-container img {
            transition: transform 0.2s ease;
        }

        .zoomed {
            cursor: zoom-out;
            transform: scale(2); /* Suurendab pilti 2x */
        }
  .zoom-icon {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 30px;
            height: 30px;
            background: url('https://cdn-icons-png.flaticon.com/512/709/709722.png') no-repeat center center;
            background-size: contain;
            cursor: pointer;
        }
.block{
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
	margin-bottom:25px;
	
	overflow:hidden;
}


img.block-img{
	width:100%;
	object-fit: cover;
    height: 100vh;
    filter: brightness(0.95);
}
/*.meta-text-block{
	    color: white;
    position: absolute;
    max-width: 600px;
    z-index: 1;
    padding: 50px 5%;
    background-color: #344c26b0;
	margin-right: 10%;
	height:100%;
	    display: flex;
    align-content: center;
    align-items: center;
}*/
.meta-text-block{
    color: #204647;
    position: absolute;
    max-width: 600px;
    z-index: 1;
    padding: 50px 5%;
    background-color: #ffffff;
   
    height: 100%;
    display: flex;
    align-content: center;
	align-items: center;}
#keskkond{
	    border-right: 0px solid white;
		flex-direction: row-reverse;
}
#interjoor{
	    border-right: 0px solid white;
		flex-direction: row-reverse;
}
.meta-text{
	border-left: solid 0px white;
}
.services-block {
    padding: 35px 2% 70px;
   
    margin: -50px 0px 0px;
   /* border-bottom: dashed 4px black;*/
}
.services-inside {
    display: flex;
    gap: 0px 10%;
    max-width: 1550px;
    margin: 0 auto;
}
.services{
	display:flex;
	gap: 20px 10%;
}
.service{
	width:48%;
	max-width:450px;
}
.service p{
	text-align: justify;
}
.projects-block {
    padding: 50px 2% 40px;
    margin: 35px 0px 0px;
    /* border-bottom: dashed 4px black; */
    background-color: #b2baa2;
}
.projects-inside {
    max-width: 1550px;
    margin: 0 auto;
    margin-top: -90px;
}
a.social{
	margin-left: 20px;
    margin-right: 20px;
	font-size:35px;
}

/*--------------------------------------------------------------
# Projektid
--------------------------------------------------------------*/
.blog .projects-block {
    margin: 0px 0px 0px;
    padding-top: 100px;
}
.blog .projects-inside {
  
    margin-top: 0px;
}
.post-grid {
 
	    display: flex;
    flex-wrap: wrap;
    padding: 30px 0% 30px;
    margin: 0px auto;
    gap: 20px 2%;
    max-width: 1600px;
    width: 100%;
    z-index: 1;
}

.post-grid a.post {
	display: flex;
    width: 23.5%;
    background-color: #c3cdb1;
    padding: 0px 0px 30px;
    border-radius: 10px;
   overflow:hidden;
    flex-direction: column;
    vertical-align: middle;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform, filter;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	box-shadow: 0px 0px 24px #0000002b;
	
}
.post.post-cta {
    display: flex;
    width: 23.5%;
    padding: 0px 2% 30px;
    border-radius: 10px;
    overflow: hidden;
    flex-direction: column;
    vertical-align: middle;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform, filter;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    align-items: baseline;
    justify-content: center;
}
.post.post-cta h2 {
    margin-bottom: 0px;
    font-size: 25px;
}
.post.post-cta  a.button {

    font-size: 25px;
 	width: auto;
}
.post-grid a.post:hover {

 	  
   -webkit-transform: translateX(3px);
    transform: translateX(3px);
    filter: brightness(0.95);
       box-shadow: 0px 0px 35px #0000002b;
}
.post-grid a.post a:hover {

 
   
}

.post-grid .post-thumbnail img {
   width: 100%;
 /*   height: 325px;
	    min-height: 325px;*/
	opacity:1 !important;
	height:auto !important;
}
.post-grid .post-thumbnail {
    width: 100% !important;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.post-grid a.post h2 {
  	font-size: 37px !important;
    font-weight: 400 !important;
	line-height:90%;
    width: 90%;
   
    margin-top: 5px;
    text-transform: uppercase;
}
.post-grid a.post h2  {
    	margin-top:20px;
		line-height:100%;
		padding: 0px 5% !important;
	margin-bottom:10px;
}

.post-grid a.post p {
    font-size: 16px !important;
	line-height:140% !important;
	text-align:left !important;
	font-weight:400 !important;
	margin-top: 0px !important;
    margin-bottom: 0px !important;
	padding: 0px 5% !important;
	
}
/*--------------------------------------------------------------
# GAlerii
--------------------------------------------------------------*/
.gallery {
  column-count: 2;        /* mitu veergu */
  column-gap: 7px;       /* vahe veergude vahel */
}

.gallery-item {
  display: inline-block; 
  width: 100%;
  margin-bottom: 0px;
  break-inside: avoid;      /* ära murra pilt pooleks */
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
}

.gallery-img {
  width: 100%;
  height: auto;             /* lase kõrgusel erineda */
  display: block;
  border-radius: 0px;
	filter: grayscale(1);
}
.gallery-img:hover {

	filter: grayscale(0);
}


/* Modal stiil */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 80%;
}

.mySlides {
    display: none;
}

.mySlides img {
    width: 100%;
    border-radius: 0px;
	height:90vh;
	object-fit:cover;
}

/* Eelmine/järgmine nupud */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    user-select: none;
    border-radius: 5px;
}

.next {
    right: 0;
    border-radius: 5px 0 0 5px;
}

.prev {
    left: 0;
    border-radius: 0 5px 5px 0;
}

.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
	color:white;
}

/* Sule nupust */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/*--------------------------------------------------------------
# Entry-header
--------------------------------------------------------------*/
header.entry-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0px 2.5%;
    width: 95%;
	margin: 0px 0%;
	
}
.blog .header-all {
   
    background-color: #b0baa0;
    box-shadow: 0px 0px 24px #00000078;
}
.header-all.nav-up {
    transform: translateY(-100%);
	    transition: background 0.5s ease;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}
.header-all.active {
    transition: background 0.5s ease;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #b0baa0;
    box-shadow: 0px 0px 24px #00000078;
}
.header-all {
    position: fixed;
    width: 100%;
    z-index: 4;
    order: 1;
    top: 0px;
         background-color: #ffffff00;
	   transition: background 0.3s ease;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	box-shadow: 0px 0px 0px #00000026;
}
/*--------------------------------------------------------------
# Packet
--------------------------------------------------------------*/
.post-template-packages header.entry-header {
	color: #464543;
    display: flex;
    flex-direction: row-reverse;
	gap:0px 4%;
	height:100vh;
		width:100%;
	 margin: 0px 0%;
	background-color: #fbfbfb;
   
}
.post-template-packages  .post-thumbnail {
    width: 60%;
}
.post-template-packages .front-page-meta{
        width: 36%;
    padding: 50px 5%;
  
}

.post-template-packages .post-thumbnail img{
	width:100%;
	object-fit:cover;
	height:100vh;
	filter: brightness(1);
}
/*--------------------------------------------------------------
# Object
--------------------------------------------------------------*/
.post-template-real-estate-object header.entry-header {
    color: #000000;
    display: flex;
    flex-direction: row-reverse;
    gap: 0px 4%;
    height: 100vh;
    width: 100%;
    margin: 0px 0%;
    background-color: #b1b9a2;
    justify-content: space-between;
    min-height: 900px;
}
.post-template-real-estate-object  .post-thumbnail {
    width: 50%;
	
   
    aspect-ratio: 1 / 1;
    overflow: hidden;

}

.post-template-real-estate-object .front-page-meta {
    width: 36%;
    padding: 20px 25px 20px;
}

.post-template-real-estate-object .post-thumbnail img {
    width: 100%;
    object-fit: cover;
    height: 100vh;
    filter: brightness(0.95);
	min-height:900px;
}
 header.site-header {
    max-width: 100%;
    width: 100%;
    padding: 20px 5%;
    margin: 0 auto;
    
}
.object-meta{
	font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
	margin-top:20px;
}
.object-meta-li {
    padding: 5px 5px;
    background-color: #c3cdb100;
    border-radius: 5px;
    border: solid 2px;
}
.object-meta-p {
    max-width: 450px;
    border-top: dashed 3px;
    margin-top: 20px;
}
#asukoht {
    padding: 0px 0px 0px;
    margin: -6px 0px 0px!important;
    background-color: #b1b9a2;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
#asukoht iframe {
    opacity: 0.7;
    filter: brightness(1) grayscale(1) contrast(1) invert(100%);
	width:50%;
	    aspect-ratio: 1 / 1;
    overflow: hidden;
	height:auto;
    
}
#asukoha-meta{
	width:50%;
}
/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
a.button {
    background-color: #000000;
    border: solid 4px #000000;
    padding: 0px 10px;
    text-decoration: none;
    color: #b2baa2;
    border-radius: 0px;
    font-size: 40px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
}
a.button:hover {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    color: #b2baa2;
    background-color: #000000;
    border: 4px solid #000000;
    opacity: 0.8;
}
a.button:visited{

	color: #b2baa2;
}
.buttons{
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 40px;
    align-items: center;
	max-width:600px;
}
a#light-white.button {
    color: #000000;
    border: solid 4px;
    background-color: #8d775b00;
    font-size: 40px;
}
a#light-white.button:hover{
		opacity: 0.8;
}
a#light.button {
    color: #000000;
    /* border: solid 2px; */
    background-color: #8d775b00;
    /* font-size: 15px; */
}
a#light.button:hover{
	 color: #000000;
    background-color: #8d775b00;

}
a#light-no-border.button{
	border: solid 0px;
	text-align:center;
	background-color: #8d775b00;
	color:#386560;
	padding: 13px 0px;
	text-transform: uppercase;
}
a#light-no-border.button:hover{
	border: solid 0px;
	background-color: #8d775b00;
	color:#386560;
}

/*--------------------------------------------------------------
# Asendiplaan
--------------------------------------------------------------*/
#asendiplaan{
	height: 100vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px 4%;

}
img.asend{
	height:100vh;
	padding: 0vh 0%;
	object-fit:cover;
	width:auto;
}
.entry-content-meta{
    width: 36%;
    padding: 50px 5%;
	    display: flex;
    flex-direction: column;
    justify-content: center;
	max-width:650px;
}
/*--------------------------------------------------------------
# Visoon
--------------------------------------------------------------*/
#uldruumid{
	height: 100vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px 4%;
	margin: 3px 0px !important;

}
img.asend{
	height:100vh;
	padding: 0vh 0%;
	object-fit:cover;
	width:auto;
}
.entry-content-meta{
    width: 36%;
    padding: 50px 5%;
	    display: flex;
    flex-direction: column;
    justify-content: center;
	max-width:650px;
}
/*--------------------------------------------------------------
# Plaan
--------------------------------------------------------------*/
#plaan{
    height: 100vh;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 0px 4%;
    background-color: #f7f7f7;
}
img.plaan{
	height:100vh;
	padding: 0vh 0%;
	object-fit:cover;
	width:auto;
	filter: brightness(0.97);
}
/*--------------------------------------------------------------
# Vannituba
--------------------------------------------------------------*/
#vannituba{
    height: 100vh;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 0px 4%;
    background-color: #f7f7f7;
	margin: 0px 0px 3px !important;
	overflow:hidden;
}
img.plaan{
	height:100vh;
	padding: 0vh 0%;
	object-fit:cover;
	width:auto;
	filter: brightness(0.97);
}



/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
.eelmuuk h2{
	    text-transform: uppercase;
    margin-top: 0px;
    line-height: 110%;
	    margin-bottom: 0px;
}
.eelmuuk a{
	color: white;
    font-weight: 600;
    text-decoration: none;
}
.eelmuuk a:hover{
	color:white;
}
.eelmuuk a:visited{
	color:white;
}
.eelmuuk{
  	padding: 25px 5%;
    width: 100%;
    bottom: 0px;
    left: 7%;
    border-radius: 0px;
    background-color: #8a785d;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ecoadvice{
	position: absolute;
    right: 2%;
    width: 160px;
    z-index: 3;
    bottom: 50px;
    transform: rotate(0deg);
}




.entry-content{
	margin:45px 0px !important;
}
/*-------------Entry-header----------------------------------*/
header.site-header {
    max-width: 100%;
    width: 100%;
    padding: 25px 2% 10px;
    margin: 0 auto;
    display: flex;
    align-content: flex-end;
    align-items: center;
}
/*.home header.entry-header{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0px 0% 3vh;
    width: 100%;
}*/
 header.entry-header {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0px 0% 0vh;
    width: 100%;
	  background-color: #b0baa0;
}
.header-all .custom-logo-link{
  display: inline-block;
    width:150px !important;
	opacity:0;
	  transition: opacity 0.5s ease;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	 /*pointer-events: none;
  cursor: default;*/
	
		
}

.header-all.active .custom-logo-link {
   display: inline-block;
   width: 150px !important;
	opacity:1;
 pointer-events: auto;
  cursor: pointer;

	
}
.home .header-all {
  
}
.home .header-all img {
      /*  filter: brightness(15.5);*/
}
.home .header-all a.mega-menu-link{
	/*color:white !important;*/
}




/*.meta-text {
    width: 50%;
    padding: 20px 2% 20px;
    color: black;
    text-align: left;
}*/
.meta-text {
    width: 50%;
    padding: 25px 30px 20px;
    color: black;
    text-align: left;
}
.home h1{
	font-size:120px !important;

}
h1{
	font-size:85px !important;
	line-height:90%;
	width:100%;
	margin-bottom:25px !important;
	margin-top:25px;
	font-weight:400;
	text-transform: uppercase;
}
.meta-text p {
    color: #000000;
    font-size: 40px;
    margin-bottom: 15px;
    margin-top: 5px;
    line-height: 105%;
}
.post-thumbnail{
	width:100%;

	
}
.home .post-thumbnail {
    width: 50%;
    margin-top: -4px;
    margin-bottom: -4px;
    display: flex;
    align-items: flex-end;
    align-content: stretch;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: auto;
}
.post-thumbnail img {
    width: 100%;
    object-fit: cover;
    height: 95vh;
    object-position: top left;
}
.page-template-default .post-thumbnail{
	width:50%;

	
}

.page-template-default .post-thumbnail img {
    filter: brightness(0.9);
	margin-bottom:-7px;
	min-height:900px;
}
.service-content p {
    font-size: 18px !important;
    line-height: 130% !important;
		text-align:justify;
}
.service-content {
	max-width:750px;
	margin:30px 0px;
	
}
.content{
	width:50%;
	padding: 20px 5% 20px;
}
.content p {
    font-size: 18px;
    line-height: 130%;
	max-width:550px;
	text-align:justify;
}
.content-img {
    width: 50%;
    background-color: #9fa692;
    border-radius: 20px;
    display: flex;
}
.content-img img {
   margin-bottom:-7px;
    opacity:0.9;
	border-radius:20px;
	object-fit:cover;
}

.page-template-default .meta-text p {
    color: #000000;
    font-size: 30px;
	max-width:550px;

 
}
#block-1 {
    max-width: 1550px;
    margin:40px auto !important;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
/*.page-template-default header.entry-header {
    max-width: 1550px;
    margin: 150px auto;
    border-radius: 20px !important;
}*/
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer h2.widget-title{
	margin-bottom:0px;
	width:70%;
	margin-top:100px;
}

.site-footer em {
    font-style: italic;
	font-size:13px;
}
.site-footer {
         position: relative; /* väga oluline, muidu span positsioneerub kogu lehe suhtes */
   
    width: 100%;
    padding:0px 2% 25px;

    display: flex;
    align-items: center;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
	    margin-top:0px;

}

.site-footer-inside {
    max-width: 1550px;
    margin: 3px auto;
    display: flex;
    align-content: center;
    align-items: center;
    gap: 5%;
    width: 100%;
	       
}
.site-footer-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-end;
    background-color: #b0baa0;
    /* border-radius: 15px; */
    padding: 30px 5% 10px;
    /* max-width: 1550px; */
}

.site-footer-bottom ul {
    margin-bottom: 10px !important;
    justify-content: center;
    list-style: none;
    padding-left: 0px;
    line-height: 137% !important;
    border-bottom: dashed 1px #00000073;
    padding-bottom: 15px;
}
.site-footer-bottom aside {
  margin-bottom:10px !important;
}
#bottom{
	margin-bottom:50px;
}
.site-footer-inside span {
    font-size: 85px;
    text-transform: uppercase;
    line-height: 90%;
	margin-top:70px;
    
}
aside#text-10 p{
	    line-height: 125%;
}
.site-footer h2{
	font-size:55px;
}
.site-footer-inside #footer-sidebar2 img {
  	width:100%;
	border-radius:50%;
	border:solid 5px white;
    
}
#footer-sidebar2 {
    width: 100%;
    padding: 50px 0%;
    max-width: 650px;
    /* margin: 0 auto; */
}

#footer-sidebar2 aside.widget_media_image{
	width:38%;
}
#footer-sidebar2 aside.widget_nav_menu{
		width:38%;
}
#footer-sidebar2 h3{
		font-size: 40px;
	margin-bottom:15px;
	margin-top:5px;
}

.site-footer ul {
    list-style: none;
    padding-left: 0px;
    line-height: 215%;
}
.site-footer h3{
	
    font-size: 30px;
    margin-bottom: 15px;
	margin-top: 45px
}
#menu-jarno-kaupmees a {
    font-size: 30px;
    font-weight: 700;
}

#footer-sidebar{
		width:100%;
	    display: flex;
  		flex-wrap: wrap;
}
#footer-sidebar1 {
    width: 100%;
    padding: 50px 0%;
    max-width: 400px;
    /* margin: 0 auto; */
}
#footer-sidebar1 img{
    width: 100%;
  
}
#footer-sidebar3 h3{
	font-size:35px;
	
}
#footer-sidebar3 ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    justify-content: flex-end;
    gap: 0px 20px;
}
#footer-sidebar3 ul li a{
	opacity:0.5
}
#footer-sidebar3 ul li {
    margin-right: 0px;
    margin-top: 10px;
}


footer.site-footer {
  position: relative; /* loob positsioneerimiskonteksti */
}

	span.contact {
  position: absolute;
  top: 600px;
  right: 0;
  font-size: 70px;
  font-weight: 700;
  transform: translateY(-100px) rotate(90deg);
  transform-origin: top right;
  background-color: black;
  color: #c3cdb1;
  line-height: 100%;
  padding: 14px 10px 14px 52px;
  border-radius: 0 0 18px 0;
  z-index: 2;
		height:100px;
			width:500px
}
.page-template-default span.contact {
   
    border-radius: 0 0 18px 18px;
   
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */


/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: black;
	font-family: arial;
	font-size: 15px;
	line-height: 1.5;
}

h1{

}
h2,
h3,
h4,
h5,
h6 {
	    line-height: 95%;
	font-weight:400;
		
}
h2{
	font-size:38px;
	text-transform: uppercase;
}

aside#text-9 h2{
	font-size:35px !important;
	margin-top:50px !important;
}
.services-meta span{
	font-size:100px;
	text-transform: uppercase;
	line-height:90%;
	
}
.projects-meta span{
	font-size:170px;
	text-transform: uppercase;
	line-height:90%;

}
.service h2{
	margin:0px 0px !important;
}
h3{
	font-size:25px;
}

/*.post-template-real-estate-object h1 {
    font-size: 45px !important;
    line-height: 90%;
    width: 100%;
    margin-bottom: 0px !important;
    text-shadow: 0px 0px 0px #00000029;
}*/
.post-template-packages h1 {
    font-size: 45px !important;
    line-height: 90%;
    width: 100%;
    margin-bottom: 0px !important;
    text-shadow: 0px 0px 0px #00000029;
}
p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}
#asukoha-meta blockquote {
	max-width: 550px;
}
#asukoha-meta p {
	max-width: 550px;
}
blockquote {
	margin: 0 0em;
}
blockquote p {
    font-size: 60px !important;
    line-height: 100% !important;
    /* color: #386560; */
    /* text-transform: uppercase; */
    font-weight: 400;
    margin: 35px 0px;
	text-align:left !important;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	
	
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: black;
	text-decoration: none;
}

a:visited {
	color: black;
}

a:hover,
a:focus,
a:active {
	    opacity:0.9;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	    border: 3px solid #386560;
    /* border-color: #ccc #ccc #bbb; */
    border-radius: 0px;
    background: #386560;
    color: rgb(255 255 255 / 80%);
    line-height: 1;
    padding: 15px 20px;
    font-size: 17px;
    text-transform: uppercase;
	    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	-webkit-transform: translateY(4px);
    transform: translateY(4px);
	    background-color: #429289;
	    border: 3px solid #429289;
    
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #2e4447;
    border: 0px solid #ccc;
    border-radius: 0px;
    padding: 9px;
    margin-bottom: 15px;
    width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	 color: #2e4447;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}
.wpcf7-not-valid-tip {
  
    display: none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff0000;
    border: solid 0px;
    padding: 0px;
    margin: 40px 0px 0px;
    color: #ec4c4c;
}
.wpcf7 form.sent .wpcf7-response-output{
    border-color: #46b450;
    padding: 0px;
    margin: 40px 0px 0px;
    border: solid 0px;
    color: #17ac17;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: none;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 0em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */


.front-page-meta-inside .custom-logo-link {
    display: inline-block;
    width: 500px;
}
/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */


.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
@media only screen and (max-width: 1600px){
	.post-template-real-estate-object h1 {
    font-size: 40px !important;
    
}
	.post-template-packages h1 {
    font-size: 40px !important;
    
}
	h1 {
    font-size: 80px !important;
 
}
}

@media only screen and (max-width: 1400px){
h1 {
    font-size: 72px !important;
   
}
	.meta-text {

    padding: 20px 25px 20px !important;
  
}
	.site {

    border-radius: 56px 20px 20px 20px !important;

}

.post-template-packages .post-thumbnail {
    width: 50%;
}	
	
	
.post-template-real-estate-object .post-thumbnail {
    width: 50%;
}

	.post-template-real-estate-object .front-page-meta {
    width: 46%;
}
.post-template-packages .front-page-meta {
    width: 46%;
}
	img.asend {
    height: auto;
    width: 50%;
	object-fit: contain;
}
	img.plaan {
    height: auto;
    width: 50%;
	object-fit: contain;
}
	.entry-content-meta {
    width: 46%;
    padding: 50px 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 750px;
}
	.meta-text-block{
  
    max-width: 500px;
 }
	.front-page-meta-inside .custom-logo-link {
    display: inline-block;
    width: 400px;
}
	.home h1 {
    font-size: 100px !important;
}
	.meta-text p {
   
    font-size: 30px;
 
}
	a.button {
  
    font-size: 35px;
  
}
	a#light-white.button {
    
    font-size: 35px;
}
	.services-meta span {
    font-size: 90px;
 
}
	h2 {
    font-size: 32px;
    
}
	.projects-meta span {
    font-size: 150px;

}
	.site-footer-inside span {
    font-size: 75px;

}
	.site-footer h2 {
    font-size: 50px;
}
	.post-grid a.post h2 {
    font-size: 33px !important;
  
}
	blockquote p {
    font-size: 45px !important;
   
}
	.post.post-cta  a.button {
    font-size: 21px;
    width: auto;
}
}
@media only screen and (max-width: 1250px){
.meta-text p br {
  display:none;
}
	blockquote p {
    font-size: 50px;
 
}
}
@media only screen and (max-width: 1200px){
	.post.post-cta  a.button {
    font-size: 19px;
    width: auto;
}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    border-bottom: dashed 1px !important;
}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:first-child {
    border-top: dashed 1px !important;
}
	a.button {
    font-size: 30px;
}
	a#light-white.button {
    font-size: 30px;
}
	   
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
    margin-left: 50% !important;
}

	h1 {
    font-size: 60px !important;
    line-height: 90%;
    width: 100%;
    /*margin-bottom: 0px !important;*/

   
}
	.page-template-gallery h1 {
    font-size:40px !important;
 
}
.main-navigation {
    text-align: right;
    display: flex;
    right: 0px;
    justify-content: flex-end;
}
	.mega-toggle-blocks-left{
		display:none !important;
	}
	.mega-toggle-blocks-center{
		display:none !important;
	}
	#mega-menu-wrap-menu-1{
		width:50px !important;
	}
}

@media only screen and (max-width: 1100px){
	.services {
    gap: 20px 5%;
}
	.page-template-default .post-thumbnail {
    width: 50%;
		display:none;
}
.page-template-default	header.entry-header {
    height:auto;
    justify-content: flex-start;
    
}
.page-template-default	.meta-text {
    max-width: 700px;
	width:100%;
	padding-bottom:100px !important;
}
.page-template-default .buttons {
        justify-content: flex-start;
    }
		blockquote p {
    font-size: 40px;
 
}
	.service p {
    text-align: justify;
    width: 80%;
}
.custom-logo-link {
    display: inline-block;
    width: 210px;
}

	.object-meta-li {
    
    font-size: 15px;
}
		.meta-text-block{
  
    max-width: 400px;
 }
	.home h1 {
    font-size: 80px !important;
}
	.projects-meta span {
    font-size: 120px;
}
	.post-grid a.post {

    width: 32%;

}
	.post.post-cta {
    
    width: 32%;
   
}
	.site-footer-inside span {
    font-size: 65px;
}
	.services-inside {
       gap: 30px 10%;
    flex-direction: column;
}
}
@media only screen and (max-width: 1000px){
		blockquote p {
    font-size: 35px !important;
   
}

	.site{
    margin: 10px 1.5% !important;
   
}
	.post-template-real-estate-object #plaan .entry-content-meta{

  margin-left: -25px !important;
	margin-right: 25px !important;
	
}

	.post-template-real-estate-object .entry-content-meta{
  
  margin-right: -25px;
	margin-left: 25px;;
	
}
	.meta-text-block{
  
  left: -25px;
	
	
}
.meta-text-block.active{
  	 
	left:0px;
}
.page-template-gallery	#galerii {
   
    flex-direction: column-reverse;
    
}
	.meta-text {
  
    max-width: 500px;

}
.meta-text-block {
 	
    position: relative;
    max-width: 100%;
    padding: 50px 5%;
    background-color: #ffffff;
    height: auto;
    display: flex;
    align-content: center;
    align-items: center;
}
	img.block-img {
  
    height: auto;
   
}
	.block {
    margin:25px 2%;
    flex-wrap: wrap;
}
	.block    .buttons {
        justify-content: center !important;
    }
	#keskkond {
    border-right: 0px solid white;
    flex-direction: row-reverse;
}
	.home .buttons {
        justify-content: left;
    }
	
	.post-template-packages .post-thumbnail img {
  
    height: 700px;
   
}
	
	.post-template-packages .front-page-meta {
  
    padding: 50px 5% 50px 5%;
}
	
	
	
	
.post-template-real-estate-object .post-thumbnail img {
    width: 100%;
    object-fit: cover;
    height: auto;
    filter: brightness(0.9);
    min-height: 100%;
}

	.mySlides img {
    width: 100%;
    border-radius: 0px;
    height: auto;
    object-fit: cover;
}
	.modal-content {
   height:90vh;
}
	.site-footer h3 {
    font-size: 30px;
}

 .post-template-real-estate-object .front-page-meta {
        width: 100%;
    }
	.post-template-real-estate-object .post-thumbnail {
        width: 100%;
    }
	.post-template-real-estate-object .post-thumbnail img {
  
    filter: brightness(1);
    
}
	.post-template-real-estate-object header.entry-header {
    /* height: auto; */
    display: flex;
    flex-direction: column-reverse;
		height:auto;
		min-height:auto;
}
.post-template-real-estate-object header.entry-header .buttons {
    
        justify-content: flex-start !important;
}
	.buttons {
    
    justify-content: center;
}
.page-template-landing .buttons{
        justify-content: left;
    }
img.asend {

    width: 100%;
	
}
	    .gallery {
        width: 100%;
			    justify-content: center;
    }
	img.plaan {

    width: 100%;
	
}
 .post-template-packages .front-page-meta {
        width: 100%;
    }
	.post-template-packages .post-thumbnail {
        width: 100%;
    }
	.post-template-packages header.entry-header {

    height: auto;


}
.post-template-packages header.entry-header .buttons {
    
        justify-content: flex-start !important;
}
#asendiplaan {
    height: auto;
   
}
	#uldruumid {
    height: auto;
   
}
#plaan {
    height: auto;
	justify-content: flex-end;
   
}
	#vannituba {
    height: auto;
	justify-content: flex-end;
   
}
	.entry-content-meta {
        width: 100%;
      
    }
	
	.eelmuuk h2 {
    text-transform: uppercase;
    margin-top: 0px;
    line-height: 110%;
	margin-bottom:15px;
    font-size: 22px;
		  
}
	h1 {
    font-size:55px !important;
	
}
	.page-template-gallery h1 {
    font-size:35px !important;
 
}
.ecoadvice{
	  
    width: 150px;
}
.eelmuuk {
       align-items: flex-start;
    flex-direction: column;
}
.hotspot-label {

    top: -40px;
 
    font-size: 16px;
 
}
	div#el3.element {

	margin-top:-50px !important;
}


}


@media only screen and (max-width: 900px){
	.page-template-page-no-image h1 {
    font-size: 45px !important;

}
		.page-template-page-no-image h2 {
    font-size: 27px !important;
}
.page-template-page-no-image	header.entry-header {
    height: auto;
    min-height: auto;
}
	.page-template-default span.contact {
   
    border-radius: 0 0 18px 0px;
   
}
.page-template-default div#el5.element {
   display:none;
}
	.page-template-default div#el4.element {
   display:block;
}
	#block-1 {

    flex-direction: column-reverse;

}
#block-1 {
    margin: 0px auto !important;
    background-color: #b2baa2;
}
	.content {
    width: 100%;
   
}
	.content-img {
    width: 100%;
    
    border-radius: 0px;
   
}
	.content-img img {
 
    border-radius: 0px;
   
}
	span.contact {
   
    transform: translateY(-255px) rotate(90deg);
    transform-origin: top right;
   
    padding: 14px 10px 14px 25px;
    border-radius: 0 0 18px 0;
   
    height: 79px;
    width: 345px;
}
	.projects-inside {

    margin-top: -40px;
}
		.meta-text {

    padding: 20px 25px 20px !important;
  
}
	.site {

    border-radius: 49px 20px 20px 20px !important;

}
.projects-meta span {
    font-size: 90px;
}
	.post-grid a.post {
    width: 49%;
}
	.post.post-cta {
    width: 49%;
}
	span.contact {

    
    font-size: 50px;
   
}
	.home h1 {
    font-size: 65px !important;
}
	.front-page-meta-inside .custom-logo-link {
    width: 350px;
}
	.services-meta span {
    font-size: 70px;
}
	.projects-meta span {
    font-size: 80px;
}
	.site-footer-inside span {
    font-size: 60px;
}
	.meta-text p {
    font-size: 25px;
}
	.site-footer h2.widget-title {
 
    margin-top: 50px;
}
}
@media only screen and (max-width: 800px){
	#asukoht {
 
    flex-direction: column;
    justify-content: flex-end;
}
	#asukoha-meta {
    width: 100%;
}
	#asukoht iframe {
  
    width: 100%;
   
}
#asukoht {
    margin: -7px 0px 0px!important;
}
.block-price-list-img{
	margin-top:86px;
	
}
	.post-grid {
  
    gap: 15px 2%;
    
}

}



@media only screen and (max-width: 764px){
	.post.post-cta h2 {
  
    font-size: 20px;
}
	.post-grid a.post h2 {
    font-size: 25px !important;
}
	.post-grid a.post p {
    font-size: 14px !important;

}
header.entry-header .post-thumbnail img {
    width: 100%;
    object-fit: cover;
  
	height: 48vh;
        position: absolute;
    }
	.post-template-real-estate-object .post-thumbnail img {
     position: relative !important;
			height: auto !important;
}
 .home .post-thumbnail {
	z-index:0;
    margin-bottom: 0px;  
	}
	header.entry-header {
 
    height: 90vh;
    min-height: 700px;
}
	.meta-text {
		z-index:1;
    width: 100%;
    padding: 20px 10% 20px 23px;
    color: black;
    text-align: left;
		max-width:100%;
}

	.home .post-thumbnail {
    width: 100%;
 
}
	.site-footer-inside {
	gap: 20px 5%;
    flex-direction: column;
    align-items: flex-start;
}
	#footer-sidebar1 {
 
    padding: 0px 0%;

}
	.site-footer h2.widget-title {
   
    margin-top: 0px;
}
	#menu-jarno-kaupmees  {
   margin-bottom:70px;
}
	#footer-sidebar2 {
   
    padding: 0px 0%;
  
}
	.page-template-page-no-image h1 {
    font-size: 40px !important;
}
}

@media only screen and (max-width: 600px){
	#bottom {
    margin-bottom: 100px;
}
	.page-template-page-no-image h1 {
    font-size: 35px !important;
}
	.services-meta span {
    font-size: 50px;
}
	h2 {
    font-size: 36px;
}
	.services {
    display: flex;
    gap: 60px 4%;
    flex-direction: column;
}
	.services-inside {
    gap: 45px 10%;
    
}
	.service {
    width: 100%;
    max-width: 450px;
}
	.projects-meta span {
    font-size: 60px;
}
		.hotspot-label {

    top: -40px;
 
    font-size: 13px;
 
}
	/*img.price-list {
        transform: scale(1.5);
        object-position: 35%;
        height: 450px;
		object-fit: cover;}*/
	a#kvartsi-1-1{
	        top: 51% !important;
        left: 25% !important;

	}
	a#kvartsi-2-2{
	    top: 43% !important;
        left: 71% !important;
	}
	a#kvartsi-3-3{
        top: 38% !important;
        left: 45% !important;
	}
	 
	
	.ecoadvice {

    bottom: 15px;

}

	.site-footer h2 {
    font-size: 35px;
}
		.post-template-real-estate-object .post-thumbnail img {
  
    height: 500px;
   
}
	h1 {
    font-size:45px !important;
	
}
	.eelmuuk h2 {
   
    font-size: 25px;
}
	aside#text-9 h2 {
    font-size: 25px !important;
    margin-top: 25px !important;
}

}
@media only screen and (max-width: 550px){
span.contact {
    transform: translateY(-340px) rotate(90deg);
    transform-origin: top right;
    padding: 7px 7px 7px 15px;
    border-radius: 0 0 18px 0;
    height: 53px;
    width: 260px;
	font-size:40px;
}
/*.post-grid a.post{
	width:100%;
}*/
.post.post-cta {
  
    width: 100%;
    padding: 30px 2% 30px;

    overflow: hidden;
    flex-direction: column;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
	.post.post-cta h2{
		text-align:center;
	}
	.post.post-cta  a.button {
    font-size: 25px;
    width: auto;
}
}
@media only screen and (max-width: 500px){
	h2 {
    font-size: 32px;
}
	.page-template-page-no-image .meta-text {
    padding: 30px 10% 5px 30px !important;
}
	.post-grid {
  
    gap: 10px 2%;
    
}
		.projects-inside {

    margin-top: 0px;
}
	.post-template-real-estate-object .front-page-meta {

    padding: 15px 16px 20px;
}

	.site{
    margin: 10px 2% !important;
   
}
	.site {
 
    border-radius: 35px 20px 20px 20px !important;
 
}
	.meta-text {
 
    padding: 10px 10% 20px 12px !important;
 
}
	.projects-meta span {
    font-size: 50px;
}
	.home h1 {
    font-size: 48px !important;
}
	.meta-text p {
    font-size: 23px;
}
	.page-template-default .meta-text p {
   
    font-size: 23px;
}
	.front-page-meta-inside .custom-logo-link {
    width: 285px;
}
	.site-footer h3 {
    font-size: 25px;
}
	.top-header p {
    
    font-size: 14px;
}
	
		.site-footer h2 {
    font-size: 30px;
}
	#footer-sidebar2 aside.widget_nav_menu {
    width: 90%;
}
	.post-template-packages .post-thumbnail img {
  
    height: 450px;
   
}
		.post-template-real-estate-object .post-thumbnail img {
  
    height: 450px;
   
}
	.eelmuuk {
               padding: 30px 6% 20px;
        position: relative;
        bottom: 0px;
        left: 0%;
        width: 100%;
        background-color: #8a785d;
        color: #ffffff;
        border-radius: 0px;
}
	.ecoadvice{
	
    width: 120px;
}
	
	h1 {
    font-size:40px !important;
	
}
	.page-template-gallery h1 {
    font-size:35px !important;
 
}
	.eelmuuk h2 {
   
    font-size: 20px;
}

.page-template-gallery .gallery-item {
    flex-basis: calc(100% - 0%);
    cursor: pointer;
}
#footer-sidebar1 img {
    width: 60%;
}
	.post-grid a.post h2 {
    font-size: 22px !important;
}
	.post-grid a.post p {
    font-size: 13px !important;

}
	.page-template-page-no-image h1 {
    font-size: 30px !important;
}
	a.button {
    font-size: 20px;
}
	a#light-white.button {
    font-size: 20px;
}
}
@media only screen and (max-width: 400px) {
	.post-grid a.post h2 {
    font-size: 20px !important;
}
	.site-footer-inside span {
    font-size: 40px;
    padding-right: 14%;
}
		.projects-meta span {
    font-size: 50px;
}
		.front-page-meta-inside .custom-logo-link {
    width: 230px;
}
	.site {
    border-radius: 28px 20px 20px 20px !important;
}
	.hotspot-label {

    top: -30px;
 
    font-size: 10px;
 
}

    .post-template-real-estate-object h1 {
        font-size: 37px !important;
    }
	.post-template-packages h1 {
        font-size: 37px !important;
    }
}