@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset,
.estate-form.small-form fieldset.error, form, label, legend, .estate-form.small-form legend.error,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.c-tgl {
  opacity: 0;
}

.cookies-settings-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#cm #c-s-bn {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clear {
  clear: both;
}

.b {
  font-weight: bold;
}

.i {
  font-style: italic;
}

.text-red {
  color: darkred;
}

.cursor-pointer {
  cursor: pointer;
}

.fancybox-inner .error {
  color: red;
  font-weight: bold;
}
.fancybox-inner .success {
  font-weight: bold;
  color: green;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.tiny {
  font-size: 9px;
}

.valign-middle {
  vertical-align: middle;
}

.hidden {
  display: none;
}

input.spam {
  display: none;
}

.video {
  position: relative;
}

.video .video-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.video iframe {
  width: 170px;
  height: 120px;
}

.media h2 {
  clear: both;
}

#main-contact label {
  width: 80px;
  display: inline-block;
  *display: inline;
}

#mainmap {
  width: 100%;
  height: 300px;
  margin: 2em 0;
  color: #666;
}

/*form label.required {
        position: relative;

        &:after {
                content: '*';
                color: #ff0000;
                position: absolute;
                right: -8px;
                top: 0px;
        }
}*/
.color-variants .color-variant {
  display: inline-block;
  margin: 3px 6px 3px 0;
  width: 50px;
  height: 50px;
}

.product-detail .colored-images .large {
  display: none;
}

