/* Estobjava full page, offer-page visual language.
   Rules copied from html/css/offer.css (offer-* -> obn-), intentionally NOT shared. */

.obn-top-nav{
	height: 56px;
	display: flex;
	align-items: center;
	padding: 0 5px;
}
.obn-top-nav-right{
	margin-left: auto;
}
.obn-top-nav-left{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin: auto 0;
}
.obn-top-nav-left a{
	height: 32px;
	line-height: 16px;
	display: inline-grid;
	position: relative;
	align-items: center;
	justify-items: center;
	align-content: center;
	justify-content: center;
	grid-auto-flow: column;
	gap: .8rem;
	padding: 4px 8px;
	box-sizing: border-box;
	font-weight: 600;
	font-size: 14px;
}
.obn-top-nav-back{
	margin-right: auto;
}
.obn-nav-back-daw{
	fill: #2c525e;
	width: 20px;
	height: 20px;
	transform: rotate(90deg);
}
.obn-edit-btn{
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 4px 14px;
	box-sizing: border-box;
	background-color: #2b7de9;
	color: #FFFFFF;
	border-radius: 8px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
}
.obn-edit-btn:hover{
	background-color: #1f6ed6;
	color: #FFFFFF;
}
.obn-price{
	display: flex;
	align-items: center;
}
.obn-price-now{
	padding: 20px;
	text-transform: none;
	font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;
}
.obn-price-label{
	font-weight: bold;
}
.obn-price-current{
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
}
.obn-price-comission{
	padding: 20px;
	font-size: 14px;
	color: #57606A;
}
.obn-location{
	margin: 5px;
}
.obn-location-label{
	font-weight: bold;
	padding: 5px;
}
.obn-location-main{
	font-size: 20px;
	line-height: 32px;
	color: #2A2D33;
	text-transform: none;
	font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 5px;
}
.obn-location a:hover{
	text-decoration: underline;
}
.obn-main-features{
	margin: 10px 5px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}
.obn-mf-item{
	background-color: #F6F8FA;
	border-radius: 4px;
	display: flex;
	overflow: hidden;
	min-width: 50px;
	width: 100%;
	padding: 12px;
	box-sizing: border-box;
}
.obn-user{
	margin: 15px 5px;
}
.obn-user-label{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #57606A;
	padding: 0 0 6px;
}
.obn-user-card{
	border: 1px solid #D0D7DE;
	border-radius: 12px;
	padding: 18px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(27, 31, 36, .06);
}
.obn-user-identity{
	display: flex;
	align-items: center;
	gap: 14px;
}
.obn-user-avatar{
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EAEEF2;
}
.obn-user-avatar img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.obn-user-identity-text{
	min-width: 0;
}
.obn-user-name{
	font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #1F2328;
	overflow: hidden;
	text-overflow: ellipsis;
}
.obn-user-status{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #6E7781;
	margin-top: 2px;
}
.obn-user-catalog{
	font-size: 14px;
	font-weight: 600;
	margin-top: 4px;
}
.obn-user-stats{
	display: flex;
	gap: 10px;
	margin-top: 16px;
}
.obn-user-stat{
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #F6F8FA;
	border-radius: 8px;
	padding: 12px 8px;
}
.obn-user-stat-num{
	font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	color: #1F2328;
}
.obn-user-stat-label{
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #6E7781;
	margin-top: 2px;
	text-align: center;
}
.obn-user-contacts{
	margin-top: 16px;
}
.obn-disclamer{
	font-size: 13px;
	line-height: 18px;
	color: #6E7781;
	margin-top: 10px;
}
.obn-moder{
	margin-top: 16px;
	font-size: 12px;
}
.obn-text{
	margin: 15px 5px;
}
.obn-text p{
	margin: 5px 0;
}
.obn-text p:first-child{
	margin-top: 0;
}
.obn-text p:last-child{
	margin-bottom: 0;
}
.obn-text-label{
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
}
.obn-text-description{
	color: rgb(42, 42, 51);
	text-transform: none;
	font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
.obn-text-subheader{
	font-weight: bold;
	font-size: 14px;
	margin-top: 14px;
	padding: 5px;
}
.obn-text-subparagraph{
	font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: rgb(42, 42, 51);
}
.obn-video{
	margin: 15px 5px;
	text-align: center;
}
.obn-video iframe{
	max-width: 100%;
}
.obn-dataprove{
	margin: 15px 5px;
	border: 1px solid #D0D7DE;
	border-radius: 8px;
	padding: 12px;
	background-color: #FBFCFD;
	font-size: 13px;
	line-height: 19px;
	color: #57606A;
}
.obn-dataprove p{
	margin: 4px 0;
}
.obn-dataprove span{
	font-weight: bold;
}
.obn-time{
	margin: 5px;
	color: rgb(42, 42, 51);
	text-transform: none;
	font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}
.obn-time p{
	margin: 0;
}
.obn-stat{
	margin: 15px 5px;
}
.obn-regionlinks{
	margin: 15px 5px;
}
.obn-regionlinks-header{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #57606A;
	padding: 0 0 10px;
}
.obn-regionlinks p{
	display: inline-block;
	margin: 0 8px 8px 0;
}
.obn-regionlinks a{
	display: inline-block;
	background-color: #F6F8FA;
	border: 1px solid #D0D7DE;
	border-radius: 8px;
	padding: 10px 16px;
	font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	color: #0069a4;
	text-decoration: none;
}
.obn-regionlinks a:hover{
	background-color: #EAF3FB;
	border-color: #9FC3E0;
	text-decoration: none;
}
@media (max-width: 640px){
	.obn-main-features{
		grid-template-columns: repeat(2, 1fr);
	}
}