/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
	--main-font-color: #006498;
	/*--main-font-color: #FF7FED;*/
	/*--main-font-color: #ffffff;*/
	--second-font-color: #000000;
	--main-green-color: #000000;
	/*--main-green-color: #0c3b1a;*/
	--main-background-color: #FFFBE8;
}

* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'Halo';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("fonts/halo.woff") format("woff");
}

@keyframes zoomIn {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.3);
	}
}

[v-cloak] {
	display: none !important;
}

.offer-block.fancybox__content {
	width: 100%;
	height: 100%;
	padding: 1rem;
}

.offer .slider.slider-horizontal {
	width: 66%;
    position: absolute;
    bottom: 13px;
}

.offer .slider.slider-horizontal .slider-selection, .offer .slider.slider-horizontal .slider-track-high {
	box-shadow: 0 5px 10px #555555;
}

.image-3d > .minicolors-theme-default.minicolors {
	position: absolute;
	width: 0;
	height: 0;
    bottom: 10px;
    left: 10px;
}

.image-3d > .minicolors .minicolors-swatch {
	display: none;
}


.blackback {
	cursor: pointer;
	display: grid;
	grid-auto-flow: column;
	justify-content: center;
	grid-gap: 7px;
}

.pointer {
	cursor: pointer;
}

body {
	font-family: Roboto, sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: var(--main-background-color);
}

.header-logo {
	width: 95px;
}

.footer-logo {
	width: 75px;
}

.main-section {
	flex-grow: 1;
	font-size: 16px;
}

.header .fa-solid {
	color: #a36727;
}

.header-info {
	display: grid;
	padding: 20px 1% 18px 1%;
	grid-template-columns: auto auto auto;
	justify-content: space-between;
	grid-gap: 20px;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	background: var(--main-green-color);
	color: #ffffff;
}

.header-info a {
	color: #ffffff;
}

.header-info-block {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 20px;
}

.header-address, .header-phone, .header-working-time {
	display: grid;
	grid-auto-flow: column;
	justify-content: flex-start;
	grid-gap: 10px;
}

.header-working-time {
	/*justify-self: flex-end;*/
}

.header-working-time {
	/*justify-self: flex-end;*/
}

.sticky {
	position: sticky;
	top: 0;
}

.header-menu {
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	align-items: center;
	grid-gap: 20px;
	padding: 10px 1%;
	font-size: 16px;
	/*background: linear-gradient(var(--main-green-color) 0%, var(--main-background-color) 100%);*/
	background: var(--main-background-color);
	z-index: 15;
}

.header-menu .fa-bars {
	display: none;
	font-size: 28px;
}

.menu-block {
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	grid-gap: 20px;
	font-family: Lato, sans-serif;
	text-transform: uppercase;
}

.menu-block .menu-item {
	position: relative;
}

.menu-block a {
	color: var(--second-font-color);
	text-decoration: none;
}

.menu-block a:hover, .menu-block .pointer:hover {
	color: var(--main-font-color);
	text-shadow: 1px 1px 2px black;
}

.menu-block .menu-item:hover > .sub-menu {
	display: grid;
}

.menu-block .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	grid-gap: 20px;
	background: var(--main-background-color);
	padding: 20px 10px 10px;
	white-space: nowrap;
	box-shadow: 2px 3px 7px #000000;
}

.menu-block .sub-menu > a {
	/*padding: 7px 0 5px;*/
}

.main-carousel .owl-stage, .gallery-carousel .owl-stage {
	display: grid;
	grid-auto-flow: column;
}

.main-carousel .owl-item, .gallery-carousel .owl-item {
	display: grid;
	/*align-content: center;
	justify-content: center;*/
	justify-items: center;
	overflow: hidden;
}

.main-carousel .owl-item img {
	min-width: 100%;
	width: initial !important;
	height: 100%;
}

.main-carousel .owl-item.active img {
	animation: zoomIn 25s linear;
}

.gallery-carousel .owl-item.active img {
	animation: zoomIn 25s linear;
}

.page-main-info {
	position: relative;
	align-content: center;
	grid-gap: 10px;
	font-size: 0;
}

.page-main-info .text-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	justify-content: center;
	align-content: center;
	z-index: 10;
}

.h1 {
	text-transform: uppercase;
	text-align: center;
	color: var(--main-font-color);
	text-shadow: 1px 1px 2px black;
	font-size: 72px;
	font-weight: 500;
}

