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


#window {
    /*background-color: #FFFFFF;*/
    position: relative;
   
}
 #webalan-footer, #webalan-footer a {color: #ccc; background-color: inherit; font: normal 9px Verdana, Arial, Sans-Serif;}

#webalan-footer {clear: both;display: block;height: 14px;border-top: 1px solid #ccc;padding-top: 1px;margin-top: 4px;text-align: right;}

#webalan-footer a {text-decoration: none;text-transform: none;padding: 0;margin: 0;border: none;float: right;}


#window .window {
    
    /*overflow: hidden;*/
    position: relative;
 
}
.spdj {margin-right:10px}
#scroller {
	/*background-color: #fff;*/
    position: relative;
   
}
#elem_alls {position:absolute; left:0px; top:0px; }
.flag {
    background:url("b.png") repeat ; 
    display: block;
    height: 48px;
    position: absolute;
    min-width: 41px;
    padding-right:4px;
    padding-left:4px;
}
.flag i.s {
    background:url("arow.png") no-repeat ; 
     height: 13px;
    left: 2px;
    position: absolute;
    top: 48px;
    width: 46px;
} 

.flag i {
	color: #8a331e;
    font-family: 'Oswald';
    font-size: 25.23px;
    margin-top: 0;
    padding: 0 5px 0 0;
    position: relative;
    top: 6px;
    display:block;
    text-align:center;
}
.flag span {
  background: url("hover.png") repeat;
    color: #fff;
    display: block;
    font-family: 'Oswald';
    font-size: 12.75px;
    height: 38px;
    left: 100%;
    line-height: 1;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    top: -6px;
    width: 100%;
}

#fancybox-content > div{background:#fff!important; padding:10px!important;}
#fancybox-close { }

.window {  }
#ajax_load_s {width:48%; float:left; height:100px; text-align:center;}
.etaj_select select  {width:152px; height:27px; border:1px solid #D9D9D9}
.etaj_select { margin: 0 auto;
    width: 265px; margin-bottom:25px}
.etaj_select label, .etaj_select select {color:#919090; font-size:16px; font-family:"Roboto Condensed";}
#ajax_load_s h2 {color:#8b3d1d; font-size:22px; font-family:"Roboto Condensed"; text-transform:uppercase; text-align:center;margin-top: 0;}
#kwartira {text-align:center; padding:0 20px;}
#kwartira img{max-width:343px; margin:0 auto}
.mein_ss {color:#919090; font-size:16px; font-family:"Roboto Condensed"; text-align:center;}

#window_ajax_all {
 background:#fff; padding-top:20px;  margin-top: 0;   
 /* height: 600px; */
 width:900px; overflow: auto;
}

.etajis #window {background: #fff;}
.etajis .window {width:50%!important; max-width: 513px!important;}

.zooming, #zooming {
	background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.18);
    right: 22px;
	border-radius: 5px;
    position: absolute;
	padding: 5px;
    bottom: 4%;
    width: 45px;
    height: 89px;
    z-index: 1000;
    opacity: 0.75;
	}
/*.zooming, #zooming { left: 29px; position: absolute; top: 29px; width: 100px; height:32px; z-index:1000;}*/
.zooming a,
#zooming a {display:block; width:40px; height:40px; cursor:pointer;  z-index:2000; }

.zooming .zoom_plus,
#zooming #zoom_plus {background:url(../images/p1.png) no-repeat bottom; position:relative; right:3px; top:0}
.zooming .zoom_plus:hover,
#zooming #zoom_plus:hover {background:url(../images/p1.png) no-repeat top}

.zooming .zoom_minus,
#zooming #zoom_minus {background:url(../images/p2.png) no-repeat bottom; position:relative; right:3px; bottom:0}

.zooming .zoom_minus:hover,
#zooming #zoom_minus:hover {background:url(../images/p2.png) no-repeat top}

.zoom_info,
#zoom_info {
	color: #000;
    display: block;
    font-family: Oswald;
    font-size: 18px;
    position: relative;
    text-align: center;
    top: -14px;
	right: 0;
	display: none;
	}


.flag-text {
    text-align: center;
    padding: 10px 9px;
    background: rgba(255,255,255, 0.9);
    font: 18px "Oswald";
	color: #675f4b!important;
	border-radius: 5px;
    /*color: #45373c!important;*/
}
.flag-text p {
  background: #d27244;
  color: #675f4b;
  text-transform: uppercase;
  padding: 5px 7px;
  margin: 0 0 8px;
}

.flag-text
.kw__link {
	display: block;
    background-color: #88635b;
    border-radius: 16px;
    color: #fff3e6;
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
    padding: 10px 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    transition: background-color .2s ease;
}

