/*
	Theme Name: Immo Globe
	Theme URI: http://mousecode.rs
	Description: Immo Globe
	Version: 1.0
	Author: MouseCoder
	Author URI: http://mousecode.rs
	Tags: Blank, HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
/* @import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300&display=swap'); */

*,
*:after,
*:before {
/* 	font-family: 'BenchNine', sans-serif; */
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {

}
body {
	font-family: sans-serif;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    overflow-x: scroll;
	height: 100vh;
	width: 100vw;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
    text-decoration:none;
    color: white;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #67aa02;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	/* max-width:1280px;
	width:95%;
	margin:0 auto;
    position:relative; */
    /* position: absolute;
    top: 41px;
    left: 0; */
    /*z-index: 600;*/
    /* width: 100%;
    height: calc(100vh - 41px); */
}
/* header */
.header {
	
    background-color: #18444e;
	color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	/*background:#67aa02;*/
	/*color: #67aa02;*/
	text-shadow:none;
}
::-webkit-selection {
	/*background:#67aa02;*/
	/*color: #67aa02;*/
	text-shadow:none;
}
::-moz-selection {
	/*background:#67aa02;*/
	/*color: #67aa02;*/
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


h1, h2, h3, h4, h5, h6 {
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: 5px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    
}
#home{
    /* background: url(img/bg-img.jpg) no-repeat left top fixed; 
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    height: calc( 100vh - 40px) ; */
    /*position: relative;*/
    width: 100%;
    height: 100%;
}

#bgdimg{
    width:1920px;
    height: 1080px;
    x:0;
    y:0;
    overflow: hidden;
    z-index: -1;
}

#home::-webkit-scrollbar {
    display: none;
    width: 0 !important
}
#home::-webkit-scrollbar { width: 0 !important }
header{
    
    height: 75px;
    /*border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;*/
    background-color: #18444e;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1200;
}

