html > body > main > div.content > ul.actions > li > details > summary, html > body > main > div.view > section.mortgage-calculator > div.bank-card > details > summary, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary, html > body > main > div.content > ul.price-select > li > label > p.choose
{

	position: relative;
	z-index: 1;
	
	display: inline-block;
	overflow: hidden;
	
	box-sizing: border-box;
	height: 56px;
	padding: 0 32px;
	margin: 0;
	
	font-size: 16px;
	font-weight: 700;
	line-height: 56px;
	white-space: nowrap;
	text-align: center;
	
	-webkit-appearance: none;
	
	   -moz-appearance: none;
	
	        appearance: none;
	
	color: white;
	background: #1b8b80;
	
	border: none;
	border-radius: 28px;
	box-shadow: 16px 0 20px rgba( 86, 63, 0, 0.08 );
}

	html > body > main > div.content > ul.actions > li > details > summary:not([disabled]), html > body > main > div.view > section.mortgage-calculator > div.bank-card > details > summary:not([disabled]), html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary:not([disabled]), html > body > main > div.content > ul.price-select > li > label > p.choose:not([disabled])
	{
		cursor: pointer;
	}

	html > body > main > div.content > ul.actions > li > details > summary:not([disabled]):focus::before, html > body > main > div.content > ul.actions > li > details > summary:not([disabled]):hover::before, html > body > main > div.view > section.mortgage-calculator > div.bank-card > details > summary:not([disabled]):focus::before, html > body > main > div.view > section.mortgage-calculator > div.bank-card > details > summary:not([disabled]):hover::before, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary:not([disabled]):focus::before, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary:not([disabled]):hover::before, html > body > main > div.content > ul.price-select > li > label > p.choose:not([disabled]):focus::before, html > body > main > div.content > ul.price-select > li > label > p.choose:not([disabled]):hover::before
			{
				-webkit-transform: translateY( 0 );
				        transform: translateY( 0 );
			}

	html > body > main > div.content > ul.actions > li > details > summary::before, html > body > main > div.view > section.mortgage-calculator > div.bank-card > details > summary::before, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary::before, html > body > main > div.content > ul.price-select > li > label > p.choose::before
	{
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;

		width: 100%;
		height: 100%;

		content: '';

		background: #072b31;

		border-radius: 28px;

		-webkit-transform: translateY( 100% );

		        transform: translateY( 100% );

		transition: -webkit-transform 0.25s;

		transition: transform 0.25s;

		transition: transform 0.25s, -webkit-transform 0.25s;
	}

/**
 * Сбросить всё оформление со стандартной кнопки
 */
html > body > main > div.sold-message
{
	margin: 0 0 24px;
	
	font-family: "Circe",sans-serif;
	font-size: 44px;
	font-weight: 400;
	line-height: 1.09;
}
html > body > main
{
	position: relative;
	z-index: 1;
	
	overflow: hidden;
	
	box-sizing: border-box;
	height: auto;
	min-height: 100vh;
	padding: 0 0 0 70px;
}
/**
 * Сбросить оформление с details и скрыть контент
 */
html > body > main > div.content > ul.actions > li:not(.reserve) > details > summary, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary, html > body > main > div.content > ul.price-select > li > label > p.choose
{
	
	line-height: 50px;
	
	color: white;
	background: transparent;
	
	border: 1px solid white;
	box-shadow: inset 0 0 0 1px white;
}
html > body > main > div.content > ul.actions > li:not(.reserve) > details > summary:not([disabled]):hover, html > body > main > div.content > ul.actions > li:not(.reserve) > details > summary:not([disabled]):focus, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary:not([disabled]):hover, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary:not([disabled]):focus, html > body > main > div.content > ul.price-select > li > label > p.choose:not([disabled]):hover, html > body > main > div.content > ul.price-select > li > label > p.choose:not([disabled]):focus
	{
		color: #072b31;
	}
html > body > main > div.content > ul.actions > li:not(.reserve) > details > summary::before, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary::before, html > body > main > div.content > ul.price-select > li > label > p.choose::before
	{
		background: white;
	}
html > body > main > div.content > ul.actions > li > details > summary
{

	color: #1b8b80;
	background: white;

	transition:
		color 0.3s,
		background 0.3s;
}
html > body > main > div.content > ul.actions > li > details > summary:hover
	{
		color: white;
	}
@supports (display: grid)
	{
	}

@supports (display: grid)
	{
		
		@media (max-width: 1099px)
		{
		}
	}

html > body > main > div.content
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 70px;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	
	box-sizing: border-box;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: calc(31.25vw - 22px);
	padding: 50px calc(3.13vw - 2px) 50px calc(6.25vw - 4px);

	color: white;
	background: #072b31;
}

html > body > main > div.content > button.to-advantages
{
	position: relative;
	
	-webkit-align-self: flex-start;
	
	    -ms-flex-item-align: start;
	
	        align-self: flex-start;
	
	padding: 0 12px 0 0;
	margin-bottom: 40px;

	line-height: 1.18;

	cursor: pointer;

	color: white;
	background: none;

	border: none;

	transition: color 0.2s;
}

html > body > main > div.content > button.to-advantages:hover
	{
		color: #1b8b80;
	}

html > body > main > div.content > button.to-advantages:hover::before
		{
			border-color: #1b8b80;
		}

html > body > main > div.content > button.to-advantages::before
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;

		box-sizing: border-box;
		width: 8px;
		height: 8px;
		margin: auto 0;

		content: '';

		border-top: 2px solid white;
		border-right: 2px solid white;

		-webkit-transform: rotate( 45deg );

		        transform: rotate( 45deg );

		transition: border-color 0.2s;
	}

html > body > main > div.content > dl
{
	margin: 0 0 16px;

	line-height: 1.18;
}

html > body > main > div.content > dl > div
	{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

html > body > main > div.content > dl > div:not(:last-child)
		{
			margin-bottom: 12px;
		}

html > body > main > div.content > dl > div > dt
		{
			padding-right: 12px;
			
			opacity: 0.6;
		}

html > body > main > div.content > dl > div > dd
		{
			margin-left: 0;
			
			text-align: right;
		}

html > body > main > div.content > h1
{
	margin: 0 0 24px;
	
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
}

html > body > main > div.content > h1 > br
	{
		display: none;
	}

html > body > main > div.content > input[name="help_show"]
{
	display: none;
}

html > body > main > div.content > input[name="help_show"]:checked ~ label
		{
			margin-bottom: 40px;
		}

html > body > main > div.content > input[name="help_show"]:checked ~ label::after
			{
				top: 2px;
			
				-webkit-transform: rotate( -45deg );
			
				        transform: rotate( -45deg );
			}

html > body > main > div.content > input[name="help_show"]:checked ~ ul.addition
		{
			display: block;
		}

html > body > main > div.content > input[name="help_show"]:checked ~ ul.addition + ul.actions
			{
				display: block;
			}

html > body > main > div.content > input[name="price_option"]
{
	display: none;
}

html > body > main > div.content > input[name="price_option"]:checked#price_option_mortgage ~ ul.price-select > li:first-child:hover, html > body > main > div.content > input[name="price_option"]:checked#price_option_special ~ ul.price-select > li:last-child:hover
			{
				background: rgba(255, 255, 255, 0.1);
			}

html > body > main > div.content > input[name="price_option"]:checked#price_option_mortgage ~ ul.price-select > li > label[for='price_option_mortgage']::before, html > body > main > div.content > input[name="price_option"]:checked#price_option_special ~ ul.price-select > li > label[for='price_option_special']::before
			{
				background: #84e9d6;

				border-color: #84e9d6;
			}

html > body > main > div.content > input[name="price_option"]:checked#price_option_mortgage ~ ul.price-select > li > label[for='price_option_mortgage']::after, html > body > main > div.content > input[name="price_option"]:checked#price_option_special ~ ul.price-select > li > label[for='price_option_special']::after
			{
				opacity: 1;
			}

html > body > main > div.content > input[name="price_option"]:checked#price_option_mortgage ~ ul.price-select > li > label[for='price_option_mortgage'] > p:not(:last-child), html > body > main > div.content > input[name="price_option"]:checked#price_option_special ~ ul.price-select > li > label[for='price_option_special'] > p:not(:last-child)
				{
					margin-bottom: 12px;
				}

html > body > main > div.content > input[name="price_option"]:checked#price_option_mortgage ~ ul.price-select > li > label[for='price_option_mortgage'] > p[class], html > body > main > div.content > input[name="price_option"]:checked#price_option_special ~ ul.price-select > li > label[for='price_option_special'] > p[class]
				{
					max-height: 115px;
				}

html > body > main > div.content > input[name="price_option"]:checked#price_option_mortgage ~ ul.price-select > li > label[for='price_option_mortgage'] > p.choose, html > body > main > div.content > input[name="price_option"]:checked#price_option_special ~ ul.price-select > li > label[for='price_option_special'] > p.choose
				{
					border-width: 2px;
				}

html > body > main > div.content > label
{
	width: 100%;
	padding: 16px 0;

	font-weight: 700;
	line-height: 1.18;
	text-align: center;

	cursor: pointer;

	color: rgba(255, 255, 255, 0.7);

	transition: color 0.2s;
}

html > body > main > div.content > label:hover
	{
		color: #1b8b80;
	}

html > body > main > div.content > label:hover::after
		{
			border-color: #1b8b80;
		}

html > body > main > div.content > label::after
	{
		position: relative;
		top: -2px;
		
		display: inline-block;
		
		box-sizing: border-box;
		width: 8px;
		height: 8px;
		margin-left: 16px;

		content: '';

		border-top: 2px solid rgba(255, 255, 255, 0.7);
		border-right: 2px solid rgba(255, 255, 255, 0.7);

		-webkit-transform: rotate( 135deg );

		        transform: rotate( 135deg );

		transition: border-color 0.2s;
	}

html > body > main > div.content > ul.prices
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	gap: 8px;
	
	padding: 0;
	margin: auto 0 16px;

	font-size: 16px;
	line-height: 1.19;;

	list-style: none;
}

