#callus{
--call-us-form-header-background: #7264b8;  //Primary Color
--call-us-header-text-color: #ffffff;                    //Secondary Color
position: fixed;
bottom: 20px;
right: 6px;
}
nav.nav.nav-top {
    min-height: 4px;
    background: #9e9e9e29;
    /* box-shadow: 0 1px 0px; */
    /*z-index: 7777777777;*/
}
.filters input:checked + label {
    background-color: #7264b8;
    border-color: transparent;
    color: #fff;
}

.filters input[type="checkbox"], .filters input[type="radio"] {
    display: none;
}

/* .filters {
    margin: 1em 0;
    position: -webkit-sticky;
    position: sticky;
    top: 107px;
    height: calc(100vh - 107px);
    overflow-y: auto;
} */

.card-image .tag {
    position: absolute;
    top: 5px;
    right: 5px;
}

.card-image .field {
    position: absolute;
    top: 5px;
    right: 5px;
}

.grid.view-list .column {
    width: 100%;
}

.grid.view-list .card-image {
    /* width: 25%; */
    /* display: inline-block; */
    float: none;
}

.grid.view-list .card-header {
    /* width: 25%; */
    /* display: inline-block; */
}

.grid.view-list .card {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    justify-content: unset;
}

.grid.view-list .card > * {
    /* flex:1 1 auto; */
}

.grid.view-list .card:after {
    display: table;
    clear: both;
}

.grid.view-list .card-content {
    float: left;
    /* width: 50%; */
    flex: auto;
}

.grid.view-list .card-footer {
    float: left;
    border-left: 1px solid #dbdbdb;
    border-top: 0;
    /* width: 25%; */
    /* clear: both; */
    flex-direction: column;
}

.view-list .qqq {
    float: left;
    width: 40%;
    flex-shrink: 0;
    position: relative;
}

.grid .content {
    display: none;
}

.grid.view-list .content {
    display: block;
}

.grid.view-list_sm .column {
    width: 100%;
}

.grid.view-list_sm .card-image {
    /* width: 25%; */
    /* display: inline-block; */
    float: none;
}

.grid.view-list_sm .card-header {
    /* width: 25%; */
    display: none;
}

.grid.view-list_sm .card {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    justify-content: unset;
}

.grid.view-list_sm .card > * {
    /* flex:1 1 auto; */
}

.grid.view-list_sm .card:after {
    display: table;
    clear: both;
}

.grid.view-list_sm .card-content {
    float: left;
    /* width: 50%; */
    flex: auto;
    /* display: none; */
}

.grid.view-list_sm .card-footer {
    float: left;
    border-left: 1px solid #dbdbdb;
    border-top: 0;
    /* width: 25%; */
    /* clear: both; */
    flex-direction: column;
}

.view-list_sm .qqq {
    float: left;
    width: 20%;
    flex-shrink: 0;
}

.grid .content {
    display: none;
}

.grid.view-list .content {
    display: block;
    padding: .5em;
    margin-bottom: 0em;
}

footer.footer {
    /* background-size: cover; */
    background-position: bottom center;
    /* width: 100%; */
    /* height: 280px; */
    /* position: relative; */
    background: url(footer.svg) bottom no-repeat #eee;
    /*     background: url(/dist/city_footer1.jpg) center no-repeat #eee; */
    /* color: aliceblue; */
    z-index: 2;
    position: relative;
}

.rooms-carousel-nav {
    height: 70px;
    margin: 0px 0 1em;
}

.rooms-carousel-nav .carousel-cell {
    width: auto;
    margin: 6px 3px;
}

.is-nav-selected {
    /* color:aliceblue; */
    /* box-shadow: 0 0 5px black; */
    outline: #7264b8 solid 3px;
}

.rooms-carousel.flickity-enabled.is-draggable .carousel-cell {
    width: 100%;
    /* margin-right: 5px; */
}

/* .flickity-prev-next-button:hover {
  background: transparent;
}
.flickity-prev-next-button {
  background: transparent;
}
.flickity-prev-next-button .arrow {
  fill: white;
  box-shadow: 0 0 2px red;
}
.flickity-prev-next-button.no-svg {
  color: white;
} */

.card .tag:not(:last-child) {
    font-size: 0.7em;
    margin: 1px;
}

.card .tag {
    font-size: 0.9em;
    margin: 1px;
    box-shadow: 0 0 1px 0px black;
}

.is-hidden-grid {
    display: none;
}

.grid.view-list .is-hidden-grid {
    display: table-cell;
}

.filters .panel-heading.is-small {
    padding: 4px 0.5em;
    font-size: 1em;
    margin-top: 0.4em;
}

.tags1 {
    color: #7264b8;
    /* color: white; */
    /* background-color: #7264b8; */
    padding: 0.3em 0.3em 0;
    white-space: nowrap;
}