.clear {
    clear: both;
}
.top-menu{
    position: relative;
    text-align: center;
    width: 100%;
    background-color: var(--color-primary);
    min-height: 50px;
    border-bottom: 1px solid #e1e1e0;
    z-index: 11;
}
.top-menu .top-menu__buttons {
    position: absolute;
    right: 10px;
    min-height: 42px;
    z-index: 9;
    display: flex;
    align-items: center;
}
.fa-info-circle:before{
    font-size: 30ppx;
    color: #707070;
}
.fa-expand-arrows-alt:before{
    font-size: 30ppx;
    color: #707070;
}
.top-menu__button--toggle-disclaimer, .top-menu__button--toggle-fullscreen{
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-family: var(--font-normal);
    font-size: 1em;
    color: #e1e1e0;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #e1e1e0;
    padding: 6px 20px;
    text-transform: uppercase;
    fill: currentColor;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 0;
    border-color: transparent;
    background: transparent;
    /*fill: var(--color-secondary-alpha-70);*/
    width: 40px;
    height: 40px;
}
.top-menu__nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 100%;
   
}
.top-menu__nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.top-menu__nav li {
    display: inline-block;
    vertical-align: top;
}
.top-menu .top-menu__nav .link, .top-menu .top-menu__nav .link--active {
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
}
.link{

    color: #333333;
    font-size: 1em;
    line-height: 1.75em;
    text-decoration: underline;
    cursor: pointer;
}
.contextual-menu{
    position: relative;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    border-bottom: 1px solid #e1e1e0;
    background-color: var(--color-primary-alpha-90);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.separator--vertical {
    border-left-style: solid;
    border-left-color: #e1e1e0;
    border-left-width: 1px;
    display: inline-block;
    margin: 10px 0;
    height: calc( 100% - 20px);
    vertical-align: middle;
}
.contextual-menu__bar {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 100%;
    max-width: 880px;
    height: 42px;
}
.bar__button{
    text-decoration: none;
    flex: 1;
    text-transform: capitalize !important;
    border: 0 !important;
    color: #333333;
}
/** Units page**/
 .tab, .tab--active {
    max-width: 250px;
}
 .tab, .tab--active {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: var(--font-normal);
    font-size: 1em;
    text-align: center;
    color: var(--color-secondary-alpha-70);
    display: inline-block;
    width: 50%;
}
.tab__link {
    color: var(--color-secondary-alpha-70);
    font-family: var(--font-normal);
    font-size: 1em;
    line-height: 1.75em;
    text-decoration: underline;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 11px 0 10px;
    border-width: 0 0 3px 0;
    border-style: solid;
    border-bottom-color: transparent;
}
.tab__link{
    padding: 8px 0 3px;
}
.tab--active .tab__link {
    border-bottom-color: #008800;
}

.inner-content {
    max-width: 880px;
    margin: 0 auto;
    position: relative;
}
.left-content{
    width: 100%;
    /*flex-basis: 25%;
    max-width: 100%;*/
    /*float: left;*/
    background-color: #ffffff;
    width: 300px;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    overflow-x: scroll;
    display: inline-block;
    
}
.right-content{
    flex-basis: 75%;
    max-width: 75%;
    float: right;
    
}
.top-filter{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.show-count {
    text-align: center;
}
.clear-all-filters {
    text-align: center;
}
.body-text{
    
    font-size: 1em;
    color: rgba(0,0,0,0.69);
    white-space: pre-line;
}
.clear-all-filters__link{
    font-size: 1em;
    line-height: 1.75em;
    text-decoration: underline;
    cursor: pointer;
    display: block;
    /* pointer-events: none; */
    color: #666;
}
.expandable--option{
    font-size: 1em;
    color: rgba(0,0,0,0.7);
    /*white-space: pre-line;*/
    margin-bottom: 0;
    margin-top: 0;
}
.expandable__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.fas.fa-chevron-down {
    height: 16px;
    max-width: 16px;
    bottom: -3px;
    margin-right: 5px;
    fill: rgba(0,0,0,0.7);
    position: relative;
    cursor: pointer;
}
.expandable__header--left, .expandable__header--right {
    box-sizing: border-box;
    display: flex;
}
.expandable__link{
    text-transform: uppercase;
    position: absolute;
    right: 6px;
    top: 0px;
    color: rgba(0,0,0,0.7);
}
hr{
    margin: 10px 0;
}
.expandable__content--expanded{
    display: none;
    margin-left: 36px;
}
.icon-circle-arrow-up{
    display: none;
}

.arrow-down {
    width: 81px;
    height: 16px;
    background: rgb(255, 255, 255);
    position: relative;
  }
  
  .arrow-down.active {
    background rgba(255, 255, 255);
  }
  
  .arrow-down:before, .arrow-down:after {
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 11px;
    transition: transform .5s;
  }
  
  .arrow-down:before {
    left: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transform: rotate(45deg);
  }
  
  .arrow-down:after {
    left: 11px;
    transform: rotate(-45deg);
  }
  
  
  
  
  
  
  
  .arrow-down.active:before {
    transform: rotate(-45deg);
  }
  
  .arrow-down.active:after {
    transform: rotate(45deg);
  }
  .radio {
    position: relative;
    margin: 5px;
    margin: 10px 0;
    display: flex;
  }

.radio__label, .radio__label--checked {
    cursor: pointer;
    margin-left: 15px;
    margin-top: -2px;
}
#order .expandable__link{
    right: -7px;
}
.heading--segment{
    font-size: 1em;
    text-align: center;
    color: rgba(0,0,0,0.7);
    text-transform: uppercase;
    font-style: normal;
    font-weight: 100;
    margin: 0;

}
.heading--segment:before {
    right: 0.5em;
    margin-left: -50%;
}
.heading--segment:before, .heading--segment:after {
    content: "";
    background-color: rgba(0,0,0,0.3);
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.heading--segment:before, .heading--segment:after {
    content: "";
    background-color:  rgba(0,0,0,0.3);
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.heading--segment:after {
    left: 0.5em;
    margin-right: -50%;
}
#filter-content{
    margin: 10px 0 0 32px;
}
.checkbox__label{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0 3px 0 30px;
    display: inline-block;
    color: rgba(0,0,0,0.7);
    line-height: 1.4;
    outline: none;
    position: relative;
}
.checkbox__label:before {
    content: '';
}
.checkbox__label:before{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    position: absolute;
    left: 0;
    top: 0;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    border-color: rgba(0,0,0,0.3);
}
.checkbox input[type=checkbox], .checkbox--fullwidth input[type=checkbox] {
    display: none;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    padding: 0 3px 0 18px;
    display: inline-block;
    color: rgba(0,0,0,0.7);
    line-height: 1.4;
    outline: none;
    position: relative;
    border-color: rgba(0,0,0,0.3);
  }
  .checkbox__label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  /*background-color: #eee;*/
  border-color: rgba(0,0,0,0.3);
  
}
  /* On mouse-over, add a grey background color */
  /*.checkbox__label:hover input ~ .checkmark {
    background-color: #ffffff;
    border-color: rgba(0,0,0,0.3);
  }*/
  
  /* When the checkbox is checked, add a blue background */
  .checkbox__label input:checked ~ .checkmark {
    background-color:#008800;
    border-color: #008800;
    height: 21px;
    width: 16px;
    border-radius: 2px solid rgba(0,0,0,0.3);
    box-sizing: border-box;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .checkbox__label input:checked ~ .checkmark:after {
    display: block;
  }
  /* Style the checkmark/indicator */
.checkbox__label .checkmark:after {
    left: 7px;
    top: 2px;
    width: 8px;
    height: 14px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .segment .arrow-down{
      margin-bottom: 16px;
  }
  #rooms .expandable__link{
    right: 19px;
}
  #rooms .arrow-down{
      width: 110px;
  }
  #rooms {
      width: 100%;
      display: block;
  }

  #rooms-content {
    
      margin:  20px 0 20px 36px;
      display: none;
  }
  #rooms-content .checkbox--fullwidth{
      margin-right: 19px;
  }
