@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900&subset=cyrillic');

body {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 15px;
	scroll-behavior: smooth;
}


*,
*:before,
*:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
}

select {
	-webkit-appearance: none;
	border-radius: 0;
}

p {
	margin: 0;
	line-height: 1.4;
}

p + p {
	margin-top: 20px;
}

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

a img {
	border: 0;
}

a {
	outline: 0 none;
}

*:focus {
	outline: 0 none;
}

a,
a:link,
a:visited {
	color: #4e9000;
	text-decoration: none;
}

a:hover {
	color: #305800;
}

a:active {

}

input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top: 0; 
	margin-bottom:  0; 
} 

h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
    font-family: "Roboto", sans-serif;
	margin: 0;
}

* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
	margin-top: 20px;
}

button,
input[type=submit],
input[type=button] {
	cursor: pointer;
	font: inherit;
	background: none;
}

.columns:after {
	content: "";
	display: block;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

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

.text-justify {
	text-align: justify;
}

.container {
	/*border-left: 1px solid #CCC;*/
	/*border-right: 1px solid #CCC;*/
	/*background: rgba(255, 255, 255, .8);*/
	width: 100%;
	max-width: 1100px;
	padding: 20px;
	margin: auto;
}

.bfErrorMessage,
#system-message-container .alert.alert-warning,
#system-message-container .alert.alert-error {
	background: rgba(218, 100, 118, 0.3);
	padding: 20px;
	margin-bottom: 20px;
	color: rgba(0, 0, 0, 0.9);
}

#system-message-container .alert.alert-message {
	background: rgba(98, 214, 104, 0.3);
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	color: rgba(0, 0, 0, 0.9);
}

#system-message-container .alert .close {
	font-family: "Arial", sans-serif;
	color: black;
	float: right;
	cursor: pointer;

	background: none;
	border: 0 none;
}


#header .container {
	position: relative;
	min-height: 127px;
}

#logo {
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	width: 233px;
	height: 87px;
	margin: auto;
}

#logo a,
#logo img {
	display: inline-block;
	width: inherit;
	height: inherit;
}

#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation {
	text-align: right;
	line-height: 30px;
	margin-top: 57px;
	margin-right: -10px;
}

#navigation ul li {
	display: inline-block;
}

#navigation ul li + li {
	margin-left: 10px;
}

#navigation ul li a {
	display: block;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	color: #000;
	font-size: 14px;
}

#navigation ul li a:after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 0;
	border-bottom: 2px solid #000;

	display: none;
}

#navigation ul li.active a:after,
#navigation ul li a:hover:after {
	display: block;
}

#slider .container {
	padding-top: 0;
	padding-bottom: 0;
}

#slider .camera_caption > div {
	background: none;
	padding: 0 40px;
}

#slider .camera_caption {
	top: 100px;
	bottom: 0;
}

#slider .camera_caption_title {
	text-transform: uppercase;
	font-weight: 900;
	font-family: "Roboto", sans-serif;
	font-size: 26px !important;
}

#slider .camera_caption_desc {
	text-transform: uppercase;
	font-weight: 300;
	font-family: "Roboto", sans-serif;
	font-size: 26px !important;
	
}

#slider .camera_commands {
	display: none;
}

#slider .camera_prev span,
#slider .camera_next span {
	display: none !important;
}

#slider .camera_next,
#slider .camera_prev {
	background: none !important;
	height: 100px;
	line-height: 100px;
	margin: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	width: auto;

	color: #999;
	transition: color .25s;
}

#slider .camera_next:hover,
#slider .camera_prev:hover {
	color: #000;
}

#slider .camera_next:after,
#slider .camera_prev:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e908";

	font-size: 60px;
	line-height: inherit;
}

#slider .camera_next:after {
	content: "\e909";
}

#slider .camera_prev {
	left: -100px;
}

#slider .camera_next {
	right: -100px;
}

#slider .moduletable {
	position: relative;
}

#slider .camera_wrap .camera_pag .camera_pag_ul {
	text-align: center;
}

#slider .camera_pag {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	text-align: center;
}

#slider .camera_pag ul li {
	margin: 0 10px;
	border-radius: 0;
	background: #000000;
	width: 30px;
	height: 2px;
	position: relative;
	transition: background .25s;
}

#slider .camera_pag ul li:before {
	content: "";
	position: absolute;
	left: -5px;
	right: -5px;
	top: -10px;
	bottom: -10px;
}

#slider .camera_pag ul li:hover,
#slider .camera_pag ul li.cameracurrent {
	background: #FFF;
}

#slider .camera_pag ul li span {
	display: none;
}

#sidebar {
	width: 30%;
	float: left;
	padding-right: 30px;
}

#sidebar a {
	font-size: 16px;
}

#sidebar + #component {
	float: left;
	width: 70%;
	padding-left: 30px;
}

#footer-block .container {
	padding-top: 0;
	padding-bottom: 0;
}

#footer-block .columns {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#copyright {
	font-size: 12px;
} 

#copyright-left {
	float: left;

}

#copyright-right {
	float: right;
}

#footer-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer-nav ul li {
	display: inline-block;
}

#footer-nav ul li + li {
	margin-left: 15px;
}

#footer-nav ul li a {
	display: block;
	padding: 10px;
	color: #7f7f7f;
	transition: color .25s;
}

#footer-nav ul li a:hover {
	color: #000;
}

.home-page .outline {
	background: url("../images/building-bg.png") no-repeat right -20% bottom;
}

.items-leading {
	text-align: justify;
}

.items-leading .item-title,
#sidebar h3 {
	text-align: left;
	font-size: 24px;
	font-weight: 900;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.home-page #sidebar {
	width: 40%;
}

.home-page #sidebar + #component {
	width: 60%;
}

#main-container > .container {
	padding-top: 40px;
	padding-bottom: 40px;
}