.text-overlay .h1 {
	color: rgba(255, 255, 255, 0);
	text-shadow: 1px 1px 12px var(--main-font-color);
	-webkit-text-stroke: 1px var(--main-background-color);
}

.current-item {
	color: var(--main-font-color);
	font-weight: bold;
	text-shadow: 1px 1px 2px #ffffff;
}

.breadcrumbs {
	display: grid;
	grid-auto-flow: column;
	justify-content: flex-start;
	align-items: center;
	grid-gap: 10px;
	text-transform: uppercase;
}

.breadcrumbs a {
	color: var(--second-font-color);
	text-decoration: none;
}

.breadcrumb-item {
	display: grid;
	grid-auto-flow: column;
	justify-content: flex-start;
	align-items: center;
	grid-gap: 10px;
	color: #d66020;
}

.text {
	padding: 2%;
	font-size: 24px;
	text-align: justify;
}

.text p {
	text-indent: 50px;
	text-align: justify !important;
	margin-top: 10px;
}

.text ul {
	padding-left: 10%;
	margin-top: 5px;
}

.text h1 {
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 36px;
}

.footer {
	font-size: 16px;
	background-color: var(--main-green-color);
	color: var(--main-font-color);
	padding: 30px 1%;
	background: linear-gradient(var(--main-background-color) 42%, var(--main-green-color) 100%);
}

.svg-map {
	align-self: center;
}

.contact {
	display: grid;
	/*grid-auto-flow: column;*/
	grid-template-columns: 1fr 2fr;
	/*justify-content: space-evenly;*/
	/* grid-template-rows: auto 35px; */
	/*align-items: flex-start;*/
	grid-gap: 10px;
	padding: 0 20px;
}

.contact .text-blocks {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	align-items: flex-start;
}

.gallery-text-block {
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	border: 1px solid var(--main-background-color);
	box-shadow: 0 5px 10px #555555;
	background: #ffffff;
	padding: 15px 15px;
	grid-gap: 5px;
}

.gallery-text-block .info-block {
	display: grid;
	grid-gap: 5px;
}

.gallery-text-block .main-title {
    margin-bottom: 5px;
    color: #006498;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 500;
}

.gallery-text-block .title {
	font-weight: bold;
}

.map-info-block .text-block .main-title {
	color: #000000;
	font-size: 22px;
}

.text-block {
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	border: 1px solid var(--main-background-color);
	box-shadow: 0 5px 10px #555555;
	background: #ffffff;
	padding: 15px 15px;
	grid-gap: 5px;
}

.text-block .info-block {
	display: grid;
	grid-gap: 5px;
	align-content: flex-start;
}

.text-block a {
	color: var(--main-font-color);
}

.text-block .main-title {
	margin-bottom: 5px;
	color: var(--main-font-color);
	white-space: nowrap;
}

.text-block .title {
	font-weight: bold;
}

.text-block .plain-text {
}

.text-block img {
	max-width: 75px;
}

.map-info-block {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr 2fr;
	align-items: flex-start;
	justify-content: space-evenly;
	grid-gap: 20px;
	margin-top: 30px;
	padding: 5px 20px 10px 20px;
}

.footer-menu {
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	justify-content: space-between;
}

.documents {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
	padding: 10px 20px;
}

.document {
	position: relative;
	display: grid;
	justify-items: center;
    grid-gap: 15px;
    padding: 50px 0 50px 0;
	text-align: center;
	color: #000000;
	background: #ffffff;
	font-size: 48px;
}

.document .fa-file-pdf {
	color: var(--main-font-color);
	text-shadow: 1px 1px 2px #000000;
}

.document a {
	color: #000000;
	text-decoration: none;
}

.document .fa-solid {
	font-size: 48px;
}

.document .fa-file-arrow-down {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 32px;
}

.gallery-section {
	display: grid;
	grid-gap: 10px;
	padding: 0 1%;
}

.gallery-item {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr 2fr;
	grid-gap: 20px;
	align-items: center;
}

.gallery-item:nth-child(2n) {
	grid-template-columns: 2fr 1fr;
}

.gallery-item .gallery-carousel {
	overflow: hidden;
}

/*.gallery-item .gallery-carousel .owl-stage {
	display: grid;
	grid-auto-flow: column;
}

.gallery-item .gallery-carousel .owl-item {
	display: grid;
	align-content: center;
	justify-content: center;
}*/