#filters{
    position: absolute;
    top: 75px;
    left: -4px;
    width: 400px;
    display: inline-block;
   
}
#filters
  /*.content {
     position: relative;
  }*/
  #filter .expandable__link{
      right: -50px;
  }
  .segment, .rooms {
      margin: 15px 0 30px 0;
  }
  #filter-box{
      display: none;
      background-color: #ffffff;
      opacity: 0.9;
		height: calc(100vh - 75px);
      position: relative;
        display: inline-block;
        overflow: hidden;
        width: 0;
        vertical-align: top;
        margin-right: 0;
    

  }
  #filter-button {
      /*margin: 9px;*/
      /*margin: 9px; */
        background-color: rgba(0, 0, 0, 0.6);
        width: 50px;
        height: calc(100vh - 75px);
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        margin: 0 auto;
  }
  #filter-button h3{
    width: 18px;
    text-align: center;
    word-wrap: break-word;
    font-size: 18px;
    color: #fff;
    top: 33.3333333333%;
    left: 18px;
    display: block;
    position: absolute;
    font-family: 'Open Sans', sans-serif;

  }

  .map-link {
      color: #584d47;
      font-size: 25px;
      display: inline;
      margin-right: 20px;

  }
  .map-link i{
      margin-top: 7px;
  }
  .language {
      font-size: 15px;
      color: #584d47;
      display: inline;

  }
  .language a {
      text-decoration: none;
  }
  .bottom-head {
    background: rgba(0,0,0,0.7);
    height: 65px;
    margin-top: 0;
    background-image:-webkit-radial-gradient(-100% 15%,ellipse farthest-side,#505050,#000 80%);
    background-image: radial-gradient(-100% 15%,ellipse farthest-side,#505050,#000 80%);
    border-top: 1px solid #67aa02;
    border-bottom: 1px solid #67aa02;
  }
  #building-description-box{
      position: absolute;
      bottom: 0;
      right: 0;
      width: 35%;
      background: #584d476b;
      padding: 30px;
      z-index: 700;
  }
.description-box{
    font-family: 'Open Sans', sans-serif;
  margin: 0 auto;
  color: #fff;
}
.description-box h1{
    font-size: 72px;
    letter-spacing: 0.1em;
    text-shadow: 0px 0px 2px #584d47;
}
.description-box p{
    letter-spacing: 0.2em;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 600;
}
.description-box p a{
    font-weight: 700;
    text-shadow: 0px 0px 2px #584d47;
}
#details {
    color: #fff;
    text-decoration: none;
    padding: 3px;
    margin: 3px;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 60px;
    z-index: 700;
}
#details-box{
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.63);
    height: auto;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    padding: 30px 0;
    z-index: 700;

}
.iner-box{
    width: 50%;
    margin: 0 auto;
    color: #ffffff;
    padding: 20px 0;
}
.iner-box p{
    font-size: 17px;
}
.button_cont {
    position: relative;
    left: 60%;
    bottom: 75px;
    text-decoration: none;
    margin-top: 30px;
}
.more_info {
    border-radius: 4px;
    background: linear-gradient(to right, #67b26b7a, #176b16d1) !important;
    border: none;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    padding: 20px;
    width: 200px;
    transition: all 0.4s;
    cursor: pointer;
    margin: 5px;
  }
  .more_info span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.4s;
  }
  .more_info span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: -2px;
    right: -20px;
    transition: 0.5s;
  }
  .more_info:hover span {
    padding-right: 25px;
  }
  .more_info:hover span:after {
    opacity: 1;
    right: 0;
  }
  /*** Single-building ***/

  #single-building{
   height: 100vh ;
   display: none;
   z-index: 900;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   overflow-x: hidden;
   overflow-y: hidden;
  }
  #single-building .button_cont {
      position: absolute;
      bottom: 40px;
      right: 20px;
      z-index: 1000;
  }