#sidebar a {
	text-align: center;
	display: block;
	padding: 15px;
	border: 1px solid #000;
	color: #000;
	position: relative;
}

#sidebar a.for-sale,
#sidebar a.portfolio {
	padding-left: 35px;
}

#sidebar a.for-sale:hover,
#sidebar a.portfolio:hover {
	background: #000;
	color: #FFF;
}

#sidebar a.for-sale:before,
#sidebar a.portfolio:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e906";

	position: absolute;
	left: 20px;
	top: 15px;
	font-size: 22px;
}

#sidebar a.portfolio:before {
	content: "\e903";
}

#footer-2 {
	padding-top: 5px;
	float: right;
}

#footer-nav {
	float: left;
}

#top-right {
	font-size: 12px;

	position: absolute;
	right: 20px;
	top: 25px;
}

#top-right .moduletable,
#top-right p,
#footer-2 p {
	margin: 0;
	display: inline-block;
	margin-right: -4px;	
}

#top-right .moduletable:last-child,
#top-right p:last-child,
#footer-2 p:last-child {
	margin-right: 0;
}

#top-right .phone a,
#footer-2 .phone a {
	color: #000;
}

#top-right .phone a:before,
#footer-2 .phone a:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 17px;
	vertical-align: middle;
	padding-bottom: 1px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e901";

	margin-right: 10px;
}

#top-right .moduletable + .moduletable,
#top-right p + p,
#footer-2 p + p {
	position: relative;
	margin-left: 15px;
	padding-left: 15px;
}

#top-right .moduletable + .moduletable:before,
#top-right p + p:before,
#footer-2 p + p:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 1px solid #CCC;
}

#top-right p.fb a,
#footer-2 p.fb a {
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
}

#top-right p.fb a:after,
#footer-2 p.fb a:after {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e90b";
	font-size: 16px;
	vertical-align: middle;
}


#top-right .phone a:before {
	vertical-align: middle;
	font-size: 17px;
	padding-bottom: 1px;
}

#top-right p.fb a:after {
	font-size: 16px;
	vertical-align: middle;
}

#top-right p.fb a:after {
	margin-left: 10px;
}

#top-right .mod-languages a {
	color: #7f7f7f;
}

#top-right .mod-languages .lang-active a {
	color: #000;
}

#footer-2 a,
#top-right a {
	position: relative;
	display: inline-block;
	padding: 5px;
	transition: background .25s;
}

#footer-2 a:hover,
#top-right a:hover {
	background: #f3f3f3;
}

#top-right li {
	margin: 0;
}

a#nav-toggler  {
	display: none;
}

#slider .camera_wrap {
	margin-bottom: 0 !important;
}

.blog.portfolio {
	position: relative;
	padding-top: 40px;
	margin-bottom: 20px;
}

.blog.portfolio:before {
	content: "";
	position: absolute;
	left: 50%;
	border-left: 1px solid #000;
	top: 0;
	bottom: 0;
}

.blog.portfolio:after {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 100%;
	top: 0;
}

.blog.portfolio .timeline-dots:after {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 100%;
	bottom: 0;
}


.blog.portfolio .portfolio-year {
	width: 60px;
	height: 60px;
	background: #000;
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 12px;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border-radius: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.blog.portfolio .portfolio-year > div:first-child {
	font-weight: bold;
	font-size: 16px;
}

.blog.portfolio .items-row {
	cursor: pointer;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.blog.portfolio > .timeline-dots + .items-row,
.blog.portfolio > .items-row:first-child {
	margin-top: -60px;
}

.blog.portfolio .items-row:hover .page-header {
	text-decoration: underline;
}


.blog.portfolio .items-row:after {
	clear: both;
	display: block;
	content: "";
}

.blog.portfolio .items-row:last-child {
	margin-bottom: 0;
}

.blog.portfolio .page-header {
	width: 50%;
	padding-right: 80px;
	text-align: right;
	float: left;
}

.blog.portfolio .page-header h2 {
	font-weight: 300;
	font-size: 20px;
	letter-spacing: -1px;
}

.blog.portfolio .items-row {
	/*display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;*/
	min-height: 60px;
	padding-top: 8px;
	width: 100%;
	position: relative;
}

.blog.portfolio .items-row > * {
	width: 100%;
}

.blog.portfolio .page-header h2 > div:first-child:after {
	content: ",";
}

.portfolio-item-image {
	position: absolute;
	top: 50%;
	left: 50%;
}

.portfolio-item-image:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	border-top: 1px solid #000;
}

.portfolio-image {
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	top: -75px;
	left: 80px;
	cursor: pointer;

	transition: -webkit-transform .25s;

	transition: transform .25s;

	transition: transform .25s, -webkit-transform .25s;
}

.items-row:hover .portfolio-image {
	/*transform: translateX(50px);*/
}


.items-row.even:hover .portfolio-image {
	/*transform: translateX(-50px);*/
}

.items-row.even .portfolio-item-image {
	left: auto;
	right: 50%;
}

.items-row.even .portfolio-image {
	left: auto;
	right: 80px;
}

.items-row .portfolio-image:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 100%;
	background: rgba(0, 0, 0, .5);
	opacity: 0;

	transition: opacity .25s;
}

.items-row:hover .portfolio-image:after {
	opacity: 1;
}

.items-row .portfolio-image:before {
	content: "\e90c";
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 50%;
	line-height: 30px;
	height: 30px;
	margin-top: -15px;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #FFF;
	z-index: 2;
	font-size: 24px;

	-webkit-transform: rotateZ(90deg);

	    -ms-transform: rotate(90deg);

	        transform: rotateZ(90deg);
	opacity: 0;
	visibility: hidden;

	transition: opacity .25s,
				visibility .25s,
				-webkit-transform .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s,
				-webkit-transform .25s;
}

