.building-widget .model {
	height: auto;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	width: 70%;
}

.building-widget .model .images {
	padding-bottom: 58%;
}

.building-widget .model img {
	width: 100%;
	position: absolute;
	opacity: 0;
	transition: opacity .5s ease;
}

.building-widget .model img.active {
	opacity: 1;
}

.building-widget .dots {
	transition: opacity .5s ease;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.building-widget .dots .point {
	position: absolute;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	background-color: #498EC0;
	margin-left: -10px;
	margin-top: -10px;
	transition: transform .3s ease, backgruond-color .3s ease;
}

.building-widget .dots .point:after,
.building-widget .dots .point:before {
	content: '';
	opacity: .5;
	position: absolute;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	background-color: #498EC0;
}

.building-widget .dots .point:before {
	transform: scale(1.3);
}

.building-widget .dots .point:after {
	transform: scale(1.6);
}


.building-widget .dots .point.active {
	animation: zoom .6s infinite ;
}

.building-widget .dots .point.active:after {
	background-color: #BF2C3E;
	animation: zoomafter .6s infinite alternate;
}

.building-widget .dots .point.active:before {
	background-color: #BF2C3E;
	animation: zoombefore .6s infinite alternate;
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoombefore {
  0% {
    transform: scale(1.3);
  }
  50% {
    transform: scale(1.6);
  }
  100% {
    transform: scale(1.3);
  }
}

@keyframes zoomafter {
  0% {
    transform: scale(1.6);
  }
  50% {
    transform: scale(1.9);
  }
  100% {
    transform: scale(1.6);
  }
}

.building-widget .dots .point.active {
	background-color: #BF2C3E;
	transform: scale(1.2);
}

@media screen and (max-width: 767px) {
	.building-widget .dots .point.active {
		transform: scale(1.05);
	}

	.building-widget .model {
		width: 90%;
	}

}


.building-widget .dots.hide {
	opacity: 0;
}

.building-widget .swiper-slide {
	transition: opacity .3s ease;
}

.building-widget .swiper-slide:not(.swiper-slide-active) {
	opacity: .5;
}

.building-widget .swiper-controls {
	display: flex;
	margin: 0 auto;
	max-width: 180px;
	-webkit-align-items: center;
	        align-items: center;
	gap: 15px;
	margin-top: 50px;
}

.building-widget .swiper-controls .swiper-scroll {
	height: 4px;
	-webkit-flex-grow: 1;
	        flex-grow: 1;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAEAgMAAAAhYf1dAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAxQTFRFAAAABRsqBBwsBRwsM2PiMAAAAAR0Uk5TAGCA/+3F2nwAAAATSURBVHicY5R8zsBYf/AAGAPZAC/oBgXrhHqnAAAAAElFTkSuQmCC');
}

.building-widget .swiper-controls .swiper-scroll .swiper-scrollbar-drag {
	background: #051C2C;
}

.building-widget .swiper-controls .btn-prev,
.building-widget .swiper-controls .btn-next {
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
}


.building-widget ul {
	list-style: none;
	padding: 0;
	text-align: center;
}

.building-widget ul li {
	margin: 25px 0;
}

.building-widget ul li a {
	font-family: Stratos;
	font-size: 14px;
	font-weight: 700;
	line-height: 17.64px;
	text-align: center;
	color: #204986;
	transition: color .3s ease;
	text-transform: uppercase;
}

.building-widget ul li a:hover,
.building-widget ul li a.active {
	color: #C2273D;
}