.invisible{
	display: none;
}
  #apartment{
      width: 100%;
      margin-top: 90px;
      overflow: scroll;
  }
  #apartment header{
      background: transparent;
      opacity: 0;
  }
  .apartment-details-left {
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-width: 66.6666666667%;
    max-width: 66.6666666667%;
    float: left;
  }
  .apartment-details-right{
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.3333333333%;
    height: auto;
	min-height: calc(100vh - 100px);
  }
 #slider{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: relative;
 }
 #slider ul {
     padding: 0;
     margin-top: 30px !important;

 }
 #slider ul li{
     list-style: none;
     display: block;
     width:  900px;
     height: 700px;
     text-align: center;
     margin: 0 auto;
 }
 a.control_prev, a.control_next {
    z-index: 999;
    display: block;
    padding: 2% 5%;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
    float: left;
 }
 a.control_prev {
    border-radius: 0 2px 2px 0;
  }
  
  a.control_next {
    float: right;
    border-radius: 2px 0 0 2px;
  }
  .position-btn{
    width: 150px;
    margin: 0 auto;    
    z-index: 1000;
  }
  #slider hr{
    position: absolute;
    top: 90%;
    width: 100%;
  }
  /*#slider span{
    position: absolute;
    top: 85%;
    left: 39%;
  }*/