.items-row:hover .portfolio-image:before {
	
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotateZ(0deg);
	visibility: visible;

	transition: opacity .25s,
				visibility 0s,
				-webkit-transform .25s;

	transition: transform .25s,
				opacity .25s,
				visibility 0s;

	transition: transform .25s,
				opacity .25s,
				visibility 0s,
				-webkit-transform .25s;
}

.items-row.even .portfolio-item-image:before {
	left: auto;
	right: 0;
}

.blog.portfolio .items-row.even .page-header {
	padding-right: 0;
	padding-left: 80px;
	float: right;
	text-align: left;
}
/*
.items-row.even .portfolio-image {
	right: 200px;
}

.items-row.even .portfolio-item-image:before {
	width: 200px;
}*/

#cover {
	height: 190px;
}

#map .container,
#cover .container {
	padding-top: 0;
	padding-bottom: 0;
	height: inherit;
}

#cover .custom {
	color: #FFF;
	padding-left: 40px;
	padding-right: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-transform: uppercase;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#cover .moduletable,
#cover .custom {
	height: inherit;
}

#sidebar p + p {
	margin-top: 10px;
}

.item-page > .page-header {
	margin-bottom: 20px;
	text-transform: uppercase;
}

.itemListCategory {
	background: #000;
	padding: 40px;
	color: #FFF;
	margin-bottom: 20px;
	margin-top: -40px;
}

.itemListCategory h1 {
	color: #FFF;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 20px;
}

.itemListCategory .itemCatDescription {
	font-size: 14px;
	color: #808080;
}

.subCategory {
	height: auto !important;
}

.property-item:hover,
.property-item[data-selected],
.floor-item:hover,
.floor-item[data-selected] {
	background: #000;
	color: #FFF;
}

.property-item[data-sold="true"]:after {
	content: "продаден";
	text-transform: lowercase;
	font-size: 10px;
	color: #FFF;
	background: red;
	border-radius: 2px;
	margin-left: 4px;
	vertical-align: top;
	padding: 4px;
	background: #666;
	display: inline-block;
	vertical-align: bottom;
}

[data-lang="en-en"] .property-item[data-sold="true"]:after,
[data-lang="en-gb"] .property-item[data-sold="true"]:after {
	content: "sold";
}

.pickers {
	/*padding-bottom: 20px;*/
}

.itemContainer {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #CCC;
}

.pickers:after {
	clear: both;
	display: block;
	content: "";
}

.pickers {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.pickers > * {
	margin-left: auto;
	margin-right: auto;
}

.pickers > *:first-child {
	margin-right: auto;
	margin-left: 0;
}

.pickers > *:last-child {
	margin-right: 0;
	margin-left: auto;
}

.floors {
	padding-right: 10px;
}

.properties {
	padding-right: 10px;
	padding-left: 10px;
}

.floor-view {
	padding-left: 10px;
	padding-right: 10px;
}

.floor-view img {
	max-width: 250px;
}

.orientation {
	padding-left: 10px;
}

.property-item,
.floor-item {
	padding: 5px;
	white-space: nowrap;
	cursor: pointer;	
}

.picker-headings {
	position: relative;
}

.picker-floor-heading {
	padding-right: 80px;
	min-width: 230px;
}

.floor-item {
	position: relative;
	display: block;
	min-width: 230px;
	padding-right: 80px;
}

.floor-item .height {
	position: absolute;
	right: 5px;
	top: 5px;
}

.picker-heading {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}

.picker-heading:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	border-bottom: 2px solid #000;
}

.picker-height-heading {
	position: absolute;
	right: 0;
	top: 0;
}

.max-property-item {
	opacity: 0;
	margin-top: -29px;
	position: relative;
	z-index: -1;
	display: block !important;
}

.property-item.hidden {
	display: none; 
}

.floor-view-image img {
	display: block;
}

.floor-view-image {
	display: inline-block;
	cursor: pointer;
	position: relative;
}
/*
.floor-view-image:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
}*/


.floor-view-image:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background: #000;
	border-radius: 100%;
	color: #FFF;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 50px;
	text-align: center;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e90d";

	opacity: 0;
	-webkit-transform: translateY(-10px) rotateZ(-90deg);
	    -ms-transform: translateY(-10px) rotate(-90deg);
	        transform: translateY(-10px) rotateZ(-90deg);

	transition: opacity .25s,
				visibility .25s,
				-webkit-transform .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s,
				-webkit-transform .25s;
}

.floor-view-image:hover:before {
	opacity: 1;
	-webkit-transform: translateY(0) rotateZ(0deg);
	    -ms-transform: translateY(0) rotate(0deg);
	        transform: translateY(0) rotateZ(0deg);
}

.catItemBody:after {
	clear: both;
	display: block;
	content: "";
}

.catItemLeft {
	float: left;
	width: 30%;
	padding-right: 20px;
}

.catItemRight {
	position: relative;
	text-align: center;
	float: right;
	width: 70%;
	padding-left: 20px;
}

.catItemTitle {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
	font-size: 24px;
}

.catItemTitle:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	border-bottom: 2px solid #000;
}

.catItemLeft ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.catItemLeft li + li {
	margin-top: 5px;
}

.inquiry {
	margin-top: 20px;
}

.inquiry a {
	display: inline-block;
	padding: 15px;
	color: #000;
	border: 1px solid #000;
}

.inquiry a:before {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 18px;
	padding-bottom: 3px;
	/*display: inline-block;*/

	content: "\e904";

}

.inquiry a:hover {
	color: #FFF;
	background: #000;
}

.orientation-view {
	text-align: center;
}

.compass {
	background: url("../images/north.png") no-repeat center center;
	background-size: 47px 79px;
	width: 79px;
	height: 79px;
	visibility: visible;
}

