*, *:after, *:before {
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    line-height: 1.2;
    font-family: inherit;
    outline: none;    
}

.container {max-width: 1180px; margin: 0 auto;}
/*
.ReSearchFlatBig:not(:first-child) {display: flex;}
.ReSearchFlatBig:first-child {display: block;}*/
.ReSearchFlatBig {width: 100%;}
.ReSearchFlatBig .row {margin: 0px;}

.header-row {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;}

.flatCounter {text-transform: uppercase; text-align: center; color: #01b0e0;}
.flatHeader {display: flex; padding: 15px; justify-content: space-between; flex-wrap: wrap;}
.flatHeader-btn {display: flex; flex-wrap: wrap;}
.flatTitles, .agent-info {display: flex; flex-direction: column;}
.flatTitles h4 {margin-bottom: 5px;}
.flatPhotos {height: auto;}
.structure-btns > button {width: 100%;}
.icon-folder {width: 18px; height: 18px; background-image: url('/img/icons/folder.svg'); background-repeat: no-repeat;  margin: 0px 7px 3px 0px;}
.flatInfo {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 5px 15px 15px; border-radius: 6px; border: 1px solid #01b0e0;}

.btn-group {
    display: flex;
    justify-content: center;
	margin-top: auto;
	position: sticky;
	top: 0;
	left: 0;
    z-index: 9997;
}
.btn {
    /*background: #2ebede;*/
    border-radius: 0;
    padding: 10px;
    width: 100%;
    height: 100%;
    font-size: 16px;
	cursor: pointer;
	outline: none;
}
.btn button {width: 100%;}
.btn-blue {background: #2ebede; border: 1px solid transparent; color: #ffffff;}
.btn-blue:last-child {border-left: 1px solid #ffffff;}
.btn-blue:first-child {border-right: 1px solid #ffffff;}
.btn-blue:hover {
	background: #1c9db9;
	box-shadow: 0px 0px 10px 1px rgba(46, 190, 222, 0.35);  
	color: #ffffff;
}
.btn.focus, .btn:focus {
    outline: none;
    box-shadow: none;
}
.btn.print{margin-left: 0px !important;}
.btn-text {margin-right: 5px;}
.btn-fab {border: 1px solid #28a745!important; border-radius: 6px; padding: 7px 15px;}
.links a {color: #01b0e0;}
.fst-row {margin-bottom: 1rem;}

/*===carousel===============================*/

.ReSearchFlatBig >>> button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  outline: none!important;
}
.ReSearchFlatBig >>>  button:focus {outline: none!important;}
.ReSearchFlatBig >>> .el-carousel__arrow {background-color: rgb(62, 80, 101, 0.32);}
.ReSearchFlatBig >>> .el-carousel__arrow--right {right: 0;}
.ReSearchFlatBig >>> .el-carousel__arrow--left {left: 0;}
.flatPhotos img {height: 100%; border: 1px solid transparent; margin: 0 auto; display: block;}
.objectProgress .el-carousel__item:nth-child(2n) {
  background: url("/img/73b0903ac774c473d1cd176b2fbe999f.jpeg") no-repeat center;
  background-size: contain;
} /*план поэтажный*/ 
.objectProgress .el-carousel__item:nth-child(2n + 1) {
  background: url("/img/9bht27nx4iuqcw3n0s4wyns4.png") no-repeat center;
  background-size: contain;
} /*план кв*/ 

/*===collapse===============================*/

.flatPass >>> .card-collapse .card:not(.card-cinc) .card-header {padding-top: 0px;}
.flatPass >>> .card-collapse .card:not(.card-cinc) .card-header a {color: #01b0e0;}
.flatPass >>> .card-collapse .card:not(.card-cinc) .card-body {padding-right: 0px; padding-left: 0px;}
.flatPass-container {display: flex; flex-direction: column;}
.flatPass-row {display: flex; justify-content: space-between; margin-bottom: 8px;}
.flatPass-btn {display: flex; justify-content: space-between; margin-top: 10px;}
.flatPass-btn > button {width: 100%;}
.flatPass-btn > button:first-child {margin-right: 15px;}
.flatPass-row h3, .flatPass-row h6, .bigPrice h3, .flatPass-row p {margin-bottom: 0px;}


.contats-booking {display: flex; flex-wrap: wrap;}

/*===map===============================*/
.objectInfo, .priceFlow  {display: flex; justify-content: space-between; flex-wrap: wrap; border: 1px solid #01b0e0; padding: 20px 5px 20px 15px; border-radius: 6px;}
.windowMap, .objectProgress, .mortgage, .bank-card, .mortgage-calc, .payment {border: 1px solid #01b0e0; border-radius: 6px; padding: 15px;}
.ReSearchFlatBig .map {height: auto;}
.objectInfo h4:first-child {margin-right: 15px;}
.objectAddress {display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #01b0e0; padding-bottom: 7px;}
.objectAddress p {margin-bottom: 12px;}
.metro {display: flex; align-items: center; flex-wrap: wrap;}
.metroLine {width: 15px; height: 15px; background-image: url('/DATA/presentations/img/icons/metro.svg'); background-repeat: no-repeat;  }

.metroIc {margin-bottom: 7px; margin-right: 7px;}
.object-row {display: flex; justify-content: space-between; margin-bottom: 5px;}
.object-row p {min-width: 100px; margin-right: 10px;}
.objectPass-row {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.objectPass-row p {position: relative; margin-bottom: 5px;}
.objectPass-row p::before {
	content: '';
	position: absolute;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background: #01b0e0;
	left: -9px;
	top: 9px;
} 

.priceChart {display: flex; flex-direction: column;}
.bigPrice {width: 100%; padding: 15px; border-radius: 6px; background: linear-gradient(90deg, #1d83bd 0%, #00BF9A 100%); text-align: center; margin-bottom: 15px;}
.bigPrice h3, .bigPrice p {color: #fff;}

/*===chart===============================*/
.priceChart >>> .card-chart {border: 1px solid #01b0e0; border-radius: 6px;}
.priceChart >>> .card-chart h4 {margin-bottom: 0px;}
.priceChart >>> .card-chart .chart-area {height: auto;}

/*===mortgage===============================*/
.mortgage-title, .bank-header {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px;}
.bank-header {display: flex;}
.bank-col {display: flex; flex-direction: column; justify-self: flex-end;}
.bank-col p {margin-bottom: 0px;}
.bank-text {display: flex; flex-direction: column;}
.mortgage-content {display: flex; flex-wrap: wrap;}
.banks {padding-left: 0px; padding-right: 5px;}
.banks-scroll {
	display: flex;     
	max-width: 1180px;
    max-height: 330px;
	overflow-x: scroll;
	padding-bottom: 10px;
}
.calcs {padding-right: 0px;}
.calcs >>> .input-group-append {cursor: pointer;}
.bank-photo-img {display: block; max-width: 100px; height: auto;}
.bank-card >>> .card-body {padding: 0px;}
.white-content .card:not(.card-white) .bank-card:hover {box-shadow: 0px 0px 10px rgba(139, 99, 127, 0.84); cursor: pointer;}
/*.bank-card:hover {box-shadow: 0px 0px 10px rgba(139, 99, 127, 0.84); cursor: pointer; border:1px solid #BA54F5;}
.bank-card:active {border:1px solid #BA54F5; box-shadow: 0px 0px 10px rgba(139, 99, 127, 0.84); cursor: pointer;}*/
.calc-row {display: flex; flex-wrap: wrap;}
.ReSearchFlatBig >>> .form-control + .input-group-append .input-group-text {background: transparent;}
.monthly-pay {display: flex; justify-content: space-between;}
.monthly-pay h4 {color: #00bf9a ;}
.ReSearchFlatBig >>> .bank-text br {content: ""; display: block; margin-top: 5px;}


/*===DINAMICS===============================*/

.flowcontainer h2 {margin: 25px 0px; font-size: 1.5rem;}


/*===ICONS===============================*/
.icon-user-run {
	background: url('/DATA/presentations/img/icons/pedestrian.svg') no-repeat center;
	width:15px;
	height: 19px;	
}
.icon-bus {
	background: url('/DATA/presentations/img/icons/bus.svg') no-repeat center;
	width:15px;
	height: 15px;	
}
.flowcontainer h2 {margin: 25px 0px; font-size: 1.5rem;}


/*===SLIDE-SHOW===============================*/
.presentation-page {max-width: 1180px; margin: 0 auto; position: relative;}
/* Hide the images by default */
.mySlides {display: none;}

/* The dots/bullets/indicators */
.dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.activeDot, .dot:hover {
	background-color: #717171;
}
/* Fading animation */
.Slidefade {
	animation: Slidefade 1s forwards;
}
@keyframes Slidefade {
    0% 
    {
        transform: translateX(50%);
        transition: transform .3s ease-in-out;
        opacity:0;
    }
   100% 
    {
        transform: translateX(0%);
        transition: transform .3s ease-in-out;
        opacity:1;
    }
}


/*===MAPS===============================*/
.windowMap .map .mapMore{
	color: #4d4f6c;
	cursor: pointer;
	width: 170px;
	height: 37px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: white;
	text-align: center;
	margin: 0 auto;
	padding-top: 15px;
	position: absolute;
	bottom: 0px;
	z-index: 10;
	left: calc(50% - (170px / 2));
}

.windowMap .map {
    min-height: 160px;
    background-color: grey;
    position: relative;
    margin-top: 25px;
    margin-bottom: 35px;
}
.display_none{display:none;}

.photos_print{display: none;}
.photos_print > img{
	display: inline-block;
	width: 115px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/*===MEDIA===============================*/
@media (max-width: 768px) {	
	.btn.print{display: none;}
	.flatPass {margin-top: 20px; padding: 0px 10px 0px 5px!important;}
	.flatPass-btn {flex-wrap: wrap;}
	.flatPass-btn > button:first-child {margin-right: 0px;}
	.calcs {order: 1; margin-bottom: 20px;}
	.banks {order: 2; padding-right: 0px;}
	
	.calcs {padding-left: 0px;}
	.bank-header {flex-wrap: nowrap;}
	.flowcontainer {display: none;}
	.banks-scroll {flex-wrap: wrap;}
	.btn-blue {margin-top: 25px;}
	.company-logo img {height: 50px;}
	.flatPass-row h3, h4, h5 {font-size: 18px;}
	.fiomobile {margin-bottom: 0px;}
	.pozname {display: none;}
	.header-row > div {padding: 0px;}
	.fst-row {margin-bottom: 0px;}
	.btn-text {display: none;}

}

@media print {
	.top-btn,.objectPanorama,.img_shema .container > h2,.banks-scroll,.photo_rama .fotorama{display: none;}
	.photo_rama .photos_print{display: block;}
	.pagebreak {page-break-after: always !important;}
	
	.map .FlatMapConteiner {display: none;}
	/*.map .FlatMapConteiner > .ymaps-map{width:400px;}*/

	.header-row.footer{margin-bottom: 0 !important;}
}

/*============================*/
.ReSearchFlatBig .flatInfo .img img {
    height: 320px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.presentation-page > .top-btn .btn{height: auto; max-height: 70px;}


/*===NovoData===============================*/
.NovoData-wrapper{
	display: flex;
    flex-wrap: wrap;
    margin: 0px 10px 24px 10px;
	border: 1px solid #9e77f3; 
	border-radius: 6px;
	box-shadow: 0px 3px 10px 0px rgba(123, 123, 123, 0.25)!important; 
	padding: 15px; 
}
.NovoData {
	width: 300px;
}
.groupCard {height: -webkit-fill-available;}
.groupTopBlock {padding: 20px 0px; }
.groupBottBlock {padding:0px 10px 0px 0px;}
.groupPhoto {display: flex; width: 100%; height: 200px; }
.groupPhoto img {width: 100%; height: 100%; margin: 0 auto; object-fit: contain;}
.baseInfo {padding: 0px;}
.metro {display: flex; align-items: center; flex-wrap: wrap;}
/* .metroIc {margin-right: 7px;}
.metroIc {margin-bottom: 8px;} */
.NovoObjectInfo {
	display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 5px 20px 15px;
}


/*===MyObj===============================*/

/* .MyObj.active {background-color: #fff!important;} */
.nav-tabs {
    border-bottom: 1px solid #01b0e0;
}
.nav-tabs .nav-link {background-color: transparent;}
.nav-tabs .nav-link.active {
	border-color: #01b0e0 #01b0e0 #fff;
	color: #01b0e0;
}
.nav-tabs .nav-link:hover {
    border-color: #01b0e0 #01b0e0 #01b0e0;
}
.nav-tabs .nav-link.active:hover {
	border-bottom: 1px solid transparent;
}
.nav-item button {outline: none;}

.service-container, .object-container, .objectAds-container, .buyers-container {padding: 10px; border: 1px solid #01b0e0; border-radius: 6px;}
.service-row {display: flex; flex-wrap: wrap; align-items: baseline;}
.item-header {color: #01b0e0; font-size: 0.75rem; text-transform: uppercase; font-weight: 600;}
.list-unstyled li, .list-unstyled span {
    padding-left: 8px;
}
.result-marker li::before, .result-marker span::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #01B0E0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: normal;
}
.text-primary{color: #01B0E0;}
.buyers-col { display: flex; flex-direction: column; width: 49%;}

.esbn_iframe{ width: 100%; height: calc(100vh - 165px);}