@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}
.pulse-button{
  float: left;
  margin: 40px;
  width: 20px;
  height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  background: #008800;
  border-radius: 50%;
  animation: shadow-pulse 1s infinite;
  position: absolute;
  left: 45%;
  top: 30%;
  z-index: 1000;
}
@media only screen and (max-width: 1350px) {
	.pulse-button{
		position: absolute;
		bottom: 50%;
		top: unset;
		left: unset;
		float: none;
	}
	.apartment-details-right{
		margin-top: 50px;
	}
}
/*.message-box{
    border: 1px solid #ccc;
    display: none;
    font-size: 10px;
    margin-top: 10px;
    padding: 5px;
    text-transform: uppercase;

}*/
.message-box {
	position: relative;
	background: #0000008a;
    border: 1px solid #ccc;
    display: none;
    text-transform: uppercase;
    width: 150px;
    font-size: 10px;
    padding: 5px;
    margin-top: -10px;
    margin-left: 36px;
}
.message-box:after, .message-box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.message-box:after {
	border-color: transparent;
	border-right-color: #0000008a;
	border-width: 7px;
	margin-top: -7px;
}
.message-box:before {
	border-color: transparent;
	border-right-color: #ccc;
	border-width: 8px;
	margin-top: -8px;
}
.pulse-button:hover .message-box{
    display: block;
}
.apartment-details-right{
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.3333333333%;
    float: right;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    background: #fff;
}
.info-box{
    width: 93%;
    border-bottom: 1px solid #2a2a2a;
    margin: 15px 20px 10px 20px !important;
}
.info-box h3{
    margin-bottom: 20px;
    color: rgba(55,50,50,.7);
    font-size: 20px;
    border-bottom: 1px solid #2a2a2a;
    letter-spacing: 2px;
}
.info-box .row{
    margin: 20px;
}
.info-box .col3{
    width: 33.3333333333%;
    float: left;
}
.label-info{
    display: block;
    color: #6f6f6f;
}
.share-box{
    margin: 10px 20px 10px 20px;
    border-bottom: 1px solid #2a2a2a;
    padding-bottom: 5px;
}
.share-box a{
    margin: 20px;
}
.share-box a i{
    font-size: 20px;
}
.agent-box {
    margin: 20px;
    
}
.agent-box h3{
    padding-bottom: 10px !important;
    color: rgba(55,50,50,.7);
    font-size: 20px;
    border-bottom: 1px solid #2a2a2a;
    letter-spacing: 2px;
}
.img-box{
    padding: 20px 20px 20px 0;
    float: left;
	padding: 20px 0;
    color: rgba(55,50,50,.7);
}
.img-box img{
	/*margin-top: 25px;*/
	margin-right: 10px;
}

.contact-box{
    float: right;
    width: 284px;
    padding: 20px 0;
    color: rgba(55,50,50,.7);
	text-align: end;
}
#contact-button{
	color: green;
}
.contact-box h5, .img-box h5{
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-weight: bold;
}
.contact-box span{
    display: block;
    margin: 10px 0;
}
#virtual_tour {
    display: none;
    width: 100vw;
    height: 100vh ;
}
.tour_content{
    width: 85%;
    margin: 0 auto;
    text-align: center;
    padding: 40px 0;

}
#virtual_tour h2{
    margin: 30px !important;
}

#canvas{
    position: relative;
    z-index: 100;
    aspect-ratio: 1920/1080;
    height: auto;
    width: 100%;
}

#done{
    position: absolute;
    top:100px;
    left: 100px;
}