.compass:after {
	/*font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	 Better Font Rendering =========== 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	font-size: 68px;
	content: "\e90a";
	*/

}

.compass.hidden {
	visibility: hidden;
	-webkit-transform: rotateZ(0deg) !important;
	    -ms-transform: rotate(0deg) !important;
	        transform: rotateZ(0deg) !important;
}

.itemContainer.hidden {
	display: none;
}

.catItemImage {
	display: block;
}

.catItemImage a {
	display: block;
	text-align: center;
	position: relative;
}

.catItemImage img {
	display: inline-block;
}

.catItemImage a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background: #000;
	border-radius: 100%;
	color: #FFF;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 50px;
	text-align: center;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e90d";

	opacity: 0;
	-webkit-transform: translateY(-10px) rotateZ(-90deg);
	    -ms-transform: translateY(-10px) rotate(-90deg);
	        transform: translateY(-10px) rotateZ(-90deg);

	transition: opacity .25s,
				visibility .25s,
				-webkit-transform .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s,
				-webkit-transform .25s;
}

.catItemImage a:hover:before {
	opacity: 1;
	-webkit-transform: translateY(0) rotateZ(0deg);
	    -ms-transform: translateY(0) rotate(0deg);
	        transform: translateY(0) rotateZ(0deg);
}

.buildings {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin: -10px;
}

.building-item {
	padding: 10px;
	width: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.building-item a {
	height: 100%;
	display: block;
	position: relative;
	background: #000;
	overflow: hidden;
}

.building-item h2 {
	margin-top: 0;
	color: #FFF;
	font-weight: 300;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 0;
}

.building-description {
	padding: 0;
	font-size: 13px;
	color: #808080;
}

.building-image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 60%;
	position: relative;

	transition: opacity .25s,
				visibility .25s,
				-webkit-transform .8s;

	transition: transform .8s,
				opacity .25s,
				visibility .25s;

	transition: transform .8s,
				opacity .25s,
				visibility .25s,
				-webkit-transform .8s;
}


.building-item a:hover .building-image {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	        transform: scale3d(1.1, 1.1, 1.1);
}

.building-info {
	padding: 20px;
	background: #000;
}

.building-info {
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

.building-item a:hover .building-info {
	-webkit-transform: translateY(-20px);
	    -ms-transform: translateY(-20px);
	        transform: translateY(-20px);
}

.building-image-wrapper {
	position: relative;
	overflow: hidden;
}

.building-item a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*border: 15px solid #000;*/
	z-index: 2;

	box-shadow: inset 0 0 0 0 #000;

	/*transform: scale3d(1.1, 1.1, 1.1);*/
	transition: box-shadow .5s;
}

.building-item a:hover:after {
	box-shadow: inset 0 0 0 15px #000;
}


.building-gallery {
	margin-top: 20px;
	background: #e5e5e5;
	padding: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: -40px;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.building-gallery:after {
	clear: both;
	display: block;
	content: "";
}

.building-gallery-intro {
	width: 30%;
	padding-right: 40px;

}

.building-gallery-intro h3 {
	font-size: 20px;
	margin-bottom: 10px;
}

.building-gallery-intro p {
	color: #727272;
	font-size: 14px;
}

.building-gallery-slider {
	width: 70%;

	padding-left: 40px;
	padding-right: 40px;
	position: relative;
}

.building-gallery-image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 100%;
	cursor: pointer;
}

.building-gallery-image:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background: #000;
	border-radius: 100%;
	color: #FFF;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 50px;
	text-align: center;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e90d";

	opacity: 0;
	-webkit-transform: translateY(-10px) rotateZ(-90deg);
	    -ms-transform: translateY(-10px) rotate(-90deg);
	        transform: translateY(-10px) rotateZ(-90deg);

	transition: opacity .25s,
				visibility .25s,
				-webkit-transform .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s,
				-webkit-transform .25s;
}

.building-gallery-image:hover:before {
	opacity: 1;
	-webkit-transform: translateY(0) rotateZ(0deg);
	    -ms-transform: translateY(0) rotate(0deg);
	        transform: translateY(0) rotateZ(0deg);
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
   width: 20%;
   margin-right: 30px;
}

.swiper-button-prev,
.swiper-button-next {
	
	background: none;
	width: auto !important;
	height: auto;

}

.swiper-button-next {
	right: 0;
}

.swiper-button-prev {
	left: 0;
}

.swiper-button-next,
.swiper-button-prev {
	background: none !important;
	height: 100px;
	line-height: 100px;
	margin: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	text-align: center;
	width: auto;

	color: #555;
	transition: color .25s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	color: #000;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e908";

	font-size: 30px;
	line-height: inherit;
}

.swiper-button-next:after {
	content: "\e909";
}

/*Map*/
.itemCatDescription .moduletable {
	/*position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2100;*/

	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
/*
	-webkit-transform: scale3d(.8, .8, .8);
	        transform: scale3d(.8, .8, .8);

	transition: opacity .25s,
				visibility .25s,
				-webkit-transform .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s,
				-webkit-transform .25s;*/
}

body.map-modal-visible {
	/*overflow: hidden;*/
}

.map-modal-visible .itemCatDescription table + table {
	margin-top: 0;
	margin-left: 0;
	width: 100%;
	height: 100%;
}

.map-modal-visible .itemCatDescription .moduletable {
/*	visibility: visible;
	opacity: 1;

	-webkit-transform: scale3d(1, 1, 1);

	        transform: scale3d(1, 1, 1);

	transition: opacity .25s,
				visibility 0s,
				-webkit-transform .25s;

	transition: transform .25s,
				opacity .25s,
				visibility 0s;

	transition: transform .25s,
				opacity .25s,
				visibility 0s,
				-webkit-transform .25s;*/
}

.itemCatDescription .moduletable .bt-googlemaps {
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
}