.gallery-item:nth-child(2n) .gallery-text-block {
	order: 2;
}

.offers {
	
}

.offer-tabs {
	display: grid;
	grid-gap: 55px 55px;
	grid-template-columns: repeat(4, 1fr);
	padding: 20px 0.5%;
}

.offer-tab-title {
}

.offer {
	display: grid;
	/*align-items: flex-start;
	align-content: flex-start;*/
	grid-gap: 20px 20px;
	/*grid-template-columns: auto;*/
	grid-template-rows: auto 1fr auto;
}

.offer-technic-help {
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	justify-content: center;
	grid-gap: 10px;
	border-radius: 5px;
	box-shadow: 0 5px 10px #555555;
	color: var(--main-font-color);
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 2px #ffffff;
	background: #ffffff;
	padding: 10px 20px;
}

.offer-technic-help.mobile {
	display: none;
}

.offer-technic-help:hover {
	text-shadow: 1px 1px 2px black;
}

.offer-technic-help > img {
	max-width: 30px;
}

.offer-technic-help > span {
	text-align: center;
}

.offer-block.fancybox__content {
	background: var(--main-background-color);
}

.offer-text {
    /*align-self: flex-start;*/
}

.offer-text-title {
	text-align: center;
}

.offer-text-strings {
	display: grid;
	grid-gap: 0 10px;
	grid-template-columns: 1fr auto auto;
	justify-content: space-between;
}

.offer-text-strings > span:nth-child(3n) {
	/*text-align: right;*/
}

.image-3d {
	position: relative;
	display: grid;
	/*grid-row: 1 / 7;*/
	justify-content: center;
	justify-items: center;
	box-shadow: 0 5px 10px #555555;
	background: white;
	padding-top: 2%;
}

.model-icon {
	position: absolute;
	left: 10px;
	top: 10px;
	max-width: 10%;
}

.color-constructor-wrap {
	position: absolute;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 10% min-content;
	grid-gap: 10px;
    /*align-items: center;*/
	left: 12px;
	bottom: 12px;
	right: 0;
}

.color-ring-wrap {
	display: grid;
	/*max-width: 10%;*/
}

.color-ring {
	cursor: pointer;
	max-width: 100%;
	transform: scale(1.2);
}

/*.color-ring {
	cursor: pointer;
	position: absolute;
	left: 10px;
	bottom: 10px;
	max-width: 10%;
}*/

.offer-tab-title > a {
	/*position: relative;*/
	display: grid;
	height: 100%;
	grid-gap: 10px;
	justify-items: center;
	text-decoration: none;
}

.model-preview {
	position: relative;
}

.offer-tab-title .model-preview-image {
	max-width: 100%;
    /*height: 100%;*/
}

.model-preview {
	display: flex;
	transition: 0.5s transform;
	transform: scale(1);
}

.model-preview-block {
	display: flex;
	overflow: hidden;
}

.model-preview:hover {
	transform: scale(1.1);
}

.offer-tab-title > a > span {
	position: absolute;
	left: 0;
	right: 0;
	white-space: nowrap;
	text-align: center;
	color: var(--main-font-color);
    font-weight: bold;
	letter-spacing: -0.7px;
    text-shadow: 1px 1px 2px #ffffff;
}

.offer-tab-title .top-model-icon {
	position: absolute;
    left: 52%;
    top: 50%;
	transform: translate(-50%, -50%);
    max-width: 50px;
	height: initial;
}

.offer-tab-title .top-model-title {
	top: 50%;
	font-size: 32px;
	transform: translateY(-50%);
	color: rgba(255, 255, 255, 0);
    text-shadow: 1px 1px 12px var(--main-font-color);
    -webkit-text-stroke: 1px var(--main-background-color);
	filter: invert(100%);
}

.offer-tab-title .bottom-model-title {
	position: initial;
	bottom: 0%;
	/*transform: translateY(-45%);*/
	font-size: 24px;
	align-content: flex-end;
}

.reset-view-button {
	position: absolute;
	cursor: pointer;
	width: 200px;
	bottom: 15px;
	align-self: flex-end;
	/*justify-self: flex-start;*/
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 5px 10px #555555;
	color: var(--main-font-color);
    font-weight: bold;
    text-shadow: 1px 1px 2px #ffffff;
	background: #ffffff;
	padding: 10px 20px;
}