.card-header-title {
    background-color: #5445A0;
    color: white;
    font-size: 0.8em;
    padding: 0.4em 0.6em;
    display: flex;
    justify-content: space-between;
}

div#map {
    margin: 2em 0;
}

.container.apartment td:first-child {
    /* padding: 0px; */
}

.container.apartment td:not(:first-child) {
    padding: 0.4em 0.5em;
}

input[type="radio"] {
    display: none
}

nav.level {
    /* background: #7264b8; */
    background: white;
    padding: 0.5em 0.5em;
    /* border-radius: 5px; */
    top: 66px;
    overflow: hidden;
    border: 1px solid #7264b8;
}

.sidebar {
    /* overflow-y: scroll; */
    /* height: 100vh; */
}

span.panel-icon {
    width: auto;
    min-width: 20px;
    color: #7264b8;
}

p.panel-heading {
    background: #7264b8;
    color: white;
    padding: 4px 0.5em;
    border-color: #7264b8;
}

span#nav-toggle {
    background: #7264b8;
}

.nav-toggle span, .nav-toggle.is-active span {
    background-color: #fff;
}

section.section.apartments {
    padding-top: 0;
    background-color: white;
    overflow: visible;
    /* padding: 0 0.5em 2em; */
}

.marker-cluster-small {
    background-color: rgba(114, 100, 184, 0.4);
}

.marker-cluster-small div {
    background-color: rgba(114, 100, 184, 0.8);
    color: white;
}

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}

.marker-cluster-medium div {
    background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6);
}

.marker-cluster-large div {
    background-color: rgba(241, 128, 23, 0.6);
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
    background-color: rgb(181, 226, 140);
}

.leaflet-oldie .marker-cluster-small div {
    background-color: rgb(110, 204, 57);
}

.leaflet-oldie .marker-cluster-medium {
    background-color: rgb(241, 211, 87);
}

.leaflet-oldie .marker-cluster-medium div {
    background-color: rgb(240, 194, 12);
}

.leaflet-oldie .marker-cluster-large {
    background-color: rgb(253, 156, 115);
}

.leaflet-oldie .marker-cluster-large div {
    background-color: rgb(241, 128, 23);
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}

.marker-cluster small {
    position: absolute;
    margin: 0 auto;
    background: rgba(114, 100, 184, 0.8);
    color: white;
    border-radius: 5px;
    padding: 0 4px;
    top: -16px;
    left: -6px;
}

.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;

    text-align: center;
    border-radius: 15px;
    font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.marker-cluster span {
    line-height: 30px;
}

.leaflet-popup-content a {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 0.5em;
    background: rgba(0, 0, 0, .3);
    /* margin-top: 1em; */
    color: whitesmoke !important;
}

.callout__footer {
    margin-top: 1em;
}

p.field.show_on_map {
    position: absolute;
    right: 6px;
    top: 11px;
    margin: 0;
}

a.panel-block {
    padding: 0.2em 0.5em;
}

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

.navbar-brand img {
    width: 132px;
    height: 66px;
    /* width: 100%; */
    max-height: 100%;
    /* position: absolute; */
    top: 0;
    transition: background .3s ease, max-height .4s ease;
    /* max-height: 54px; */
    padding-bottom: 4px;
}

.navbar-brand {
    /* width: 180px; */
    overflow: visible;
    position: relative;
    align-items: center;
}

.navbar-item {
    flex-direction: column;
    justify-content: center;
    padding: 0 1em;
}

.navbar-item.is-tab span {
    font-size: .7em;
}

.headroom--not-top img {
    /* max-height: 54px; */
}

.headroom--not-top .container {
    /* height: 54px; */
}

nav.navbar {
    /* height: 90px; */
    /* background-color:transparent; */
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
    transform: translate3d(0, 0, 0);
    z-index: 999;
}

nav.navbar .container {
    /* background-color:#fffffff2; */
    transition: all .4s ease;
    margin: 0 auto;
}

.navbar-brand .brand {
    padding: 0 .3em;
}

.navbar-item.is-tab.is-active {
    /* background-color: #c7bfeb !important; */
}

.card:before {
    transition:opacity 1.4s;
    content: '';
    position: absolute;
    top:0;
    height:100%;
    width: 100%;
    box-shadow: 0 11px 34px rgba(10, 10, 10, 0.1), 0 0 18px 0px rgba(10, 10, 10, 0.1);
    /* box-shadow: 0 0 20px black; */
    opacity: 0;
    transform: translateZ(0);
    z-index: -1;
}
.card:hover:before {
    transition:opacity .4s;
    opacity: 1;
}

.card-content th:first-child, .card-content td:first-child {
    border-left: 0
}