#map-close {
	cursor: pointer;
	display: block;
	background: #000;
	padding: 0 20px;
	line-height: 60px;
	color: #FFF;
	font-size: 26px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 5;
	text-align: center;
	vertical-align: middle;

	transition: color .25s,
				background .25s;
}

#map-close:after {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	content: "Затвори";
	margin-left: 10px;
	font-size: 16px;
	margin-top: -4px;
	text-transform: uppercase;
}

[data-lang="en-en"] #map-close:after {
	content: "Close";
}

#map-close:hover {
	/*color: #111;*/
	background: #000;
}

a#show {
	cursor: pointer;
}

.itemListCategory {
	position: relative;
	padding-right: 240px;
}

.itemCatDescription table {
	position: absolute;
	right: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	text-align: right;
	border-spacing: 0;
	border-collapse: collapse;
}

.itemCatDescription table td {
	padding: 0;
}

.itemCatDescription td > a,
.itemCatDescription a#show {
	display: block;
	text-align: center;
	padding: 15px;
	border: 1px solid #FFF;
	color: #FFF;
	margin: 0;
	font-size: 13px;
	position: relative;
	padding-left: 55px;
}

.itemCatDescription td > a:hover,
.itemCatDescription a#show:hover {
	background: #FFF;
	color: #000;
}

.itemCatDescription a#show {
}

.itemCatDescription td > a:before,
.itemCatDescription a#show:before {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e908";
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	font-size: 20px;
	width: 30px;
	text-align: center;
	position: absolute;
	left: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.itemCatDescription td > a:before {
	content: "\e900";
}

.itemCatDescription a#show:before {
	content: "\e902";
}

.itemCatDescription tr + tr td {
	padding-top: 10px;
}

.itemCatDescription table + table {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	z-index: 88;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: -200%;
	margin-left: -200%;
	width: 100%;
	height: 100%;
}

.itemCatDescription table + table tbody,
.itemCatDescription table + table tr,
.itemCatDescription table + table td {
	display: block;
}

.popover {
	display: none !important;
}

.contact h3 {
	display: none;
}

.contact fieldset {
	border: 0 none;
	padding: 0;
	margin: 0;
}

.contact legend {
	display: none;
}

.contact:after {
	clear: both;
	display: block;
	content: "";
}

.contact-miscinfo {
	padding-top: 15px;
	float: left;
	width: 40%;
	padding-left: 20px;
}

.contact p {
	line-height: 2;
}

.contact p + h4 {
	margin-top: 30px;
}

.stop .contact .addr:before,
.stop .contact .city:before,
.stop .contact .phone:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e912";
	margin-right: 8px;
	color: #957f5c;
	vertical-align: baseline;
	display: inline-block;
	width: 15px;
}

.contact .city {
	margin-top: -10px;
}

.contact .city:before {
	opacity: 0;
}

.stop .contact .addr:before {
	content: "\e913";
}

.contact-form {
	float: left;
	width: 60%;
	padding-right: 20px;
}

.contact .jicons-icons {
	display: none;
}

.contact dt,
.contact dd,
.contact dl {
	padding: 0;
	margin: 0;
}

.contact dd + dt {
	margin-top: 10px;
}

.popover {
	display: none !important;
}

#component input[type=text],
#component input[type=email],
#component textarea,
#component select {
	width: 100%;
	display: block;
	padding: 10px;
	background: none;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	min-width: 0;
	max-width: 100%;
	color: #666;
	border: 1px solid #000;
	background: #FFF;

	transition: box-shadow .25s;
}

#component input[type=text]:focus,
#component input[type=email]:focus,
#component textarea:focus,
#component select:focus,
#component input[type=text]:hover,
#component input[type=email]:hover,
#component textarea:hover,
#component select:hover {
	color: #222;
	background: #F7F7F7;
	/*border-color: #333;*/
	/*box-shadow: 0 0 4px rgba(0, 0, 0, .2);	*/
}

.bfFormDiv {
	max-width: 800px;
	margin: auto;
}

fieldset + fieldset,
.control-group + fieldset,
fieldset + .control-group,
.control-group + .control-group {
	margin-top: 15px;
}

label {
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 5px;
	opacity: .8;
}

button.btn-primary {
	display: inline-block;
	line-height: 1;
	text-align: center;
	min-width: 150px;
	color: #3a3232;
	border: 0 none;
	padding: 12px 20px;
	border: 1px solid #000;
	text-transform: uppercase;
	background: #FFF;
	color: #000;
}

button.btn-primary:hover {
	background: #000;
	color: #FFF;
}

textarea {
	overflow: auto;
	resize: vertical;
}

.contact p + p {
	margin: 0;
}

#floors-select,
#properties-select {
	display: none !important;
}

[data-sold=true] .catItemImage {
	-webkit-filter: grayscale(1);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	opacity: 0.4;
}

[data-sold=true] .catItemImage a {
	cursor: default;
}

[data-sold=true] .catItemImage a:before {
	display: none !important;
}

.sold-label {
	padding: 15px 20px;
	text-transform: uppercase;
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border: 4px solid #000;
	font-weight: bold;
	font-size: 20px;
	z-index: 3;
}

.item-page.rental {
	margin-top: -20px;
	padding-top: 20px;
	border-top: 1px solid #CCC;
}

.item-page.rental h2 {
	font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    font-size: 24px;
}

.item-page.rental h2:after {
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    border-bottom: 2px solid #000;
}

.item-page.rental .pull-left.item-image {
	position: relative;
    text-align: center;
    float: right;
    width: 70%;
    padding-left: 20px;
    padding-bottom: 20px;
}

.item-page.rental ul {
	padding: 0;
    margin: 0;
    list-style: none;
}

.item-page.rental li + li {
    margin-top: 5px;
}

.blog.rental {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}