html > body > main > div.content > ul.prices > li.metre-cost
		{
			opacity: 0.6;
		}

html > body > main > div.content > ul.prices > li > strong
		{
			display: block;

			margin-top: 4px;

			font-size: 28px;
			font-weight: 700;
		}

html > body > main > div.sold-message
{
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	
	display: -webkit-flex;
	
	display: -ms-flexbox;
	
	display: flex;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	
	width: 100%;
	height: 100%;
	
	color: white;
	background: rgba(0, 0, 0, 0.2);
}

html > body > main > div.sold-message ~ *
	{
		-webkit-filter: blur(2px);
		        filter: blur(2px);
	}

html > body > main > div.view
{
	box-sizing: border-box;
	width: 100%;
	padding: 50px calc(6.25vw - 4px) 50px calc(37.5vw - 26px);
}

html > body > main > div.view > a.back
{
	
	position: absolute;
	top: 15px;
	right: 30px;
	z-index: 1;
	
	display: block;
	overflow: hidden;
	
	width: 30px;
	height: 30px;
	padding: 20px;
	
	text-indent: calc(100% + 20px);
	white-space: nowrap;
	text-decoration: none;
	
	background: url("images/btn-close.svg") center center no-repeat;
	
	transition: -webkit-transform 0.3s;
	
	transition: transform 0.3s;
	
	transition: transform 0.3s, -webkit-transform 0.3s;
	will-change: transform;
}

html > body > main > div.view > a.back:not([disabled])
	{
		cursor: pointer;
	}

html > body > main > div.view > a.back:not([disabled]):hover
	{
		-webkit-transform: scale(1.2);
		        transform: scale(1.2);
	}

html > body > main > div.view > a.back:focus
	{
		outline: none;
	}

html > body > main > div.content > ul.actions
{
	-webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	        align-self: flex-start;
	
	width: 100%;
	padding: 0;
	margin: 0;
	
	list-style: none;
}

html > body > main > div.content > ul.actions:not(:last-child)
	{
		margin-bottom: 12px;
	}

html > body > main > div.content > ul.addition
{
	display: none;
	
	padding: 0;
	margin: 0 0 32px;
	
	font-size: 14px;
	
	list-style: none;
}

html > body > main > div.content > ul.addition + ul.actions
	{
		display: none;
	}

html > body > main > div.content > ul.price-select
{
	padding: 0;
	margin: 0 0 16px;

	list-style: none;
}

html > body > main > div.view > div.gallery
{
	position: relative;
	
	height: 55vh;
	min-height: 480px;
	margin-bottom: 120px;
}

html > body > main > div.view > section.advantages
{

}

html > body > main > div.view > section.advantages > h2
{
	margin: 0 0 40px;
}

html > body > main > div.view > section.layouts
{
	margin-bottom: 100px;
}

html > body > main > div.view > section.mortgage-calculator
{
	position: relative;

	margin-bottom: 50px;
}

html > body > main > div.view > section.mortgage-calculator > div.empty
{
	padding: 24px;
	margin-top: 24px;

	text-align: center;

	background: #f5f5f5;

	border-radius: 4px;
}

html > body > main > div.view > section.mortgage-calculator > div.empty > h3, html > body > main > div.view > section.mortgage-calculator > div.empty > p
	{
		margin: 0;
	}

html > body > main > div.view > section.mortgage-calculator > div.empty > p
	{
		margin-top: 8px;
	}

html > body > main > div.view > section.mortgage-calculator > h2
{
	margin: 0 0 40px;
}

html > body > main > div.view > section.mortgage-calculator > input
{
	display: none;
}

html > body > main > div.view > section.mortgage-calculator > input:checked + div.bank-card
		{
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}

html > body > main > div.content > ul.actions > li.disclaimer
{
	width: 100%;
}

html > body > main > div.content > ul.actions > li.disclaimer > small
	{
		font-size: 14px;
		font-weight: 300;
		
		cursor: help;
		
		opacity: 0.5;
	}

html > body > main > div.content > ul.actions > li
{
	display: block;
}

html > body > main > div.content > ul.actions > li:not(:last-child)
	{
		margin-bottom: 12px;
	}

html > body > main > div.content > ul.actions > li.tel > span.title
	{
		display: block;
		
		margin: 0 0 10px;
		
		font-weight: 700;
	}

html > body > main > div.content > ul.actions > li.tel > a
	{
		font-size: 28px;
		font-weight: 700;
		text-decoration: none;
		white-space: nowrap;
	}

html > body > main > div.content > ul.actions > li.tel > a:focus, html > body > main > div.content > ul.actions > li.tel > a:hover
		{
			color: #1b8b80;
		}

html > body > main > div.content > ul.actions > li > details > summary
	{

		padding: 0;
		
		display: block;
	}

html > body > main > div.content > ul.actions > li > details > summary::-webkit-details-marker
		{
			display: none;
		}

html > body > main > div.content > ul.actions > li > details > summary ~ *
		{
			display: none;
		}

html > body > main > div.content > ul.actions > li > details > summary::before
		{
			background: #1b8b80;
		}

html > body > main > div.content > ul.addition > li
{
	display: inline-block;
	
	margin: 0 20px 10px 0;
}

html > body > main > div.content > ul.addition > li > a
{
	
	position: relative;
	
	display: block;
	
	height: 19px;
	margin-left: 20px;
	
	line-height: 19px;
	white-space: nowrap;
	text-decoration: none;
	
	border-bottom: 1px dashed;
}

html > body > main > div.content > ul.addition > li > a > svg
	{
		position: absolute;
		top: 0;
		left: -20px;
		
		width: 15px;
		height: 19px;
		
		opacity: 0.4;
		
		transition: opacity 0.3s;
		
		stroke: currentColor;
	}

html > body > main > div.content > ul.addition > li > a:hover, html > body > main > div.content > ul.addition > li > a:focus
	{
		color: #1b8b80;
	}

html > body > main > div.content > ul.addition > li > a:hover > svg, html > body > main > div.content > ul.addition > li > a:focus > svg
		{
			opacity: 1;
		}

html > body > main > div.content > ul.addition > li > details
{
	
	display: inline-block;
	
	margin-left: 20px;
}

html > body > main > div.content > ul.addition > li > details > summary
	{
		position: relative;
		
		display: block;
		
		height: 19px;
		
		line-height: 19px;
		white-space: nowrap;
		text-decoration: none;
		
		cursor: pointer;
		
		color: inherit;
		
		border-bottom: 1px dashed;
		
		transition: color 0.3s;
	}

html > body > main > div.content > ul.addition > li > details > summary::-webkit-details-marker
		{
			display: none;
		}

html > body > main > div.content > ul.addition > li > details > summary ~ *
		{
			display: none;
		}

html > body > main > div.content > ul.addition > li > details > summary > svg
		{
			position: absolute;
			top: 0;
			left: -20px;
			
			width: 15px;
			height: 19px;
			
			opacity: 0.4;
			
			transition: opacity 0.3s;
			
			stroke: currentColor;
		}

html > body > main > div.content > ul.addition > li > details > summary:hover, html > body > main > div.content > ul.addition > li > details > summary:focus
		{
			color: #1b8b80;
			
			outline: none;
		}

html > body > main > div.content > ul.addition > li > details > summary:hover > svg, html > body > main > div.content > ul.addition > li > details > summary:focus > svg
			{
				opacity: 1;
			}

html > body > main > div.content > ul.price-select > li
{
	cursor: pointer;
	
	background: rgba(255, 255, 255, 0.1);
	border-radius: 4px;

	transition: background 0.2s;
}

html > body > main > div.content > ul.price-select > li:hover
	{
		background: rgba(255, 255, 255, 0.2);
	}

html > body > main > div.content > ul.price-select > li:not(:last-child)
	{
		margin-bottom: 12px;
	}

html > body > main > div.content > ul.price-select > li > button.promo
{
	box-sizing: border-box;
	width: calc(100% - 16px);
	padding: 16px;
	margin: 0 8px 8px;

	font-size: 15px;
	line-height: 1.2;
	text-align: left;

	cursor: pointer;

	color: white;
	background: url( 'images/bg-lines-btn.svg' ) center center rgba(255, 255, 255, 0.1);

	border: none;
	border-radius: 4px;

	transition:
		color 0.2s,
		background 0.2s;
}

html > body > main > div.content > ul.price-select > li > button.promo:hover
	{
		color: #072b31;
		background-color: white;
	}

html > body > main > div.content > ul.price-select > li > button.promo > strong
	{
		display: block;

		margin-bottom: 8px;

		font-size: 17px;
		font-weight: 700;
		line-height: 1.18;
	}

html > body > main > div.view > div.gallery > section.tab
{
	position: absolute;
	top: 0;
	left: 0;
	
	display: -webkit-flex;
	
	display: -ms-flexbox;
	
	display: flex;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	
	width: 100%;
	height: 100%;

	pointer-events: none;

	opacity: 0;
}

html > body > main > div.view > div.gallery > section.tab.current
	{
		pointer-events: auto;
		
		opacity: 1;
	}

html > body > main > div.view > div.gallery > section.tab > h2
{/**
 * Скрыть элемент визуально, но оставить доступным для читалок
 */
	position: absolute;
	
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	
	width: 1px;
	height: 1px;
}

