/*!
Theme Name: Marijas 14
Theme URI: http://underscores.me/
Author: DeStudio
Author URI: https://destudio.lv/
Description: Custom theme for Marijas 14
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: marijas-14
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Marijas 14 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

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

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

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

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

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}
*:focus { 
	outline: none; 
}
h1{
	margin: 0;
	font-size: 40px;
	line-height: 1.2 !important;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Lora', serif;
	color: #303030;
	line-height: 1.2 !important;
}


a{
	font-family: 'Lora', serif;
	color: #303030;
}	
p, div{
	font-family: 'Open Sans', sans-serif;
	color: #303030;
}
p{
	margin: 0;
	font-size: 18px;
}
.home .post-thumbnail img{
	display: none;
}
span.sub-arrow{
	display: none;
}
#masthead .mobile-navigation{
	display: none;
}
header.entry-header{
	display: none;
}

.home #header-section-main .header-logo-column{
	pointer-events: none;
}
#header-section-main{
	max-width: 1600px;
	margin: 0 auto;
}
#header-section-main .header-logo-column svg{
	width: 250px;
    height: auto;
}
#header-section-main .header-logo-column svg path{
	fill: #303030;
}
#header-section-main .header-logo-column{
	width: 250px;
}
#header-section-main .header-menu-column{
	width: calc(100% - 250px);
}
#header-section-main .header-menu-column a{
	color: #303030;
	font-size: 18px;
	text-transform: uppercase;
	padding: 11px 15px;
	font-weight: 500;
}
#header-section-main .header-menu-column .contact-us-menu a {
    color: #CA6F36;
    padding: 10px 15px;
    border: 2px solid #CA6F36;
    font-weight: 500;
    margin: 0 15px 0 5px;
	transition: 0.5s ease;
}
#header-section-main .header-menu-column .contact-us-menu a:hover{
	background: #CA6F36;
	color: #ffffff;
}
#masthead{
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: rgb(255,255,255, 0.85);
    padding: 15px 0;
	box-shadow: 0 0px 0px 0px #ffffff;
	transition: .5s ease;
}
#masthead.onscroll{
	box-shadow: 0 1px 3px 0px #f1f1f1;
}
#header-section-main .header-menu-column li:last-child>a{
	padding-right: 0;
	padding-top: 15px;
}

#header-section-main .header-menu-column li a>img{
	width: 23px;
	height: auto;
}
#header-section-main .header-menu-column ul.sub-menu li.wpml-ls-item a{
	background: transparent;
    padding-left: 12px;
}
#header-section-main .header-menu-column ul.sub-menu{
	background: rgb(255 255 255 / 80%);
	min-width: 5em !important;
}
#colophon{
	background-color: #303030;
}
.site-footer .footer-copyright {
    max-width: 1600px;
    margin: 0 auto;
    padding: 25px 0 25px 0;
    color: #ffffff;
    text-align: right;
    font-size: 15px;
    font-weight: 500;
}
.site-footer .footer-copyright a {
    color: #ffffff;
    text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}
#main-page-top-section{}
#main-page-top-section-inner-section{}
#main-page-top-section .main-page-top-section-column{
	width: 50%;
    margin: 0 0 100px 0;
    padding: 65px 70px 65px calc(50% - 800px);
	background: rgb(255 255 255 / 85%);
}
#main-page-top-section-inner-section{
	margin: 50px 0 0 0;
}
#main-page-top-section-inner-section .elementor-container{
	display: grid;
    column-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
}
#main-page-top-section .main-page-top-button-column{
	width: 100%;
}
#main-page-top-section .main-page-top-button-column a{
	width: 100%;
    background: #ffffff;
    color: #303030;
    border: 2px solid #B87151;
	font-size: 20px;
	text-transform: uppercase;
	border-radius: 0;
	font-family: 'Open Sans', sans-serif;
	transition: .5s ease;
}
#main-page-top-section .main-page-top-button-column a:hover{
	background-color: #B87151;
	color: #ffffff;
}
#main-page-top-section h1{
    text-align: center;
    font-weight: 400;
	white-space: pre-wrap;
}
#main-page-top-section h4{
    text-align: center;
    font-weight: 400;
	font-size: 22px;
	margin-bottom: 15px;
}

#main-page-circle-section{
	max-width: 1600px;
	margin: 80px auto;
}

#main-page-circle-paragraph-section{
	margin-bottom: 40px;
}
#main-page-circle-section h2{
	font-size: 32px;
	text-align: center;
	color: #303030;
	font-weight: 600;
	white-space: pre;
	margin-bottom: 40px;
	
}
#main-page-circle-section h3{
	font-size: 22px;
	text-align: center;
	color: #B87151;
	font-weight: 500;
	margin-bottom: 15px;
}
#main-page-circle-paragraph-section .elementor-container{
	display: grid;
    column-gap: 60px;
    row-gap: 25px;
    grid-template-columns: 1fr 1fr;
}
#main-page-circle-paragraph-section .elementor-container .elementor-inner-column{
	width: 500px;
	font-size: 18px;
	color: #303030;
	text-align: justify;
}
#main-page-circle-paragraph-section .elementor-container .elementor-inner-column:first-child{
	margin-left: auto;
}
#main-page-circle-circle-section{
	
}
#main-page-circle-section .main-page-circle-left-icon-column{
	width: calc(35% + 115px);
    margin-right: -115px;
}
#main-page-circle-section .main-page-circle-image-column{
	width: 30%;
}
#main-page-circle-section .main-page-circle-image-column img{
	object-fit: cover;
    width: 450px;
    height: 450px;
    border-radius: 100%;
}	
#main-page-circle-section .main-page-circle-right-icon-column{
	width: calc(35% + 115px);
    margin-left: -115px;
}
#main-page-circle-section svg{
	width: auto;
	height: 80px;
}
#main-page-circle-section .circle-icon-column{
	width: 135px;
	height: 135px;
    padding: 20px;
    border-radius: 100%;
    border: 3px solid #F1E8DF;
	background-color: #ffffff;
}
#main-page-circle-section .circle-text-column{
	width: calc(100% - 135px);
}
#main-page-circle-section .main-page-icon-inner-section.outer .main-page-icon-inner-section:first-child{
	margin-bottom: 30px;
	z-index: 9;
}
#main-page-circle-section .main-page-icon-inner-section.outer .main-page-icon-inner-section:last-child{
	margin-top: 30px;
	z-index: 9;
}
#main-page-circle-section .main-page-circle-left-icon-column .main-page-icon-inner-section .circle-text-column {
    width: 400px;
    padding-right: 25px;
    margin-left: auto;
}
#main-page-circle-section .main-page-circle-right-icon-column .main-page-icon-inner-section .circle-text-column {
	width: 400px;
    padding-left: 25px;
    margin-right: auto;
}

#main-page-circle-section .main-page-icon-inner-section .circle-text-column h4 {
    font-size: 24px;
    font-weight: 600;
	margin-bottom: 6px;
}
#main-page-circle-section .main-page-circle-left-icon-column .main-page-icon-inner-section .circle-text-column{
	text-align: right;
}

#main-page-counter-section{
	max-width: 1600px;
	margin: 0 auto 80px auto;
}
#main-page-counter-section .counter-column{
	width: 100%;
}
#main-page-counter-section .counter-column h2{
	text-align: center;
	color: #595959;
	font-size: 22px;
	font-weight: 500;
}
#main-page-counter-section .counter-column svg{
    height: 100px;
    width: auto;
    fill: #B87151;
   	margin: 15px 0 10px 0;
}
#main-page-counter-section .counter-column span{
	font-family: 'Lora', serif;
    font-size: 50px;
    font-weight: 500;
    color: #303030;
}
#main-page-counter-section .elementor-container{
	display: grid;
    column-gap: 60px;
    row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#main-page-about-project{
	max-width: 1600px;
	margin: 0 auto;
}
#main-page-about-project .main-page-about-project-image-column{
	width: 500px;
	position: absolute;
    height: calc(100% + 50px);
}
#main-page-about-project .main-page-about-project-image-column img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#main-page-about-project .main-page-about-project-image-column .elementor-element, #main-page-about-project .main-page-about-project-image-column .elementor-widget-container {
	height: 100%;
}
#main-page-about-project .main-page-about-project-content-column{
	width: calc(100% - 400px);
    padding-top: 60px;
    margin-left: 400px;
}
#main-page-about-project .about-project-select-column{
    padding: 50px 65px 50px 65px;
    background-color: #CBAB9C;
	margin-right: 20px;
}
#main-page-about-project h2, #main-page-place-section .place-section-content h2 {
	font-size: 32px;
	color: #303030;
	white-space: normal;
	font-weight: 500;
	margin-bottom: 15px;
}
#main-page-about-project h3{
	font-size: 22px;
	color: #303030;
	font-weight: 500;
	margin-bottom: 25px;
}
#main-page-about-project .about-project-select-column h4{
	font-size: 20px;
	color: #303030;
	font-weight: 400;
	margin-bottom: 15px;
	transition: 0.5s ease;
}
#main-page-about-project .about-project-select-column h4:hover{
	color: #F1E8DF;
}
#main-page-about-project .about-project-about-column, #main-page-place-section .place-section-content{
    padding: 50px 65px 50px 65px;
    background-color: #F1E8DF;
}
#main-page-about-project .about-project-about-column h4, .place-section-content h4 {
	text-align: right;
    color: #B87151;
    margin-top: 25px;
    font-size: 20px;
	font-weight: 500;
	transition: 0.5s ease;
}	
#main-page-about-project .about-project-about-column h4:hover, .place-section-content h4:hover {
	color: #303030;
}
#main-page-about-project .about-project-about-column div, #main-page-place-section .place-section-content div {
	font-size: 18px;
	color: #303030;
	text-align: justify;
}


#main-page-place-section{
	max-width: 1600px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 80px;
}
#main-page-place-section .place-section-content{
    width: 650px;
	margin: 55px -130px 50px 0;
	z-index:1;
}
#main-page-place-section .place-section-content h4{
	text-align: left;
}
#main-page-place-section .place-section-image img{
	object-fit: cover;
    width: 100%;
    height: 100%;
	max-height: 550px;
}
#main-page-place-section .place-section-image .elementor-widget-container, #main-page-place-section .place-section-image .elementor-element {
	width: 100%;
    height: 100%;
}
#main-page-place-section .place-section-image{
	width: calc(100% - 520px);
}

/* GLOBAL HEADING */
#top-section-global{
	height: 60vh;
	min-height: 340px;
}
#top-section-global .top-section-column{
    width: 600px;
    margin: 82px auto 0 auto;
    text-align: center;
    padding: 70px 50px;
    background: rgb(255 255 255 / 85%);
}
#top-section-global .top-section-column h1{
	font-weight: 400;
}
#top-section-global .top-section-column h4{
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 10px;
}