.blog.rental .items-row {
	width: 50%;
	padding: 10px;
}

.blog.rental .item {
    background: #000;
    overflow: hidden;
}

.blog.rental .item-image {
	overflow: hidden;
	position: relative;
	margin-bottom: 12px;
}

.rentals_introimg {
	padding-bottom: 60%;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	transition: transform .8s,
 				opacity .25s,
 				visibility .25s,
 				-webkit-transform .8s;
}

    

.blog.rental .item:hover .rentals_introimg{
	transform: scale3d(1.1, 1.1, 1.1);
}

.blog.rental .item h2 a {
	color: #FFF;
    font-weight: 300;
    font-size: 16px;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.blog.rental .item p {
	padding-top: 5px;
    font-size: 13px;
    color: #808080;
    padding-left: 20px;
    padding-right: 20px;
	padding-bottom: 20px;
}

.fields-container {
	display: flex;
	width: 100%;
	margin-top: 20px;
	flex-wrap: wrap;
	background: #e5e5e5;
	padding: 10px;
	justify-content: center;
}

.field-entry {
	margin: 0;
	width: 25%;
	padding: 10px;
}

.rent-title {
	width: 100%;
	text-align: center;
}

.rental .rental-gallery-intro-inner h4 {
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
}

.rental .rental-gallery-intro-inner p {
    color: #727272;
    font-size: 14px;
    text-align: center;
}
    
.rent-img .field-value {
	display: block;
    width: 100%;
    height: 100%;
    position: relative;
    height: 180px;
}

.rental-gallery-slider .rental-swiper-slide {
	position: relative;
}

.rental-gallery-slider .rental-swiper-slide:after {
    content: "\e90d";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 50px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    background: #000;
    border-radius: 100%;
    color: #FFF;
    
    
    opacity: 0;

    -webkit-transform: translateY(-10px) rotateZ(-90deg);
    -ms-transform: translateY(-10px) rotate(-90deg);
    transform: translateY(-10px) rotateZ(-90deg);
    transition: opacity .25s,
 		visibility .25s,
 		-webkit-transform .25s;
    transition: transform .25s,
 		opacity .25s,
 		visibility .25s;
    transition: transform .25s,
 		opacity .25s,
 		visibility .25s,
 		-webkit-transform .25s;
}

.rental-gallery-slider .rental-swiper-slide:hover {
	cursor: pointer;
}

.rental-gallery-slider .rental-swiper-slide:hover:after {
	opacity: 1;
    transform: translateY(0) rotateZ(0deg);
    pointer-events: none;
}

.rental-gallery-slider .rental-gallery-image {
	padding-bottom: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.rental-gallery-slider .rental-swiper-wrapper {
	width: 100%;
}

.rental-gallery-slider .rental-swiper-wrapper {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	background: #e5e5e5;
	margin-bottom: -40px;
}

.rental-gallery-slider .rental-gallery-intro {
	width: 100%;
}

.rental-gallery-slider .rental-swiper-slide {
	padding: 10px;
	width: 25%;
}

/* responsive video */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	}
	
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* #znamena {
	height: 850px;
} */

.map-wrapper {
	position: relative;
	height: 1500px;
	margin-top: -40px;
}

.map-wrapper-znamena,
.map-wrapper-cherni-vrah,
.map-wrapper-castrich {
	position: relative;
	/* margin-top: -40px; */
	top: -40px;
}

.map-wrapper-znamena img,
.map-wrapper-cherni-vrah img,
.map-wrapper-castrich img {
	margin-bottom: -4px;
}

.box {
	position: relative;
	width: 1060px;
	height: 1500px;
}

.card--info {
	position: absolute;
	top: 170px;
    left: -350px;
    width: 260px;
    height: 162px;
    background: #ffffff;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	border-radius: 10px;
	display: none;
	z-index: 9;
	transform: translate(-215%, -305%);
}