.card-content th:last-child, .card-content td:last-child {
    border-right: 0
}

.card-content td {
    /* border-bottom:0 */
}

.card-content .table {
    /* margin: 0.4em 0; */
    margin: 0;
    width: 100%;
}

footer.card-footer {
    border: 0;
    padding: 0.3em;
}

.apartment {
}

section#panel {
    background-color: white;
}

div#menu {
    /* background-color: #7264b8; */
    /* position: sticky; */
    /* top: 0; */
    /* transition: transform 400ms ease; */
    /* padding-top: 140px; */
    /* box-shadow: 3px 0 12px -3px rgba(10, 10, 10, 0.3); */
    -webkit-scroll-snap-coordinate: 50% 50%;
}

label.panel-block.is-small {
    padding: 0 0.5em;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    /*     background: rgba(255, 255, 255, 0.9); */
    /*     -webkit-backdrop-filter: blur(10px); */
    /*     backdrop-filter: blur(10px); */
    /* transform: translateY(0); */
    will-change: transform;
}

div#panel .hero-body {
    /* padding: 0; */
}

span.filter-count {
    font-size: 0.7em;
}

.apartments .container {
    /* overflow: hidden; */
}

.card {
    border-radius: 5px;
    /* overflow: hidden; */
}

nav.level.is-mobile.sticky {
    top: 65px;
}

.app-menu-container {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    will-change: transform;
}

.hero.is-small.is-primary.is-bold {
    margin-top: 1em;
    /* background-image: url('/dist/city.jpg'); */
    background-size: cover;
    background-position-y: 68%;
    background-blend-mode: luminosity;
}

.hero.is-primary.is-bold .hero-body {
    padding-left: 0;
}

.hero {
    /* text-shadow:
    -3px -3px 0 #000,
    3px -3px 0 #000,
    -3px 3px 0 #000,
    3px 3px 0 #000 */
}

.navbar-burger.burger {
    /* background: #C7BFEB; */
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.element-item {
    /* will-change: transform; */
}

div#ww {
    /* direction: rtl; */
}

button.toggle-button.is-hidden-desktop {
    /* background: #7264b8; */
    /* color: white; */
    /* position: sticky; */
    /* top: 67px; */
    /* left: 36px; */
    /* z-index: 22; */
    /* border: 0px solid white; */
    box-shadow: 0 0 0px 1px rgba(255, 255, 255, 1);
    animation: hover1 2s ease-in-out infinite;
}

button.toggle-button.is-hidden-desktop:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0 1px 13px 1px #7264b8;
    opacity: 0;
    animation: hoverAfter 1s ease-in-out infinite;
}

@keyframes hover {
    0% {
        /*     opacity:.7 */
        /*     transform: translateY(-2px); */
        /*     box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1), 0 0 50px 10px rgba(173, 168, 255, 0.15); */
        /*     filter: brightness(1); */
    }
    50% {
        opacity: 1;
        transform: translateY(0px);
        /*     box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1), 0 0 80px 15px rgba(173, 168, 255, 0.3); */
        /*     filter: brightness(1.3); */
    }
    100% {
        /*     opacity:.7 */
        /*     transform: translateY(-2px); */
        /*     box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1), 0 0 50px 10px rgba(173, 168, 255, 0.15); */
        /*     filter: brightness(1); */
    }
}

@keyframes hoverAfter {
    0% {
        transform: translateY(0);
        /*     box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1), 0 0 50px 10px rgba(173, 168, 255, 0.15); */
        /*     filter: brightness(1); */
    }
    50% {
        transform: translateY(0px);
        opacity: 1;
        /*     box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1), 0 0 80px 15px rgba(173, 168, 255, 0.3); */
        /*     filter: brightness(1.3); */
    }
    100% {
        transform: translateY(0);
        /*     box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1), 0 0 50px 10px rgba(173, 168, 255, 0.15); */
        /*     filter: brightness(1); */
    }
}

.image img.lazyload {
    /*     display:none; */
}

.tags1 i {
    margin-right: 1px;
    border: 1px solid;
    padding: 2px;
    border-radius: 3px;
}

.lazyload, .lazyloading1 {
    transition: opacity 0.4s;
    /* visibility: hidden; */
    opacity: 0;
}

.lazyloaded {
    transition: opacity 0.4s;
    /*visibility: visible;*/
    opacity: 1;
}

.blur-up {
    background-size: cover;
    /*     -webkit-filter: blur(5px); */
    /*     filter: blur(5px); */
    /*     transition: filter 400ms, -webkit-filter 400ms; */
}

.blur-up.lazyloaded {
    /*     -webkit-filter: blur(0); */
    /*     filter: blur(0); */
}

.show_on_map {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 5px;
}