@media only screen and (min-width: 401px) and (max-width: 1350px) {
    .nav-right {
/*         width: 12%; */
    }
    .description-box{
        width: 95%;
    }
    .description-box p {
        line-height: 21px;
    }
    .apartment-details-left{
        width: 100%;
        float: none;
        max-width: 100%;
    }
    .apartment-details-right{
        width: 100%;
        float: none;
        max-width: 100%;

    }
    .apartment-details-right img{
        max-width: 100% !important;
    }
  }
  .expandable--option .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .expandable--option .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .expandable--option .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 22px;
    width: 2px;
    background-color: #bbb;
    border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .expandable--option .container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .expandable--option .container input:checked ~ .checkmark {
    background-color: green
    ;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .expandable--option .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .expandable--option .container input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .expandable--option .container .checkmark:after {
    top: 7px;
    left: 8px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #fff;
  }
  

  
  
  
  
  
.main {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #363636;
    z-index: 650;
}
  
.polygone-available{
    fill: transparent;
    stroke: transparent;
    stroke-width:3;
    pointer-events: visible;
}
.polygone-available:hover{
    fill: rgb(28, 140, 3);
    stroke: rgb(48, 224, 8);
    stroke-width:3;
    opacity: 0.7;
}
.polygone-show, .polygone-show-building{
    fill: rgb(28, 140, 3);
    stroke: rgb(48, 224, 8);
    stroke-width:3;
    opacity: 0.7;
}


.polygone-show-available{
    fill: rgb(28, 140, 3);
    stroke: rgb(48, 224, 8);
    stroke-width:3;
    opacity: 0.5;
}  
.polygone-show-booked{
   	fill: rgb(229, 201, 42);
    stroke: #fff703;
    stroke-width:3;
    opacity: 0.5;
}
.polygone-show-building.polygone-unavailable {
     fill: #ff7f50;
     stroke: #ff5010;
    stroke-width:3;
    opacity: 0.7;
}
.polygone-show-unavailable{
   	fill: #ff7f50;
    stroke: #ff5010;
    stroke-width:3;
    opacity: 0.5;
}
.polygone-booked {
/*     stroke: transparent; */
    stroke-width:3;
/*     fill: transparent; */
    pointer-events: visible;
  }
  .polygone-booked:hover {
    fill: rgb(229, 201, 42);
    stroke: #fff703;
    stroke-width:3;
    opacity: 0.7;
  }
  .polygone-unavailable{
/*     fill: transparent;
    stroke: transparent; */
    stroke-width:3;
    pointer-events: visible;
    }
    .polygone-unavailable:hover{
        fill: #ff7f50;
        stroke: #ff5010;
        stroke-width:3;
        opacity: 0.7;
    }
  
  #close{
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    right: 50px;
    color: #fff;
  }
  
  
  #tooltip, #tooltip2  {
    background: rgba(0, 0, 0, 0.63);
    border: 2px solid rgba(0, 0, 0, 0.63);
    /*border-radius: 1px;*/
    padding: 5px;
    color: #FFFFFF;
    font-weight: 700;
  }
  .navigate-arow{
      width: 33.3333333333%;
      margin: 0 auto;
      display: block;
      position: absolute;
      bottom: 30px;
      left: 33.3333333333%;
  }
  #left-arow {
      font-size: 20px;
      background: #ffffff;
      opacity: 0.8;
      color: #67AA06;
      transition: width 1s ;
      padding: 15px 20px;
      display: block;
      font-weight: 700;
      float: left;
      border-radius: 2px;
  }
 
  #left-arow:hover{
    background: #67AA06;
    color: #ffffff;
    border-radius: 2px;
  }
  #right-arow {
    font-size: 20px;
    background: #ffffff;
    opacity: 0.8;
    color: #67AA06;
    transition: width 1s ;
    padding: 15px 20px;
    display: block;
    font-weight: 700;
    float: right;
    border-radius: 2px;
}


#right-arow:hover{
    background: #67AA06;
    color: #ffffff;
  	border-radius: 2px;
}
#currentBuildingName{
    float: left;
    text-align: center;
    width: 70%;
    color: #000;
    font-size: 19px;
} 
.open-box {
    display: block;
    position: relative;
    margin: 40px 0;
    border-left: 50px solid rgba(0, 0, 0, 0.63);
    padding-left: 10px;
    height: 100vh;
}
.open-box h3{
    position: absolute;
    top: 33.3333333333%;
    left: -32px;
    background: none;
    width: 28px;
    word-wrap: break-word;
    font-family: monospace;
    font-size: 19px ;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 7px;
    text-transform: uppercase;
    color: #fff;
}

/*.open-box h3 {
    font: bold 12px Sans-Serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.63);
    color: #fff;
    padding: 5px 10px !important;
    margin: 0 0 10px 0 !important;
    line-height: 24px;
}*/
  