.card--heading {
	padding: 20px;
	height: 60px;
	color: #fff;
	text-align: center;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    background: linear-gradient(to right top, #372b37, #3b303e, #3f3545, #433a4c, #463f54, #4c3e54, #533c53, #5a3a51, #61323f, #612f2a, #573115, #453501);
}

.card--body {
	height: 100px;
	font-size: 18px;
    text-transform: uppercase;
    
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
	color: #433a4c;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.free-properties {
	margin-top: 15px;
	font-size: 22px;
	font-weight: 800;
}

canvas {
    pointer-events: none;       /* make the canvas transparent to the mouse - needed since canvas is position infront of image */
    position: absolute;
}

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

@media screen and (max-width: 1071px) {
	.map-wrapper {
		height: auto;
	}
}

@media screen and (max-width: 1270px) {

	#slider .camera_prev {
		left: 0;
		padding: 20px;
		width: auto;
		height: auto;
		line-height: 1;
		background: #FFF !important;
		display: inline-block;
	}

	#slider .camera_next {
		right: 0;
		padding: 20px;
		width: auto;
		height: auto;
		line-height: 1;
		background: #FFF !important;
		display: inline-block;
	}

	#slider .camera_next:after,
	#slider .camera_prev:after {
		font-size: 32px;
	}

}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 900px) {
	
	.rental-gallery-slider .rental-swiper-slide {
		width: 33.33%;
	}

	.items-row .portfolio-image:before,
	.items-row .portfolio-image:after {
		display: none !important;
	}

	.pickers {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.floor-view {
		width: 50%;
		margin-left: 0;
		margin-top: 20px;
		padding-left: 0;
	}

	.properties {
		padding-right: 0;
		margin-left: auto;
		margin-right: 0;
	}

	.orientation {
		margin-top: 20px;
		margin-left: auto;
	}

	.floor-view,
	.properties,
	.orientation,
	.floors {
		width: 50%;
	}

	.floors,
	.floor-view {
		padding-right: 10px;
	}

	.properties,
	.orientation {
		padding-left: 10px;
	}

	.orientation-view {
		text-align: left;
	}

	.compass {
		display: inline-block;
	}

	.catItemLeft {
		width: 100%;
		text-align: center;
		float: none;
		padding: 0;
		margin-top: 20px !important;
	}

	.catItemRight {
		padding: 0;
		float: none;
		width: 100%;
		text-align: center;
	}

	.catItemTitle:after {
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
	.building-gallery {
		/*border-bottom: 1px solid #CCC;*/
		margin-bottom: -41px;
		position: relative;
		z-index: 2;
	}

	.building-gallery,
	.itemListCategory {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.itemListCategory {
	    position: relative;
	    padding-right: 240px;
	}

	.building-gallery-intro {
		padding-right: 0;
	}

	.building-item a:after {
		display: none;
	}

	
	#top-right > .moduletable:first-child,
	#top-right > .moduletable:first-child *,
	#top-right > .moduletable:first-child *:before,
	#top-right > .moduletable:first-child *:after,
	#navigation *,
	#navigation *:after,
	#navigation *:before {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1) !important;
	}

	a#nav-toggler {
		display: block;
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		border-top: 2px solid #555;
		border-bottom: 2px solid #555;
		width: 25px;
		height: 16px;
	}

	a#nav-toggler:before,
	a#nav-toggler:after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		right: 0;
		border-top: 2px solid #555;
		margin-top: -1px;
	}

	.nav-visible a#nav-toggler {
		border-color: transparent;
	}

	.nav-visible a#nav-toggler:before {
		-webkit-transform: rotateZ(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotateZ(-45deg);
	}

	.nav-visible a#nav-toggler:after {
		-webkit-transform: rotateZ(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotateZ(45deg);
	}

	#header .container {
		position: relative;
	}

	#slider .camera_prev,
	#slider .camera_next {
		display: none;
	}

	#slider .camera_caption > div {
		padding: 0 20px;
	}
	
	#navigation {
		display: none;
		position: absolute;
		top: 100%;
		background: #000;
		left: 0;
		right: 0;
		z-index: 15;
		margin: 0;
		text-align: center;
	}

	#map .container,
	#cover .container,
	#slider .container {
		padding-left: 0;
		padding-right: 0;
	}


	.nav-visible #navigation {
		display: block;
	}

	#header #navigation ul li {
		display: block;
		margin: 0;
	}

	#navigation ul li + li {
		position: relative;
	}

	#navigation ul li + li:before {
		content: "";
		position: absolute;
		left: 20px;
		right: 20px;
		top: 0;
		border-top: 1px solid rgba(255, 255, 255, .2);
	}

	#navigation ul li a {
		color: #FFF;
		padding: 20px;
		letter-spacing: 5px;
	}

	#navigation ul li a:after {
		display: none !important;
	}

	#header .container {
		min-height: 60px;
	}

	#top-right {
		position: static;
	}

	#top-right .moduletable + .moduletable {
		position: static;
		margin: 0;
		padding: 0;
	}

	#top-right .moduletable + .moduletable:before {
		display: none;
	}

	#logo {
		width: 116px;
		height: 43px;
		left: 20px;
		right: 20px;
	}

	.outline {
		background-size: 305px 251px;
		background-position: right -5% bottom;
	}

	#top-right > .moduletable:first-child {
		position: fixed;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		bottom: 20px;
		z-index: 5;
	}

	#top-right > .moduletable p + p {
		padding: 0;
	}

	#top-right > .moduletable p + p:before {
		display: none;
	}

	#top-right > .moduletable:first-child a {
		text-indent: -9999px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		border-radius: 100%;
		background: #000;
		color: #FFF;
		position: relative;
		display: block;
	}

	#top-right > .moduletable:first-child a:before,
	#top-right > .moduletable:first-child a:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		font-size: 16px;
		text-indent: 0;
		color: #FFF;
		text-align: center;
		line-height: inherit !important;
		margin: 0 !important;
	}

	#copyright {
		padding-bottom: 70px;
	}

	#copyright-left,
	#copyright-right {
		float: none;
		width: 100%;
		text-align: center;
	}

	#copyright-right {
		margin-top: 10px;
	}

	#footer-2 {
		display: none;
	}

	#footer-nav {
		float: none;
		text-align: center;
	}

	#sidebar {
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
	}

	#sidebar + #component {
		margin-top: 30px;
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
	}
	
	#slider .camera_next {
		right: -20px;
	}

	#slider .camera_prev {
		left: -20px;
	}

	#slider .camera_next:after,
	#slider .camera_prev:after {
		font-size: 20px;
	}

	#slider .camera_wrap {
		height: 400px !important;
	}

	#sidebar p {
		margin: 0;
		width: 10%;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		padding-left: 10px;
		padding-right: 10px;
	}

	#sidebar .custom {
		margin-left: -10px;
		margin-right: -10px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
	}
	
	#sidebar p + p {
		margin: 0;
	}
}

@media screen and (max-width: 1800px) {
	.card--info {
		transform: translate(-200%, -310%);
	}
}

@media screen and (max-width: 1700px) {
	.card--info {
		transform: translate(-180%, -310%);
	}
}

@media screen and (max-width: 1600px) {
	.card--info {
		transform: translate(-160%, -310%);
	}
}

@media screen and (max-width: 1500px) {
	.card--info {
		transform: translate(-140%, -310%);
	}
}

@media screen and (max-width: 1400px) {
	.card--info {
		transform: translate(-120%, -310%);
	}
}

@media screen and (max-width: 1300px) {
	.card--info {
		transform: translate(-100%, -310%);
	}
}

@media screen and (max-width: 1200px) {
	.card--info {
		transform: translate(-80%, -310%);
	}
}