.flag-text
.kw__link:focus, 
.flag-text
.kw__link:hover {
    background-color: #7db681;
}

.flag:after {
  content: "";
  width: 6px;
  height: 6px;
  background: rgba(255,255,255, 0.9);
  display: block;
  position: absolute;
  left: 50%;
  bottom: -4px;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

span.flag {
  background: transparent;
  display: block;
  position: absolute;
}
.flag {
 
    border: 1px solid rgba(255,255,255, 0.4);
    height: auto !important;
    /* padding: 5px !important; */
    border: 1px solid #cccccc;
    background: #ededed;
    padding: 11px 14px;
    border-radius: 5px;
    padding: 6px 9px;
}

rect, circle, path {cursor:pointer}

/*appartament kw*/

.apartment-info-box:after {content:""; display:block; clear:both}

.apartment-slider {
   position: relative;  
    min-height: 100px;
    width: 59.66%;
    float: left;
}
 
  .plan-pic {
    /*border: 20px solid #e2e2e2;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    
}
 
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.foto_adaptiv a {
    text-align:center;
}
.foto_adaptiv {
  
  width: 100%;
  
  margin: 0 auto;  
  margin-top:10px;
 }
.foto_adaptiv  a ,
.foto_adaptiv  img {
width: 100%;
    height: auto;
    margin:0 auto
    }
    .foto_adaptiv  a ,
.foto_adaptiv  img {
  max-width: 100%;
  display: inline-block; 
} 
 @media (min-width: 420px) {

.foto_adaptiv  a  {
    max-width: 48%;
  }
 }
 
@media (min-width: 760px) {
.foto_adaptiv  a  {
   max-width: 24.16%;
  }
}
 .apartment-slider .description {
    color: #454d61;
    font-family: 'Open Sans';
    font-size: 13px;
    padding: 20px 0;
    /*line-height: 15px;*/
    min-height: 70px;
    letter-spacing: 0.5px;
}

.description {
    margin-top: 12px;
}

 .apartment-details {
    width: 40.33%;
    float: left;
    padding-left: 32px;
}
 .apartment-details p {
    margin-bottom: 16px;
    padding-left: 26px;
    border-left: 4px solid #3c67bb;
}
 .apartment-details p strong {
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    height: 40px;
    display: block;
    margin-bottom: 10px;
    color: #3c67bb;
}
.info_row,
 .apartment-details p em {
    display: block;
    font-size: 16px;
    /*line-height: 20px;*/
    font-style: normal;
}

.info_row {
    margin-bottom: 8px;
    border-bottom: 1px dashed #fff3e6;
    padding: 0 1px;
}
.status_kom {
  text-align:center; 
  margin-bottom:30px;   
}
.status {
     
    display: inline-block;
    padding: 0 24px;
    border-radius: 3px;
   
}
.status0{
     background: #2fb72f;
     color: #fff;
      border: 1px solid #109610;
}
.status1 {
    background: #9c978b;
    color: #fdf4f4;
    border: 1px solid #63625d;
}
.status2{
    background: #d8a637;
    color: #fdf4f4;
    border: 1px solid #a98e0c;
}
.contentpane  .apartment-info-box {margin:0 21px;}

.price_kw{
	color: black;
    font-size: 25px;
    font-weight: bold;
    /*border-radius: 5px;
    background: #d8a637; 
    border: 2px solid #88635b;*/
    padding: 5px 10px;
	text-align: center;
    margin-bottom: 20px;
}

.pdf-link {
    display: block;
    line-height: 47px;
    padding-left: 0px;
    color: #999;
    font-size: 14px;
    position: relative;
    text-decoration:none;
}
 .pdf-link:hover  {
    color: #ad8946;
}
.pdf-link img {
    width:27px;
}

 #josForm {
    max-width: 90%;
    margin: 0 auto;
    /*background-color: #f7f7f9;*/
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-top: 15px;
 }
 .com_megaplan .componentheading {
	letter-spacing: 0px;
    margin-bottom: 20px;
    font-size: 20px;
}
 .com_megaplan .form-control {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 38px;
    padding: 0 11px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.com_megaplan .form-group {
    margin-bottom: 1rem;
}
.com_megaplan label {
    display: inline-block;
    margin-bottom: .5rem;
}

.com_megaplan .btn_forn {
    display: inline-block;
    font-weight: 400;
    color: #888;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
	padding: 0.375rem 0.75rem;
    border-radius: 0.1875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.com_megaplan .btn_forn.btn_forn-primary {
	display: block;
	border-radius: 0px;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 16px;
    background-color: #3c67bb;
	font-family: Oswald;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3px;
	line-height: 1;
	margin-left: auto;
}
.com_megaplan .btn_forn.btn_forn-primary:hover {
    opacity: 0.85;
	cursor: pointer;
}


	.com_megaplan .form-control.error_fled	{
	background: #fd7d73ab;
    border: 1px solid red;
    }


    .com_megaplan__back {
      width: 90%;
    margin: 0 auto;
    text-align: right;
    margin-bottom: 0px;
    margin-top: 20px;
    }

   .com_megaplan__back    .pdf-link {
    /*display: block;
    line-height: 1.25;
    border: solid 1px #355969;
    padding: 5px 10px;
    color: #355969;*/
	color: #FFF;
    text-transform: uppercase;
	font-family: 'Roboto Mono';
    font-size: 14px;
    font-weight: 500;
    line-height: 2.4;
    margin-bottom: 10px;
    padding: 0 1.3em;
    letter-spacing: 0em;
    box-shadow: 0 0.15em 0.3em rgba(0, 0, 0, 0.18);
    display: inline-block;
	background-color: #3c67bb;
  }


.bron__button {
  display: block;
  background-color: #ADDDF7;
  padding: 5px 10px;
}

.bron__button:hover{
  background-color: var(--button-background-color);
  color: var(--button-color);
}

h1 .com_megaplan__back {
	width: auto;
    display: inline-block;
    float: right;
    }
    
    
    .apartment-info-box h1  {
    font-size: 42px;
}


@media screen and (max-width: 600px) {
.zooming, #zooming, .flag {
	visibility: hidden;
	display: none;
	}
}


 @media (max-width: 677px) {
 .apartment-slider {
    position: relative;
    min-height: 100px;
    width: 100%;
    float: none;
}
.apartment-details {
    width: 100%;
    float: none;
    padding-left: 0;
}

.apartment-slider .description {
    color: #999;
    font-family: 'Open Sans';
    font-size: 12px;
    padding: 10px 0;
    line-height: 15px;
    min-height: 0;
    letter-spacing: 0.5px;
}
.apartment-slider  .img-responsive {
    display: block;
    max-width: 100%;
    max-height: 200px;
        margin: 0 auto;
}
 
.plan-pic {
    border:2px solid #e2e2e2;
}
.apartment-details p {
    margin-bottom: 16px;
    margin: 10px 0;
    
    
}
.apartment-info-box .com_megaplan__back {
    width: 90%;
    margin: 0 auto;
    text-align: right;
    margin-bottom: 0px;
    margin-top: 0;
}
.apartment-info-box h1 {
  
    font-size: 32px!important;
}
}


.etaj_block__parentlink {
	background-color: #3c67bb;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 2.4;
    margin-bottom: 10px;
    padding: 0 1.3em;
    border-radius: 5px;
    letter-spacing: 0em;
    box-shadow: 0 0.15em 0.3em rgba(0, 0, 0, 0.18);
    display: inline-block;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.etaj_block__parentlink:hover{
   opacity: 0.9; color: #FFF; text-decoration: none;
    
 
}
   .etaj_block__parent {
    display: table;
    width: 100%;
    direction: ltr;
   }
.etaj_block {
	/*background-color: #F6F6F6;*/
	width: 80px;
    display: table-cell;
    vertical-align: top;
}

.etaj_block__item {
float: none;
    border-width: 0 0 0 2px;
    border-style: solid;
    border-color: transparent;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    position: relative;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
 
    text-align: left;
}


.etaj_block__item a {
    display: block;
    color: #444;
	font-size: 16px;
	text-align: center;
    color: inherit !important;
    outline: none !important;
    padding: 0.1em 1.2em !important;
    text-decoration: none;
    background-color: transparent;
    transition-property: background-color, box-shadow, border, color, opacity, transform;
    transition-duration: 0.3s;
	-webkit-text-decoration-skip: objects;
}
.etaj_block__item.active {
    background-color: #abccdb;
    /*border-color: #e62947;*/
    color: #3F6171;
}
.etaj_block__item.active a {
 
    color: #e62947;
}
.etaj_block__item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}


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

.etaj_block {
display: flex;
    margin-bottom: 10px;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.etaj_block__parent {
    display: block;
    
}
.etaj_block__item{
   border-width: 0 1px 1px 1px;
  border-bottom: 1px solid #fff; 
}

}
 

 .hist__title, .hist__desc, .hist__status, .hist__price {
    display: block;
    font-style: normal;
}

.hist__title{
    color: #4272d1;
}

.hist__desc{
    color: #fff;
    background-color: #295de6;
}

.hist__price{
    color: #3F6171;
    font-size: 25px;
    font-weight: bold;
}

.hist__status {
    text-transform: uppercase;
    color: #2fb72f;
}