/* ABOUT US */
#about-us-top-section{
	max-width: 1600px;
	margin: 60px auto 80px auto;
}
#about-us-top-section .about-us-inner-top .about-us-top-section-image-column img{
	max-height: unset;
	height: 100%;
}
#about-us-top-section .about-us-inner-top{
	margin: 0;
}
#about-us-top-section .about-us-inner-bottom .about-us-top-section-image-column img{
	padding-left: 0;
	padding-right: 60px
}
#about-us-top-section ol>li{
	list-style-type: disc;
}
#about-us-top-section ol{
	padding-left: 20px;
}
#about-us-top-section .about-us-top-section-content-column h2{
	font-size: 32px;
    color: #303030;
    font-weight: 600;
    white-space: pre;
    margin-bottom: 20px;
}
#about-us-top-section .about-us-top-section-content-column h4{
	font-size: 22px;
	color: #B87151;
	font-weight: 500;
	margin-bottom: 10px;
}
#about-us-top-section .about-us-top-section-content-column{
	width: 650px;
}
#about-us-top-section .about-us-top-section-image-column{
	width: calc(100% - 650px);
}
#about-us-top-section .about-us-top-section-image-column img{
	object-fit: cover;
    width: 100%;
    padding-left: 60px;
    max-height: 430px;
}
#about-us-top-section  .elementor-widget-container{
	font-size: 18px;
	color: #595959;
}
#about-us-gallery-section{
	max-width: 1600px;
	margin: 110px auto 80px auto;
}
#about-us-gallery-section h2{
    font-size: 32px;
    text-align: center;
    color: #303030;
    font-weight: 600;
    white-space: pre;
    margin-bottom: 40px;
}
#about-us-gallery-section h4{
	font-size: 22px;
    text-align: center;
    color: #B87151;
    font-weight: 500;
    margin-bottom: 10px;
}

/* BUILDING HISTORY */
#history-top-section{
	max-width: 1600px;
	margin: 80px auto 100px auto;
}
#history-bottom-section{
	max-width: 1600px;
	margin: 0 auto 100px auto;
}
#history-top-section h4, #history-bottom-section h4 {
    font-size: 22px;
    text-align: center;
    color: #B87151;
    font-weight: 500;
    margin-bottom: 10px;
}
#history-top-section h2, #history-bottom-section h2 {
    font-size: 32px;
    text-align: center;
    color: #303030;
    font-weight: 600;
    white-space: pre;
    margin-bottom: 40px;
}
#history-top-section .history-image-column img, #history-bottom-section .history-image-column img{
	object-fit: cover;
    width: 100%;
}
#history-top-section .history-inner-top .history-image-column img, #history-bottom-section .history-inner-top .history-image-column img{
	max-height: 340px;
}
#history-top-section .history-inner-bottom .history-image-column img{
	max-height: 480px;
}
#history-top-section .history-content-column .elementor-widget-container, #history-bottom-section .elementor-widget-container{
	font-size: 18px;
	color: #303030;
}
#history-top-section .history-content-column h3, #history-bottom-section .history-inner-top .history-content-column h3{
    font-size: 26px;
    font-weight: 600;
	text-align: right;
}
#history-top-section .history-inner-top  .history-image-column, #history-bottom-section .history-inner-top .history-image-column {
	width: 50%;
}
#history-top-section .history-inner-top .history-content-column, #history-bottom-section .history-inner-top .history-content-column {
    margin: 75px 0 0 -75px;
    width: calc(50% + 75px);
}
#history-top-section  .history-inner-bottom .history-content-column{
	margin: 75px calc(-5% - 75px) 0 0;
    width: calc(60% + 75px);
    z-index: 1;
}
#history-top-section  .history-inner-bottom .history-image-column{
	width: 45%;
}
#history-top-section .history-content-column .elementor-element{
	background: #F1E8DF;
}
#history-bottom-section .history-content-column .elementor-element{
	background: #CBAB9C;
}
#history-top-section .history-content-column .elementor-element:first-child, #history-bottom-section .history-content-column .elementor-element:first-child{
    padding: 50px 65px 30px 65px;
}
#history-top-section .history-content-column .elementor-element:last-child, #history-bottom-section .history-content-column .elementor-element:last-child{
    padding: 0 65px 30px 65px;
}
#history-bottom-section .history-bottom-paragraph{
    padding: 50px 65px 30px 65px;
	margin-top: 40px;
	background: #CBAB9C;
}
#history-bottom-section .history-bottom-year h3{
	font-size: 26px;
    font-weight: 600;
    text-align: right;
	padding: 0 65px 30px 65px;
	background: #CBAB9C;
}
/* BLOG PAGE */
#blog-main-section{
	max-width: 1600px;
	margin: 80px auto;
}
/* BLOG GRID ELEMENT */
#blog-grid-section .blog-grid-image-column img{
    object-fit: cover;
    height: 380px;
    width: 100%;
    padding-right: 40px;
}
#blog-grid-section .blog-grid-image-column a {
	width: 100%;
}
#blog-grid-section .blog-grid-content-column h2{
	font-size: 32px;
    font-weight: 500;
    margin-bottom: 15px;
}
#blog-grid-section .blog-grid-content-column h4{
    color: #B87151;
    font-size: 20px;
    margin-top: 30px;
    font-weight: 500;
}
#blog-grid-section .blog-grid-content-column .elementor-widget-theme-post-content{
	font-size: 18px;
}
#blog-grid-section .blog-grid-image-column .blog-image-column-date{
    position: absolute;
    right: 75px;
    bottom: 25px;
    font-size: 22px;
    width: 170px;
    padding: 20px;
    text-align: center;
    background: rgb(255 255 255 / 85%);
	pointer-events: none;
}
#blog-grid-section .blog-grid-image-column .blog-image-column-date span{
	font-family: 'Lora', serif;
	font-weight: 500;
}