@media screen and (max-width: 1100px) {
	.card--info {
		transform: translate(-65%, -310%);
	}
}

@media screen and (max-width: 900px) {

	.map-wrapper,
	.map-wrapper-znamena,
	.map-wrapper-cherni-vrah,
	.map-wrapper-castrich {
		margin-left: -20px;
		margin-right: -20px;
	}

	.card--info {
		transform: translate(-55%, -275%);
	}
}

@media screen and (max-width: 768px) {

	.item-page.rental .pull-left.item-image {
		float: none;
		width: 100%;
	}

	.item-page.rental ul,
	.item-page.rental .page-header {
		text-align: center;
	}

	.item-page.rental h2:after {
		left: 50%;
		transform: translateX(-50%);
	}

	.contact-form,
	.contact-miscinfo {
		width: 100%;
		padding: 0;
		float: none;
	}

	.contact-miscinfo {
		margin-top: 20px;
	}

	.itemListCategory {
	    padding-right: 20px;
	}


	.itemCatDescription table {
		position: static;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		margin-top: 20px;
		display: block;
		text-align: left;
	}

	.itemCatDescription table tr {
		display: inline-block;
		vertical-align: middle;
	}

	.itemCatDescription table td > a {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.itemCatDescription table td {
		padding: 0 !important;
		display: inline-block;
	}

	.itemCatDescription p + table {

	}
	
	.building-gallery {
		display: block;
	}

	.building-gallery-intro {
		width: 100%;
		text-align: center;
	}

	.building-gallery-slider {
		width: 100%;
		margin-top: 20px;
	}

	.blog.portfolio .portfolio-year {
		right: auto;
		margin-left: 0;
		margin-right: 0;
	}
	
	.blog.portfolio .timeline-dots:after,
	.blog.portfolio:before,
	.blog.portfolio:after {
		left: 30px;
	}
	
	.items-row.even .portfolio-item-image,
	.portfolio-item-image {
		left: 0 !important;
		right: auto !important;
	}

	
	.items-row .portfolio-image,
	.items-row.even .portfolio-image {
		left: 80px;
		right: auto;
		-webkit-transform: none !important;
		    -ms-transform: none !important;
		        transform: none !important;
	}

	.portfolio-item-image:before {
		right: auto !important;
		left: 30px !important;
	}

	.blog.portfolio .page-header {
		width: 100% !important;
		padding-left: 260px !important;
		padding-right: 0 !important;
		float: none !important;
		text-align: left !important;
	}

	.field-entry.rent-img {
		width: 50%;
	}

	.map-wrapper {
		margin-bottom: 35px;
	}

}


@media screen and (max-width: 640px) {

	.rental-gallery-slider .rental-swiper-slide {
	   width: 50%;
	}

	.buildings {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	.building-item {
		width: 100%;
		display: block;
		padding-left: 0;
		padding-right: 0;
	}


	#cover .custom {
		padding-left: 20px;
		padding-right: 20px;
	}

	#footer-nav ul li {
		display: block;
		margin-left: 0 !important;
	}

	.items-leading .item-title,
	#sidebar h3 { 
		text-align: center;
	}

	#slider .camera_prev,
	#slider .camera_next {
		display: none;
	}

	#slider .camera_wrap {
		height: 350px !important;
	}

	#sidebar p {
		width: 100%;
		padding: 0;
	}

	#sidebar p + p {
		margin-top: 15px;
	}

	#sidebar .custom {
		display: block;
		margin: 0;
	}

}

@media screen and (max-width: 580px) {

	.rental-gallery-slider .rental-swiper-slide {
	   width: 100%;
	}

	#floors-select,
	#properties-select {
		display: block !important;
	}

	.picker-height-heading {
		display: none !important;
	}

	.floors-list .height {
		display: none !important;
	}
	
	.properties-list,
	.floors-list {
		display: none;
	}

	.floors,
	.floor-view,
	.properties,
	.orientation {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.properties {
		margin-top: 20px;
	}

	.swiper-slide {
	   width: 33.33%;
	   margin-right: 15px;
	}
	
	.blog.portfolio .items-row,
	.blog.portfolio .items-row *,
	.blog.portfolio .items-row *:before,
	.blog.portfolio .items-row *:after {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
	}

	.blog.portfolio .page-header {
		width: 100% !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
		float: none !important;
		text-align: center !important;
		padding-top: 190px;
	}

	.items-row .portfolio-image,
	.items-row.even .portfolio-image {
		left: 80px;
		right: auto;
		-webkit-transform: none !important;
		    -ms-transform: none !important;
		        transform: none !important;
	}

	.blog.portfolio .items-row {
		padding-top: 0 !important;
		padding-bottom: 30px !important;
	}
	
	.items-row.even .portfolio-item-image,
	.portfolio-item-image {
		top: 100px;
		left: 30px !important;
		right: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 125px !important;
	}

	.items-row .portfolio-image,
	.items-row.even .portfolio-image {
		left: 0 !important;
	}

	.blog.portfolio .portfolio-year {
		margin: 0;
		margin-top: -40px;
		top: 110px;
	}

	.items-row.even .portfolio-item-image, 
	.portfolio-item-image {
		width: 150px !important;
	}

	.blog.portfolio .items-row.even .portfolio-item-image:before,
	.blog.portfolio .portfolio-item-image:before {
		margin: 0 !important;
		margin-left: 50px !important;
		width: auto !important;
		left: calc(-100vw / 2 + 60px) !important;
		right: 50% !important;
	}

	.blog.portfolio .items-row {
		padding-left: 30px;
	}

	.blog.rental .items-row {
		width: 100%;
	}

	.field-entry.rent-img {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.card--info {
		width: 220px;
    	height: 155px;
	}
}

@media screen and (max-width: 360px) {

	.swiper-slide {
	   width: 50%;
	   margin-right: 15px;
	}
}