.close-button{
	position: absolute;
	top: 105px;
	right: 5px;
	z-index: 10000
}
.disablePolygon{
  pointer-events: none !important;
}

#pdf-button:hover, #contact-button:hover, #pulser:hover{
	cursor: pointer;
}

#pdf-button{
	color: green;
}
.ku-embed{
	width: 100%;
	height: 100%;
}

#two-d-img, #three-d-img{
	max-width: 900px;
	max-height: 600px;
}
  
.ui-dialog{
	z-index: 99999;
/* 	max-height: 75vh; */
	opacity: 0.85;
	min-width: 750px;
} 

.apartment-hr{
	border-bottom: 1px solid #2a2a2a;
	width: 50%;
	margin: 10px auto;
}
 
  
polygon:hover, a:hover, input[type='checkbox']:hover, .ui-slider:hover, .ui-slider-handle:hover{
	cursor: pointer;
}

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

.table-row:hover{
	cursor: pointer;
}

#filters{
	width: 100px;
	transition: width 2s;

}

#filters:hover{
	width: 400px;
	transition: width 1.5s;

}

#filter-button i {
	color:#fff;
	display:none;
}
  
.nav-container{
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px 50px;
	align-items: center;
}
 
.nav-container a{
	height: fit-content;
}

#logo img, #logo {
	height: 100%;
}

.table-row-unavailable:hover, .table-row-unavailable:hover .sorting_1{
		background-color: #ff7f50 !important;
}

.table-row-booked:hover, .table-row-booked:hover .sorting_1{
		background-color: rgb(229, 201, 42) !important;
}

.table-row-available:hover, .table-row-available:hover .sorting_1{
		background-color: rgb(47, 196, 14) !important;
}
  
html{
	overflow: hidden;
}

.main{
	overflow-x: scroll;
}
.navigate-arow{
	display: flex;
	flex-grow: 0;
	width: 70vw;
	left: 15vw;
			flex-wrap: wrap;
justify-content: center;
}

@media only screen and (max-width: 800px) {
	.button_cont{
	bottom: 0;
	left: 0;
	}
	.iner-box{
			text-align: center;
		}	
}

.navigate-arow{
	display: flex;
	flex-grow: 0;
	width: 70vw;
	left: 15vw;
			flex-wrap: wrap;
justify-content: center;
}


@media only screen and (max-width: 600px) {
	.description-box p {
		display: none;
	}
	#list-button{
 	width: 90px;
	}
	.description-box h1 {
		font-size: 50px;
		text-align: right;
	}
	#building-side-area-text, #building-side-price-text{
		display: none;
	}
	.navigate-arow{
		flex-wrap: wrap;
		bottom: 0;
	}
	#right-arow{
		margin-left: 50px;
	}
	#currentBuildingName{
		width: 100%;
		order: 5;
	}
	#slider{
		height: 90vw !important;
	}

	#slider hr{
		width: 60vw;
		left: 20vw;
		
	}
	.position-btn{
		width: 40vw;
		top: 95%;
		left: 30vw;
	}

}
@media only screen and (min-width: 1350px) {
	#currentBuildingName{
	width: 300px;
	}
	.nav-container div{
		width: 300px;
	}
}
@media only screen and (min-width: 1350px) {
	.nav-right{
	display: flex;
	width: 250px;
	justify-content: flex-end;
	align-items: center;

	}
}
@media only screen and (max-width: 1350px) {
	#floor{
		margin-bottom: 100px;
	}
	#slider ul li, #slider{
		width: 100% !important;
		display: flex;
		flex-direction: column;
		align-items: center;
		
	}

	.apartment-details-left, .apartment-details-right, #location-in-building{
		max-width: 100% !important;
		float: none;
	}
	#two-d-img, #three-d-img{
		max-width: 80vw;
		
	}

	#building-description-box{
		width: 80vw;
		left: 20vw;
		bottom: 0;
		top: unset;
	}
	
	#filters {
		overflow:scroll;
	}
	

}