/* APARTMENTS PAGE */
#apartments-page-main-section{
	max-width: 1600px;
	margin: 80px auto;
}
#apartments-page-main-section nav.elementor-pagination a.elementor-button{
	background: #ffffff;
    color: #303030;
    border: 2px solid #B87151;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    transition: .5s ease;
}
#apartments-page-main-section nav.elementor-pagination a.elementor-button:hover {
    background-color: #B87151;
    color: #ffffff;
}	
#apartments-page-main-section nav.elementor-pagination {
	margin-top: 20px;
}	
#apartments-page-main-section .apartments-filter-column h2{
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 15px;
}
#apartments-page-main-section .apartments-filter-column ul{
	padding-left: 0;
}
#apartments-page-main-section .apartments-page-post-column{
	width: calc(100% - 270px);
	padding-left: 80px;
}
#apartments-page-main-section .apartments-filter-column{
	width: 270px;
}
.apartments-filter-column input.sf-input-text {
    background-color: transparent;
    font-size: 16px;
    color: #303030;
    border: 1px solid #303030;
    padding: 9px 15px 9px 10px;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}
.apartments-filter-column .sf-input-select{
    background-color: transparent;
    font-size: 16px;
    color: #303030;
    border: 1px solid #303030;
    padding: 8px 10px;
    border-radius: 0;
    width: 100%;
	font-family: 'Open Sans', sans-serif;
}	
.apartments-filter-column li.sf-field-search label, .apartments-filter-column li.sf-field-sort_order label {
    width: 100%;
}
.apartments-filter-column li.sf-field-search{
	padding-top: 0;
}
.apartments-filter-column .noUi-connect{
	background-color: #F1E8DF;
}
.apartments-filter-column .searchandfilter .meta-slider{
	height: 8px;
	margin-top: 15px;
}
.apartments-filter-column .searchandfilter .noUi-horizontal .noUi-handle{
	top: -9px;
	background-color: #B17459;
    box-shadow: unset;
    border-color: #B17459;
}
.apartments-filter-column input.sf-input-range-number{
	max-width: unset;
    width: 100%;
    font-size: 16px;
    padding: 5px 8px;
    border-radius: 0;
    border: 1px solid #303030;
}
.apartments-filter-column label{
	font-size: 16px;
}
.searchandfilter ul li{
	padding: 7.5px 0;
}
.apartments-filter-column .sf-input-select{
	background-color: transparent;
	font-size: 16px;
	color: #303030;
	border: 1px solid #303030;
	padding: 8px 10px;
	border-radius: 0;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
}
.apartments-filter-column h4{
	font-weight: 500;
    padding: 10px 0 5px 0;
    color: #303030;
    font-size: 18px;
    text-transform: uppercase;
}
.apartments-filter-column input.sf-input-text{
	background-color: transparent;
	font-size: 16px;
	color: #303030;
	border: 1px solid #303030;
	padding: 9px 15px 9px 10px;
	border-radius: 0;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}
.sf-meta-range-slider label {
    width: calc(50% - 22px);
}

/* APPARTMENT PAGE APPARTMENT GRID */
#appartment-element-section .appartment-element-main-column img{
    height: 500px;
    width: 100%;
    object-fit: cover;
    margin-bottom: -235px;
}
#appartment-element-section .appartment-element-main-column a {
	width: 100%;
}
#appartment-element-section .appartment-element-main-column:after{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
	background: rgb(0 0 0 / 0%);
	transition: .5s ease;
}
#appartment-element-section .appartment-element-main-column:hover:after{
	background: rgb(177 116 89 / 20%);
}
#appartment-element-section .appartment-element-inner-section .elementor-widget-icon{
	width: 55px;
}
#appartment-element-section .appartment-element-inner-section .appartments-element-number{
	width: calc(100% - 60px);
	align-self: center;
}
#appartment-element-section .appartment-element-inner-section svg{
	width: auto;
    height: 40px;
	fill: #303030;
}	
#appartment-element-section .appartment-element-inner-section h4{
    font-weight: 500;
    font-size: 18px;
    color: #404040;
	margin-bottom: 5px;	
}
#appartment-element-section .appartment-element-inner-section h3{
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
}
#appartment-element-section .appartment-element-inner-section .appartment-element-price h3:after{
	content: '€';
	font-size: 20px;
}
#appartment-element-section .appartment-element-inner-section{
    margin-top: 17px;
    padding: 15px 50px;
	background: rgb(255 255 255 / 85%);
}
#appartment-element-section .appartment-element-inner-section:last-child{
	margin-top: 15px;
}
#appartment-element-section .apartment-element-app-number{
    position: absolute;
    top: 85px;
    right: 0;
    padding: 15px 20px;
    display: inline-block;
    width: auto;
    background: rgb(255 255 255 / 85%);
}
#appartment-element-section .apartment-element-app-number h2, #appartment-element-section .apartment-element-app-number h3{
	font-size: 20px;
	font-weight: 500;
}	
#appartment-element-section .apartment-element-app-number h2{
	margin-bottom: 3px;
}
#appartment-element-section .apartment-availability{
	position: absolute;
    right: 0px;
    top: 15px;
    width: 140px;
}
#appartment-element-section .apartment-availability h3{
	text-align: center;
    font-size: 20px;
    font-weight: 500;
    background: rgb(218, 189, 176, 0.9);
    padding: 15px 20px;
	margin: 0;
}
#appartment-element-section .apartment-availability h3.sold{
	background: rgb(255 255 255 / 85%);
}
#appartment-element-section .appartment-element-area h3:after{
    content: 'm2';
    font-size: 18px;
    margin-left: 3px;
}
#appartment-element-section .appartment-element-inner-section, #appartment-element-section .apartment-element-app-number, #appartment-element-section .apartment-availability{
	pointer-events: none;
}
/* MAP */
#map {
   height: 100vh;
   width: 100%;
}

/* CONTACT US PAGE */
#contact-us-main-section{
	max-width: 1600px;
	margin: 80px auto;
}
#contact-us-main-section .contact-us-icon-column{
	width: 40%;
	padding: 0 50px 0 0;
}
#contact-us-main-section .contact-us-form-column{
	width: 60%;
}
#contact-us-main-section .contact-us-form-column br{
	display: none;
}
.contact-us-inner-section{}
.contact-us-icon-inner{}
.contact-us-text-inner{}


#contact-us-main-section .contact-us-form-column h3 {
    font-size: 22px;
    color: #B87151;
    font-weight: 500;
    margin-bottom: 10px;
}
#contact-us-main-section .contact-us-form-column h2 {
    font-size: 32px;
    color: #303030;
    font-weight: 600;
    white-space: pre;
    margin-bottom: 20px;
}
#contact-us-main-section .contact-us-form-column input, #contact-us-main-section .contact-us-form-column textarea {
    width: 100%;
    padding: 15px 10px;
    border: 1px solid #303030;
    border-radius: 0;
    font-size: 18px;
    background-color: transparent;
    resize: none;
    margin-bottom: 15px;
	font-family: 'Open Sans', sans-serif;
}
#contact-us-main-section .contact-us-icon-inner svg{
	height: 100px;
	width: auto;
	fill: #B87151;
}
#contact-us-main-section .contact-us-inner-section{
	margin: 0 0 50px 0;
}
#contact-us-main-section .contact-us-text-inner h2{
	padding-bottom: 10px;
    font-weight: 600;
}
#contact-us-main-section .contact-us-text-inner h3{
    padding-bottom: 6px;
    font-weight: 500;
    line-height: 1.2;
}
#contact-us-main-section input.wpcf7-submit{
	text-transform: uppercase;
	color: #303030;
    background: #F1E8DF;
    border: 1px solid #F1E8DF;
	font-weight: 600;
	transition: .5s ease;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