.reset-view-button:hover {
	text-shadow: 1px 1px 2px black;
}

.color-constructor {
	display: flex;
	/*grid-auto-flow: column;*/
	grid-gap: 20px;
}

.image-3d-list-color {
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.color-constructor .minicolors input[type=hidden] + .minicolors-swatch {
	width: 20px;
}

.image-3d-list-color.selected {
	border: 3px solid #000000;
}

.color-constructor .minicolors-theme-default.minicolors {
}

.color-constructor-block {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 5px;
}

.color-remove, .color-add {
	cursor: pointer;
	user-select: none;
	aspect-ratio: 1 / 1;
	font-size: 22px;
	line-height: 0.5;
	display: grid;
	justify-content: center;
	align-content: center;
	border-radius: 50%;
	border: 1px solid #000000;
	background: #ffffff;
}

.color-add-remove {
	display: grid;
	grid-gap: 10px;
}

.offer-title {
	text-align: center;
	/*align-self: flex-start;*/
	box-shadow: 0 5px 10px #555555;
	color: var(--main-font-color);
    font-weight: bold;
    text-shadow: 1px 1px 2px #ffffff;
	background: #ffffff;
	padding: 10px 20px;
	font-size: 24px;
}

.debug-info {
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
}

.mdf-block {
	position: absolute;
	display: grid;
	right: 10px;
	bottom: 15px;
	grid-auto-flow: row;
	justify-items: center;
    grid-gap: 5px;
}

.mdf-title {
	grid-column: 1 / 3;
	font-weight: bold;
}

.mdf-black-ring, .mdf-white-ring {
	cursor: pointer;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	border: 1px solid #000000;
}

.mdf-black-ring {
	background: #000000;
}

.mdf-white-ring {
	background: #ffffff;
}

.fancybox__container .fancybox__content.offer-block >.f-button.is-close-btn {
	--f-button-border-radius: 4px !important;
	--f-button-width: 26px !important;
	--f-button-height: 26px !important;
	background: none;
	border: 1px solid var(--main-font-color);
	color: var(--main-font-color);
	--f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px;
}

.fancybox__container:not(.is-compact) .fancybox__viewport .fancybox__slide.has-close-btn {
    padding-top: 0px;
}

.model-detail-view .fancybox__slide:after, .model-detail-view .fancybox__slide:before {
	display: none;
}

.model-detail-view .fancybox__slide {
	padding: 0;
}

.e-gallery-image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition-duration: 800ms;
}

.e-gallery-image:hover:after {
	opacity: 1;
}

.graph-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	padding: 2%;
}

.graph-content .image-block {
	position: relative;
	display: flex;
    justify-content: center;
}

.graph-content .image-block .image-wrap {
	position: relative;
	overflow: hidden;
	display: flex;
	width: 100%;
}

.graph-content .image-block .image-wrap:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: 0.5s;
}

.graph-content .image-block:hover .image-wrap:after {
	opacity: 1;
}

.graph-content .image-block .image-wrap img {
	position: relative;
	width: 100%;
	transform: scale(1.1);
	transition: 0.5s;
}

.graph-content .image-block:hover .image-wrap img {
	transform: scale(1);
}

.graph-content .image-block .title {
	position: absolute;
	left: 0;
	bottom: 20px;
	font-size: 26px;
	padding-right: 10px;
	background: white;
}

.graph-content .mini-text {
	font-size: 18px;
	text-indent: 25px;
	text-align: justify;
}


@media only screen and (max-width:1200px) {
	.model-detail-view .is-horizontal .fancybox__nav .f-button.is-prev, .model-detail-view .is-horizontal .fancybox__nav .f-button.is-next {
		top: 25%;
	}
	
	.svg-map {
		display: none;
	}
	
	.contact {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
	}
	
	.graph-content {
		grid-template-columns: 1fr 1fr;
	}
	
	.color-constructor-wrap {
		display: flex;
		flex-direction: column-reverse;
		width: 17%;
		left: 9px;
		bottom: 63px;
		/*grid-template-columns: 17% min-content;*/
	}
	
	.color-add-remove {
		grid-auto-flow: column;
		grid-template-columns: 1fr 1fr;
	}
	
	.color-constructor {
		flex-direction: column-reverse;
	}
}