html > body > main > div.view > div.gallery > ul.tabs
{
	position: absolute;
	bottom: -80px;
	left: 50%;
	z-index: 1;
	
	display: -webkit-flex;
	
	display: -ms-flexbox;
	
	display: flex;
	
	-webkit-flex: none;
	
	    -ms-flex: none;
	
	        flex: none;
	padding: 0;
	margin: 0;
	
	list-tyle: none;

	-webkit-transform: translateX( -50% );

	        transform: translateX( -50% );
}

html > body > main > div.view > div.gallery > ul.tabs > li
{
	
	display: block;
	overflow: hidden;
	
	box-sizing: border-box;
	height: 40px;
	
	font-size: 14px;
	line-height: 38px;
	
	border: 1px solid #d4d7d9;
}

html > body > main > div.view > div.gallery > ul.tabs > li > a
	{
		display: block;
		
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: 0 20px;
		
		text-decoration: none;
		
		outline: none;
	}

html > body > main > div.view > div.gallery > ul.tabs > li:first-of-type
	{
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

html > body > main > div.view > div.gallery > ul.tabs > li:last-of-type
	{
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

html > body > main > div.view > div.gallery > ul.tabs > li:not(:last-of-type)
	{
		border-right: none;
	}

html > body > main > div.view > div.gallery > ul.tabs > li.current, html > body > main > div.view > div.gallery > ul.tabs > li:hover
	{
		color: white;
		background-color: #072b31;
	}

html > body > main > div.view > div.gallery > ul.tabs > li.current > a, html > body > main > div.view > div.gallery > ul.tabs > li:hover > a
		{
			color: inherit;
		}

html > body > main > div.view > section.advantages > ul
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;

	padding: 0;
	margin: 0;

	list-style: none;
}

html > body > main > div.view > section.layouts > ul.tabs
{
	position: absolute;
	bottom: 32px;
	left: 50%;
	z-index: 1;
	
	display: none;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	
	width: calc(100% - 10vw);
	padding: 0;
	margin: 0;
	
	list-tyle: none;

	-webkit-transform: translateX( -50% );

	        transform: translateX( -50% );
}

html > body > main > div.view > section.layouts > ul.tabs > li
{
	
	display: block;
	overflow: hidden;
	
	box-sizing: border-box;
	height: 40px;
	
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	
	border: 1px solid #d4d7d9;

	transition:
		color 0.2s,
		background 0.2s;
}

html > body > main > div.view > section.layouts > ul.tabs > li > a
	{
		display: block;
		
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: 0 20px;
		
		text-decoration: none;

		cursor: pointer;
		
		outline: none;
	}

html > body > main > div.view > section.layouts > ul.tabs > li:first-of-type
	{
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

html > body > main > div.view > section.layouts > ul.tabs > li:last-of-type
	{
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

html > body > main > div.view > section.layouts > ul.tabs > li:not(:last-of-type)
	{
		border-right: none;
	}

html > body > main > div.view > section.layouts > ul.tabs > li.current, html > body > main > div.view > section.layouts > ul.tabs > li:hover
	{
		color: white;
		background-color: #84e9d6;
	}

html > body > main > div.view > section.layouts > ul.tabs > li.current > a, html > body > main > div.view > section.layouts > ul.tabs > li:hover > a
		{
			color: inherit;
		}

html > body > main > div.view > section.layouts > ul.images
{
	position: relative;
	
	display: -webkit-flex;
	
	display: -ms-flexbox;
	
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	
	width: 100%;
	padding: 0;
	margin: 0;

	list-style: none;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card
{
	display: none;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 24px;

	padding: 24px 32px;
	margin-top: 24px;

	background: #f5f5f5;

	border-radius: 4px;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > input
{
	display: none;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > input:checked + ul.programs > li:not(:nth-child( -n + 2 )):not(.last)
				{
					display: block;
				}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > input:checked + ul.programs > li.last > label 
					{
						padding-right: 16px;
					}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > input:checked + ul.programs > li.last > label > p
						{
							font-size: 0;
						}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > input:checked + ul.programs > li.last > label > p::before
							{
								font-size: 17px;

								content: 'Свернуть список программ';
							}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > input:checked + ul.programs > li.last > label > p::after
							{
								top: 22px;
								
								-webkit-transform: rotate( -45deg );
								
								        transform: rotate( -45deg );
							}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > p.note
{
	-webkit-align-self: flex-end;
	    -ms-flex-item-align: end;
	        align-self: flex-end;
	
	margin: 0;

	font-size: 14px;
	line-height: 1.5;

	color: rgba(7, 43, 49, 0.5);
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider
{
	position: relative;
	
	margin-bottom: 8px;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar
{
	position: absolute;
	
	width: calc(33.33% - 21px);
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar.fixed
	{
		position: fixed;
		top: 24px;
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar.at-bottom
	{
		bottom: 0;
	}

html > body > main > div.view > section.mortgage-calculator > ul.banks
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	
	padding: 0 0 0 calc(33.33% + 11px);
	margin: 0;

	list-style: none;
}

html > body > main > div.view > section.mortgage-calculator > ul.banks[data-valid-banks='0'] > li.empty
		{
			display: block;
		}

html > body > main > div.view > section.mortgage-calculator > form
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 24px 64px;
}

html > body > main > div.view > section.mortgage-calculator > form.promo > div.select.program-types > button.promo-programs
		{
			background-image: url( 'images/star-full.svg' );
		}

html > body > main > div.view > section.mortgage-calculator > form.promo > div.range-one > div.input > span.input::before
		{
			content: none;
		}

html > body > main > div.view > section.mortgage-calculator > form.promo ~ div.bank-card > p.cost
		{
			display: none;
		}

html > body > main > div.view > section.mortgage-calculator > form > div.cost
{
	margin-bottom: 40px;
	
	font-weight: 700;
}

html > body > main > div.view > section.mortgage-calculator > form > div.cost > strong
	{
		display: block;

		margin-top: 15px;
		
		font-weight: 400;
	}

html > body > main > div.content > ul.actions > li:not(.reserve) > details > summary
	{
		
		color: white;

		border-color: white;
	}

html > body > main > div.content > ul.actions > li:not(.reserve) > details > summary:not([disabled]):hover, html > body > main > div.content > ul.actions > li:not(.reserve) > details > summary:not([disabled]):focus
		{
			color: #072b31;
			background-color: white;
		}

html > body > main > div.content > ul.price-select > li > label
{
	position: relative;
	
	display: block;
	
	padding: 18px 24px;

	font-size: 15px;
	line-height: 1.2;

	cursor: pointer;
}

html > body > main > div.content > ul.price-select > li > label[for='price_option_special']
	{
		background-image: url( 'images/bg-circles.svg' );
		background-position: right bottom;
		background-size: 150%;
	}

html > body > main > div.content > ul.price-select > li > label::before, html > body > main > div.content > ul.price-select > li > label::after
	{
		position: absolute;

		box-sizing: border-box;

		content: '';
	}

html > body > main > div.content > ul.price-select > li > label::before
	{
		top: 16px;
		right: 16px;

		width: 24px;
		height: 24px;

		border: 1px solid rgba(255, 255, 255, 0.6);
		border-radius: 50%;

		transition:
			background 0.2s,
			border-color 0.2s;
	}

html > body > main > div.content > ul.price-select > li > label::after
	{
		top: 22px;
		right: 22px;

		width: 12px;
		height: 8px;

		opacity: 0;
		
		border-top: 2px solid #072b31;
		border-right: 2px solid #072b31;

		-webkit-transform: rotate( 135deg );

		        transform: rotate( 135deg );

		transition: opacity 0.2s;
	}

html > body > main > div.content > ul.price-select > li > label > h3
{
	
}

html > body > main > div.content > ul.price-select > li > label > strong
{
	display: block;

	font-size: 17px;
	font-weight: 700;
	line-height: 1.18;
}

html > body > main > div.content > ul.price-select > li > label > strong:not(:last-child)
	{
		margin-bottom: 8px;
	}

html > body > main > div.view > div.gallery > section.tab#floor > div.floor-location
{
	position: relative;
	
	overflow: hidden;
	
	-webkit-flex: none;
	
	    -ms-flex: none;
	
	        flex: none;
	width: 70%;
}

html > body > main > div.view > div.gallery > section.tab#floor > div.floor-location::after
	{
		display: block;
		
		width: 100%;
		height: 0;
		padding-bottom: 75%;
		
		content: "";
	}

html > body > main > div.view > div.gallery > section.tab#floor > div.floor-location > img, html > body > main > div.view > div.gallery > section.tab#floor > div.floor-location > svg
	{
		position: absolute;
		top: 50%;
		left: 50%;
		
		display: block;
		
		width: auto;
		height: 96%;
		
		-webkit-transform: translate(-50%, -50%);
		
		        transform: translate(-50%, -50%);
	}

html > body > main > div.view > div.gallery > section.tab#floor > div.floor-location > svg > path
		{
			stroke: #1b8b80;
			stroke-width: 2;
			stroke-linecap: round;
			stroke-linejoin: round;
			stroke-miterlimit: 10;
			fill: rgba(27, 139, 128, 0.5);
		}

html > body > main > div.view > div.gallery > section.tab#section > svg
{
	display: block;
	
	-webkit-flex: none;
	
	    -ms-flex: none;
	
	        flex: none;
	width: 70%;
	max-width: 600px;
	height: 70%;
}

html > body > main > div.view > div.gallery > section.tab#section > svg > path
	{
		stroke: rgb(212, 212, 212);
		fill: rgba(0, 0, 0, 0.1);
	}

html > body > main > div.view > div.gallery > section.tab#section > svg > path.current
		{
			fill: #84e9d6;
		}

html > body > main > div.view > div.gallery > section.tab#layout
{
	position: relative;
}

html > body > main > div.view > div.gallery > section.tab#layout > img
{
	display: block;
	
	width: 100%;
	height: 100%;
	
	object-fit: contain;
}

html > body > main > div.view > div.gallery > section.tab#layout > img.areas
	{
		position: absolute;

		opacity: 0;
	}

html > body > main > div.view > div.gallery > section.tab#layout > input#sizes_show
{
	display: none;
}

html > body > main > div.view > div.gallery > section.tab#layout > input#sizes_show:checked + label[for='sizes_show']::before
			{
				background: #84e9d6;

				border-color: #84e9d6;
			}

html > body > main > div.view > div.gallery > section.tab#layout > input#sizes_show:checked + label[for='sizes_show']::after
			{
				opacity: 1;
			}

html > body > main > div.view > div.gallery > section.tab#layout > input#sizes_show:checked ~ img.basic
			{
				opacity: 0;
			}

html > body > main > div.view > div.gallery > section.tab#layout > input#sizes_show:checked ~ img.areas
			{
				opacity: 1;
			}

html > body > main > div.view > div.gallery > section.tab#layout > label[for="sizes_show"]
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

	display: block;

	padding-left: 36px;

	cursor: pointer;
}

html > body > main > div.view > div.gallery > section.tab#layout > label[for="sizes_show"]::before, html > body > main > div.view > div.gallery > section.tab#layout > label[for="sizes_show"]::after
	{
		position: absolute;

		box-sizing: border-box;

		content: '';
	}

html > body > main > div.view > div.gallery > section.tab#layout > label[for="sizes_show"]::before
	{
		top: -5px;
		left: 0;

		width: 24px;
		height: 24px;

		border: 1px solid #d4d7d9;
		border-radius: 50%;

		transition:
			background 0.2s,
			border-color 0.2s;
	}

html > body > main > div.view > div.gallery > section.tab#layout > label[for="sizes_show"]::after
	{
		top: 1px;
		left: 6px;

		width: 12px;
		height: 8px;

		opacity: 0;
		
		border-top: 2px solid #072b31;
		border-right: 2px solid #072b31;

		-webkit-transform: rotate( 135deg );

		        transform: rotate( 135deg );

		transition: opacity 0.2s;
	}

html > body > main > div.view > div.gallery > section.tab#layout > svg
{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;

	width: auto;
	height: 145%;

	
	-webkit-transform: translate(-50%, -50%);

	
	        transform: translate(-50%, -50%);
}

html > body > main > div.view > section.advantages > ul > li
{
	width: calc(50% - 3.13vw - 2px);
}

html > body > main > div.view > section.advantages > ul > li:not(:nth-last-child( -n + 2 ))
	{
		margin-bottom: 32px;
	}

html > body > main > div.view > section.advantages > ul > li > h3
{
	position: relative;
	
	margin: 0 0 18px;

	color: #1b8b80;
}

html > body > main > div.view > section.advantages > ul > li > p
{
	margin: 0;

	font-size: 14px;
	line-height: 1.71;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > details
{
	-webkit-order: 1;
	    -ms-flex-order: 1;
	        order: 1;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > details > summary
{
	
	list-style: none;
}

html > body > main > div.view > section.layouts > ul.images > li
{
	position: relative;
	
	box-sizing: border-box;
}

html > body > main > div.view > section.layouts > ul.images > li:not(:first-child):not(.sizes)
	{
		width: calc(50% - 3.13vw - 2px);
	}

html > body > main > div.view > section.layouts > ul.images > li:first-child, html > body > main > div.view > section.layouts > ul.images > li.sizes
	{
		width: 100%;
		padding: 0 calc(6.25vw - 4px);
		margin-bottom: 50px;
	}

html > body > main > div.view > section.layouts > ul.images > li:first-child
	{
		transition: opacity 0.2s;
	}

html > body > main > div.view > section.layouts > ul.images > li.sizes
	{
		position: absolute;

		opacity: 0;

		transition: opacity 0.2s ease 0.2s;
	}

html > body > main > div.view > section.layouts > ul.images > li > div.floor-location
{
	position: relative;

	height: 100%;

	pointer-events: none;
}

html > body > main > div.view > section.layouts > ul.images > li > div.floor-location > img, html > body > main > div.view > section.layouts > ul.images > li > div.floor-location > svg
	{
		position: absolute;
		top: 50%;
		left: 50%;

		width: auto;
		height: 250%;

		-webkit-transform: translate( -50%, -50% );

		        transform: translate( -50%, -50% );
	}

html > body > main > div.view > section.layouts > ul.images > li > div.floor-location > svg > path
		{
			fill: rgba(132, 233, 214, 0.5);
			stroke: #84e9d6;
			stroke-width: 2;
			stroke-linecap: round;
			stroke-linejoin: round;
			stroke-miterlimit: 10;
		}

html > body > main > div.view > section.layouts > ul.images > li > h3
{
	margin: 0;
}

html > body > main > div.view > section.layouts > ul.images > li > img
{
	width: 100%;
	height: auto;
}

html > body > main > div.view > section.layouts > ul.images > li > svg > path
	{
		fill: rgba( 0, 0, 0, 0.1 );
		stroke: rgb(212, 212, 212);
	}

html > body > main > div.view > section.layouts > ul.images > li > svg > path.current
		{
			fill: #84e9d6;
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > h3
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	float: left;

	margin: 0;

	font-size: 17px;
	line-height: 2.35;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > h3 > img
{
	width: 44px;
	height: 44px;
	margin-right: 8px;

	
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > p.cost
{
	margin: 0 0 0 auto;

	font-size: 14px;
	line-height: 1.21;
	text-align: right;

	color: rgba(7, 43, 49, 0.7);
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > p.cost > strong
{
	display: block;

	margin-top: 4px;

	font-size: 17px;
	line-height: 1.18;

	color: #072b31;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program
{
	width: 100%;
	
	border-collapse: collapse;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 4px;
	
	width: 100%;
	padding: 0;
	margin: 0;

	list-style: none;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs[data-items="3"] > li:not(:nth-child( -n + 4 )):not(.last)
			{
				display: block;
			}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs[data-items="3"] > li.last
			{
				display: none;
			}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs::after
	{
		-webkit-flex-shrink: 0;
		    -ms-flex-negative: 0;
		        flex-shrink: 0;
		width: 5vw;
	}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container
{
	overflow: hidden;
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons
{
	height: 0;
	padding: 0;
	margin: 0;

	list-style: none;
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons > li
{
	position: absolute;
	top: 0;
	bottom: 0;

	width: 64px;

	cursor: pointer;
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons > li.prev
	{
		left: 0;

		-webkit-transform: translateX( -100% );

		        transform: translateX( -100% );
	}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons > li.prev::before
		{
			right: 8px;
			
			-webkit-transform: rotate( -135deg );
			
			        transform: rotate( -135deg );
		}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons > li.next
	{
		right: 0;

		-webkit-transform: translateX( 100% );

		        transform: translateX( 100% );
	}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons > li.next::before
		{
			left: 8px;
			
			-webkit-transform: rotate( 45deg );
			
			        transform: rotate( 45deg );
		}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons > li.disabled
	{
		pointer-events: none;

		opacity: 0.2;
	}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons > li::before
	{
		position: absolute;
		top: 0;
		bottom: 0;

		width: 12px;
		height: 12px;
		margin: auto 0;

		content: '';

		border-top: 2px solid #1b8b80;
		border-right: 2px solid #1b8b80;
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > h2, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > form
	{
		display: none;
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary
{

	width: 100%;
	padding: 0;

	list-style: none;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary::before
	{
		position: absolute;
		top: 2px;
		right: -16px;
		
		width: 8px;
		height: 8px;

		border-top: 2px solid #84e9d6;
		border-right: 2px solid #84e9d6;

		-webkit-transform: rotate( 45deg );

		        transform: rotate( 45deg );
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form
{
	margin-bottom: 40px;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.cost
{
	margin-bottom: 40px;
	
	font-weight: 700;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.cost > strong
	{
		display: block;

		margin-top: 15px;
		
		font-weight: 400;
	}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li
{
	box-sizing: border-box;
	width: calc(50% - 10px);
	padding: 24px;

	cursor: pointer;

	border: 1px solid #e6e6e6;
	border-radius: 4px;

	transition: border-color 0.2s;
}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li:hover
	{
		border-color: rgba(7, 43, 49, 0.8);
	}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li:not(:nth-child( -n + 2 ))
	{
		margin-top: 20px;
	}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li.selected
	{
		pointer-events: none;
		
		border-color: #84e9d6;
	}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li.selected > ul > li.price > ul > li.payment
		{
			color: #84e9d6;
		}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li.empty
	{
		display: none;

		width: 100%;

		pointer-events: none;
	}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > h3
{
	margin: 0 0 8px;
}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > p
{
	margin: 0;
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one
{
	position: relative;
	
	width: calc(50% - 32px);
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one.readonly > div.controls
		{
			display: none;
		}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one.promo > div.input > span.input::before
		{
			content: none;
		}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > label
{
	display: block;
	
	margin-bottom: 8px;
	
	font-size: 14px;
	line-height: 1.21;

	color: rgba(7, 43, 49, 0.7);
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > label[data-sum]
	{
		position: relative;

		cursor: pointer;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > label[data-sum]:hover::after
			{
				opacity: 1;
				
				-webkit-transform: translateY( -100% );
				
				        transform: translateY( -100% );
			}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > label[data-sum]::after
		{
			position: absolute;
			top: -8px;
			left: 0;

			display: block;

			padding: 4px 8px;

			font-size: 14px;
			font-weight: 400;
			
			content: 'Сумма кредита: ' attr( data-sum );

			color: rgba(7, 43, 49, 0.8);
			opacity: 0;
			background: #f5f5f5;

			border: 1px solid #e6e6e6;
			border-radius: 4px;

			-webkit-transform: translateY( calc(-100% - 12px) );

			        transform: translateY( calc(-100% - 12px) );

			transition:
				opacity 0.2s,
				-webkit-transform 0.2s;

			transition:
				opacity 0.2s,
				transform 0.2s;

			transition:
				opacity 0.2s,
				transform 0.2s,
				-webkit-transform 0.2s;
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select
{
	position: relative;

	width: calc(50% - 32px);
}

html > body > main > div.view > section.mortgage-calculator > form > div.select:nth-child( 2 )
	{
		margin-right: 100px;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select.program-types > label.select
		{
			padding-right: 80px;
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select > button.promo-programs
	{
		position: absolute;
		right: 60px;
		bottom: 12px;
		
		width: 21px;
		height: 21px;
		padding: 0;

		cursor: pointer;

		background: url( 'images/star-empty.svg' ) center center no-repeat;

		border: none;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select input
	{
		display: none;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select > input:checked + label::before
		{
			content: '';
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select > input:checked ~ ul
		{
			pointer-events: auto;

			opacity: 1;

			-webkit-transform: translateY( 100% );

			        transform: translateY( 100% );
		}

html > body > main > div.content > ul.price-select > li > label > p
{
	margin: 0;

	font-size: 16px;
	line-height: 1.19;

	transition:
		height 0.2s,
		margin 0.2s;
}

html > body > main > div.content > ul.price-select > li > label > p[class]
	{
		overflow: hidden;
		
		max-height: 0;
	}

html > body > main > div.content > ul.price-select > li > label > p.choose
	{

		display: block;

		width: 100%;
		padding: 0;
		
		color: white;

		border-width: 0;
		border-color: white;
	}

html > body > main > div.content > ul.price-select > li > label > p.choose:not([disabled]):hover, html > body > main > div.content > ul.price-select > li > label > p.choose:not([disabled]):focus
		{
			color: #072b31;
			background-color: white;
		}

html > body > main > div.content > ul.price-select > li > label > p > span.discount
	{
		color: #84e9d6;
	}

html > body > main > div.content > ul.price-select > li > label > p > strong
{
	display: block;

	margin-bottom: 4px;

	font-size: 28px;
	font-weight: 700;
	line-height: 1.21;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map
{
	overflow: hidden;
	
	width: 100%;
	height: 100%;

	border-radius: 16px;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='0'] > svg
		{
			width: 100%;
			height: 100%;
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='1'] > svg
		{
			width: 200%;
			height: auto;
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='2'] > svg
		{
			width: 300%;
			height: auto;
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='3'] > svg
		{
			width: 400%;
			height: auto;
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='4'] > svg
		{
			width: 500%;
			height: auto;
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map::before
	{
		position: absolute;
		top: 10px;
		right: 40px;
		z-index: 1;

		content: url( '/images/map/compass.svg' );

		-webkit-transform: rotate( 50deg );

		        transform: rotate( 50deg );
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > svg
{
	cursor: -webkit-grab;
	cursor: grab;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map > svg.grabbing
	{
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > svg [id*='View-']:not(.current)
	{
		display: none;
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > svg [id*='Section-'].current
	{
		fill: #74ccc6;
	}

html > body > main > div.view > div.gallery > section.tab#layout > div.promotion, html > body > main > div.view > div.gallery > section.tab#layout > a.promotion
{
	position: absolute;
	bottom: 28px;
	left: 0;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;

	box-sizing: border-box;
	width: 110px;
	height: 110px;
	padding: 10px;

	text-align: center;
	text-decoration: none;

	cursor: pointer;

	background: #cc0000;

	border-radius: 50%;
}

html > body > main > div.view > div.gallery > section.tab#layout > div.promotion::before, html > body > main > div.view > div.gallery > section.tab#layout > a.promotion::before
	{
		position: absolute;
		top: calc(50% - 55px);
		left: calc(50% - 55px);
		z-index: -1;

		width: 100%;
		height: 100%;

		content: '';

		background: #cc0000;

		border-radius: 50%;

		-webkit-animation: irritate 2.3s infinite;

		        animation: irritate 2.3s infinite;
	}

html > body > main > div.view > div.gallery > section.tab#layout > div.promotion > h3, html > body > main > div.view > div.gallery > section.tab#layout > a.promotion > h3
{
	margin: 8px 0 4px;

	font-size: 14px;

	color: gold;
}

html > body > main > div.view > div.gallery > section.tab#layout > div.promotion > p, html > body > main > div.view > div.gallery > section.tab#layout > a.promotion > p
{
	margin: 0;

	font-size: 12px;
	font-weight: 700;

	color: white;
}

html > body > main > div.view > div.gallery > section.tab#layout > div.promotion > p:empty, html > body > main > div.view > div.gallery > section.tab#layout > a.promotion > p:empty
	{
		display: none;
	}

html > body > main > div.view > section.layouts > ul.images > li > div.promotion
{
	position: absolute;
	bottom: 28px;
	left: 0;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;

	width: 110px;
	height: 110px;

	text-align: center;

	cursor: pointer;

	background: #cc0000;

	border-radius: 50%;
}

html > body > main > div.view > section.layouts > ul.images > li > div.promotion::before
	{
		position: absolute;
		top: calc(50% - 55px);
		left: calc(50% - 55px);
		z-index: -1;

		width: 100%;
		height: 100%;

		content: '';

		background: #cc0000;

		border-radius: 50%;

		-webkit-animation: irritate 2.3s infinite;

		        animation: irritate 2.3s infinite;
	}

html > body > main > div.view > section.layouts > ul.images > li > div.promotion > h3
{
	margin: 8px 0 4px;

	font-size: 14px;

	color: #84e9d6;
}

html > body > main > div.view > section.layouts > ul.images > li > div.promotion > p
{
	margin: 0;

	font-size: 12px;
	font-weight: 700;

	color: white;
}

html > body > main > div.view > section.layouts > ul.images > li > div.promotion > p:empty
	{
		display: none;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody
{

}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li:not(:nth-child( -n + 4 )):not(.last)
	{
		display: none;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li.last > label::before
		{
			content: none;
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > input
{
	display: none;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > input:checked + label
		{
			background: #1b8b80;

			border-color: #1b8b80;
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > input:checked + label::before
			{
				background: #84e9d6;

				border-color: #84e9d6;
			}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > input:checked + label::after
			{
				opacity: 1;
			}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > input:checked + label > ul > li, html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > input:checked + label > ul > li:last-child, html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > input:checked + label > ul > li > h4
				{
					color: white;
				}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > ul
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	padding: 8px 60px 8px 16px;
	margin: 0;

	font-size: 14px;
	line-height: 1.21;

	list-style: none;

	color: rgba(7, 43, 49, 0.7);
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > ul > li
	{
		box-sizing: border-box;
		width: 100%;
		padding-right: 12px;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > ul > li:first-child
		{
			-webkit-flex-shrink: 0;
			    -ms-flex-negative: 0;
			        flex-shrink: 0;
			width: 200px;
			margin-right: 24px;
		}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	padding: 0;
	margin: 0;

	list-style: none;

	-webkit-user-select: none;

	   -moz-user-select: none;

	    -ms-user-select: none;

	        user-select: none;

	transition: -webkit-transform 0.2s;

	transition: transform 0.2s;

	transition: transform 0.2s, -webkit-transform 0.2s;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one
{
	position: relative;
	
	-webkit-flex-grow: 1;
	
	    -ms-flex-positive: 1;
	
	        flex-grow: 1;
	padding-bottom: 9px;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one:not(:last-child)
	{
		margin-bottom: 24px;
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > label
{
	display: block;
	
	margin-bottom: 15px;
	
	font-weight: 700;
}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > ul
{
	padding: 0;
	margin: 0;

	font-size: 14px;
	font-weight: 700;
	line-height: 1.29;
	text-align: right;

	list-style: none;

	pointer-events: none;
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.controls
{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;

	height: 2px;
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.controls > button.handle
{
	position: absolute;
	top: -7px;

	width: 16px;
	height: 16px;
	padding: 0;

	cursor: -webkit-grab;

	cursor: grab;

	background: #1b8b80;

	border: none;
	border-radius: 50%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

	-webkit-transform: translateX( -50% );

	        transform: translateX( -50% );
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.controls > span.range
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;

	background: #1b8b80;
}

html > body > main > div.view > section.mortgage-calculator > form > div.select > label
{
	display: block;
}

html > body > main > div.view > section.mortgage-calculator > form > div.select > label:not(.select)
	{
		margin-bottom: 8px;
		
		font-size: 14px;
		line-height: 1.21;

		color: rgba(7, 43, 49, 0.7);
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select > label.select
	{
		position: relative;
		
		box-sizing: border-box;
		width: 100%;
		padding: 12px 60px 12px 16px;

		cursor: pointer;

		border: 1px solid #e6e6e6;
		border-radius: 4px;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select > label.select::before
		{
			position: fixed;
			top: 0;
			right: 0;
			z-index: 1;

			width: 100vw;
			height: 100vh;
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select > label > span
{
	pointer-events: none;
}

html > body > main > div.view > section.mortgage-calculator > form > div.select > label > span[data-empty]
	{
		display: block;
		overflow: hidden;

		width: 100%;

		white-space: nowrap;
		text-overflow: ellipsis;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select > label > span[data-empty]:empty::before
			{
				content: attr( data-empty );
			}

html > body > main > div.view > section.mortgage-calculator > form > div.select > label > span.arrow
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;

		width: 42px;

		border-left: 1px solid #e6e6e6;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select > label > span.arrow::before
		{
			position: absolute;
			top: 15px;
			right: 15px;

			width: 7px;
			height: 7px;

			content: '';

			border-top: 2px solid #e6e6e6;
			border-right: 2px solid #e6e6e6;

			-webkit-transform: rotate( 135deg );

			        transform: rotate( 135deg );
		}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.input
{

}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.input > span.percent
{

}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul
{
	position: absolute;
	bottom: -8px;
	z-index: 2;
	
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 6px;
	margin: 0;

	pointer-events: none;

	list-style: none;

	opacity: 0;
	background: white;

	border: 1px solid #e6e6e6;
	border-radius: 4px;

	-webkit-transform: translateY( calc(100% + 20px) );

	        transform: translateY( calc(100% + 20px) );

	transition:
		opacity 0.2s,
		-webkit-transform 0.2s;

	transition:
		opacity 0.2s,
		transform 0.2s;

	transition:
		opacity 0.2s,
		transform 0.2s,
		-webkit-transform 0.2s;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend
{
	position: absolute;
	top: 16px;
	left: 16px;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > label, html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > ul
	{
		background: white;

		border-radius: 8px;
		box-shadow: 0 20px 16px 0 rgba(0, 0, 0, 0.1);
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > input
{
	display: none;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > input:checked + label
		{
			padding-right: 44px;

			transition: padding 0.2s;
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > input:checked + label::before, html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > input:checked + label::after
			{
				opacity: 1;
				
				transition: opacity 0.2s 0.2s;
			}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > input:checked ~ ul
		{
			opacity: 1;

			-webkit-transform: translateY( 0 );

			        transform: translateY( 0 );
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > label
{
	position: relative;
	
	display: inline-block;
	
	padding: 8px 16px;

	cursor: pointer;

	transition: padding 0.2s 0.2s;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > label::before, html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > label::after
	{
		position: absolute;
		top: 17px;
		right: 19px;

		width: 12px;
		height: 2px;

		content: '';

		opacity: 0;
		background: #072b31;

		transition: opacity 0.2s;
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > label::before
	{
		-webkit-transform: rotate( 45deg );
		        transform: rotate( 45deg );
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > label::after
	{
		-webkit-transform: rotate( -45deg );
		        transform: rotate( -45deg );
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > ul.zoom
{
	position: absolute;
	right: 16px;
	bottom: 16px;

	padding: 0;
	margin: 0;

	list-style: none;

	background: white;

	border-radius: 8px;
	box-shadow: 0 20px 16px 0 rgba(0, 0, 0, 0.1);
}

html > body > main > div.view > div.gallery > section.tab#section > div.map > ul.zoom > li
{
	position: relative;
	
	width: 40px;
	height: 40px;

	cursor: pointer;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map > ul.zoom > li.disabled
	{
		pointer-events: none;
		
		opacity: 0.25;
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > ul.zoom > li::before, html > body > main > div.view > div.gallery > section.tab#section > div.map > ul.zoom > li::after
	{
		position: absolute;
		top: 50%;
		left: 50%;

		width: 14px;
		height: 2px;

		background: #072b31;
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > ul.zoom > li::before
	{
		content: '';

		-webkit-transform: translate( -50%, -50% );

		        transform: translate( -50%, -50% );
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > ul.zoom > li::after
	{
		-webkit-transform: translate( -50%, -50% ) rotate( 90deg );
		        transform: translate( -50%, -50% ) rotate( 90deg );
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > ul.zoom > li.in::after
		{
			content: '';
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr:first-child
	{
		display: none;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > th, html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td
	{
		padding: 0;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td
{
	font-weight: 700;

	color: #072b31;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td:first-child
	{
		max-width: 400px;
		margin-right: auto;

		font-size: 20px;
		line-height: 1.2;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td.mobile
	{
		display: none;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td[data-label]::before
	{
		display: block;

		margin-bottom: 4px;

		font-size: 14px;
		line-height: 1.21;
		font-weight: 400;
		white-space: nowrap;

		content: attr( data-label );

		color: rgba(7, 43, 49, 0.7);
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td > strong
	{
		font-size: 28px;
		line-height: 1.21;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > th
{
	padding-bottom: 4px;
	
	font-size: 14px;
	line-height: 1.21;
	font-weight: 400;
	-moz-text-align-last: left;
	     text-align-last: left;
	
	color: rgba(27, 139, 128, 0.7);
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label
{
	position: relative;
	
	display: block;

	cursor: pointer;

	background: white;

	border-radius: 4px;

	transition:
		color 0.2s,
		background 0.2s,
		border-color 0.2s;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label::before, html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label::after
	{
		position: absolute;

		content: '';
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label::before
	{
		top: 50%;
		right: 19px;
		
		width: 16px;
		height: 16px;

		border: 1px solid #e6e6e6;
		border-radius: 50%;

		-webkit-transform: translateY( -50% );

		        transform: translateY( -50% );

		transition:
			background 0.2s,
			border-color 0.2s;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label::after
	{
		top: 50%;
		right: 23px;
		
		width: 8px;
		height: 4px;

		opacity: 0;
		
		border: none;
		border-top: 2px solid #1b8b80;
		border-right: 2px solid #1b8b80;
		border-radius: 0;

		-webkit-transform: translateY( calc(-50% - 1px) ) rotate( 135deg );

		        transform: translateY( calc(-50% - 1px) ) rotate( 135deg );

		transition: opacity 0.2s;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > p
{
	padding: 16px 60px 16px 16px;
	margin: 0;
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > p::after
	{
		position: absolute;
		top: 20px;
		right: 24px;
		
		box-sizing: border-box;
		width: 8px;
		height: 8px;

		content: '';

		border-top: 2px solid #072b31;
		border-right: 2px solid #072b31;

		-webkit-transform: rotate( 135deg );

		        transform: rotate( 135deg );
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	padding: 16px 60px 16px 16px;
	margin: 0;

	list-style: none;

	color: rgba(7, 43, 49, 0.7);
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li
	{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		
		width: 100%;
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li:first-child
		{
			-webkit-flex-shrink: 0;
			    -ms-flex-negative: 0;
			        flex-shrink: 0;
			width: 200px;
			margin-right: 24px;
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li:last-child, html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li > h4
		{
			font-weight: 700;

			color: #072b31;
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li > h4
		{
			margin: 0;
		}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li
{
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: calc(11.11% - 7px);
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li:not(:last-child)
	{
		margin-right: 8px;
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.controls
{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;

	height: 2px;

	background: #e6e6e6;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.controls > button.handle
{
	position: absolute;
	top: -8px;

	width: 16px;
	height: 16px;
	padding: 0;

	cursor: -webkit-grab;

	cursor: grab;

	background: #84e9d6;

	border: none;
	border-radius: 50%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

	-webkit-transform: translateX( -50% );

	        transform: translateX( -50% );
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.controls > span.range
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;

	background: #84e9d6;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.input
{

}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.input > span.percent
{

}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > ul > li:first-child
	{
		margin-bottom: 8px;
	}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > ul > li.price
	{
		margin-top: 32px;

		font-size: 20px;
		font-weight: 400;
		line-height: 1.2;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.input > span.input
{
	position: relative;
	
	display: block;

	width: 100%;
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.input > span.input > input, html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.input > span.input > span.focus-out
	{
		width: 100%;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.input > span.input::before
	{
		position: absolute;
		top: 13px;
		right: 18px;

		content: attr( data-percent );

		opacity: 0.4;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.input > span.input > input
{
	box-sizing: border-box;
	padding: 9px 16px;

	font: inherit;

	color: #072b31;

	border: 1px solid #e6e6e6;
	border-radius: 4px;
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.input > span.input > input:focus
	{
		outline: none;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > div.input > span.input > span.focus-out
{
	position: absolute;
	top: 0;
	left: 0;
}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li:first-child > label, html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li:nth-child( 2 ) > label
		{
			padding-top: 12px;
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li > input:checked + label[for='mortgage_type_developer_special']
		{
			background-position-x: calc(100% - 36px);
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li > input:checked + label::before
		{
			content: '';
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li > label
{
	position: relative;
	
	display: block;
	
	padding: 6px 16px;

	cursor: pointer;
}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li > label:hover
	{
		background: #f5f5f5;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li > label.all
	{
		padding-top: 14px;
		padding-bottom: 12px;

		border-bottom: 1px solid #e6e6e6;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li > label.selected[for='mortgage_type_developer_special']
		{
			background-position-x: calc(100% - 40px);
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li > label.selected::before
		{
			content: '';
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li > label[for='mortgage_type_developer_special']
	{
		background-image: url( 'images/star-full.svg' );
		background-position: calc(100% - 20px) center; 
		background-repeat: no-repeat;
	}

html > body > main > div.view > section.mortgage-calculator > form > div.select > ul > li > label::before
	{
		position: absolute;
		top: 10px;
		right: 12px;

		width: 12px;
		height: 6px;

		border-top: 2px solid #1b8b80;
		border-right: 2px solid #1b8b80;

		-webkit-transform: rotate( 135deg );

		        transform: rotate( 135deg );
	}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > ul
{
	position: relative;
	
	padding: 12px;
	margin: 8px 0 0;

	font-size: 12px;

	list-style: none;

	pointer-events: none;

	opacity: 0;

	-webkit-transform: translateY( 16px );

	        transform: translateY( 16px );

	transition:
		opacity 0.2s,
		-webkit-transform 0.2s;

	transition:
		opacity 0.2s,
		transform 0.2s;

	transition:
		opacity 0.2s,
		transform 0.2s,
		-webkit-transform 0.2s;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > ul > li
{
	padding: 4px 0 4px 32px;

	background-position: left center;
	background-repeat: no-repeat;
}

html > body > main > div.view > div.gallery > section.tab#section > div.map > div.legend > ul > li:not(:last-child)
	{
		margin-bottom: 8px;
	}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li > label
{
	display: block;

	box-sizing: border-box;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	height: 100%;
	padding: 12px;

	cursor: pointer;

	border-radius: 4px;
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li > label.selected
	{
		background: #f5f5f5;
	}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > ul > li > ul
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-align-items: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	
	padding: 0;
	margin: 0;

	list-style: none;
}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > ul > li > ul > li.payment
	{
		font-size: 24px;
		font-weight: 700;
		line-height: 1.42;
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.input > span.input
{
	position: relative;
	
	display: block;

	width: 100%;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.input > span.input > input, html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.input > span.input > span.focus-out
	{
		width: 100%;
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.input > span.input > input
{
	padding: 0;

	border: none;
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.input > span.input > input:focus
	{
		outline: none;
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > div.input > span.input > span.focus-out
{
	position: absolute;
	top: 0;
	left: 0;
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li > label > figure
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	
	height: 100%;
	margin: 0;
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li > label > figure > img
{
	width: 48px;
	height: 48px;
	margin-bottom: 12px;

	object-fit: contain;
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li > label > figure > figcaption
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;

	-webkit-flex-grow: 1;

	    -ms-flex-positive: 1;

	        flex-grow: 1;
	
	font-size: 14px;
	line-height: 1.21;
	-webkit-hyphens: manual;
	   -moz-hyphens: manual;
	    -ms-hyphens: manual;
	        hyphens: manual;
}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li > label > figure > figcaption > strong
{
	margin-top: 8px;
	
	font-size: 17px;
	line-height: 1.18;
	font-weight: 700;

	color: rgba(27, 139, 128, 0.3);
}

@media (min-width: 700px) and (max-width: 1099px)
	{
	}

@media (min-width: 1100px)
	{
		html > body > main > div.content > a.back
		{
			/*@extend %button-go;*/
			
			/* go */
	display: inline;
	
	box-sizing: content-box;
	padding: 0;
	margin: 0;
	
	-webkit-appearance: none;
	
	   -moz-appearance: none;
	
	        appearance: none;
	
	background: transparent;
	
	border: none;
			
			position: relative;
			
			display: block;
			overflow: hidden;
			
			width: 40px;
			height: 40px;
			
			text-indent: 40px;
			white-space: nowrap;
			
			color: white;
			background: rgba(255, 255, 255, 0.3);
			
			border-radius: 50%;
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			
			transition: background-color 0.3s,
				color 0.3s;
			/* go */
			
			/*@extend %button-go_back;*/
			/* go-back */
			
			position: absolute;
			top: 50px;
			
			-webkit-transform: translateX(calc(-100% - 20px));
			
			        transform: translateX(calc(-100% - 20px));
		}
			
			html > body > main > div.content > a.back::before, html > body > main > div.content > a.back::after
			{
				position: absolute;
				top: 50%;
				left: 50%;
				
				content: "";
			}
			
			html > body > main > div.content > a.back::before
			{
				width: 10px;
				height: 10px;
				
				border-top: 1px solid;
				border-right: 1px solid;
				
				/*transform: translate(calc(-50% + ($arrow-line / $arrow-size)), -50%) rotate(45deg);*/
				-webkit-transform: translate(-50%, -50%) translateX(2px) rotate(45deg);
				        transform: translate(-50%, -50%) translateX(2px) rotate(45deg);
			}
			
			html > body > main > div.content > a.back::after
			{
				width: 20px;
				height: 1px;
				
				background: currentColor;
				
				-webkit-transform: translate(-50%, -50%);
				
				        transform: translate(-50%, -50%);
			}
			
			html > body > main > div.content > a.back:not([disabled])
			{
				cursor: pointer;
			}
			
			/* go-back */
			
			html > body > main > div.content > a.back::before
			{
				-webkit-transform: translate(-50%, -50%) translateX(-2px) rotate(-135deg);
				        transform: translate(-50%, -50%) translateX(-2px) rotate(-135deg);
			}
		
		html > body > main > div.content > a.back:hover
		{
		color: black;
		background-color: white;
	
		outline: none;
		}
	}

@media (min-width: 1100px) and (max-width: 1399px)
	{
	}

@media (max-width: 1599px)
	{

html > body > main > div.view > section.mortgage-calculator > ul.banks > li
{
		padding: 16px
}

html > body > main > div.content > ul.price-select > li > label > p > span.mortgage
	{
			display: none
	}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li
{
		width: calc(14.29% - 7px)
}
	}

@media (max-width: 1399px)
	{html > body > main > div.content > ul.actions > li > details > summary, html > body > main > div.view > section.mortgage-calculator > div.bank-card > details > summary, html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary, html > body > main > div.content > ul.price-select > li > label > p.choose
{
		padding: 0 27px
}
html > body > main > div.sold-message
{
		font-size: 36px
}

html > body > main > div.content > dl > div
	{
			display: block
	}

html > body > main > div.content > dl > div > dt
		{
				margin-bottom: 4px;

				font-size: 14px
		}

html > body > main > div.content > dl > div > dd
		{
				text-align: left
		}

html > body > main > div.content > ul.prices
{
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start
}

html > body > main > div.view > div.gallery > ul.tabs
{
		width: 360px
}

html > body > main > div.view > div.gallery > ul.tabs > li
{
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;

		text-align: center
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card
{
		gap: 16px;
		
		padding: 20px
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar
{
		width: 30%
}

html > body > main > div.view > section.mortgage-calculator > ul.banks
{
		padding-left: calc(30% + 3.13vw - 2px)
}

html > body > main > div.view > section.mortgage-calculator > form
{
		gap: 24px
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one
{
		width: calc(50% - 12px)
}

html > body > main > div.view > section.mortgage-calculator > form > div.select
{
		width: calc(50% - 12px)
}

html > body > main > div.view > section.mortgage-calculator > form > div.select:nth-child( 2 )
	{
			margin-right: 0
	}

html > body > main > div.view > div.gallery > section.tab#layout > div.promotion, html > body > main > div.view > div.gallery > section.tab#layout > a.promotion
{
		bottom: 36px;
		left: 36px
}

html > body > main > div.view > section.layouts > ul.images > li > div.promotion
{
		bottom: 36px;
		left: 36px
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > ul > li
	{
			width: 20%
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > ul > li:first-child
		{
				width: 20%
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li
	{
			width: 20%
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li:first-child
		{
				width: 20%
		}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li
{
		width: calc(20% - 6px)
}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > ul > li.price
	{
			font-size: 17px
	}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > ul > li > ul > li.payment
	{
			font-size: 20px
	}
	}

@media (max-width: 1099px)
	{
html > body > main
{
		min-height: 0;
		padding-left: 0
}

html > body > main
{
		padding-top: calc(55vh + 245px)
}

html > body > main > div.content
{
		position: static;

		width: 100%;
		padding: 32px 5vw
}

html > body > main > div.content > a.back
{
	display: inline;
	
	box-sizing: content-box;
	padding: 0;
	margin: 0;
	
	-webkit-appearance: none;
	
	   -moz-appearance: none;
	
	        appearance: none;
	
	background: transparent;
	
	border: none;
		
		position: absolute;
		
		display: block;
		overflow: hidden;
		
		top: 20px;
		right: 20px;
		
		width: 26px;
		height: 26px;
		
		text-indent: 100%;
		white-space: nowrap
}
	
	html > body > main > div.content > a.back::before, html > body > main > div.content > a.back::after
	{
		position: absolute;
		top: 13px;
		left: 13px;
		
		content: "";
		
		background: currentColor;
		
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		
		        transform: translate(-50%, -50%) rotate(45deg);
	}
	
	html > body > main > div.content > a.back::before
	{
		width: 1px;
		height: 36px;
	}
	
	html > body > main > div.content > a.back::after
	{
		width: 36px;
		height: 1px;
	}
		
		html > body > main > div.content > a.back:not([disabled])
		{
			cursor: pointer;
		}
		
		html > body > main > div.content > a.back:not([disabled]):hover, html > body > main > div.content > a.back:focus
		{
			outline: none;
			
			-webkit-transform: scale(1.2);
			
			        transform: scale(1.2);
		}

html > body > main > div.content > button.to-advantages
{
		margin-bottom: 24px
}

html > body > main > div.content > dl > div
	{
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex
	}

html > body > main > div.content > dl > div > dt
		{
				margin-bottom: 0;

				font-size: 17px
		}

html > body > main > div.content > dl > div > dd
		{
				text-align: right
		}

html > body > main > div.content > h1
{
		position: absolute;
		top: 35px;

		color: #072b31
}

html > body > main > div.content > ul.prices
{
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end
}

html > body > main > div.view
{
		padding: 32px 5vw
}

html > body > main > div.content > ul.addition
{
		margin-bottom: 24px
}

html > body > main > div.view > div.gallery
{
		position: absolute;
		top: 125px;

		width: calc(100% - 10vw);
		min-height: 0
}

html > body > main > div.view > section.layouts
{
		position: absolute;
		top: 100px;
		left: 0;

		overflow: hidden;

		width: 100%;
		height: 0;
		padding-top: calc(80% - 100px)
}

html > body > main > div.content > ul.actions > li
{
		min-width: 260px;
		margin-right: 20px
}

html > body > main > div.content > ul.actions > li.tel
{
		width: 100%;
		margin-right: 0
}

html > body > main > div.view > section.layouts > ul.tabs
{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
}

html > body > main > div.view > section.layouts > ul.images
{
		position: absolute;
		top: 0;
		left: 0;

		-webkit-flex-wrap: nowrap;

		    -ms-flex-wrap: nowrap;

		        flex-wrap: nowrap;

		box-sizing: border-box;
		height: 100%;
		padding-bottom: 100px;

		transition: -webkit-transform 0.2s;

		transition: transform 0.2s;

		transition: transform 0.2s, -webkit-transform 0.2s
}

html > body > main > div.view > div.gallery > section.tab#floor > div.floor-location
{
		width: 90%;
		height: 90%
}

html > body > main > div.view > div.gallery > section.tab#section > svg
{
		width: 90%;
		height: 90%
}

html > body > main > div.view > div.gallery > section.tab#layout > label[for="sizes_show"]
{
		top: auto;
		bottom: -10px
}

html > body > main > div.view > div.gallery > section.tab#layout > svg
{
		height: 150%
}

html > body > main > div.view > section.layouts > ul.images > li
{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		
		-webkit-flex-shrink: 0;
		
		    -ms-flex-negative: 0;
		
		        flex-shrink: 0;
		padding: 0 calc(6.25vw - 4px)
}

html > body > main > div.view > section.layouts > ul.images > li:not(:first-child):not(.sizes)
	{
			width: 100%
	}

html > body > main > div.view > section.layouts > ul.images > li:first-child, html > body > main > div.view > section.layouts > ul.images > li.sizes
	{
			margin-bottom: 0
	}

html > body > main > div.view > section.layouts > ul.images > li.sizes
	{
			position: static;

			opacity: 1
	}

html > body > main > div.view > section.layouts > ul.images > li > div.floor-location
{
		width: 100%
}

html > body > main > div.view > section.layouts > ul.images > li > div.floor-location > img, html > body > main > div.view > section.layouts > ul.images > li > div.floor-location > svg
	{
			height: 180%
	}

html > body > main > div.view > section.layouts > ul.images > li > h3
{
		display: none
}

html > body > main > div.view > section.layouts > ul.images > li > img
{
		height: 100%;

		object-fit: contain
}

html > body > main > div.view > section.layouts > ul.images > li > div.promotion
{
		bottom: 0
}
	}

@media (max-width: 699px)
	{

html > body > main
{
		padding-top: calc(100vw + 245px)
}

html > body > main > div.content > h1 > br
	{
			display: inline
	}

html > body > main > div.content > ul.prices
{
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start
}

html > body > main > div.view > a.back
{
		right: 0;
		
		padding-right: 5vw;
		padding-left: 5vw
}

html > body > main > div.view > div.gallery
{
		height: 100vw
}

html > body > main > div.view > section.advantages > h2
{
		margin-bottom: 24px
}

html > body > main > div.view > section.layouts
{
		top: 120px;

		padding-top: calc(150% - 120px)
}

html > body > main > div.view > section.mortgage-calculator
{
		margin-bottom: 32px
}

html > body > main > div.view > section.mortgage-calculator > h2
{
		margin-bottom: 24px
}

html > body > main > div.view > div.gallery > ul.tabs
{
		width: 90vw
}

html > body > main > div.view > div.gallery > ul.tabs > li > a
	{
			padding: 0 8px
	}

html > body > main > div.view > section.layouts > ul.tabs
{
		bottom: 5vw
}

html > body > main > div.view > section.layouts > ul.tabs.with-sizes
	{
			-webkit-flex-wrap: wrap;
			    -ms-flex-wrap: wrap;
			        flex-wrap: wrap;

			border: 1px solid #d4d7d9;
			border-radius: 3px
	}

html > body > main > div.view > section.layouts > ul.tabs.with-sizes > li
		{
				width: 50%;

				border: none;
				border-radius: 0
		}

html > body > main > div.view > section.layouts > ul.tabs.with-sizes > li:not(:nth-last-child( -n + 2 ))
			{
					border-bottom: 1px solid #d4d7d9
			}

html > body > main > div.view > section.layouts > ul.tabs.with-sizes > li:not(:nth-child( 2n ))
			{
					border-right: 1px solid #d4d7d9
			}

html > body > main > div.view > section.layouts > ul.tabs > li
{
		width: 100%
}

html > body > main > div.view > section.layouts > ul.tabs > li > a
	{
			padding: 0 12px
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card
{
		gap: 12px;
		
		box-sizing: border-box;
		width: calc(100% + 10vw);
		padding: 12px 5vw;
		margin-left: -5vw
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar
{
		position: static;

		width: 100%;
		margin-bottom: 20px
}

html > body > main > div.view > section.mortgage-calculator > ul.banks
{
		padding-left: 0
}

html > body > main > div.view > section.mortgage-calculator > form
{
		gap: 16px;
		
		margin-bottom: 32px
}

html > body > main > div.view > section.mortgage-calculator > form > div.cost
{
		margin-bottom: 16px
}

html > body > main > div.view > div.gallery > section.tab#layout > svg
{
		height: 120%
}

html > body > main > div.view > section.advantages > ul > li:not(:nth-last-child( -n + 2 ))
	{
			margin-bottom: 20px
	}

html > body > main > div.view > section.advantages > ul > li:nth-last-child( 2 )
	{
			margin-bottom: 20px
	}

html > body > main > div.view > section.advantages > ul > li
{
		width: 100%
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > details
{
		-webkit-order: 0;
		    -ms-flex-order: 0;
		        order: 0
}

html > body > main > div.view > section.layouts > ul.images > li > div.floor-location
{
		overflow: hidden
}

html > body > main > div.view > section.layouts > ul.images > li > div.floor-location > img, html > body > main > div.view > section.layouts > ul.images > li > div.floor-location > svg
	{
			height: 112vw
	}

html > body > main > div.view > section.layouts > ul.images > li > svg
{
		width: 100%
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > p.cost
{
		width: 100%;

		text-align: left
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs
{
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		gap: 12px;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;

		-webkit-flex-shrink: 0;

		    -ms-flex-negative: 0;

		        flex-shrink: 0;
		width: calc(100% + 10vw);
		padding: 0 5vw;
		margin-left: -5vw
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs::after
	{
			content: ''
	}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons > li.prev::before
		{
				right: -2px
		}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > ul.buttons > li.next::before
		{
				left: -2px
		}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary
{
		position: relative;

		width: -webkit-max-content;

		width: -moz-max-content;

		width: max-content;
		height: auto;
		
		font-weight: 700;
		line-height: 1;
		
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;

		list-style: none;

		background: none;

		border: none;
		box-shadow: none
}

		html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary:hover:not([disabled])
		{
			color: #072b31;
			background: none;
		}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > details > summary::before
	{
			content: ''
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form
{
		margin-bottom: 32px
}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.cost
{
		margin-bottom: 16px
}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li
{
		width: 100%
}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li:nth-child( 2 )
	{
			margin-top: 20px
	}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one
{
		width: 100%;

		-webkit-order: 1;

		    -ms-flex-order: 1;

		        order: 1
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > label
{
		margin-bottom: 8px
}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > label[data-sum]:hover::after
			{
					-webkit-transform: none;
					        transform: none
			}

html > body > main > div.view > section.mortgage-calculator > form > div.range-one > label[data-sum]::after
		{
				position: static;

				padding: 0;
				margin-top: 2px;

				opacity: 0.8;
				background: none;

				border: none;

				-webkit-transform: none;

				        transform: none
		}

html > body > main > div.view > section.mortgage-calculator > form > div.select
{
		width: 100%
}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='0'] > svg
		{
				width: 200%;
				height: auto
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='1'] > svg
		{
				width: 300%
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='2'] > svg
		{
				width: 400%
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='3'] > svg
		{
				width: 500%
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map[data-zoom='4'] > svg
		{
				width: 600%
		}

html > body > main > div.view > div.gallery > section.tab#section > div.map::before
	{
			top: -8px;
			right: 20px;

			-webkit-transform: scale( 0.75 ) rotate( 50deg );

			        transform: scale( 0.75 ) rotate( 50deg )
	}

html > body > main > div.view > div.gallery > section.tab#layout > div.promotion, html > body > main > div.view > div.gallery > section.tab#layout > a.promotion
{
		left: 0;

		-webkit-transform: scale( 0.75 );

		        transform: scale( 0.75 )
}

html > body > main > div.view > section.layouts > ul.images > li > div.promotion
{
		left: 0;

		-webkit-transform: scale( 0.75 );

		        transform: scale( 0.75 )
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li
{
		max-width: calc(100% - 24vw)
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li:not(:nth-child( -n + 4 )):not(.last)
	{
			display: block
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li.headings
	{
			display: none
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li.last
	{
			display: none
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one:not(:last-child)
	{
			margin-bottom: 24px
	}

html > body > main > div.view > section.mortgage-calculator > div.sidebar > form > div.range-one > label
{
		margin-bottom: 8px
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr
{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		gap: 8px 16px
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td:not(.payment)
	{
			font-size: 16px
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td.payment, html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td.title
	{
			-webkit-order: -1;
			    -ms-flex-order: -1;
			        order: -1;

			width: 100%
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td.base
	{
			width: 100%
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > table.selected-program > tbody > tr > td.mobile
	{
			display: block
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label::before
	{
			top: 12px;
			right: 12px;

			-webkit-transform: none;

			        transform: none
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label::after
	{
			top: 17px;
			right: 16px;

			-webkit-transform: rotate( 135deg );

			        transform: rotate( 135deg )
	}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul
{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		gap: 8px 12px;
		
		padding: 12px 48px 12px 12px
}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li:not(:first-child):not(:last-child)
		{
				overflow: hidden;
				
				width: auto;
				max-width: calc(33.33% - 8px);

				font-size: 14px;
				line-height: 1.21;
				white-space: nowrap;
				text-overflow: ellipsis
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li:first-child
		{
				width: 100%
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li:last-child
		{
				width: 100%
		}

html > body > main > div.view > section.mortgage-calculator > div.bank-card > ul.programs > li > label > ul > li > h4
		{
				overflow: hidden;

				white-space: nowrap;
				text-overflow: ellipsis
		}

html > body > main > div.view > section.mortgage-calculator > div.banks-slider > div.container > ul.slides > li
{
		width: calc(33.33% - 5px)
}

html > body > main > div.view > section.mortgage-calculator > ul.banks > li > ul > li.price
	{
			margin-top: 12px
	}
	}