#contact-us-main-section input.wpcf7-submit:hover{
    background: #B87151;
    color: #ffffff;
    border: 1px solid #B87151;
}
/* FOOTER */
#footer-main-section{
	padding: 50px calc(50% - 800px) 20px calc(50% - 800px);
    background: #303030;
}
#footer-main-section .footer-logo-column svg{
	width: 300px;
    height: auto;
}

#footer-main-section .footer-menu-column ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 10px;
	row-gap: 10px;
}
#footer-main-section .footer-menu-column ul>li:last-child{
	display: none;
}
#footer-main-section .footer-menu-column ul>li>a{
	color: #ffffff;
	font-size: 16px;
	padding: 0;
}
#footer-main-section h2, #footer-main-section h3, #footer-main-section a{
	color: #ffffff;
}
#footer-main-section h2{
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 15px;
	font-size: 18px;
}
#footer-main-section h3{
	display: inline-block;
    padding-right: 10px;
	margin: 0;
}	
#footer-main-section .footer-contacts-column h3, #footer-main-section .footer-contacts-column a{
	font-weight: 400;
    font-size: 16px;
    padding-bottom: 10px;
}
#footer-main-section .footer-logo-column{
	width: 35%;
    padding-right: 50px;
}
#footer-main-section .footer-menu-column{
	width: 35%;
    padding-right: 50px;
}
#footer-main-section .footer-contacts-column{
	width: 30%;
}

.single #top-section-global{
	display: table;
	width: 100%;
	background-position: center center;
    background-size: cover;
}
.single #top-section-global .top-section-column{
	display: table-cell;
	vertical-align: middle;
	background: transparent;
	padding: 0;
}
.single #top-section-global .top-section-column h1{
    display: inline-block;
	padding: 70px 50px;
    background: rgb(255 255 255 / 85%);
}
.single .post-content{
    max-width: 1400px;
    margin: 80px auto;
    font-size: 18px;
    color: #303030;
    white-space: normal;
}
.single .post-content figure{
	margin: 0;
}
.single .post-content p{
	margin-bottom: 40px;
}
.single .post-content img{
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
	margin: 10px 0;
}
.single .post-content .shared-counts-wrap{
	margin-top: 20px;
}
.single .post-content .shared-counts-wrap a{
	float: right;
    padding: 15px;
    margin-left: 10px;
	transition: .5s ease;
}
.single #page .post-content .shared-counts-wrap a svg, .single #page .post-content .shared-counts-wrap a .shared-counts-icon{
	fill: #ffffff;
	width: 26px;
    height: 26px;
}
.single .post-content .shared-counts-wrap a:nth-child(1){
	background: #B87151;
}
.single .post-content .shared-counts-wrap a:nth-child(2){
	background: #5C4032;
}
.single .post-content .shared-counts-wrap a:nth-child(3){
    background: #C9AC9A;
}
.single .post-content .shared-counts-wrap a:nth-child(1):hover{
	background: #1673EA;
}
.single .post-content .shared-counts-wrap a:nth-child(2):hover{
	background: #1D9BF0;
}
.single .post-content .shared-counts-wrap a:nth-child(3):hover{
    background: #E81B22;
}

/* APPARTMENT PAGE */
#appartment-main .appartment-content{
	max-width: 1600px;
	margin: 80px auto 30px auto;
	overflow: hidden;
}
#appartment-main .appartment-content .apartment-attachment{
	width: 50%;
	float: left;
	box-sizing: border-box;
}
#appartment-main .appartment-content .appartment-info{
	width: 50%;
	float: right;
	padding-left: 100px;
	box-sizing: border-box;
}
#appartment-main .appartment-content .apartment-attachment img{
    width: 100%;
    height: auto;
    float: right;
	padding-right: 100px;
}
#appartment-main .appartment-content .appartment-info h2, #appartment-main .appartment-content .appartment-info h3{
	display: inline-block;
	margin: 0;
	font-size: 22px;
	padding: 0 8px 10px 0;
	font-weight: 500;
}

#appartment-main .appartment-content .appartment-info .appartment-price h3{
	font-weight: 700;
}

#appartment-main .appartment-content .appartment-info a{
    width: 250px;
    display: block;
    text-decoration: unset;
    padding: 14px 0;
    text-align: center;	
	background: #B87151;
    color: #ffffff;
    border: 2px solid #B87151;	
	margin-top: 20px;
	font-size: 18px;
	font-weight: 500;
	transition: .5s ease;
}
#appartment-main .appartment-content .appartment-info a:hover{
	background: #CA6F36;
	border-color: #CA6F36;
}
#appartment-main .appartment-content .appartment-info a.appartment-plan-download{
	background: transparent;
	color: #303030;
}
#appartment-main .appartment-content .appartment-info a.appartment-plan-download:hover{
	background: #303030;
	border-color: #303030;
	color: #ffffff;
}
#appartment-main .appartment-content .appartment-info h3.available{
	color: #B87151;
}
#appartment-main .appartment-content .appartment-info sup{
	vertical-align: top;
    position: relative;
    top: -1px;
}

.single-apartment #map{
	height: 50vh;
}

#facebook-messenger{
	position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 999999;
    height: 80px;
    width: 80px;
    border-radius: 45px;
    background: transparent;
    border: unset;
    opacity: 0;
    transition: visibility 1s, opacity 1s ease;
    -webkit-appearance: none;
    visibility: hidden;
}
#facebook-messenger.visible{
	visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 1s ease;
}
#facebook-messenger img {
    width: 80px;
    height: auto;
}

/* APPARTMENTS TABLE */
#appartment-table-field .appartment-table-article-column{
	padding: 25px 0;
}
#appartment-table-field sup {
    vertical-align: top;
    position: relative;
    top: -1px;
}
.appartment-table-field-inner{
	background: #BB714D;
}
#apartments-page-main-section .apartments-page-table-column article:nth-child(2n){
	background: #F1E8DF;
}
#apartments-page-main-section .apartments-page-table-column article{
	background: #ffffff;
	transition: .5s ease;
}

#apartments-page-main-section .apartments-page-table-column article h3.free{
	font-weight: 600;
}
#apartments-page-main-section .apartments-page-table-column article:hover{
	background: #BB714D !important;
	color: #ffffff;
}
#apartments-page-main-section .apartments-page-table-column article:hover h3{
	color: #ffffff;
}
#apartments-page-main-section .apartments-page-table-column h2, #apartments-page-main-section .apartments-page-table-column h3 {
	text-align: center;
	/*padding-left: 25px;*/
	font-weight: 400;
	font-size: 20px;
	margin: 0;
	transition: .5s ease;
}
#apartments-page-main-section .apartments-page-table-column h2 {
	padding: 25px 0px;
	color: #ffffff;
	font-size: 22px;
}
#apartments-page-main-section .table-header-area, #appartment-table-field .table-apartment-area {
    width: calc(100% / 7);
}
#apartments-page-main-section .table-header-rooms, #appartment-table-field .table-apartment-rooms {
    width: calc(100% / 7);
}
#apartments-page-main-section .table-header-floor, #appartment-table-field .table-apartment-floor {
    width: calc(100% / 7);
}
#apartments-page-main-section .table-header-price, #appartment-table-field .table-apartment-price {
    width: calc(100% / 7);
}
#apartments-page-main-section .table-header-availability, #appartment-table-field .table-apartment-availability {
    width: calc(100% / 7);
	line-height: 1;
}