.list-icon{
	visibility: hidden;
}
  @media only screen and (max-width: 675px) {
	  .agent-box{
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center;
	  }
	  .img-box, .contact-box{
		  width: 80%;
	  }
	  .agent-box h3{
		  width: 100%;
	  }
	  .list-icon{
		  visibility: visible;
	  }
	  #home-button{
		  margin-right: 15px;

	  }
	  .list-text{
		  display:none;
	  }
}
  @media only screen and (max-height: 400px) {
	  #building-description-box{
		  width: auto;
		  left: unset;
	  }
	  #filters{
		  top: 50px;
	  }
	  #filter-box, #filter-button{
		  height: calc(100vh - 50px)
	  }

	  header{
		  height: 50px;
	  }
	  #details-box, #details-box article{
		  padding: 5px;
	  }
	  #building-side-title{
		  display: none;
	  }
	  	.description-box p {
		display: none;
	}
	#list-button{
 	width: 90px;
	}
	.description-box h1 {
		font-size: 25px;
		text-align: right;
	}
	#building-side-area-text, #building-side-price-text{
		display: none;
	}
	  #home-button{
		  margin-right: 15px;

	  }
	.navigate-arow{
		flex-wrap: wrap;
		bottom: 0;
	}
	#right-arow{
		margin-left: 50px;
	}
	#currentBuildingName{
		width: 100%;
		order: 5;
	}
	#slider{
		height: 90vw !important;
	}

	#slider hr{
		width: 60vw;
		left: 20vw;
		
	}
	.position-btn{
		width: 40vw;
		top: 95%;
		left: 30vw;
	}
	  .agent-box{
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center;
	  }
	  .img-box, .contact-box{
		  width: 80%;
	  }
	  .agent-box h3{
		  width: 100%;
	  }
	  .list-icon{
		  visibility: visible;
	  }
	  .list-text{
		  display:none;
	  }
}
.close-filters{
	font-size: xxx-large;
	line-height: 70vh
}

.box{
	width: 20px;
	height: 20px;
	
}

.red{
	background-color: red;
}

.green{
	background-color: green;
}
.yellow{
	background-color: yellow;
}
.status-container{
	display: flex;
	align-items: center;
}
.status-container label{
	margin: 0 5px;
}
.description-box p {
		display: none;
}
.status-container label{
	width: 100px;
}
.onepage{
	height: 100vh;
}
.nav-container div{
	width: 250px
}
.nav-right{
	display: flex;
	justify-content: flex-end;
	align-items: center
}
#logo{
	min-width: 130px;
}
@media only screen and (min-width: 1350px) and (max-width: 1600px) {
	.img-box, .img-box img{
		width: 150px;
	}
	.contact-box{
		width: 250px;
	}
}
html {
  overflow:   hidden;
}
::-webkit-scrollbar {
	height: 0px;
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
#tooltip3{
	background: rgba(0, 0, 0, 0.63);
    border: 2px solid rgba(0, 0, 0, 0.63);
    /* border-radius: 1px; */
    padding: 5px;
    color: #FFFFFF;
    font-weight: 700;
}
 @media screen and (orientation:landscape) { 
	#currentBuildingName {
		width: auto;
		order: 0;
}
	 #left-arow{
		 margin-right: 50px;
	 }
	 #right-arow{
		 margin-left: 50px;
	 }
	 .navigate-arow{
		 padding-bottom: 10px;
	 }
}
.close {
  position: absolute;
  background-color: white;
  right: 5px;
  top: 5px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
#tooltip3{
  width: 150px;
}
.ui-dialog-content, .ui-dialog-titlebar, .ui-dialog{
	max-width: 100vw;
}
.room_title{
    display: none;
}
#type{
     display: block;
}
#duplex-or-penthouse{
    display: none;
}

element.style {
}

/* @-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}


#filter-button{
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
} */
#filter-button .search-btn{
    color: #FFF;
    display: block;
    top: 5%;
    left: 18px;
    position: absolute;
}