.number-input-wrapper {
  position: relative;
  width: 80px;
}
.number-input-wrapper input.text {
  box-sizing: border-box;
  text-align: center;
  text-indent: -14px;
  height: 28px;
  width: 100%;
  padding: 5px 0;
  border: 2px solid #ddd;
  background: #fff;
  color: #000;
}
.number-input-wrapper .btn {
  box-sizing: border-box;
  vertical-align: bottom;
  margin-left: -1px;
  display: inline-block;
  height: 28px;
  width: 28px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-left: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.number-input-wrapper .btn .up, .number-input-wrapper .btn .down {
  cursor: pointer;
  display: block;
  height: 45%;
}
.number-input-wrapper .btn .up {
  margin-bottom: 10%;
  /*background: url(../images/layout/button-number-up.png) no-repeat center bottom;*/
}
.number-input-wrapper .btn .up:after {
  content: "+";
  display: inline-block;
}
.number-input-wrapper .btn .down {
  /*background: url(../images/layout/button-number-down.png) no-repeat center top;*/
}
.number-input-wrapper .btn .down:after {
  content: "-";
  display: inline-block;
}

body {
  color: #000000;
  font-family: "Open Sans", Arial;
  font-size: 13px;
  line-height: 1.2em;
}

strong, b {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

a, a:visited {
  color: #000;
  transition: all 0.3s;
  text-decoration: none;
}
a:hover, a.active, a:visited:hover, a:visited.active {
  color: #666;
  text-decoration: none;
}

small {
  font-size: 0.8em;
}

.skeleton-image-in-wysiwyg {
  height: auto;
  margin: 1em 0;
  width: 100%;
}

@media (min-width: 700px) {
  .image-floating-left {
    float: left;
    height: auto !important;
    margin: 0 1em 1em 0;
    width: 30%;
  }
  .image-floating-left img {
    height: auto;
    margin-top: 0;
    width: 100%;
  }

  .image-floating-right {
    float: right;
    height: auto !important;
    margin: 0 0 1em 1em;
    width: 30%;
  }
  .image-floating-right img {
    height: auto;
    margin-top: 0;
    width: 100%;
  }
}
.h1, .mceContentBody h1, .mce-content-body h1, .wysiwyg-content h1, .h2, .mceContentBody h2, .mce-content-body h2, .wysiwyg-content h2, .h3, .mceContentBody h3, .mce-content-body h3, .wysiwyg-content h3, .h4, .mceContentBody h4, .mce-content-body h4, .wysiwyg-content h4, .h5, .mceContentBody h5, .mce-content-body h5, .wysiwyg-content h5, .h6, .mceContentBody h6, .mce-content-body h6, .wysiwyg-content h6 {
  color: #000000;
  font-weight: bold;
  line-height: 1.2em;
  margin-top: 1em;
  margin-bottom: 0.75em;
}
.h1:first-child, .mceContentBody h1:first-child, .mce-content-body h1:first-child, .wysiwyg-content h1:first-child, .h2:first-child, .mceContentBody h2:first-child, .mce-content-body h2:first-child, .wysiwyg-content h2:first-child, .h3:first-child, .mceContentBody h3:first-child, .mce-content-body h3:first-child, .wysiwyg-content h3:first-child, .h4:first-child, .mceContentBody h4:first-child, .mce-content-body h4:first-child, .wysiwyg-content h4:first-child, .h5:first-child, .mceContentBody h5:first-child, .mce-content-body h5:first-child, .wysiwyg-content h5:first-child, .h6:first-child, .mceContentBody h6:first-child, .mce-content-body h6:first-child, .wysiwyg-content h6:first-child {
  margin-top: 0;
}

.h1, .mceContentBody h1, .mce-content-body h1, .wysiwyg-content h1 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
}
@media (min-width: 900px) {
  .h1, .mceContentBody h1, .mce-content-body h1, .wysiwyg-content h1 {
    font-size: 20px;
  }
}

.h2, .mceContentBody h2, .mce-content-body h2, .wysiwyg-content h2 {
  font-size: 14.4px;
}
@media (min-width: 900px) {
  .h2, .mceContentBody h2, .mce-content-body h2, .wysiwyg-content h2 {
    font-size: 18px;
  }
}

.h3, .mceContentBody h3, .mce-content-body h3, .wysiwyg-content h3 {
  font-size: 16px;
}

.h4, .mceContentBody h4, .mce-content-body h4, .wysiwyg-content h4 {
  font-size: 14px;
}

.h5, .mceContentBody h5, .mce-content-body h5, .wysiwyg-content h5 {
  font-size: 14px;
  font-weight: bold;
}

.h6, .mceContentBody h6, .mce-content-body h6, .wysiwyg-content h6 {
  font-size: 13px;
  font-weight: bold;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-17 {
  font-size: 17px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-19 {
  font-size: 19px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-24 {
  font-size: 24px;
}

.mceContentBody table, .mce-content-body table {
  border-collapse: separate;
  width: 100%;
}

.mceContentBody, .mce-content-body {
  /*.skeleton-image-in-wysiwyg {
  	height: 40px;

  	&[data-mce-selected] {
  		height: auto;
  	}
  }*/
}

.mceContentBody ul, .mce-content-body ul, .wysiwyg-content ul {
  list-style-type: disc;
  padding-left: 2em;
  margin: 0.5em 0;
}
.mceContentBody ol, .mce-content-body ol, .wysiwyg-content ol {
  padding-left: 2em;
  margin: 0.5em 0;
  list-style-type: decimal;
}
.mceContentBody p, .mce-content-body p, .wysiwyg-content p {
  margin-bottom: 1em;
}
.mceContentBody p:after, .mce-content-body p:after, .wysiwyg-content p:after {
  content: "";
  clear: both;
  display: block;
}
.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4, .mce-content-body h5, .mce-content-body h6, .wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6 {
  line-height: 1.3em;
}
.mceContentBody ul, .mceContentBody ol, .mceContentBody p, .mce-content-body ul, .mce-content-body ol, .mce-content-body p, .wysiwyg-content ul, .wysiwyg-content ol, .wysiwyg-content p {
  line-height: 2em;
}
.colored-table {
  width: 100%;
}
.colored-table th, .colored-table td {
  padding: 7px 10px;
}
.colored-table tr {
  background: rgba(0, 0, 0, 0.05);
}
.colored-table tr:nth-child(2n+1) {
  background: rgba(0, 0, 0, 0.02);
}
.colored-table thead tr {
  background: #c7bdab !important;
}

.image img, .estate-photogallery .image-sort-placeholder img {
  height: auto;
  width: 100%;
}

audio.small {
  width: 150px;
  height: 30px;
  margin: 5px;
}

audio.big {
  width: 300px;
  height: 30px;
  display: block;
  margin: 10px;
}

.content-section a {
  color: #85980b;
}

.text-highlighted {
  color: #85980b;
  font-weight: bold;
}

/*.skeleton-image-in-wysiwyg-wrapper {
        .skeleton-image-in-wysiwyg {
                margin-bottom: 0;
                display: block;
        }
}

.skeleton-image-in-wysiwyg {
        cursor: pointer;

        .fancybox-inner & {
                margin: 0;
                width: auto;
        }
}
.skeleton-image-in-wysiwyg-title {
        display: block;
        font-style: italic;
        font-size: 0.9em;
        line-height: 1.2em;
        margin-top: 0.5em;
        margin-bottom: 0.2em;
        text-align: center;
}*/
.label-primary {
  background-color: #b5ca2c;
  color: #000000;
}

/*---------------------------------------------
-- wysiwyg gallery
---------------------------------------------*/
.wysiwyg-gallery {
  font-size: 0;
  margin: 14px 0;
}
.wysiwyg-gallery * {
  box-sizing: border-box;
}
.wysiwyg-gallery:after {
  clear: both;
  content: "";
  display: block;
}
.wysiwyg-gallery .wysiwyg-gallery-image {
  display: inline-block;
  padding: 0 10px 5px 0;
}
.wysiwyg-gallery .image img, .wysiwyg-gallery .estate-photogallery .image-sort-placeholder img, .estate-photogallery .wysiwyg-gallery .image-sort-placeholder img {
  display: block;
  height: auto;
  width: 100%;
}
.wysiwyg-gallery.style-common-center {
  text-align: center;
}
.wysiwyg-gallery.style-common-left {
  text-align: left;
}
.wysiwyg-gallery.style-common-right {
  text-align: right;
}
.wysiwyg-gallery.style-floating-left {
  float: left;
  margin-right: 14px;
  width: 33%;
}
.wysiwyg-gallery.style-floating-right {
  float: right;
  margin-left: 14px;
  width: 33%;
}

/*---------------------------------------------
-- form
---------------------------------------------*/
* {
  outline: 0;
}

form .error {
  background: #ffa5a5;
  border: 1px solid #de2525;
  display: block;
  padding: 8px 12px;
}

input-text, .dynamic-fields-control input[type=text], body .ms-options-wrap > .ms-button, body .ms-options-wrap > .ms-button:focus, body .select2-container .select2-choice, body .select2-container .select2-choices {
  background: #fff;
  border: 1px solid #000000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  line-height: 1.2em;
  outline: 0;
  padding: 8px 12px;
  width: 100%;
  box-shadow: inset 2px 2px 10px #eee;
}
input-text[required], .dynamic-fields-control input[required][type=text], body .ms-options-wrap > [required].ms-button, body .select2-container [required].select2-choice, body .select2-container [required].select2-choices {
  border-left: 5px solid #de2525;
}
input-text[disabled], .dynamic-fields-control input[disabled][type=text], body .ms-options-wrap > [disabled].ms-button, body .select2-container [disabled].select2-choice, body .select2-container [disabled].select2-choices {
  background: #ddd;
}
input-text:focus, .dynamic-fields-control input[type=text]:focus, body .ms-options-wrap > .ms-button:focus, body .select2-container .select2-choice:focus, body .select2-container .select2-choices:focus {
  border-color: #000000;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input.text, input.datetimepicker, select, textarea {
  background: #fff;
  border: 1px solid #000000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  line-height: 1.2em;
  outline: 0;
  padding: 8px 12px;
  width: 100%;
  box-shadow: inset 2px 2px 10px #eee;
}
input.text[required], input.datetimepicker[required], select[required], textarea[required] {
  border-left: 5px solid #de2525;
}
input.text[disabled], input.datetimepicker[disabled], select[disabled], textarea[disabled] {
  background: #ddd;
}
input.text:focus, input.datetimepicker:focus, select:focus, textarea:focus {
  border-color: #000000;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select option:disabled {
  color: #000;
  background: #ddd;
  /*font-weight: bold;*/
}

textarea {
  height: 200px;
}
textarea.wswg {
  height: 300px;
}
textarea.big, textarea.wswg.easy {
  height: 600px;
}

select[multiple] {
  height: 32px;
}

input[type=checkbox] {
  margin-top: 0;
}

label > input[type=checkbox] {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

select {
  -webkit-appearance: initial;
}

input.text.number-compare-value {
  float: left;
  margin-left: -1px;
  width: 75%;
}

.number-compare-prep {
  float: left;
  text-align: center;
  width: 25%;
}

.button, .map-info .big-card-link, .dynamic-fields-control button, .button:visited, .dynamic-fields-control button:visited, button, button:visited, a.button {
  background: #000000;
  border: 0;
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  transition: all 0.3s;
}
.button:hover, .map-info .big-card-link:hover, .dynamic-fields-control button:hover, .button:visited:hover, button:hover, button:visited:hover, a.button:hover {
  color: #b5ca2c;
}
.button.bigger, .estate-form.big-form .buttons .button, .estate-form.small-form .button, .map-info .bigger.big-card-link, .estate-form.big-form .buttons .map-info .big-card-link, .map-info .estate-form.big-form .buttons .big-card-link, .estate-form.small-form .map-info .big-card-link, .map-info .estate-form.small-form .big-card-link, .dynamic-fields-control button.bigger, .estate-form.big-form .buttons .dynamic-fields-control button, .dynamic-fields-control .estate-form.big-form .buttons button, .estate-form.small-form .dynamic-fields-control button, .dynamic-fields-control .estate-form.small-form button, .button:visited.bigger, .estate-form.small-form .button:visited, button.bigger, .estate-form.small-form button.button, button:visited.bigger, a.button.bigger, .estate-form.small-form a.button {
  padding: 12px 28px;
  font-size: 1.5em;
}
.button.small, .map-info .small.big-card-link, .dynamic-fields-control button.small, .button:visited.small, button.small, button:visited.small, a.button.small {
  padding: 4px 9px;
  font-size: 0.8em;
}
.button.light, .estate-header .button, .engine-form .button[name=delete], .engine-form-min .button[name=delete], .engine-list .button, .map-info .light.big-card-link, .estate-header .map-info .big-card-link, .map-info .estate-header .big-card-link, .map-info .engine-form .big-card-link[name=delete], .map-info .engine-form-min .big-card-link[name=delete], .engine-form .map-info .big-card-link[name=delete], .engine-form-min .map-info .big-card-link[name=delete], .engine-list .map-info .big-card-link, .map-info .engine-list .big-card-link, .dynamic-fields-control button.light, .estate-header .dynamic-fields-control button, .dynamic-fields-control .estate-header button, .engine-list .dynamic-fields-control button, .dynamic-fields-control .engine-list button, .button:visited.light, button.light, .engine-form button[name=delete], .engine-form-min button[name=delete], button:visited.light, a.button.light {
  color: #000000;
  background-color: #b3b3b3;
}
.button.light:hover, .estate-header .button:hover, .engine-form .button[name=delete]:hover, .engine-form-min .button[name=delete]:hover, .engine-list .button:hover, .map-info .light.big-card-link:hover, .estate-header .map-info .big-card-link:hover, .map-info .estate-header .big-card-link:hover, .map-info .engine-form .big-card-link[name=delete]:hover, .map-info .engine-form-min .big-card-link[name=delete]:hover, .engine-form .map-info .big-card-link[name=delete]:hover, .engine-form-min .map-info .big-card-link[name=delete]:hover, .engine-list .map-info .big-card-link:hover, .map-info .engine-list .big-card-link:hover, .button:visited.light:hover, button.light:hover, .estate-header .dynamic-fields-control button:hover, .dynamic-fields-control .estate-header button:hover, .engine-form button[name=delete]:hover, .engine-form-min button[name=delete]:hover, .engine-list .dynamic-fields-control button:hover, .dynamic-fields-control .engine-list button:hover, button:visited.light:hover, a.button.light:hover {
  background-color: #999;
}
.button.lightest, .map-info .lightest.big-card-link, .dynamic-fields-control button.lightest, .button:visited.lightest, button.lightest, button:visited.lightest, a.button.lightest {
  color: #000000;
  background-color: #eee;
}
.button.lightest:hover, .map-info .lightest.big-card-link:hover, .button:visited.lightest:hover, button.lightest:hover, button:visited.lightest:hover, a.button.lightest:hover {
  background-color: #999;
}
.button.red, .map-info .red.big-card-link, .dynamic-fields-control button.red, .button:visited.red, button.red, button:visited.red, a.button.red {
  color: #fff;
  background-color: darkred;
}
.button.red:hover, .map-info .red.big-card-link:hover, .button:visited.red:hover, button.red:hover, button:visited.red:hover, a.button.red:hover {
  background-color: #999;
}

.red {
  color: #fff;
  background-color: darkred;
}
.red:hover {
  background-color: #999;
}

.btn.green {
  background-color: #b5ca2c;
}

body .select2-container {
  width: 100%;
}
body .select2-container .select2-choice, body .select2-container .select2-choices {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: auto;
  line-height: 1.3em;
}
body .select2-container .select2-choice > .select2-chosen, body .select2-container .select2-choices > .select2-chosen {
  display: inline-block;
}
body .select2-container .select2-choice {
  padding: 7px 10px 5px;
}
body .select2-container.select2-container-multi.select2-container-active .select2-choices {
  border-color: #000000;
}
body .select2-container.select2-container-multi .select2-choices {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 3px 5px;
}
body .select2-container.select2-container-multi .select2-choices .select2-search-choice {
  background: #ddd;
  color: #000000;
  cursor: default;
  display: block;
  float: none;
  font-weight: bold;
  line-height: 1.3em;
  margin: 3px;
  padding: 5px 5px 5px 15px;
}
body .select2-container.select2-container-multi .select2-search-choice-close {
  top: 6px;
}
body .select2-drop-active {
  border-color: #000000;
  padding-top: 3px;
  margin-top: 0;
}
body .select2-results .select2-searching, body .select2-results .select2-no-results {
  padding: 5px 10px;
}
body .ms-options-wrap {
  width: 100%;
}
body .ms-options-wrap > .ms-button, body .ms-options-wrap > .ms-button:focus {
  color: #000000;
  font-size: 12px;
  overflow: hidden;
  text-transform: none;
  text-overflow: ellipsis;
}
body .ms-options-wrap > .ms-button:after, body .ms-options-wrap > .ms-button:focus:after {
  border-top-color: #000000;
  border-width: 6px 3px;
}
body .ms-options-wrap > .ms-options {
  background: #fff;
  border-color: #000000;
  box-shadow: inset 2px 2px 10px #eee;
  padding: 5px 0;
}
body .ms-options-wrap > .ms-options > ul input[type=checkbox] {
  top: auto;
  left: 12px;
}
body .ms-options-wrap > .ms-options > ul label {
  padding: 5px 10px;
}
body .ms-options-wrap > .ms-options > ul > li.optgroup {
  border: 1px solid #ddd;
  border-width: 1px 0;
}
body .ms-options-wrap > .ms-options > ul > li.optgroup .label {
  color: #000000;
  font-size: 1em;
  margin-bottom: 5px;
  padding-left: 12px;
  text-align: left;
}

.dynamic-fields-control th {
  text-align: center;
  width: auto !important;
}
.dynamic-fields-control td {
  padding: 3px;
}
.dynamic-fields-control .td-remove {
  text-align: center;
}
.dynamic-fields-control .td-remove input, .dynamic-fields-control .td-remove button {
  font-size: 0.8em;
  padding-left: 10px;
  padding-right: 10px;
}
.dynamic-fields-control.read-only {
  border-collapse: separate;
  border-spacing: 3px;
}
.dynamic-fields-control.read-only th {
  text-align: left;
}
.dynamic-fields-control.read-only th, .dynamic-fields-control.read-only td {
  background: rgba(0, 0, 0, 0.05);
  padding: 7px 10px;
}
.dynamic-fields-control.read-only tr:nth-child(2n+1) th, .dynamic-fields-control.read-only tr:nth-child(2n+1) td {
  background: rgba(0, 0, 0, 0.02);
}

.template-upload, .template-download {
  border-bottom: 1px solid #ddd;
}
.template-upload td, .template-download td {
  padding: 5px;
  vertical-align: middle;
}

form table {
  width: 100%;
}
form table td, form table th {
  padding-bottom: 10px;
}
form table th {
  color: #000000;
  font-weight: bold;
  padding-top: 8px;
  vertical-align: top;
}

@media (max-width: 500px) {
  form > table {
    display: block;
  }
  form > table tbody, form > table th, form > table td, form > table tr {
    display: block;
  }
}
.block-label {
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#hint {
  background: #f4f4f4;
  border: 1px solid #000000;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  display: none;
  padding: 10px 20px;
  position: absolute;
  width: 300px;
  z-index: 10980;
}

.has-hint-question-mark {
  padding-left: 25px;
}

.hinted-input {
  position: relative;
}
.hinted-input .secondary-btn {
  cursor: pointer;
  color: #000000;
  background-color: #b3b3b3;
  display: inline-block;
  padding: 6px 12px;
  margin-right: 10px;
  transition: all 0.3s;
}
.hinted-input .secondary-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}

.buttons .hinted-input {
  display: inline-block;
}

.hint-question-mark {
  background: #b5ca2c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  /*	margin-left: -25px;
          margin-top: 5px;*/
  top: 6px;
  left: -25px;
  position: absolute;
  text-align: center;
  width: 20px;
  z-index: 2;
}

.hint-question-mark-position-right {
  top: 3px;
  left: -18px;
  height: 18px;
  width: 18px;
}

label.hinted-input {
  position: relative;
}
label.hinted-input .hint-question-mark {
  border: 1px solid #999;
  line-height: 18px;
  left: auto;
  opacity: 0;
  right: -8px;
  top: 5px;
  transition: opacity 0.5s;
}
label.hinted-input:hover .hint-question-mark {
  opacity: 1;
}

.required-info {
  color: #de2525;
  font-style: italic;
  margin-bottom: 1em;
}

/*---------------------------------------------
-- header
---------------------------------------------*/
header {
  position: relative;
}

.logo {
  display: inline-block;
  margin-bottom: 10px;
}

.add-estate-header-button {
  border: 2px solid currentColor;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px 20px 8px 16px;
}
.add-estate-header-button .fa {
  margin-right: 8px;
}
.add-estate-header-button:hover {
  color: #b5ca2c;
}
@media (max-width: 819px) {
  .add-estate-header-button {
    font-size: 1em;
    padding: 7px 12px 7px 10px;
  }
}

.nav-area .mobile-switcher {
  background: #000000;
  color: #fff;
  padding: 8px;
  text-align: center;
}

.main-menu {
  position: relative;
  z-index: 9999;
  background: #000000;
}
.main-menu .menu a {
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 14px;
  padding: 8px 12px;
}
.main-menu .menu a:hover {
  color: #b5ca2c;
}
.main-menu .menu .fa {
  margin-left: 5px;
}

.menu-socials a {
  color: #fff;
  display: inline-block;
  padding: 8px 3px;
}
.menu-socials a:hover {
  color: #b5ca2c;
}
.menu-socials.main a {
  background: #000000;
  display: inline-block;
  font-size: 20px;
  height: 33px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  width: 33px;
}

.quick-search-wrapper {
  position: relative;
  padding-right: 30px;
}
.quick-search-wrapper label {
  display: none;
}
.quick-search-wrapper input[required] {
  border-left: 1px solid #000000 !important;
}
.quick-search-wrapper button {
  height: 33px;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}

/*---------------------------------------------
-- content
---------------------------------------------*/
.content-section {
  position: relative;
}

.not-map .content-columns {
  padding: 30px 0;
}

.is-map .left-sidebar, .is-route .left-sidebar, .not-asside .left-sidebar {
  display: none;
}

.left-sidebar {
  border: 2px solid #000000;
  padding: 1em;
}
.left-sidebar .separator {
  border-top: 3px solid #ddd;
  margin: 1em 0;
}
.left-sidebar .logs li {
  font-size: 0.9em;
  line-height: 1.1em;
  margin-bottom: 1em;
}
.left-sidebar .logs .date {
  color: #999;
  font-size: 0.8em;
  white-space: nowrap;
}
.left-sidebar .logs .button, .left-sidebar .logs .map-info .big-card-link, .map-info .left-sidebar .logs .big-card-link, .left-sidebar .logs .dynamic-fields-control button, .dynamic-fields-control .left-sidebar .logs button {
  margin-top: 1em;
}

.left-menu a {
  display: block;
  padding: 6px 10px 6px 15px;
  position: relative;
}
.left-menu a:before {
  content: "■";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
}

/*---------------------------------------------
-- footer
---------------------------------------------*/
footer {
  background: #000000;
  color: #fff;
  padding: 8px 12px;
  text-align: center;
}
footer a, footer a:hover, footer a:visited {
  color: #fff;
}
footer .fb-like {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  min-width: 110px;
}
footer .credits {
  line-height: 20px;
}

/*---------------------------------------------
-- mapa
---------------------------------------------*/
.estate-map {
  position: relative;
  /*width: 99%;*/
  height: 400px;
}
.estate-map.higher {
  height: 500px;
}
.estate-map.highest {
  height: 650px;
}
.estate-map.home-map {
  margin: 1em 0 2em;
}
.estate-map .layer-switch .window .port {
  overflow: auto !important;
  width: auto !important;
}
.estate-map .layer-switch .window .port > div {
  left: 0 !important;
}
.estate-map .layer-switch .left, .estate-map .layer-switch .right {
  display: none;
}
.estate-map.overlayed {
  background-color: #ccc;
  z-index: 99999;
  height: 100%;
}

/*---------------------------------------------
-- route mapa
---------------------------------------------*/
.route-map {
  position: relative;
  /*width: 99%;*/
  height: 300px;
}
.route-map.higher {
  height: 500px;
}
.route-map.highest {
  height: 650px;
}
.route-map.home-map {
  margin: 1em 0 2em;
}
.route-map .layer-switch .window .port {
  overflow: auto !important;
  width: auto !important;
}
.route-map .layer-switch .window .port > div {
  left: 0 !important;
}
.route-map .layer-switch .left, .route-map .layer-switch .right {
  display: none;
}
.route-map.overlayed {
  background-color: #ccc;
  z-index: 99999;
  height: 100%;
}

.block-table {
  display: block;
}
.block-table th, .block-table td, .block-table tbody, .block-table tr {
  display: block;
}
.block-table th {
  font-weight: bold;
}
.block-table td {
  margin-bottom: 3px;
  padding: 0;
}

.card td, .card th {
  vertical-align: top;
}
.card .button, .card .map-info .big-card-link, .map-info .card .big-card-link, .card .dynamic-fields-control button, .dynamic-fields-control .card button {
  margin-top: 1em;
}

.map-canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
}
.map-canvas div img {
  cursor: pointer;
}
.map-canvas.hide-markers svg ~ div img {
  display: none;
}

.map-panorama {
  width: 100%;
  height: 100%;
  position: absolute !important;
  z-index: 1;
  top: 0;
  opacity: 0;
}
.map-panorama.show {
  display: block;
  z-index: 11;
  opacity: 1;
}

.map-button-close {
  cursor: pointer;
  position: absolute;
  top: 17px;
  right: 17px;
  height: 27px;
  border: 0;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  color: #6b7580;
  font-size: 13px;
  vertical-align: middle;
  padding: 0 14px 0 24px;
  text-align: left;
  z-index: 2;
}
.map-button-close:hover {
  color: #29ac07;
  background: #f7f7f7;
  border: 0;
}
.map-button-close:before {
  content: "c";
  font-size: 16px;
  position: absolute;
  left: 5px;
  top: 5px;
  font-family: "mapy", "mapytemp";
  font-style: normal;
  font-weight: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.map-info {
  /*	td, th {
                  vertical-align: top;
          }
          th {
                  color: $colorMain;
                  padding-right: 8px;
                  text-align: right;
                  width: 100px !important;
          }*/
}
.map-info img {
  margin-right: 15px;
}
@media (max-width: 520px) {
  .map-info img {
    display: none;
  }
}
.smap .cluster {
  box-sizing: content-box;
}
.smap .cluster span {
  color: #000000 !important;
}
.smap .cluster img {
  background-color: #000000 !important;
}
.smap .cluster * {
  box-sizing: content-box;
}

/*---------------------------------------------
-- formular
---------------------------------------------*/
.estate-form .form-group {
  margin-bottom: 0;
}
.estate-form .form-group:after {
  clear: both;
  content: "";
  display: block;
}
.estate-form .form-label {
  color: #000000;
  font-weight: bold;
}
.estate-form .form-label, .estate-form .form-input {
  padding: 5px 10px;
}
.estate-form .form-label {
  padding-top: 13px;
}

.route-fieldset legend, .route-fieldset .estate-form.small-form legend.error, .estate-form.small-form .route-fieldset legend.error {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-weight: 900;
  font-size: 110%;
  border-bottom: 2px solid #000;
}

.estate-form.small-form fieldset, .estate-form.small-form fieldset.error {
  background: #f9f9f9;
  border: 1px solid #000000;
  margin-top: 38px;
  padding: 14px;
  position: relative;
}
.estate-form.small-form fieldset.error {
  border: 1px solid #de2525 !important;
}
.estate-form.small-form legend, .estate-form.small-form legend.error {
  background: #000000;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 20px;
  left: -1px;
  padding: 5px 10px;
  position: absolute;
  top: -30px;
  width: auto;
}
.estate-form.small-form legend.error {
  background: #de2525 !important;
}
.estate-form.small-form .form-label {
  font-weight: bold;
  margin-bottom: 5px;
}
.estate-form.small-form .form-group.multi {
  margin-top: 2em;
  text-align: center;
}

.estate-form.big-form .form-group {
  margin-bottom: 0;
}
.estate-form.big-form .form-group:after {
  clear: both;
  content: "";
  display: block;
}
.estate-form.big-form .form-label {
  color: #000000;
  font-weight: bold;
}
.estate-form.big-form .form-label, .estate-form.big-form .form-input {
  padding: 5px 10px;
}
.estate-form.big-form .form-label {
  padding-top: 13px;
}
.estate-form.big-form .buttons {
  margin-top: 2em;
  text-align: center;
}
.estate-form.big-form .pair-cadastral_name {
  display: none;
}

.marker-choice {
  display: inline-block;
  line-height: 45px;
}
.marker-choice .lbl {
  display: inline-block;
  line-height: 1.2em;
  vertical-align: middle;
}
.marker-choice img {
  display: inline-block;
  margin: 0 7px;
  vertical-align: middle;
}

.engine-list {
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin-bottom: 2em;
  padding: 7px 11px;
}
.engine-list .info {
  font-size: 0.9em;
  font-style: italic;
  line-height: 1.3em;
}
.engine-list .button, .engine-list .dynamic-fields-control button, .dynamic-fields-control .engine-list button, .engine-list .map-info .big-card-link, .map-info .engine-list .big-card-link {
  margin-top: 10px;
}
.engine-list .engine-list-row {
  font-size: 12px;
  padding: 3px 6px;
  border-bottom: 1px solid #000000;
}
.engine-list .engine-list-row:last-child {
  border-bottom: 0;
}
.engine-list .engine-list-row.active, .engine-list .engine-list-row .active {
  cursor: pointer;
}
.engine-list .engine-list-row.active:hover, .engine-list .engine-list-row .active:hover {
  background: rgba(0, 0, 0, 0.1);
}
.engine-list .engine-list-row.not-active {
  padding-left: 0;
  padding-right: 0;
}
.engine-list .engine-list-row.not-active > span:empty {
  display: none;
}
.engine-list .engine-list-row.head {
  display: none;
}
.engine-list .engine-list-row > span {
  display: block;
  margin-bottom: 5px;
  vertical-align: top;
}
.engine-list .engine-list-row .ml-1 {
  margin-left: 10px;
}
.engine-list .engine-list-row .type, .engine-list .engine-list-row .title {
  font-weight: bold;
}
.engine-list .engine-list-row .description {
  display: block;
  font-size: 0.9em;
}
.engine-list .engine-list-row .form-label, .engine-list .engine-list-row .form-input {
  display: block;
  padding: 3px 6px;
}
.engine-list .engine-list-row .form-input {
  margin-bottom: 10px;
}
.engine-list .engine-list-row:after {
  clear: both;
  content: "";
  display: block;
}
.form-input .engine-list {
  border: 0;
}
.form-input .engine-list .list-control-readonly-pair {
  width: 100%;
}

.pair-subjects .engine-list {
  padding: 0;
  border: 0;
}

.engine-form, .engine-form-min {
  min-width: 300px;
  padding: 10px;
}
.engine-form .pair, .engine-form-min .pair {
  margin-bottom: 1em;
}
.engine-form .pair > label, .engine-form label, .engine-form-min label {
  color: #000000;
  display: block;
  font-weight: bold;
  margin: 0 0 0.5em;
}
.engine-form .pair > label.required:after, .engine-form label.required:after, .engine-form-min label.required:after {
  position: static;
}
.engine-form .multi, .engine-form-min .multi {
  margin-top: 1em;
  text-align: center;
}
.engine-form-min {
  min-width: 160px;
}

/* Tabs */
.tabs-nav {
  float: right;
  top: 1px;
  position: relative;
}
.tabs-nav:after {
  content: "";
  clear: both;
  display: block;
}
.tabs-nav li {
  float: left;
}
.tabs-nav a {
  background: #000000;
  margin-left: 5px;
  color: #fff;
  display: block;
  /*opacity: 0.5;*/
  margin-top: 6px;
  padding: 7px 10px 7px 10px;
  padding-bottom: 1px;
  transition: all 0.3s;
}
.tabs-nav .active a, .tabs-nav a:hover {
  padding-bottom: 7px;
  margin-top: 0;
}
.tabs-nav .active a {
  font-weight: bold;
}
.tabs-nav .last a {
  padding-right: 10px;
}
@media (max-width: 700px) {
  .tabs-nav li {
    width: 100%;
  }
}
@media (min-width: 1155px) {
  .tabs-nav .active a {
    box-shadow: none !important;
  }
}
.tabs-nav.tabs-nav-bottom {
  top: -1px;
}
.tabs-nav.tabs-nav-bottom a {
  margin-bottom: 6px;
  margin-top: 0;
  padding-bottom: 7px;
  padding-top: 1px;
}
.tabs-nav.tabs-nav-bottom .active a, .tabs-nav.tabs-nav-bottom a:hover {
  margin-bottom: 0;
  padding-top: 7px;
}

.tab {
  background: #f9f9f9;
  border: 1px solid #000000;
  clear: both;
  display: none;
  min-height: 500px;
  padding: 1.4em;
}
.tab.active {
  display: block;
}

.letters-counter {
  font-size: 0.9em;
}

/*---------------------------------------------
-- estate detail
---------------------------------------------*/
.estate-header {
  margin-bottom: 1em;
}
.estate-detail-title, .estate-section-title, .h1, .mceContentBody h1, .mce-content-body h1, .wysiwyg-content h1 {
  padding: 5px 8px;
  border-bottom: 3px solid #000000;
}

.estate-section-title, .h1, .mceContentBody h1, .mce-content-body h1, .wysiwyg-content h1 {
  font-weight: bold;
  font-size: 1.1em;
  margin: 2em 0 1em;
}
.estate-section-title .author, .h1 .author, .mceContentBody h1 .author, .mce-content-body h1 .author, .wysiwyg-content h1 .author, .estate-section-title .last-change, .h1 .last-change, .mceContentBody h1 .last-change, .mce-content-body h1 .last-change, .wysiwyg-content h1 .last-change {
  font-size: 0.95em;
  font-weight: normal;
  margin-left: 15px;
}

.images-section-title {
  font-weight: bold;
  font-size: 1.1em;
  margin: 2em 0 1em;
}

.text-section {
  padding: 0 8px;
}

.estate-info-box {
  border: 2px solid #000000;
}
.estate-info-box .title {
  color: #fff;
  background: #000000;
  font-size: 1.1em;
  padding: 4px 8px;
}
.estate-info-box .title a {
  color: #fff;
  float: right;
  font-size: 0.85em;
  text-decoration: underline;
}
.estate-info-box .content {
  padding: 4px 8px;
}
.estate-info-box .icon {
  position: relative;
  margin: 10px;
  font-size: 60px;
}
.estate-info-box .icon, .estate-info-box .text {
  display: inline-block;
  vertical-align: middle;
}
.estate-info-box .text {
  font-weight: bold;
  line-height: 1.3em;
}
.estate-info-box table td:first-child {
  width: 122px;
}
@media (min-width: 980px) {
  .estate-info-box table td:first-child {
    width: auto;
  }
}

.map-location {
  position: relative;
}
.map-location em {
  background: #b5ca2c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 6px;
  position: absolute;
  width: 6px;
}

.estate-information-text, .estate-route-more-information-text, .estate-route-information-text {
  max-height: 300px;
  overflow: hidden;
  padding-bottom: 50px;
  position: relative;
  text-align: justify;
}
.estate-information-text.toggle-class-active, .estate-route-more-information-text.toggle-class-active, .estate-route-information-text.toggle-class-active {
  max-height: none;
}
.estate-information-text .estate-information-footer, .estate-route-more-information-text .estate-information-footer, .estate-route-information-text .estate-information-footer {
  background: #fff;
  bottom: 0;
  height: 50px;
  left: 0;
  padding-top: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.estate-route-more-information-text {
  max-height: 100px;
  padding-bottom: 50px;
}

.estate-route-information-text {
  max-height: 0px;
  padding-bottom: 0px;
  text-align: center;
}

.button .less, .dynamic-fields-control button .less, .map-info .big-card-link .less {
  display: none;
}

.button.toggle-class-active .less, .dynamic-fields-control button.toggle-class-active .less, .map-info .toggle-class-active.big-card-link .less {
  display: inline-block;
}

.button.toggle-class-active .more, .dynamic-fields-control button.toggle-class-active .more, .map-info .toggle-class-active.big-card-link .more {
  display: none;
}

.estate-images img, .not-map .estate-map, .estate-street-view {
  border: 2px solid #000000;
}

.all-images-column {
  display: none;
}

.all-images .info-column, .all-images .images-column {
  display: none;
}
.all-images .all-images-column {
  display: block;
}

.estate-street-view {
  height: 200px;
}

.street-view-container {
  position: relative;
  height: 200px;
}
.street-view-container .estate-street-view, .street-view-container .estate-street-view-map {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.street-view-container .estate-street-view {
  z-index: 5;
}

.media-row, .facebook-row, .links-row {
  margin-bottom: 1em;
}
.media-row .web, .facebook-row .web, .links-row .web {
  font-weight: bold;
  text-decoration: underline;
  padding-right: 5px;
}
.media-row .web:hover, .facebook-row .web:hover, .links-row .web:hover {
  text-decoration: none;
}
.media-row .fa, .facebook-row .fa, .links-row .fa {
  font-size: 1.3em;
}
.media-row a, .facebook-row a, .links-row a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.subject-row, .timeline-item {
  background: #F4F4F4;
  padding: 10px 14px;
  position: relative;
  margin-bottom: 1em;
}
.subject-row.actual, .actual.timeline-item {
  border: 2px solid #b5ca2c;
}
.subject-row .notes, .timeline-item .notes {
  margin-top: 1em;
}
.subject-row .notes .text, .timeline-item .notes .text {
  font-style: italic;
}
.subject-row .name, .timeline-item .name {
  font-weight: bold;
}
.subject-row .address, .timeline-item .address, .subject-row .contacts, .timeline-item .contacts, .subject-row .notes, .timeline-item .notes {
  display: none;
}
.subject-row.toggle-class-active .address, .toggle-class-active.timeline-item .address, .subject-row.toggle-class-active .contacts, .toggle-class-active.timeline-item .contacts, .subject-row.toggle-class-active .notes, .toggle-class-active.timeline-item .notes {
  display: block;
}
.subject-row .button, .timeline-item .button, .subject-row .dynamic-fields-control button, .timeline-item .dynamic-fields-control button, .dynamic-fields-control .subject-row button, .dynamic-fields-control .timeline-item button, .subject-row .map-info .big-card-link, .timeline-item .map-info .big-card-link, .map-info .subject-row .big-card-link, .map-info .timeline-item .big-card-link {
  position: absolute;
  right: 14px;
  top: 6px;
}

.estate-web-link {
  font-weight: bold;
  text-decoration: underline;
}

.flag {
  position: absolute;
  right: -6px;
  top: -15px;
  width: 45px;
  height: 45px;
  padding-top: 16px;
  vertical-align: middle;
  text-align: center;
  background-color: #111;
  color: #fff;
  font-weight: bold;
  z-index: 10;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.estate-photogallery .photogallery-section {
  margin-bottom: 2em;
}
.estate-photogallery .photogallery-section .title {
  border-top: 1px solid #ddd;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1em;
  padding-top: 1em;
}
.estate-photogallery h2 .button.small, .estate-photogallery h2 .dynamic-fields-control button.small, .dynamic-fields-control .estate-photogallery h2 button.small, .estate-photogallery h2 .map-info .small.big-card-link, .map-info .estate-photogallery h2 .small.big-card-link {
  color: #fff;
}
.estate-photogallery .image, .estate-photogallery .image-sort-placeholder {
  position: relative;
}
.estate-photogallery .image img, .estate-photogallery .image-sort-placeholder img {
  width: 100%;
  height: auto;
}
.estate-photogallery .image:hover .image-details, .estate-photogallery .image-sort-placeholder:hover .image-details {
  opacity: 1;
}
.estate-photogallery .image.main-chosen .image-inner:after, .estate-photogallery .main-chosen.image-sort-placeholder .image-inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 5px solid #b5ca2c;
  z-index: 1;
}
.estate-photogallery .image.not-draggable img, .estate-photogallery .not-draggable.image-sort-placeholder img {
  filter: grayscale(1);
  opacity: 0.9;
}
.estate-photogallery .image-sort-placeholder {
  background: rgba(0, 0, 0, 0.05);
  border: 1px dotted #000000;
  padding-top: 100px;
}
.estate-photogallery .image-inner {
  position: relative;
  overflow: hidden;
}
.estate-photogallery .image-details {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  opacity: 0;
  padding-top: 1em;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.3s;
  width: 100%;
  z-index: 2;
}
.estate-photogallery .image-edit-form {
  display: none;
}
.estate-photogallery .images-drop-area {
  background-color: #ddd;
  padding: 10px;
}

.history-component {
  position: relative;
}

.history-next, .history-prev {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ddd;
  height: 30px;
  line-height: 30px;
  /*margin-top: -15px;*/
  position: absolute;
  text-align: center;
  top: 9px;
  width: 30px;
}
.history-next.history-next, .history-prev.history-next {
  right: 0;
}
.history-next.history-prev, .history-prev.history-prev {
  left: 0;
}

.history-wrapper {
  overflow: hidden;
}
.history-wrapper .items-wrapper {
  padding-top: 50px;
  position: relative;
}

.history-item {
  float: left;
  padding-right: 7px;
  padding-left: 7px;
  position: relative;
  text-align: center;
  width: 120px;
}
.history-item.upper {
  border-bottom: 1px solid #000000;
  padding-bottom: 48px;
}
.history-item.upper .holder {
  bottom: -14px;
}
.history-item.upper .holder .cross {
  bottom: 0;
}
.history-item.lower {
  border-top: 1px solid #000000;
  padding-top: 38px;
  /*top: 145px;*/
}
.history-item.lower .holder {
  top: -14px;
}
.history-item.lower .holder .cross {
  top: 0;
}
.history-item.lower .year {
  left: 0;
  position: absolute;
  right: 0;
  top: -35px;
}
.history-item.first {
  /*margin-left: -28px;*/
}
.history-item.not-first {
  /*margin-left: -120px;*/
}
.history-item .holder {
  border-left: 1px solid #000000;
  height: 47px;
  left: 60px;
  position: absolute;
  z-index: 10;
}
.history-item .holder .cross {
  background: url(../images/layout/cross.png) no-repeat 0 0;
  height: 27px;
  left: -14px;
  position: absolute;
  width: 27px;
}
.history-item .lbl {
  font-weight: bold;
}
.history-item .year {
  font-weight: 700;
}
.history-item .subtitle {
  /*height: 57px;*/
  font-size: 0.9em;
  line-height: 1.2em;
  overflow: hidden;
}

.estate-timeline.toggle-class-active .hidden-item {
  display: block;
}
.estate-timeline .hidden-item {
  display: none;
}

.estate-events.toggle-class-active .hidden-item {
  display: table-row;
}
.estate-events .hidden-item {
  display: none;
}

.timeline-item .year {
  font-weight: bold;
  font-style: normal;
}
.timeline-item .lbl {
  font-style: normal;
}
.timeline-item .description {
  /*font-style: italic;*/
  margin-top: 1em;
}
.timeline-item .fa {
  margin: 0 5px;
}

/*---------------------------------------------
-- 
---------------------------------------------*/
.no-estates-info {
  font-style: italic;
  padding: 1em 0;
  text-align: center;
}

.visual-estate .title {
  border-bottom: 2px solid #000000;
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.visual-estate.inactive {
  opacity: 0.5;
  transition: all 0.3s;
}
.visual-estate.inactive:hover {
  opacity: 1;
}

.estate, .article {
  margin-bottom: 14px;
}
.estate .image, .estate .estate-photogallery .image-sort-placeholder, .estate-photogallery .estate .image-sort-placeholder, .estate .content, .article .image, .article .estate-photogallery .image-sort-placeholder, .estate-photogallery .article .image-sort-placeholder, .article .content {
  border: 2px solid #000000;
}
.estate .content, .article .content {
  padding: 14px;
  padding-bottom: 50px;
  position: relative;
}
.estate .detail-button, .article .detail-button {
  height: 39px;
  /*line-height: 39px;*/
  /*padding: 0 20px;*/
  position: absolute;
  right: 0;
  bottom: 0;
}
.estate .detail-button .fa, .article .detail-button .fa {
  font-size: 0.9em;
  margin-left: 5px;
}
.estate .inner-button, .article .inner-button {
  line-height: 27px !important;
  height: 39px !important;
  /*border: 2px solid $colorMain;*/
}
.estate .edit-button, .article .edit-button {
  position: absolute;
  bottom: 0;
  height: 39px;
  line-height: 39px;
  padding: 0 20px;
  right: 110px;
  background-color: #777 !important;
}
.estate .icons, .article .icons {
  bottom: -2px;
  font-size: 1.8em;
  left: 0;
  position: absolute;
}
.estate .icons .icon, .article .icons .icon {
  border: 2px solid #000000;
  float: left;
  margin-left: -2px;
  padding: 0.3em 0.5em;
}
.estate .icons .icon.map, .article .icons .icon.map {
  padding: 0.15em 0.4em;
}
.estate .icons .icon.price, .article .icons .icon.price {
  font-size: 0.6em;
  font-weight: bold;
  padding: 0.8em 0.25em;
}
.estate .icons .icon.date, .article .icons .icon.date {
  font-size: 0.6em;
  padding: 0.8em 0.25em;
}
.estate .title, .article .title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
}

.cards-container {
  margin: 10px 0px;
  /*    @media (min-width: 992px)
          .container {
          max-width: 960px;
      }

      @media (min-width: 768px)
          .container {
          max-width: 720px;
      }
      @media (min-width: 576px)
          .container {
          max-width: 540px;
      }*/
}
.cards-container .title {
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 5px;
}
.cards-container .info {
  color: #555;
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 5px;
}
.cards-container .email {
  color: #b5ca2c;
}
.cards-container .image, .cards-container .estate-photogallery .image-sort-placeholder, .estate-photogallery .cards-container .image-sort-placeholder {
  float: right;
  position: relative;
  max-width: 200px;
}
.cards-container .card {
  margin: 10px 10px 20px 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  word-wrap: break-word;
  /*background-color: #fff;*/
  /*background-clip: border-box;*/
  /*border: 1px solid rgba(0,0,0,.125);*/
  /*border-radius: .25rem;*/
}
.cards-container .card .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  /*border-bottom: 1px solid rgba(0,0,0,.125);*/
}
.cards-container .card .button, .cards-container .card .dynamic-fields-control button, .dynamic-fields-control .cards-container .card button, .cards-container .card .map-info .big-card-link, .map-info .cards-container .card .big-card-link {
  margin: 0;
  padding: 1px 4px;
}
.cards-container .card .add-button {
  margin: 5px 20px;
  padding: 6px 15px;
}
.cards-container .card .active {
  /*background-color: rgba(0,50,0,.03);*/
  border: 1px solid #b5ca2c;
}
.cards-container .card .verified {
  color: darkgreen;
}
.cards-container .card .discard {
  color: darkred;
}
.cards-container .card .card-title {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}
.cards-container .card .card-body {
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.cards-container .card .card-text {
  margin-top: 0;
  /*margin-bottom: 1rem;*/
}
.cards-container .card .card-footer {
  /*margin-top: .75rem;*/
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.cards-container .content {
  display: flex;
  flex: 1;
  color: #000;
}
.cards-container .columns {
  display: flex;
  flex: 1;
  overflow-wrap: break-word;
}
.cards-container .main {
  flex: 1;
  order: 2;
  margin: 10px;
  max-width: 80%;
}
.cards-container .sidebar-first {
  flex: 1;
  max-width: 250px;
  /*width: 20%;*/
  order: 1;
}
.cards-container .inner-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  /*        .col{
              position: relative;
              width: 100%;
              min-height: 1px;
              padding-right: 15px;
              padding-left: 15px;
          }*/
}
.cards-container .inner-container .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  flex-direction: column;
  flex: 1;
}
.cards-container .inner-container .col-sm {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.article-detail .wysiwyg-gallery .image, .article-detail .wysiwyg-gallery .estate-photogallery .image-sort-placeholder, .estate-photogallery .article-detail .wysiwyg-gallery .image-sort-placeholder {
  border: 0;
}

.articles-categories, .contractors-categories {
  margin-bottom: 2em;
}
.articles-categories li, .contractors-categories li {
  display: inline-block;
}
.articles-categories a, .contractors-categories a {
  background: #ddd;
  color: #000000;
  display: inline-block;
  padding: 5px 15px;
}
.articles-categories a:hover, .contractors-categories a:hover {
  background: #000000;
  color: #fff;
}
.articles-categories .active a, .contractors-categories .active a {
  background: #b5ca2c;
}

.article-detail .intro {
  font-style: italic;
  margin-bottom: 2em;
  padding-top: 1em;
}
.article-detail .datum, .article-detail .author {
  color: #999;
  font-size: 0.9em;
  font-weight: normal;
}
.article-detail .image, .article-detail .estate-photogallery .image-sort-placeholder, .estate-photogallery .article-detail .image-sort-placeholder {
  border: 2px solid #000000;
}
.article-detail .image img, .article-detail .estate-photogallery .image-sort-placeholder img, .estate-photogallery .article-detail .image-sort-placeholder img {
  display: block;
}

.article-detail-content {
  max-width: 800px;
  margin: 0 auto;
}

/*---------------------------------------------
-- 
---------------------------------------------*/
.images-database .image, .images-database .estate-photogallery .image-sort-placeholder, .estate-photogallery .images-database .image-sort-placeholder {
  border: 2px solid #000000;
  padding: 5px;
}
.images-database .estate-link {
  display: block;
  margin: 0.5em 0;
}
.images-database .description {
  font-size: 11px;
}

/*---------------------------------------------
-- multipleupload-form
---------------------------------------------*/
.multipleGalleryInfo {
  display: none;
  background-color: #ddd;
  padding: 15px 20px 10px 20px;
}
.multipleGalleryInfo .multipleupload-form {
  display: none;
}
.multipleGalleryInfo .multipleupload-form.open {
  display: block;
}

/*---------------------------------------------
-- filter
---------------------------------------------*/
.estate-filter legend, .estate-filter .estate-form.small-form legend.error, .estate-form.small-form .estate-filter legend.error {
  display: none;
}
.estate-filter .form-wrapper {
  border: 2px solid #000000;
  padding: 10px;
}
.estate-filter.empty .form-wrapper {
  display: none;
}
.estate-filter.open .form-wrapper {
  display: block;
  margin-top: -1px;
}
.estate-filter.advanced-empty .advanced-filter-group .controls-wrapper {
  display: none;
}
.estate-filter.advanced-open .advanced-filter-group legend {
  margin-bottom: 0;
}
.estate-filter.advanced-open .advanced-filter-group .controls-wrapper {
  display: block;
}

.not-map .estate-filter {
  margin-bottom: 1em;
}
.not-map .estate-filter .sort-by {
  display: inline-block;
}
.not-map .estate-filter .sort-by select {
  font-size: 0.8em;
  height: 23px;
  padding: 3px 9px;
  background-color: #b5ca2c;
}

.table-estate-header {
  margin-bottom: 1em;
  text-align: right;
}

.route-sidebar .top-sidebar-detail {
  /*        position: absolute;
          top: 15px;
          right:30px;*/
  z-index: 10;
}

.route-sidebar-left .thumbnail, .route-sidebar-right .thumbnail {
  max-width: 100px !important;
  max-height: 91px !important;
}

.route-container {
  /*    display: flex;
      flex:1;

      .route-columns {
          display: flex;
          flex: 1;
      }
      .route-left-col{
          width: 220px;
          height: 650px;
          background-color: lightcoral;
          order: 1;
      }
      .route-mid-col{
          background-color: yellow;
          order: 2;
          flex: 1;
      }
      .route-right-col{
          overflow-y: auto;
          width: 200px;
          background-color: lightblue;
          order: 3;
          &.highest{
              height: 650px;
          }
      }*/
}
.route-container .thumbnail {
  max-width: 100px !important;
  max-height: 91px !important;
}
.route-container .route-estate-item {
  display: inline-block;
  border-bottom: 1px solid #999;
  width: 100%;
}

.thumb-image {
  position: relative;
}
.thumb-image .position-icon {
  width: 20px;
  height: 28px;
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 2;
  background-image: url("../images/map/pd-marker.png");
  background-size: 20px;
  /*background-color: $colorHightlight;*/
  /*@include borderRadius(10px);*/
  text-align: center;
  padding-top: 10px;
}
.thumb-image .position-icon .position-text {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}

.map-sidebar, .route-sidebar {
  max-width: 600px;
  z-index: 11;
}
.map-sidebar .estate-filter.empty .form-wrapper, .route-sidebar .estate-filter.empty .form-wrapper {
  display: block;
}
.map-sidebar .estate-filter .show-filter, .route-sidebar .estate-filter .show-filter {
  display: none;
}
.map-sidebar .estate-filter .form-group, .route-sidebar .estate-filter .form-group {
  margin-bottom: 0.5em;
}
.map-sidebar .estate-filter .multi, .route-sidebar .estate-filter .multi {
  padding-top: 0.8em;
  text-align: center;
}
.map-sidebar .estate-filter .pair-estate_state, .route-sidebar .estate-filter .pair-estate_state {
  margin-bottom: 1em !important;
  text-align: center;
}
.map-sidebar .estate-filter .pair-estate_state .form-label, .map-sidebar .estate-filter .pair-estate_state br, .route-sidebar .estate-filter .pair-estate_state .form-label, .route-sidebar .estate-filter .pair-estate_state br {
  display: none;
}
.map-sidebar .estate-filter .pair-estate_state .form-input label, .route-sidebar .estate-filter .pair-estate_state .form-input label {
  background: #ddd;
  margin-right: 10px;
  padding: 3px 5px;
}
.map-sidebar .estate-filter .pair-estate_state .form-input label .hint-positioner, .route-sidebar .estate-filter .pair-estate_state .form-input label .hint-positioner {
  margin: 0 -5px;
  top: -3px;
}
.map-sidebar .estate-filter .pair-estate_state .form-input label.checked, .route-sidebar .estate-filter .pair-estate_state .form-input label.checked {
  background: #b5ca2c;
}
.map-sidebar .map-estate-header, .route-sidebar .map-estate-header {
  background: #000;
  color: #fff;
  padding: 7px 14px;
}
.map-sidebar .map-legend, .route-sidebar .map-legend {
  margin-top: 0.6em;
}
.map-sidebar .map-legend td, .route-sidebar .map-legend td {
  vertical-align: middle;
}
.map-sidebar .map-legend .with-padding, .route-sidebar .map-legend .with-padding {
  padding-left: 5px;
}
.map-sidebar .map-sidebar-header, .route-sidebar .map-sidebar-header {
  position: absolute;
  width: 100%;
  z-index: 13;
}
.map-sidebar .map-sidebar-header a, .route-sidebar .map-sidebar-header a {
  width: 100%;
  background: #000000;
  color: #fff;
  padding: 7px 14px;
  text-align: center;
}
.map-sidebar .map-sidebar-header a:hover, .route-sidebar .map-sidebar-header a:hover {
  /*background: $colorHightlight;*/
}
.map-sidebar .map-sidebar-content, .route-sidebar .map-sidebar-content {
  background: rgba(255, 255, 255, 0.95);
  height: 0;
  overflow-x: hidden;
  transition: height 0.5s;
  /*        .actions-item{
              margin: 1px;
              height:44px;
              width: 25px;
              padding-top: 15px;
              padding-left: 4px;
              border: 1px solid grey;
              cursor: pointer;
              &.disabled{
                  margin: 1px;
                  height:46px;
                  width: 27px;
                  border: 0;
                  > i{
                      display: none;
                  }
              }
          }*/
}
.map-sidebar .map-sidebar-content .route-estate-item, .route-sidebar .map-sidebar-content .route-estate-item {
  display: block;
  border-bottom: 1px solid #999;
  min-width: 160px;
  max-width: 400px;
}
.map-sidebar .map-sidebar-content .thumb-image, .route-sidebar .map-sidebar-content .thumb-image {
  position: relative;
}
.map-sidebar .map-sidebar-content .thumb-image .position-icon, .route-sidebar .map-sidebar-content .thumb-image .position-icon {
  width: 20px;
  height: 28px;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: 2;
  background-image: url("../images/map/pd-marker.png");
  background-size: 20px;
  /*background-color: $colorHightlight;*/
  /*@include borderRadius(10px);*/
  text-align: center;
  padding-top: 10px;
}
.map-sidebar .map-sidebar-content .thumb-image .position-icon .position-text, .route-sidebar .map-sidebar-content .thumb-image .position-icon .position-text {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
.map-sidebar .route-edit-estates .route-estate-item, .route-sidebar .route-edit-estates .route-estate-item {
  display: block;
  border-bottom: 1px solid #999;
  min-width: 160px;
  max-width: 400px;
}
.map-sidebar .route-edit-estates .thumb-image, .route-sidebar .route-edit-estates .thumb-image {
  position: relative;
}
.map-sidebar .route-edit-estates .thumb-image .position-icon, .route-sidebar .route-edit-estates .thumb-image .position-icon {
  width: 20px;
  height: 28px;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: 2;
  background-image: url("../images/map/pd-marker.png");
  background-size: 20px;
  /*background-color: $colorHightlight;*/
  /*@include borderRadius(10px);*/
  text-align: center;
  padding-top: 10px;
}
.map-sidebar .route-edit-estates .thumb-image .position-icon .position-text, .route-sidebar .route-edit-estates .thumb-image .position-icon .position-text {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
.map-sidebar .marginer, .route-sidebar .marginer {
  padding: 42px 14px 14px;
}
.map-sidebar .close-button, .route-sidebar .close-button {
  display: none;
}
.map-sidebar .open-button, .route-sidebar .open-button {
  display: block;
}
.map-sidebar.open .open-button, .route-sidebar.open .open-button {
  display: none;
}
.map-sidebar.open .close-button, .route-sidebar.open .close-button {
  display: block;
}
.map-sidebar.open .map-sidebar-content, .route-sidebar.open .map-sidebar-content {
  height: 100%;
}

.actions-item {
  margin: 1px;
  height: 44px;
  width: 25px;
  padding-top: 15px;
  padding-left: 4px;
  border: 1px solid grey;
  cursor: pointer;
}
.actions-item.disabled {
  margin: 1px;
  height: 46px;
  width: 27px;
  border: 0;
}
.actions-item.disabled > i {
  display: none;
}

/*---------------------------------------------
-- diskuze
---------------------------------------------*/
.comment-form {
  min-width: 320px;
}
.comment-form .multi {
  padding-top: 2em;
  text-align: right;
}

.comment {
  border: 1px dashed #000000;
  margin-bottom: 10px;
  padding: 14px;
  position: relative;
}
.comment.comment-hide {
  display: none;
}
.comment .name {
  font-weight: bold;
}
.comment .datum {
  color: #6b7580;
}
.comment .text {
  border-top: 1px solid #ddd;
  padding-top: 5px;
}
.comment .remove-comment {
  position: absolute;
  right: 5px;
  top: 0px;
}

.hide-comments {
  display: none !important;
}

.comments-open .comment.comment-hide {
  display: block;
}
.comments-open .hide-comments {
  display: inline-block !important;
}
.comments-open .show-comments {
  display: none !important;
}

.paginator {
  text-align: center;
}
.paginator span, .paginator a {
  color: #fff;
  display: inline-block;
  padding: 5px 8px;
}
.paginator a {
  background: #000000;
}
.paginator a:hover {
  color: #b5ca2c;
}
.paginator span {
  background: #ddd;
}

/*---------------------------------------------
-- 
---------------------------------------------*/
.people {
  margin-bottom: 2em;
  text-align: center;
}
.people .image img, .people .estate-photogallery .image-sort-placeholder img, .estate-photogallery .people .image-sort-placeholder img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.people .name {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.75em 0;
}
.people .intro {
  margin-bottom: 1em;
}

.people-image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  height: auto;
}

/*---------------------------------------------
-- authors
---------------------------------------------*/
.author-preview {
  border: 1px solid #000000;
  padding: 14px;
}
.author-preview .image, .author-preview .estate-photogallery .image-sort-placeholder, .estate-photogallery .author-preview .image-sort-placeholder {
  float: left;
  width: 33%;
}
.author-preview .image img, .author-preview .estate-photogallery .image-sort-placeholder img, .estate-photogallery .author-preview .image-sort-placeholder img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*			border: 3px solid #dad4c8;*/
}
.author-preview .content {
  padding: 16px 0;
  float: right;
  width: 60%;
}
.author-preview dd {
  clear: both;
  font-weight: bold;
  float: left;
  margin-bottom: 0.75em;
  width: 50%;
}
.author-preview dt {
  float: right;
  width: 50%;
  margin-bottom: 0.75em;
}

/*---------------------------------------------
-- 
---------------------------------------------*/
html, body {
  height: 100%;
}

body {
  overscroll-behavior: contain;
}

.logo .large,
.user-area-wrapper,
.nav-area .main-menu,
.nav-area .user-area,
.quick-search-wrapper,
.main-menu.desktop,
.menu-socials.main {
  display: none;
}

.mycontainer {
  /*padding: 0 10px;*/
  overflow: hidden;
}

.myinnercontainer {
  margin: 0 10px;
  position: relative;
  max-width: 1500px;
}

header {
  padding-top: 10px;
  position: relative;
  z-index: 150;
}

.add-estate-header-button {
  margin-bottom: 10px;
}

.add-estate-header-button {
  right: 0;
  position: absolute;
  top: 10px;
}

.menu-socials {
  padding-left: 9px;
}

.nav-area .mobile-switcher {
  float: left;
  margin: 1% 0;
  margin-right: 1%;
  width: 32.6666%;
}
.nav-area .mobile-switcher.last {
  margin-right: 0;
}

.main-menu.mobile ul ul {
  margin-left: 1.5em;
}

.user-area {
  padding: 0 12px;
}
.user-area a {
  padding: 8px 0;
  display: inline-block;
  white-space: nowrap;
}

.user-area-wrapper {
  position: absolute;
  right: -12px;
  top: 0;
}

.estate-image-control {
  clear: both;
}
.estate-image-control input {
  float: left;
  height: 39px;
  margin-right: 2%;
  margin-bottom: 2%;
  width: 48%;
}

.estate-images {
  margin-left: -2%;
}
.estate-images .image, .estate-images .estate-photogallery .image-sort-placeholder, .estate-photogallery .estate-images .image-sort-placeholder {
  float: left;
  margin: 0 0 2% 2%;
  width: 31.333%;
}

.estate-photogallery .images-drop-area {
  /*margin-left: -2%;*/
}
.estate-photogallery .image, .estate-photogallery .image-sort-placeholder {
  float: left;
  margin: 0 2% 2% 0;
  width: 48%;
}

.estate-section-title .last-change, .h1 .last-change, .mceContentBody h1 .last-change, .mce-content-body h1 .last-change, .wysiwyg-content h1 .last-change {
  float: right;
}

.map-legend {
  margin-left: -2%;
}

.map-legend-marker {
  margin: 0 0 2% 2%;
}

.estate-filter .form-label {
  line-height: 1.2em;
}

.user-profile-estates .wrapper {
  margin-left: -2%;
}
.user-profile-estates .visual-estate {
  float: left;
  margin: 0 0 2% 2%;
  width: 48%;
}

.estate .image, .estate .estate-photogallery .image-sort-placeholder, .estate-photogallery .estate .image-sort-placeholder, .article .image, .article .estate-photogallery .image-sort-placeholder, .estate-photogallery .article .image-sort-placeholder {
  margin-bottom: -2px;
  /*margin-right: 15px;*/
}
.estate .image a, .estate .estate-photogallery .image-sort-placeholder a, .estate-photogallery .estate .image-sort-placeholder a, .article .image a, .article .estate-photogallery .image-sort-placeholder a, .estate-photogallery .article .image-sort-placeholder a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.images-database {
  margin-left: -1%;
}
.images-database .image, .images-database .estate-photogallery .image-sort-placeholder, .estate-photogallery .images-database .image-sort-placeholder {
  float: left;
  margin: 0 0 1% 1%;
  width: 19%;
}
.images-database .image.iter-5 + .image, .images-database .estate-photogallery .iter-5.image-sort-placeholder + .image, .estate-photogallery .images-database .iter-5.image-sort-placeholder + .image, .images-database .estate-photogallery .image.iter-5 + .image-sort-placeholder, .estate-photogallery .images-database .image.iter-5 + .image-sort-placeholder, .images-database .estate-photogallery .iter-5.image-sort-placeholder + .image-sort-placeholder, .estate-photogallery .images-database .iter-5.image-sort-placeholder + .image-sort-placeholder {
  clear: both;
}

/*.map-sidebar {
    position: absolute;
    right: 0;
    top: 0;
}   

.route-sidebar {
    position: absolute;
    left: 10;
    top: 0;
}*/
.comment .image, .comment .estate-photogallery .image-sort-placeholder, .estate-photogallery .comment .image-sort-placeholder {
  float: left;
  margin-right: 5%;
  width: 20%;
}
.comment .datum {
  margin-bottom: 5px;
}
.comment .text {
  float: left;
  width: 75%;
}

.article-detail .media {
  margin-left: -1%;
}
.article-detail .media .image, .article-detail .media .estate-photogallery .image-sort-placeholder, .estate-photogallery .article-detail .media .image-sort-placeholder {
  float: left;
  margin: 0 0 1% 1%;
  width: 32.3333%;
}

.authors-wrapper {
  margin-left: -2%;
}

.author-preview {
  margin: 1% 0 1% 2%;
}

.map-legend-marker {
  float: left;
  width: 48%;
}
.map-legend-marker table {
  width: 100%;
}

.routes-submenu, .route-content-screen {
  display: none;
}

.route-container {
  display: flex;
  flex: 1;
}
.route-container .route-columns {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.route-container .route-left-col {
  flex: 1 1 100%;
  order: 1;
  text-align: center;
}
.route-container .route-mid-col {
  flex: 1 1 100%;
  order: 2;
  display: block;
}
.route-container .route-right-col {
  overflow-y: auto;
  flex: 1 1 100%;
  order: 3;
}
.route-container .route-right-col .route-card-title {
  text-align: center;
}
.route-container .route-right-col .route-card-container {
  margin: 0;
  text-align: center;
  /*padding: 10px;*/
}
.route-container .route-right-col .route-card-container .route-card-image-wrapper .route-card-image {
  /*width: 160px;*/
  position: relative;
  display: inline-block;
  text-align: center;
  /*float: left;*/
  /*padding-right: 5px;*/
}
.route-container .route-right-col .route-card-container .route-card-details {
  display: inline-block;
  float: left;
}
.route-container .route-right-col .route-card-container .route-card-desc {
  /*display: block;*/
}

@media (min-width: 420px) {
  .pl-20p {
    padding-left: 30%;
  }

  .media-row .datum {
    float: left;
    width: 30%;
  }
  .media-row .web {
    float: left;
    width: 70%;
  }
  .media-row .text {
    float: left;
    width: 90%;
  }
  .media-row .position {
    float: right;
    width: 10%;
  }

  .books-row .datum {
    float: left;
    width: 30%;
  }
  .books-row .text {
    float: left;
    width: 60%;
  }
  .books-row .position {
    float: right;
    width: 10%;
  }

  .facebook-row .datum {
    float: left;
    width: 30%;
  }
  .facebook-row .text {
    float: left;
    width: 60%;
  }
  .facebook-row .position {
    float: right;
    width: 10%;
  }

  .links-row .web {
    float: left;
    width: 30%;
  }
  .links-row .text {
    float: left;
    width: 60%;
  }
  .links-row .position {
    float: right;
    width: 10%;
  }

  .people-wrapper {
    margin-left: -3%;
  }
  .people-wrapper .people {
    float: left;
    margin-left: 3%;
    width: 47%;
  }
  .people-wrapper .people:nth-child(2n+1) {
    clear: both;
  }

  .estate .image, .estate .estate-photogallery .image-sort-placeholder, .estate-photogallery .estate .image-sort-placeholder, .article .image, .article .estate-photogallery .image-sort-placeholder, .estate-photogallery .article .image-sort-placeholder {
    float: left;
    margin-bottom: 0;
    margin-right: 1%;
    width: 19%;
  }
  .estate .content, .article .content {
    float: left;
    width: 80%;
  }
  .estate .content, .article .content {
    float: left;
    width: 80%;
  }
  .estate .content-pair, .article .content-pair {
    width: 59% !important;
  }
}
.image-relative {
  position: relative;
  overflow: hidden;
}

@media (max-width: 500px) {
  .logo .small {
    height: 50px;
  }

  .smap .card {
    max-width: 300px;
  }

  .is-map footer {
    display: none;
  }
}
@media (min-width: 500px) {
  .contacts-wrapper {
    margin-left: -2%;
  }

  .contact-item {
    margin-left: 2%;
    width: 48%;
  }
}
@media (min-width: 660px) {
  .nav-area, .menu-socials.in-menu {
    display: none;
  }

  .user-area-wrapper, .quick-search-wrapper.desktop, .menu-socials.main {
    display: block;
  }

  .route-map {
    height: 500px;
  }

  .add-estate-header-button {
    right: 318px;
    position: absolute;
    top: 50px;
  }
  .add-estate-header-button span {
    display: none;
  }
  .add-estate-header-button .fa {
    margin-right: 0;
  }

  .quick-search-wrapper.desktop {
    position: absolute;
    top: 50px;
    right: 0px;
  }

  .menu-socials.main {
    padding: 0;
    position: absolute;
    float: right;
    right: 0px;
    top: 50px;
  }
  .menu-socials.main a {
    margin-left: 3px;
  }

  header {
    margin-bottom: 4px;
  }

  footer {
    margin-top: 4px;
  }

  .main-menu.desktop {
    display: block;
  }
  .main-menu .menu > li {
    float: left;
  }
  .main-menu .menu > li > a {
    border-right: 4px solid #fff;
  }
  .main-menu .menu > li.first > a {
    border-left: 4px solid #fff;
  }
  .main-menu li {
    position: relative;
  }
  .main-menu li:hover > .submenu-wrapper > ul {
    display: block;
  }
  .main-menu ul ul {
    border-top: 4px solid #fff;
    display: none;
    background: #000;
    left: 0;
    padding-bottom: 5px;
    position: absolute;
    width: auto;
    white-space: nowrap;
  }
  .main-menu ul ul a {
    display: block;
    white-space: nowrap;
  }

  .menu-socials {
    float: right;
    padding-right: 9px;
  }

  .left-sidebar {
    float: left;
    width: 30%;
  }

  .not-map .content-section {
    float: right;
    width: 68%;
  }

  .not-asside .content-section {
    width: 95%;
    margin: 0 auto;
  }

  .estate-form .form-label {
    float: left;
    text-align: right;
    width: 33%;
  }
  .estate-form .form-input {
    float: right;
    width: 66%;
  }
  .estate-form .form-group.multi .form-label {
    display: none;
  }
  .estate-form .form-group.multi .form-input {
    float: none;
    width: auto;
  }

  .estate-filter {
    /*.advanced-filter-group {
            .form-group {
                    width: 48%;

                    &.pair-tmp_title1, &.pair-tmp_title2, &.pair-tmp_title3, &.pair-tmp_title4 {
                            clear: both;
                            float: none;
                            width: auto;

                            .form-label {
                                    display: none;
                            }
                            .form-input {
                                    float: none;
                                    width: auto;
                            }
                    }
            }

            .form-label {
                    width: 35%;
            }
            .form-input {
                    width: 65%;
            }
    }*/
  }
  .estate-filter .header {
    float: right;
  }
  .estate-filter .controls-wrapper:after {
    clear: both;
    content: "";
    display: block;
  }
  .estate-filter .form-label {
    line-height: 32px;
  }
  .estate-filter .form-label label {
    line-height: 1.1em;
    vertical-align: middle;
  }
  .estate-filter.horizontal .controls-wrapper {
    margin-left: -2%;
  }
  .estate-filter.horizontal .form-group {
    float: left;
    margin: 0 0 2% 2%;
    /*width: 31.33%;*/
    width: 48%;
  }
  .estate-filter .form-group.multi {
    clear: both !important;
    float: none !important;
    margin-bottom: 0;
    width: auto !important;
  }
  .estate-filter .form-group.multi .form-label {
    display: none;
  }
  .estate-filter .form-group.multi .form-input {
    float: none !important;
    width: auto !important;
  }
  .estate-filter .form-label {
    float: left;
    min-height: 1px;
    padding-right: 10px;
    width: 40%;
  }
  .estate-filter .form-input {
    float: left;
    width: 60%;
  }
  .estate-filter .form-group:after {
    content: "";
    clear: both;
    display: block;
  }
  .estate-filter .pair-with_monument_number, .estate-filter .pair-public_owner, .estate-filter .pair-positive_example {
    /*            .form-input {
                    width: 100%; 
                }*/
  }
  .estate-filter .basic-filter-group .form-group:nth-child(2n+1) {
    clear: both;
  }
  .estate-filter .form-group.pair-historical_technologies {
    clear: both;
    float: none;
    width: 98%;
  }
  .estate-filter .form-group.pair-historical_technologies .form-label {
    width: 17.14%;
  }
  .estate-filter .form-group.pair-historical_technologies .form-input {
    width: 82.86%;
  }
  .estate-filter .form-group.pair-historical_technologies:after {
    content: "";
    clear: both;
    display: block;
  }

  .map-sidebar .estate-filter .pair-estate_state .form-input {
    width: 100%;
  }

  .map-legend-marker {
    width: 23%;
  }
  .map-legend-marker.smaller {
    text-align: center;
    width: 18%;
    white-space: nowrap;
  }
  .map-legend-marker.smaller img {
    max-width: 40px;
  }

  .estate-photogallery .image, .estate-photogallery .image-sort-placeholder {
    width: 31.333%;
  }

  .subjects-form {
    width: 600px;
  }
  .subjects-form .pair {
    float: left;
    margin-right: 1%;
    width: 49%;
  }
  .subjects-form .pair.pair-notes, .subjects-form .pair.pair-cuzk_address, .subjects-form .pair.multi, .subjects-form .pair.pair-tmp_title, .subjects-form .pair.pair-description, .subjects-form .pair.pair-active {
    clear: both;
    float: none;
    width: auto;
  }
}
@media (min-width: 768px) {
  .estate-images.wider {
    margin-left: -1%;
  }
  .estate-images.wider .image, .estate-images.wider .estate-photogallery .image-sort-placeholder, .estate-photogallery .estate-images.wider .image-sort-placeholder {
    margin: 0 0 1% 1%;
    width: 15.66666%;
  }
}
@media (min-width: 768px) {
  .route-content-screen .subjects-form {
    width: 100%;
  }

  .estate-header {
    position: absolute;
    right: 0;
    top: 0px;
  }

  .estate-header-screen {
    display: none;
  }

  .route-content-screen {
    display: block;
  }

  .routes-submenu {
    display: inline-block;
  }

  .route-container {
    display: flex;
    flex: 1;
  }
  .route-container .route-columns {
    display: flex;
    flex: 1;
  }
  .route-container .route-edit-estates {
    padding: 0 10px;
    max-width: 280px;
    max-height: 650px;
    overflow-y: scroll;
    overflow-x: hidden;
    order: 1;
  }
  .route-container .route-edit-map {
    order: 2;
    flex: 1;
  }
  .route-container .route-left-col {
    max-width: 270px;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    order: 1;
  }
  .route-container .route-mid-col {
    order: 2;
    flex: 1;
  }
  .route-container .route-right-col {
    overflow-x: hidden;
    order: 3;
    margin-top: 30px;
  }
  .route-container .route-right-col .route-card-title, .route-container .route-edit-estates .route-card-title {
    text-align: left;
    margin-left: 20px;
  }
  .route-container .route-right-col .position-icon, .route-container .route-edit-estates .position-icon {
    /*top: -5px;*/
    left: 25px;
  }
  .route-container .route-right-col .route-card-container, .route-container .route-edit-estates .route-card-container {
    margin: auto;
    text-align: left;
    padding: 10px;
  }
  .route-container .route-right-col .route-card-container .route-card-image, .route-container .route-edit-estates .route-card-container .route-card-image {
    position: relative;
    width: 160px;
    float: left;
    padding-right: 5px;
  }
  .route-container .route-right-col .route-card-container .route-card-desc, .route-container .route-edit-estates .route-card-container .route-card-desc {
    margin-left: 160px;
    /*height: 200px;*/
  }
}
@media (max-width: 819px) {
  .map-sidebar-header {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .map-sidebar-header .open-button {
    max-width: 100px;
    display: inline-block;
  }
}
@media (min-width: 820px) {
  .map-sidebar {
    position: absolute;
    right: 0;
    top: 0;
  }

  /*    .route-sidebar {
          position: absolute;
          left: 10;
          top: 0;
      }*/
  .user-profile-estates .visual-estate {
    width: 31.3333%;
  }

  .add-estate-header-button {
    left: 330px;
    right: auto;
    top: 26px;
  }
  .add-estate-header-button span {
    display: inline-block;
  }
  .add-estate-header-button .fa {
    margin-right: 8px;
  }

  .author-preview {
    float: left;
    width: 48%;
  }
  .author-preview:nth-child(2n+1) {
    clear: both;
  }
}
@media (max-width: 980px) {
  .credits-created-by {
    display: none;
  }
}
@media (min-width: 980px) {
  .left-sidebar {
    width: 25%;
  }

  .not-map .content-section .not-asside .content-section {
    margin: 0 auto;
    width: 73%;
  }

  .estate-info-boxes {
    margin-left: -1%;
  }

  .estate-info-box {
    float: left;
    margin-left: 1%;
    width: 32.33333%;
  }

  .estate-header {
    position: absolute;
    right: 0;
    top: 0px;
  }

  .contact-item {
    width: 31.333%;
  }

  .estate-photogallery .image, .estate-photogallery .image-sort-placeholder {
    width: 23%;
  }

  .people-wrapper .people {
    width: 30.3333333%;
  }
  .people-wrapper .people:nth-child(2n+1) {
    clear: none;
  }
  .people-wrapper .people:nth-child(3n+1) {
    clear: both;
  }

  .subject-row .datum, .timeline-item .datum, .subject-row .name, .timeline-item .name {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .subject-row.toggle-class-active .datum, .toggle-class-active.timeline-item .datum, .subject-row.toggle-class-active .name, .toggle-class-active.timeline-item .name, .subject-row.toggle-class-active .address, .toggle-class-active.timeline-item .address {
    margin-bottom: 1em;
  }
}
@media (min-width: 1200px) {
  .left-sidebar {
    width: 18%;
  }

  .not-map .content-section, .not-asside .content-section {
    width: 80%;
    margin: 0 auto;
  }

  /*	.mycontainer {
                  margin: 0 auto;
                  width: 1180px;
          }*/
  .pl-20p {
    padding-left: 20%;
  }

  .media-row .datum {
    width: 20%;
  }
  .media-row .web {
    width: 20%;
  }
  .media-row .text {
    float: left;
    width: 55%;
  }
  .media-row .position {
    float: right;
    width: 5%;
  }

  .books-row .datum {
    float: left;
    width: 20%;
  }
  .books-row .text {
    float: left;
    width: 75%;
  }
  .books-row .position {
    float: right;
    width: 5%;
  }

  .facebook-row .datum {
    width: 20%;
  }
  .facebook-row .text {
    width: 80%;
  }

  .links-row .web {
    width: 40%;
  }
  .links-row .text {
    float: left;
    width: 55%;
  }
  .links-row .position {
    float: right;
    width: 5%;
  }

  .estate-filter.horizontal .form-group {
    width: 31.33%;
  }
  .estate-filter .basic-filter-group .form-group:nth-child(2n+1) {
    clear: none;
  }
  .estate-filter .basic-filter-group .form-group:nth-child(3n+1) {
    clear: both;
  }

  .user-profile-estates .visual-estate {
    width: 23%;
  }

  .comment .image, .comment .estate-photogallery .image-sort-placeholder, .estate-photogallery .comment .image-sort-placeholder {
    width: 10%;
    margin-right: 3%;
  }
  .comment .text {
    width: 87%;
  }
  .comment .name {
    float: left;
  }
  .comment .datum {
    float: right;
  }

  .people-wrapper .people {
    width: 22%;
  }
  .people-wrapper .people:nth-child(3n+1) {
    clear: none;
  }
  .people-wrapper .people:nth-child(4n+1) {
    clear: both;
  }

  .subject-row .left-part, .timeline-item .left-part {
    float: left;
    width: 50%;
  }
  .subject-row .contacts, .timeline-item .contacts, .subject-row .contacts-visible, .timeline-item .contacts-visible {
    float: right;
    width: 40%;
  }
  .subject-row .notes, .timeline-item .notes, .subject-row .notes-visible, .timeline-item .notes-visible {
    clear: both;
  }
}
@media (min-width: 1500px) {
  .myinnercontainer {
    margin: 0 auto;
  }

  .left-sidebar {
    width: 15%;
  }

  .not-map .content-section .not-asside .content-section {
    margin: 0 auto;
    width: 83%;
  }

  .contact-item {
    width: 18%;
  }

  .estate-photogallery .image, .estate-photogallery .image-sort-placeholder {
    width: 18%;
  }

  .user-profile-estates .visual-estate {
    width: 18%;
  }

  .author-preview {
    width: 31.333%;
  }
  .author-preview:nth-child(2n+1) {
    clear: none;
  }
  .author-preview:nth-child(3n+1) {
    clear: both;
  }

  .estate .content, .article .content {
    min-height: 178px;
  }
}

/*# sourceMappingURL=index.css.map */