div.blur-up > img {
    visibility: visible;
}

.carousel-cell.is-selected, .carousel-cell.is-selected + img {
    visibility: visible;
}

.snap-carousel {
    white-space: nowrap;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;

    -webkit-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-scroll-snap-destination: 50% 50%;
    scroll-snap-destination: 50% 50%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.snap-carousel .snap-cell {
    display: inline-block;
    vertical-align: top;
    position: static !important;
    width: 100%;
    height: 100%;
    -webkit-scroll-snap-coordinate: 50% 50%;
    scroll-snap-coordinate: 50% 50%;
    scroll-snap-align: center;
}

.lozad {
    transition: opacity 1s;
    /* transition-property: opacity; */
    /* transition-duration: 1.2s; */
    opacity: 0.1;
}

img.lozaded {
    opacity: 1;
}

.snap-carousel > div {
    display: inline;
    will-change: scroll;
    -webkit-overflow-scrolling: touch;
}

input.input.is-small.quicksearch {
    /* -webkit-appearance: searchfield; */
}

.button.is-primary.is-inverted.is-outlined.show_on_map {
    background: rgba(255, 255, 255, 0.25);
}
.button.is-primary.is-inverted.is-outlined.show_on_map:hover {
    background: rgba(255, 255, 255, 1);
}

.field.is-expanded {
    width:  100%;
}

.dg-popup__container {
    height:  236px;
}

a.navbar-link {
    flex-direction: column;
}



.b-page_newyear {
    position:  absolute;
    top: 0;
    width:  100%;
    z-index: 111111;
}

div#root {
    /*padding-top: 50px;*/
}

a.nav-item.is-tab.is-small {
    background-color: rgba(255, 255, 255, 0.62);
    color: #5d4fa0;
}

.price.old, .price.new{
    font-size:26px;
    font-weight:900;

}
.price.new{
    font-size:26px;
    font-weight:900;
color:#f53860;
}
.price.old{
    text-decoration:line-through;
    font-weight:400;
}
.card-content small{
    font-size: 10px;
    font-style:italic;
    color:gray;
    text-align:right;
    width:100%;
    display:inline-block;
    padding:0 1em;
}

th.now {
    font-size: 14px;
    text-align: right;
}

.card-content b{
    font-size: 13px;
/*     text-align:right; */
    width:100%;
    display:inline-block;
    padding:0 1em;
}
.dots:after {
  content: '\2807';
  font-size: 24px;
  }
  .subtitle{
      white-space: pre-line;
  }

@media screen and (min-width: 1068px) and (max-width: 1260px) {
nav.navbar .container {
    max-width: 100%;
    width: 100%;
}
}
@media screen and (max-width: 1007px){
.navbar-menu {
    display: block;
    max-height: calc(100vh - 100px);
    overflow: auto;
}
    .navbar-start{
        width: 100%;
    }
    .menu__box {
        display: none;
    }
}

#menu__toggle {
    display: none;
}

#menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);
}

#menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);
}

#menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
}

#menu__toggle:checked ~ .menu__box {
    visibility: visible;
    display: flex;
    top: 0;
    width:100%;
}

.menu__btn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 1;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    border-radius: 3px;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #7264b8;
    transition-duration: .25s;
}

.menu__btn > span::before {
    content: '';
    top: -12px;
}

.menu__btn > span::after {
    content: '';
    top: 12px;
}
.navbar-bottom{
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
}
@media screen and (max-width: 768px){
    .navbar-item.is-tab {
        align-items: center;
        display: flex;
        padding-bottom: 0;

    }
    .navbar-item.is-tab span{
        display: none;
    }
    .navbar-dropdown{
        width: 100%;
    }
    .navbar-bottom{
        display: flex;
        z-index: 1000;
        will-change: transform;
        background: #7264b8;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        padding-bottom: env(safe-area-inset-bottom);
    }
    .navbar-bottom a{
        color:white;
        font-family: AvenirNextCondensed-DemiBold, roboto condensed,arial narrow;
    }
}



.tabs.is-fullwidth {
    width: 100%;

}

.test .carousel-cell {
  width: 90%; /* half-width */
  /* max-height: 400px; */
  margin-right: 1em;
}

.test.main-carousel {
min-height: auto;
}

.test ol.flickity-page-dots {
    bottom: -20px;
    white-space: normal;
}

.phone {
    display: flex;
    font-weight:900;
    margin-right: -1em;
}
.phone .is-danger {
    font-family: AvenirNextCondensed-DemiBold, roboto condensed,arial narrow;
    padding: 0;
    line-height: 1;
    height: 2em;
    background-color: #fc0000;
}
.phone .icon.is-large {
    height: 4rem;
    width: 3rem;
}
.phone .icon.is-large .fa {
    font-size: 76px;
}