.clearfix:after, .clearfix:before {
	content: " ";
	clear: both;
    display: table;
}

.ws_nw {
  white-space: nowrap;
}
.flex_equal-width > * {
  flex-grow: 1;
  flex-basis: 0;
}
.button-podr.wh {
  background-color: transparent;
}

.content ul {
  padding: 0;
  list-style: none;
}
.content ul>li:before {
  content: "";
  position: relative;
  display: inline-block;
  left: -27px;
  margin-right: -7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #796daf;
  vertical-align: middle;

}
.content ol {
  counter-reset: ol;
  list-style: none;
  padding: 0;
}
.content ol>li {
  position: relative;
}
.content ol>li:before {
  counter-increment: ol;
  content: counter(ol) ".";
  position: absolute;
  display: inline-block;
  left: -60px;
  width: 40px;
  text-align: right;
  color: #796daf;
}

.content a {
  color:#796daf;
  text-decoration: none;
}

.content a:hover {
  color:#e3007d;
  border-bottom: 1px solid rgba(121, 109, 175, 0.29);
}
.content figure {
	margin-top: 100px;
	margin-bottom: 100px;
}
.content figcaption {
	color: #6c788e;
}
.content figcaption:last-child {
	margin-top: 60px;
}
.content .unslider ul>li:before {
	content: none;
}
.content a.unslider-arrow:hover {
	border-bottom: 0;
}
.content img.ml {
	margin-left: 63px;
}
.content img.mr {
	margin-right: 63px;
}

.rows-works {
	margin: 70px 0 40px;
}
.div-text-proj .unslider {
	margin-left: 62px;
}

.content .img__faded {
    position: relative;
	float: left;
    max-height: 600px;
	padding: 60px;
    overflow: hidden;
	margin: -60px 2px 30px -60px;
}
.content .img__faded img {
	width: 100%;
}
.content .img__faded:before {
	content: '';
	position: absolute;
	left: 60px;
	right: 60px;
	top: 60px;
	bottom: 60px;
    box-shadow: 0 0 100px #ccc;	
}
.content .img__faded:after {
	content: '';
	position: absolute;
	left: -60px;
	right: -60px;
	top: -60px;
	bottom: -60px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 50%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 50%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.content .img__circle {
    position: relative;
	float: right;
	width: 522px;
	height: 522px;
	padding: 60px;
    overflow: hidden;
	margin: -60px -60px 30px 2px;
	border-radius: 50%;
}
.content .img__circle img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.content .img__circle:before {
	content: '';
	position: absolute;
	left: 60px;
	right: 60px;
	top: 60px;
	bottom: 60px;
    box-shadow: 0 0 100px #ccc;	
	border-radius: 50%;
}

.content .maket {
	column-count: 3;
    column-gap: 37px;
}
.content .maket img {
	float: left;
	max-width: 312px;
	margin-bottom: 40px;
}

.mt_60 {
	margin-top: 60px;
}
.mb_60 {
	margin-bottom: 60px;
}

.section.project .h2-port__link {
  color: #fff;
  text-decoration: none;
}
.section.project.wh .h2-port__link {
  color: #000;
}

@media (max-width: 991px) {
	.content img,
	.content img.ml,
	.content img.mr {
		margin: 70px auto 30px;
	}
	.div-text-proj .unslider {
		margin: 70px auto 30px;
	}
	.content .img__faded {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.content .img__circle {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.content .img__circle img {
		margin: 0;
	}
	.content .maket {
		column-count: 2;
	}
	.content .maket img {
		margin-top: 0;
		margin-bottom: 1em;
	}
}

@media (max-width: 767px) {
}
@media (max-width: 479px) {
	
	.content .maket {
		column-count: 1;
		text-align: center;
	}
}


.pt-20{padding-top:20px;}