#apartments-page-main-section .table-header-flat, #appartment-table-field .table-apartment-flat{
    width: calc(100% / 7);
}

#dropdown-menu{
	display: none;
}

#about-us-top-section ul{
    padding: 0;
    list-style-type: disclosure-closed;
    list-style: none;
	margin: 8px 0 0 0;
}
#about-us-top-section ul li::before{
	content: "\2022";
	font-size: 18px;
    padding: 0 10px 0 0;
    color: #B87151;
}
#about-us-top-section ul li{
	color: #303030;
	font-weight: 600;
}
@media only screen and (max-width: 1700px) {
	#header-section-main {
    	margin: 0 50px;
	}
	#main-page-top-section .main-page-top-section-column {
    	padding: 65px 70px 65px 50px;
	    margin: 0 0 80px 0;
	}
	#history-top-section {
    	margin: 60px 50px 100px 50px;
	}
	#main-page-circle-section, #apartments-page-main-section, #blog-main-section, #contact-us-main-section  {
    	margin: 60px 50px;
	}
	#main-page-counter-section, #history-bottom-section {
    	margin: 0 50px 80px 50px;
	}
	#main-page-about-project, .site-footer .footer-copyright {
    	margin: 0 50px;
	}
	#footer-main-section {
	    padding: 50px 50px 20px 50px;
	}
	#about-us-top-section {
    	margin: 60px 50px 100px 50px;
	}
	#about-us-gallery-section {
    	margin: 120px 50px;
	}
	#history-top-section {
    	margin: 80px 50px 100px 50px;
	}
	#main-page-place-section{
		margin: -70px 50px 80px 50px;
	}
	#main-page-place-section .place-section-content {
    	margin: 100px -110px 50px 0;
	}
	#appartment-main .appartment-content{
		margin: 80px 50px 30px 50px;
	}
}

@media only screen and (max-width: 1600px) {
	h1 {
    	font-size: 32px;
	}
	#main-page-top-section-inner-section {
    	margin: 30px 0 0 0;
	}
	#main-page-top-section .main-page-top-button-column a{
		font-size: 18px;
	}
	#main-page-counter-section .counter-column span {
    	font-size: 36px;
	}
	#main-page-about-project h2, #main-page-place-section .place-section-content h2, #about-us-top-section .about-us-top-section-content-column h2, #about-us-gallery-section h2, #blog-grid-section .blog-grid-content-column h2, #contact-us-main-section .contact-us-form-column h2 {
    	font-size: 28px;
		white-space: normal;
	}
	#top-section-global .top-section-column, .single #top-section-global .top-section-column h1{
		padding: 50px 35px;
	}
	#main-page-place-section {
    	margin: 30px 50px 80px 50px;
	}
	#main-page-place-section .place-section-content {
    	margin: 50px -110px 50px 0;
	}
	#apartments-page-main-section .elementor-grid{
		grid-template-columns: repeat(2,1fr);
	}
	#apartments-page-main-section .apartments-page-table-column .elementor-grid{
		display: block;
	}
	#apartments-page-main-section .apartments-page-table-column h2 {
	    padding: 20px 15px;
	}
	#apartments-page-main-section .apartments-page-table-column h2, #apartments-page-main-section .apartments-page-table-column h3 {
	    padding-left: 15px;
	}
	
	
	#main-page-counter-section .counter-column svg, #contact-us-main-section .contact-us-icon-inner svg {
    	height: 80px;
	}
	
}

@media only screen and (max-width: 1500px) {
	#main-page-top-section .main-page-top-button-column a{
		min-width: 180px;
	}
	#blog-grid-section .blog-grid-image-column img {
    	height: 300px;
	}
	.single .post-content{
		margin: 80px 50px;
	}
}

@media only screen and (max-width: 1400px) {
	#appartment-main .appartment-content .apartment-attachment img {
    	width: 100%;
		padding-right: 50px;
    	height: auto;
	}
	#appartment-main .appartment-content .appartment-info {
    	padding-left: 50px;
	}
	h1 {
    	font-size: 30px;
	}
	#main-page-circle-section .main-page-circle-image-column img {
    	width: 340px;
    	height: 340px;
	}
	#main-page-top-section .main-page-top-section-column {
    	min-width: 700px;
    	padding: 40px 50px 40px 50px;
	}
	#header-section-main .header-logo-column svg {
    	width: 210px;
	}	
	#main-page-circle-section .circle-icon-column {
    	width: 125px;
		height: 125px;
	}
	#main-page-circle-section svg {
    	height: 70px;
	}
	#main-page-about-project .main-page-about-project-image-column{
		position: absolute;
		width: 35%;
	}
	#main-page-about-project .main-page-about-project-content-column{
		width: 75%;
    	padding-top: 30px;
    	margin-left: 25%;
	}
	#main-page-about-project .main-page-about-project-image-column img {
    	width: 100%;
   		height: 450px;
	}
	#main-page-circle-section .circle-icon-column {
    	width: 125px;
   	 	height: 125px;
	}
}

@media only screen and (max-width: 1270px) {
	#top-section-global.place {
		display: none;
	}
	#contact-us-main-section{
		margin: 120px 50px;
	}
	#site-navigation{
		display: none;
	}
	#masthead .mobile-navigation {
    	display: block;
	}
	#masthead div.mobile-icon {
		width: 30px;
    	height: 25px;
		margin: 3px 0 3px 20px;
		position: relative;
		float: right;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .7s ease-in-out;
		-moz-transition: .7s ease-in-out;
		-o-transition: .7s ease-in-out;
		transition: .7s ease-in-out;
		cursor: pointer;
	}

	#masthead div.mobile-icon span{
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #303030;
		border-radius: 0;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		-o-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#masthead.menu-active div.mobile-icon span{
		background: #303030;
	}

	#masthead div.mobile-icon span:nth-child(1) {
	  top: 0px;
	}

	#masthead div.mobile-icon span:nth-child(2), #masthead div.mobile-icon span:nth-child(3) {
	  top: 10px;
	}

	#masthead div.mobile-icon span:nth-child(4) {
	  top: 20px;
	}

	#masthead.menu-active div.mobile-icon span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#masthead.menu-active div.mobile-icon span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#masthead.menu-active div.mobile-icon span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#masthead.menu-active div.mobile-icon span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}
	#masthead .mobile-logo {
    	width: 250px;
    	padding-left: 50px;
	}
	#masthead .mobile-logo-link {
    	width: 250px;
		display: inline-block;
		float: left;
		box-sizing: border-box;
	}
	#masthead .mobile-logo img {
    	width: 100%;
	}
	
	#masthead .mobile-select-icons {
		padding: 7px 24px 7px 0;
		transform: unset;
		width: calc(100% - 200px);
		margin-top: 0;
	}
	#masthead .mobile-select-icons {
    	width: calc(100% - 270px);
    	float: right;
    	padding: 0 50px 0 0;
    	box-sizing: border-box;
    	margin-top: 11px;
	}
	

	.mobile-language-switcher {
		float: right;
		right: 100px;
        top: 35px;
        width: 70px;
        z-index: 99;
    }
    
    .mobile-language-switcher ul.wpml-ls-sub-menu li>a{
        border: 0;
        background: transparent;
    }
    .mobile-language-switcher ul.wpml-ls-sub-menu{
        border: 0;
    }
    .mobile-navigation .mobile-language-switcher a.wpml-ls-item-toggle {
        background: unset;
        border: 0px;
    }
    .mobile-navigation .mobile-language-switcher li>a>img {
        width: 27px;
        height: auto;
    }
	
	#masthead .mobile-menu{
		position: fixed;
		right: -100vw;
		top: 82px;
    	width: 100vw;
    	transition: 1s ease;
		background: rgb(255,255,255, 0.95);
		height: 100%;
	}
	#masthead{
		transition: background .6s ease;
		z-index: 9999999;
	}
	#masthead.menu-active{
		background: rgb(255,255,255, 0.95);
	}
	#masthead .mobile-menu ul{
		 width: 100%;
		text-align: center;
		margin: 50px auto 0 auto;
		padding-left: 0;
	}
	#masthead .mobile-menu ul>li{
		display: block;
	}
	#masthead .mobile-menu ul>li:last-child{
		display: none;	
	}
	#masthead .mobile-menu ul>li>a{
		text-decoration: none;
		padding: 15px 0;
		display: block;
	}
	#masthead.menu-active .mobile-menu{
		right: 0;
	}
	#masthead .mobile-menu ul>li {
    	display: block;
    	font-size: 22px;
	}
	#masthead .mobile-menu ul>li.current-menu-item a{
		color: #ffffff;
		background: #B87151;
	}
	#about-us-top-section .about-us-top-section-content-column {
    	width: 60%;
	}
	#about-us-top-section .about-us-top-section-image-column {
    	width: 40%;
	}
	#about-us-top-section .elementor-widget-image, #about-us-top-section .elementor-widget-container, .about-us-inner-bottom .elementor-widget-image, .about-us-inner-bottom .elementor-widget-container, #about-us-top-section .elementor-widget-image, #about-us-top-section .elementor-widget-container{
		height: 100%;
	}
	#about-us-top-section .about-us-top-section-image-column img {
    	width: auto;
    	height: 100%;
    	max-height: unset;
	}	
	#about-us-top-section .about-us-inner-bottom .about-us-top-section-image-column img {
    	height: 100%;
	}
	#appartment-element-section .appartment-element-main-column a{
		width: 100%;
	}
	#apartments-page-main-section .elementor-grid {
    	grid-template-columns: repeat(1,1fr);
	}
	.mobile-menu .mobile-icons img {
		width: 35px;
		height: 35px;
		margin: 0 10px;
	}
	.mobile-icons {
		text-align: center;
		margin: 20px 0 0 0;
	}
}