@media only screen and (max-width:800px) {
	.is-compact .fancybox__slide {
		padding: 0;
	}
	
	.offer-block.fancybox__content {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.h1 {
		font-size: 9vw;
	}
	
	.header-info {
		grid-template-columns: auto;
		justify-items: center;
		justify-content: center;
	}
	
	.header-menu {
		justify-content: space-between;
		grid-auto-flow: row;
		grid-template-columns: auto auto;
		padding: 5px 20px 0 20px;
	}
	
	.header-menu.is-pinned .menu-block {
		grid-gap: 5px;
	}
	
	.header-menu .fa-bars {
		display: block;
	}
	
	.header-menu .menu-block {
		display: none;
		grid-auto-flow: row;
		padding: 0 0 20px 0;
	}
	
	.header-menu .fa-bars.open + .menu-block {
		display: grid;
	}
	
	.menu-block .menu-item:hover > .sub-menu {
		display: none;
	}
	
	.menu-block .menu-item .pointer.open + .sub-menu {
		position: initial;
		display: grid;
	}
	
	.documents {
		grid-template-columns: 1fr;
	}
	
	.gallery-item:nth-child(2n) .text-block {
		order: initial;
	}
	
	.gallery-item {
		grid-auto-flow: row;
		grid-template-columns: auto;
	}
	
	.gallery-item:nth-child(2n) {
		grid-auto-flow: row;
		grid-template-columns: auto;
	}
	
	.gallery-item .plain-text {
		display: none;
	}
	
	.map-info-block {
		grid-auto-flow: row;
		grid-template-columns: auto;
		justify-content: initial;
	}
	
	.gallery-item:nth-child(2n) .gallery-text-block {
		order: initial;
	}
	
	.contact .text-blocks {
		grid-template-columns: 1fr;
	}
	
	.offer-tabs {
		display: grid;
		grid-gap: 55px 20px;
		grid-template-columns: repeat(2, 1fr);
		padding: 20px 1.5%;
	}
	
	.offer-title {
		position: absolute;
		top: 6px;
		left: 0;
		right: 0;
		z-index: 1;
		box-shadow: initial;
		background: initial;
		padding: initial;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 24px;
	}
	
	.offer {
		grid-gap: 0;
		max-height: 100%;
		grid-template-rows: auto auto auto auto;
	}
	
	.offer-technic-help {
		display: none;
		position: absolute;
		left: 14px;
		bottom: 10px;
		right: 14px;
		font-size: 4vw;
		background: initial;
		margin-top: 10px;
		margin-bottom: 5px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.offer-technic-help.mobile {
		display: grid;
	}
	
	.color-ring {
		max-width: 100%;
	}
	
	.mdf-block {
		right: 14px;
		bottom: 66px;
	}
	
	.reset-view-button {
		max-width: 50%;
		bottom: 66px;
	}
	
	.offer-text {
		padding-top: 0px;
		overflow-y: auto;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.offer-block {
		width: 100%;
		height: calc(100dvh);
	}
	
	
	
	/*.offer {
		grid-template-columns: auto;
	}
	
	.offer-title {
		order: 1;
	}
	
	.image-3d {
		grid-row: initial;
		order: 2;
	}
	
	.reset-view-button {
		order: 3;
	}
	
	.offer .slider {
		order: 4;
	}
	
	.offer .minicolors {
		order: 5;
	}
	
	.offer .blackback {
		order: 6;
	}
	
	.offer-text {
		order: 7;
	}*/
	
	.reset-view-button:hover:active {
		text-shadow: 1px 1px 2px black;
	}
	
	.reset-view-button:hover {
		text-shadow: none;
	}
	
	.image-3d {
		padding-top: 2px;
		padding-bottom: 115px;
		box-shadow: none;
	}
	
	.offer-text-strings {
		grid-template-columns: auto auto 1fr;
	}
	
	.text {
		font-size: 4vw;
	}

	.text h1 {
		font-size: 6vw;
	}
	
	.gallery-detail-view .fancybox__nav {
		display: none;
	}
	
	.graph-content {
		grid-template-columns: 1fr;
	}
}

@media only screen and (min-width:800px) {
	.offer {
		grid-template-columns: auto auto;
	}
	
	.offer-text {
		grid-row: 2 / 3;
        grid-column: 2 / 3;
	}
	
	.offer-title {
		grid-column: 2 / 3;
	}
	
	.image-3d {
		grid-row: 1 / 4;
	}
}