@media only screen and (max-width: 1200px) {
	#main-page-circle-paragraph-section .elementor-container .elementor-inner-column{
    	margin-left: 0;
    	width: 100%;
	}
	#main-page-circle-section .main-page-circle-image-column{
		display: none;
	}
	#main-page-circle-section .main-page-circle-left-icon-column, #main-page-circle-section .main-page-circle-right-icon-column{
		width: 50%;
	}
	#main-page-circle-section .main-page-circle-left-icon-column{
		margin: 0 25px 0 0;
	}
	#main-page-circle-section .main-page-circle-right-icon-column{
		margin: 0 0 0 25px;
	}
	#main-page-circle-section .main-page-circle-left-icon-column .main-page-icon-inner-section .circle-text-column, #main-page-circle-section .main-page-circle-right-icon-column .main-page-icon-inner-section .circle-text-column {
    	width: 100%;
	}	
	#main-page-circle-circle-section{
		margin-top: 30px;
	}
	#main-page-counter-section .elementor-container {
    	display: grid;
    	column-gap: 60px;
    	row-gap: 60px;
    	grid-template-columns: 1fr 1fr;
	}
	#main-page-counter-section .counter-column h2{
		font-size: 24px;
	}
	#footer-main-section .footer-menu-column {
    	width: 35%;
    	padding: 0 25px 0 25px;
	}
	#main-page-circle-circle-section .elementor-widget-wrap{
		align-content: baseline;
	}
}
@media only screen and (max-width: 1024px) {
	#facebook-messenger img {
	    width: 70px;
	}
	#facebook-messenger {
    	bottom: 30px;
    	right: 50px;
		height: 70px;
    	width: 70px;
	}	
	#blog-grid-section .blog-grid-image-column .blog-image-column-date {
    	left: 15px;
    	top: 15px;
		bottom: unset;
	}	
	h1 {
    	font-size: 26px;
	}
	#main-page-top-section h4 {
	    font-size: 20px;
	}	
	#main-page-top-section-inner-section .elementor-container {
    	row-gap: 15px;
    	grid-template-columns: 1fr;
	}
	#main-page-top-section .main-page-top-section-column {
    	min-width: 550px;
    	margin: 0 0 40px 0;
    	padding: 50px 35px;
	}
	#main-page-circle-paragraph-section .elementor-container {
    	grid-template-columns: 1fr;
	}
	#main-page-circle-section .main-page-circle-left-icon-column .main-page-icon-inner-section .circle-text-column, #main-page-circle-section .main-page-circle-right-icon-column .main-page-icon-inner-section .circle-text-column{
		width: calc(100% - 125px);
	}
	#main-page-circle-section .main-page-circle-left-icon-column, #main-page-circle-section .main-page-circle-right-icon-column {
    	width: calc(50% - 50px);
	}
	#main-page-about-project .main-page-about-project-content-column {
	    width: 85%;
    	margin-left: 15%;
	}
	#main-page-about-project .about-project-about-column {
		width: calc(50% - 20px);
	}
	#main-page-place-section .place-section-content {
    	margin: 50px -5% 50px 0;
		width: 60%;
	}
	#main-page-place-section .place-section-image {
    	width: 45%;
	}
	#footer-main-section .footer-logo-column svg {
    	width: 230px;
	}	
	#footer-main-section .footer-logo-column {
    	width: 230px;
    	padding-right: 0;
	}
	#footer-main-section .footer-menu-column {
    	width: calc(60% - 115px);
    	padding: 0 50px 0 50px;
	}
	#footer-main-section .footer-contacts-column {
    	width: calc(40% - 115px);
	}
	#main-page-circle-section h2 {
    	white-space: normal;
	}
	
	#history-top-section .history-inner-bottom{
		margin: 30px 0 0 0;
	}
	#history-top-section .history-inner-top .history-content-column, #history-bottom-section .history-inner-top .history-content-column {
    	margin: 40px 0 0 -75px;
	}
	#history-top-section .history-inner-bottom .history-content-column {
    	margin: 20px calc(-5% - 75px) 0 0;
	}
	#apartments-page-main-section .apartments-page-post-column{
		width: 100%;
		padding-left: 0;
	}
	#history-top-section .history-inner-bottom .history-image-column img{
		max-height: unset;
		height: 100%;
		width: auto;
	}
	#history-top-section .history-inner-top .history-image-column img, #history-bottom-section .history-inner-top .history-image-column img {
    	max-height: unset;
    	height: 100%;
    	width: auto;
	}
	
	#blog-main-section .elementor-grid {
		grid-template-columns: repeat(1,1fr);
	}
	
	
	#contact-us-main-section .contact-us-icon-column {
    	width: 100%;
    	order: 2;
    	padding: 0;
    	margin: 30px 0 0 0;
	}
	
	#contact-us-main-section .contact-us-icon-column .elementor-widget-wrap.elementor-element-populated{
		display: grid;
    	column-gap: 40px;
    	grid-template-columns: 1fr 1fr 1fr;
		align-content: baseline;
    	align-items: baseline;
	}
	#contact-us-main-section .contact-us-icon-column .contact-us-inner-section .elementor-widget-wrap.elementor-element-populated{
		display: block;
	}
	#contact-us-main-section .contact-us-icon-inner{
		position: absolute;
    	left: 0;
    	width: 50px;
	}
	#contact-us-main-section .contact-us-icon-inner svg{
		width: 50px;
		height: auto;
	}
	#contact-us-main-section .contact-us-text-inner{
		width: 100%;
	}
	#contact-us-main-section .contact-us-text-inner h2{
		margin: 0 0 5px 70px;
	}
	#contact-us-main-section .contact-us-text-inner h3{
		margin: 0 0 0 70px;
	}
	#contact-us-main-section .contact-us-form-column{
		width: 100%;
	}
	
	#apartments-page-main-section .apartments-filter-column{
		display: none;
	}
	#apartments-page-main-section.apartments-page-post-column .elementor-container.elementor-column-gap-default{
		display: block;
    	overflow-x: scroll;
	}
	#apartments-page-main-section .apartments-page-table-column{
		display: block;
    	width: 900px;
    	padding-left: 0;
	}
	
	#apartments-page-main-section.appartment-page-table-result .elementor-container.elementor-column-gap-default {
		display: block;
	    overflow-x: auto;
	}	

	.apartments-filter-column li{
		width: 100%;	
	}
	.apartments-filter-column div.meta-slider {
    	margin: 0 auto 0 0;
    	max-width: unset;
    	width: 80%;
	}
	#dropdown-menu{
		display: block;
	}
	#apartments-page-main-section{
		margin: 30px 50px 60px 50px;
	}
	#apartments-page-main-section.appartment-page-table-result {
		margin: 30px 0 60px 50px;
	}
	#dropdown-menu.filter-active .mobile-filter-content {
	    max-height: 1000px;
		visibility: visible;
		opacity: 1;
	}
	#dropdown-menu {
    	margin: 60px 50px 0 50px;
	}
	#dropdown-menu .mobile-filter-content ul{
		padding-left: 0;
		display: flex;
		flex-wrap: wrap;
	}
	#dropdown-menu .mobile-filter-content {
		max-height: 0;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0.5s, opacity 0.5s ease-in-out, max-height 0.7s ease-in-out;
	}
	#dropdown-menu .filter-mobile-button {
    	display: block;
		background-color: #303030;
		color: #ffffff;
		font: unset;
		font-family: 'Roboto', sans-serif !important;
		text-transform: uppercase;
		box-shadow: none;
		border: 0;
		padding: 10px 35px;
		width: 100%;
		text-align: left;
		margin-top: 15px;
		font-size: 18px;
	}
	#dropdown-menu .filter-mobile-button:after {
    	content: "\f078";
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		display: inline-block;
		float: right;
		font-size: 19px;
		line-height: 1;
		margin-top: 1px;
		color: #ffffff;
	}
	#dropdown-menu .filter-mobile-button:after {
		transition:transform .8s;transform:rotateX(0deg);
	}

	#dropdown-menu.filter-active .filter-mobile-button:after {
		transition:transform .8s;transform:rotateX(180deg);
	}
	#dropdown-menu .mobile-filter-content form{
    	padding: 20px 24px;
    	border: 1px solid #F5F5F5;
    	box-shadow: 0 5px 5px 5px rgb(16 66 97 / 7%);
	}
	#main-page-circle-section h2 {
    	font-size: 24px;
    	margin-bottom: 30px;
	}
	#main-page-counter-section .counter-column h2, #main-page-about-project h2, #main-page-place-section .place-section-content h2, #about-us-top-section .about-us-top-section-content-column h2, #about-us-gallery-section h2, #blog-grid-section .blog-grid-content-column h2, #contact-us-main-section .contact-us-form-column h2, #main-page-circle-section .main-page-icon-inner-section .circle-text-column h4, #history-top-section .history-content-column h3, #history-bottom-section .history-inner-top .history-content-column h3, #history-top-section h2, #history-bottom-section h2, #history-bottom-section .history-bottom-year h3, #contact-us-main-section .contact-us-text-inner h2 {
    	font-size: 22px;
	}
	#main-page-circle-section .main-page-icon-inner-section .circle-text-column h4{
		font-weight: 400;	
	}
	#main-page-counter-section .counter-column span {
    	font-size: 28px;
	}
	#main-page-about-project h3, #top-section-global .top-section-column h4, #about-us-top-section .about-us-top-section-content-column h4, #about-us-gallery-section h4, #history-top-section h4, #history-bottom-section h4 {
	    font-size: 20px;
	}
	#main-page-about-project .about-project-select-column h4, #main-page-about-project .about-project-about-column h4, .place-section-content h4 {
    	font-size: 18px;
	}
	#main-page-top-section .main-page-top-button-column a {
    	font-size: 16px;
	}
	#top-section-global .top-section-column, .single #top-section-global .top-section-column h1 {
    	padding: 40px 30px;
	}
	#main-page-circle-section .circle-icon-column{
		border-width: 1px;	
	}
}
@media only screen and (max-width: 950px) {
	#main-page-circle-section .main-page-circle-left-icon-column, #main-page-circle-section .main-page-circle-right-icon-column{
		width: 100%;
		margin: 0;
	}
	#main-page-circle-circle-section .elementor-widget-wrap {
    	align-content: center;
	}
	#main-page-circle-section .main-page-icon-inner-section.outer .main-page-icon-inner-section:first-child .circle-text-column {
		order: 2;
		text-align: left;
		padding: 0 0 0 20px;
	}
	#main-page-circle-section .main-page-icon-inner-section.outer .main-page-icon-inner-section:last-child {
	    margin: 20px 0;
	}
	#main-page-circle-section .main-page-icon-inner-section.outer .main-page-icon-inner-section:first-child {
	    margin: 0;
	}
	
	#main-page-circle-circle-section h4 {
		color: #B87151;
	}
	#main-page-circle-section .circle-icon-column{
		border-color: #B87151;
	}
	#main-page-circle-section .circle-icon-column svg{
		fill: #313131;
	}
	
	.main-page-circle-right-icon-column .main-page-icon-inner-section:last-child .circle-icon-column{
		order: 2;
	}
	.main-page-circle-right-icon-column .main-page-icon-inner-section:last-child .circle-text-column{
		text-align: right;
		padding: 0 20px 0 0;
	}	
	#main-page-circle-section, #apartments-page-main-section {
    	margin: 60px 50px 60px 50px;
	}
	#blog-main-section{
		margin: 60px 50px;
	}
	#contact-us-main-section {
		margin: 120px 50px;
	}
	#main-page-counter-section .counter-column svg, #contact-us-main-section .contact-us-icon-inner svg {
    	height: 60px;
	}
	#footer-main-section .footer-logo-column{
		width: 100%;
    	margin-bottom: 50px;
	}
	#footer-main-section .footer-menu-column {
    	width: 50%;
   		padding: 0 50px 0 0;
	}
	#footer-main-section .footer-contacts-column {
    	width: 50%;
   	 	padding: 0 0 0 50px;
	}
	#main-page-about-project .about-project-select-column {
		width: 100%;
    	margin: 15px 0 0 0;
    	order: 2;
	}
	#main-page-about-project .about-project-about-column{
		width: 100%;
		margin: 0;
	}
	#main-page-about-project .main-page-about-project-content-column{
		padding: 15px 0 0 0;
	}
	#main-page-place-section .place-section-image {
    	width: 30%;
	}
	#main-page-place-section .place-section-content {
    	margin: 15px -5% 15px 0;
    	width: 75%;
	}
}
@media only screen and (max-width: 767px) {
	#facebook-messenger img {
	    width: 60px;
	}
	#facebook-messenger {
    	bottom: 30px;
    	right: 24px;
		height: 60px;
    	width: 60px;
	}
	
	#main-page-top-section {
		height: 90vh;
	}
	#main-page-top-section>.elementor-container{
		height: 90vh;
	}
	#main-page-top-section .main-page-top-section-column{
		min-width: unset;
		width: 100%;
		position: relative;
		margin: 0;
	}
	#main-page-top-section .main-page-top-section-column {
    	padding: 24px 24px;
	}
	#about-us-gallery-section {
    	margin: 60px 24px;
	}
	#dropdown-menu {
    	margin: 60px 24px 0 24px;
	}
	#appartment-element-section .appartment-page-icon-column {
		width: 50%;
	}
	#about-us-gallery-section a .elementor-gallery-item__image{
		height: 200px;
	}
	#main-page-top-section h4{
		display: none;
	}
	#masthead .mobile-logo {
    	width: 180px;
    	padding-left: 24px;
	}
	#masthead .mobile-logo-link {
    	width: 204px;
	}
	#masthead .mobile-select-icons {
    	width: calc(100% - 204px);
   		padding: 0 24px 0 0;
   		margin-top: 0;
	}
	#masthead .mobile-menu {
    	top: 70px;
	}
	#masthead div.mobile-icon{
		margin: 3px 0 3px 10px;
	}
	#masthead .mobile-menu ul>li {
	    font-size: 20px;
	}
	#main-page-top-section h1{
		font-size: 24px;
	}
	#main-page-circle-paragraph-section .elementor-container .elementor-inner-column{
		text-align: left;
	}
	#main-page-circle-section {
		margin: 60px 24px 60px 24px;
	}
	#apartments-page-main-section {
		margin: 30px 24px 60px 24px;
	}
	#main-page-counter-section, #history-bottom-section {
    	margin: 0 24px 80px 24px;
	}
	#main-page-about-project, .site-footer .footer-copyright {
    	margin: 0 24px 0 0;
	}
	#main-page-about-project .main-page-about-project-image-column, #main-page-about-project .main-page-about-project-image-column .elementor-widget-wrap, #main-page-about-project .main-page-about-project-image-column .elementor-widget-image, #main-page-about-project .main-page-about-project-image-column .elementor-widget-container{
		height: 100%;
	}
	#main-page-about-project .main-page-about-project-image-column img {
    	height: 100%;
   		width: auto;
	}
	#main-page-about-project .main-page-about-project-content-column {
    	padding: 15px 0 15px 0;
	}
	#main-page-place-section {
    	margin: 40px 24px 80px 24px;
	}
	#footer-main-section {
    	padding: 50px 24px 20px 24px;
	}
	#top-section-global .top-section-column {
    	width: 90%;
    	margin: 70px auto 0 auto;
	}
	#top-section-global .top-section-column {
    	width: 100%;
    	margin: 70px 24px 0 24px;
	}
	#top-section-global .elementor-container{
		height: 100%;
	}
	#about-us-top-section .about-us-top-section-content-column{
		margin: 24px 0 30px 0;
    	width: 100%;
		padding: 30px 24px 30px 24px;
		background-color: #F1E8DF;
		z-index: 9;
		order: 2;
	}
	#about-us-top-section .about-us-top-section-image-column{
		width: 100%;
	}
	#about-us-top-section .about-us-top-section-image-column img{
		padding: 0 !important;
		width: 100% !important;
		height: 200px !important;
	}
	#about-us-top-section{
		margin: 60px 24px 80px 24px;
	}
	#history-top-section .history-inner-bottom {
    	margin: 50px 0 0 0;
	}
	#main-page-about-project .about-project-about-column, #main-page-about-project .about-project-select-column, #main-page-place-section .place-section-content{
		padding: 30px 24px 30px 24px;
	}
	#history-top-section .history-content-column .elementor-element:first-child, #history-bottom-section .history-content-column .elementor-element:first-child, #history-bottom-section .history-bottom-paragraph{
		padding: 30px 24px 20px 24px;
	}
	#history-top-section .history-content-column .elementor-element:last-child, #history-bottom-section .history-content-column .elementor-element:last-child, #history-bottom-section .history-bottom-year h3{
		padding: 0 24px 30px 24px;
	}
	#history-top-section .history-inner-bottom .history-content-column, #history-top-section .history-inner-top .history-content-column, #history-bottom-section .history-inner-top .history-content-column {
		margin: 0;
		width: 100%;
		order: 2;
	}
	#history-top-section .history-inner-bottom .history-image-column, #history-top-section .history-inner-top .history-image-column, #history-bottom-section .history-inner-top .history-image-column {
		width: 100%;
	}
	#history-top-section .history-inner-top .history-image-column img, #history-bottom-section .history-inner-top .history-image-column img, #history-top-section .history-inner-bottom .history-image-column img{
		width: 100%;
		height: 200px;
		margin-bottom: 30px;
	}
	
	#main-page-circle-section .main-page-circle-right-icon-column .main-page-icon-inner-section .circle-text-column{
		padding-left: 0;
	}
	#apartments-page-main-section.appartment-page-table-result{
		margin: 30px 0 60px 24px;
	}
	#dropdown-menu .mobile-filter-content form {
    	padding: 20px 12px;
	}
	#dropdown-menu .filter-mobile-button{
		padding: 10px 15px;
	}
	#history-top-section {
    	margin: 60px 24px 80px 24px;
	}
	#blog-grid-section .blog-grid-image-column img{
		padding-right: 0;
		margin: 0 0 20px 0;
	}
	#blog-main-section {
		margin: 60px 24px 80px 24px;
	}
	#contact-us-main-section {
		margin: 100px 24px 80px 24px;
	}
	#blog-grid-section .blog-grid-image-column .blog-image-column-date {
    	right: 12px;
    	bottom: 32px;
		top: unset;
		left: unset;	
	}
	#blog-grid-section .blog-grid-content-column h4 {
    	margin-top: 20px;
	}
	#blog-grid-section .blog-grid-content-column h2 {
    	margin-bottom: 10px;
	}
	#contact-us-main-section .contact-us-icon-column .elementor-widget-wrap.elementor-element-populated {
    	grid-template-columns: 1fr 1fr;
	}
	#appartment-main .appartment-content {
    	margin: 60px 24px 30px 24px;
	}
	#appartment-main .appartment-content .apartment-attachment {
    	width: 100%;
	}
	#appartment-main .appartment-content .apartment-attachment img {
    	padding-right: 0;
	}	
	#appartment-main .appartment-content .appartment-info {
    	padding-left: 50px;
    	width: 100%;
    	padding: 0;
	}
	#appartment-main .appartment-content .appartment-info a {
    	width: 100%;
		box-sizing: border-box;
	}	
	.single .post-content {
    	margin: 60px 24px;
	}
	#top-section-global .top-section-column, .single #top-section-global .top-section-column h1 {
    	margin: 0 24px;
	}	
}
@media only screen and (max-width: 600px) {
	#contact-us-main-section .contact-us-icon-column .elementor-widget-wrap.elementor-element-populated {
    	grid-template-columns: 1fr;
	}
	
	#appartment-element-section .appartment-element-inner-section {
    	padding: 15px 24px;
	}
	#appartment-element-section .appartment-element-inner-section h3 {
    	font-size: 18px;
	}
	#appartment-element-section .appartment-element-inner-section .elementor-widget-icon {
    	width: 48px;
	}
	#main-page-circle-section .circle-icon-column {
    	width: 70px;
    	height: 70px;
		padding: 10px;
	}
	#main-page-circle-section svg {
    	height: 40px;
	}
	#main-page-circle-section .main-page-icon-inner-section.outer .main-page-icon-inner-section:last-child {
    	margin: 50px 0;
	}
	#main-page-circle-section .main-page-circle-left-icon-column .main-page-icon-inner-section .circle-text-column, #main-page-circle-section .main-page-circle-right-icon-column .main-page-icon-inner-section .circle-text-column {
    	width: calc(100% - 70px);
	}
	
	#footer-main-section .footer-menu-column {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	#footer-main-section .footer-contacts-column {
		width: 100%;
		padding: 0;
	}
	#main-page-about-project .main-page-about-project-image-column{
		display: none;
	}
	#main-page-about-project .main-page-about-project-content-column{
		width: 100%;
		margin: 0;
	}
	#main-page-about-project{
		margin: 0 24px;
		padding: 0;
	}
	#main-page-place-section .place-section-content{
		width: 100%;
		margin: 0;
		order: 2;
	}
	#main-page-place-section .place-section-image{
		width: 100%;
	}
	#main-page-place-section .place-section-image img {
    	width: 100%;
    	height: 150px;
    	max-height: unset;
	    margin: 0 0 24px 0;
	}
	#main-page-circle-section .main-page-icon-inner-section.outer .main-page-icon-inner-section .circle-text-column {
    	order: 2;
    	text-align: left;
    	padding: 0 0 0 20px;
	}
}
@media only screen and (max-width: 360px) {
	#masthead .mobile-select-icons {
    	width: calc(100% - 150px);
	}
	#masthead .mobile-logo-link, #masthead .mobile-logo{
		width: 150px;
	}
	#masthead .mobile-menu {
    	top: 64px;
	}
	#masthead .mobile-menu ul {
    	margin: 0 auto 0 auto;
	}	
}