html, body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
}

body {
	font-family: "Montserrat", sans-serif;
	color: #161824;
    font-weight: normal;
    font-style: normal;
	font-size: 12px;
	background: #eae6db ;
}
*{
	box-sizing: border-box;
}
a, a:link, a:visited {
    outline: none;
	text-decoration: none;	
	-moz-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: transparent; 
}

img {
	border: none;
	margin: 0px;
	max-width: 100%;
}


h1 {
	font-family: "Montserrat", sans-serif;
    font-weight: bold;
	font-size: 28px;
	margin: 0px;
	padding: 0px;	
}

h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
}

h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif;
    font-weight: normal;
	font-size: 18px;
	margin: 0px;
	padding: 0px;	
}

form, input, select, textarea, p {
	margin: 0px;
	padding: 0;
}

textarea {
	resize: none;
}

input:focus, textarea:focus {
	outline: none;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

article, aside, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section, time {  
	display: block; 
} 
.page-center{
	max-width: 1540px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
header .page-center{
	display: flex;
	padding: 10px 20px;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	
}
header img{
	max-width: 443px;
	width: 100%; 
}
header h1{
  color: #163040;
  font-size: 30px;
  line-height: normal;
}
figure{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.bg-image img{
	width: 100%;
}
.bg-image figure{
	position: relative;
}

.data{
	transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
	position: absolute;
	right: 0;
	padding: 10px;
	background-color: #004b75;
	border-radius: 5px;
	color: #fff;
	z-index: 10;
	width: fit-content;
	height: fit-content;
	opacity: 0;
	font-size: 13px;
	line-height: 16px;
	top: -60px;
	white-space: nowrap;
	pointer-events: none;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
}
.main{
	position: absolute;
	z-index: 4;
	cursor: pointer;
}
.main img{
	transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.sub-images .main:first-child{
	bottom: 1%;
	left: 3.7%;
	width: 10.5%;
}
.sub-images .main:nth-child(2){
	bottom: 2%;
	left: 13.5%;
	width: 8.7%;
}
.sub-images .main:nth-child(3){
	bottom: 3%;
	left: 20.8%;
	width: 6.7%;
}
.sub-images .main:nth-child(4){
	bottom: 2%;
	left: 25.6%;
	width: 8.2%;
}
.sub-images .main:nth-child(5){
	bottom: 2%;
  left: 32.1%;
  width: 8.7%;
}
.sub-images .main:nth-child(6){
	bottom: 3.8%;
	left: 39.8%;
	width: 8.1%;
}
.sub-images .main:nth-child(7){
	bottom: 4%;
	left: 46.8%;
	width: 6.6%;
}
.sub-images .main:nth-child(8){
	bottom: 5.5%;
	width: 6.8%;
	right: 40.2%;
}
.sub-images .main:nth-child(9){
	bottom: 5%;
	width: 6.8%;
	right: 34%;
}
.sub-images .main:nth-child(10){
	bottom: 5.2%;
	width: 7.1%;
	right: 28%;
}
.sub-images .main:nth-child(11){
	bottom: 5%;
  width: 7%;
  right: 22.4%;
}
.sub-images .main:nth-child(12){
	bottom: 5%;
	width: 8%;
	right: 15.3%;
}
.sub-images .main:nth-child(13){
	bottom: 5.7%;
	width: 7.6%;
	right: 9.2%;
}
.sub-images .main:nth-child(14){
	bottom: 5.7%;
	width: 8.7%;
	right: 0.9%;
}
.sub-images .main:nth-child(27){
	bottom: 39.2%;
  width: 6.7%;
  right: 12.53%;
  z-index: 3;
}
.sub-images .main:nth-child(26){
	bottom: 37.3%;
	width: 6.6%;
	right: 19.1%;
	z-index: 3;
}
.sub-images .main:nth-child(25){
	bottom: 38.3%;
	width: 6.8%;
	right: 24.7%;
	z-index: 3;
}
.sub-images .main:nth-child(24){
	bottom: 36.53%;
	width: 6.8%;
	right: 30.7%;
	z-index: 3;
}
.sub-images .main:nth-child(23){
	bottom: 34.7%;
	width: 5.8%;
	right: 37.4%;
	z-index: 3;
}
.sub-images .main:nth-child(22){
	bottom: 25.7%;
	width: 5.7%;
	right: 44.09%;
	z-index: 3;
}
.sub-images .main:nth-child(21){
	bottom: 35.3%;
	width: 6.8%;
	right: 49.2%;
	z-index: 3;
}
.sub-images .main:nth-child(20){
	bottom: 36.6%;
	width: 6.2%;
	z-index: 3;
	left: 38.1%;
}
.sub-images .main:nth-child(19){
	bottom: 33%;
  width: 6%;
  z-index: 3;
  left: 32.9%;
}
.sub-images .main:nth-child(18){
	bottom: 34.8%;
	width: 6.5%;
	z-index: 3;
	left: 27.3%;
}
.sub-images .main:nth-child(17){
	bottom: 37.5%;
	width: 7.2%;
	z-index: 3;
	left: 21.1%;
}
.sub-images .main:nth-child(16){
	bottom: 39%;
	width: 6.5%;
	z-index: 3;
	left: 16.38%;
}
.sub-images .main:nth-child(15){
	bottom: 30.7%;
	width: 7.7%;
	z-index: 3;
	left: 10%;
}
.sub-images .main:nth-child(37){
	bottom: 45.8%;
	width: 5.3%;
	z-index: 2;
	right: 22.7%;
}
.sub-images .main:nth-child(36){
	bottom: 44.6%;
	width: 5.4%;
	z-index: 2;
	right: 28.7%;
}
.sub-images .main:nth-child(35){
	bottom: 43.4%;
	width: 4.8%;
	z-index: 2;
	right: 35.2%;
}
.sub-images .main:nth-child(34){
	bottom: 45.8%;
	width: 5.4%;
	z-index: 2;
	right: 41%;
}
.sub-images .main:nth-child(33){
	bottom: 44.8%;
	width: 5.4%;
	z-index: 2;
	right: 47%;
}
.sub-images .main:nth-child(32){
	bottom: 47.8%;
	width: 5.4%;
	left: 41.2%;
	z-index: 2;
}
.sub-images .main:nth-child(31){
	bottom: 47.6%;
	width: 4.3%;
	left: 36.5%;
	z-index: 2;
}
.sub-images .main:nth-child(30){
	bottom: 49.6%;
	width: 6.3%;
	left: 29.2%;
	z-index: 2;
}
.sub-images .main:nth-child(29){
	bottom: 47.9%;
	width: 5.9%;
	left: 23.7%;
	z-index: 2;
}
.sub-images .main:nth-child(28){
	bottom: 48.3%;
	width: 6.5%;
	left: 17.8%;
	z-index: 2;
}
.sub-images .main:nth-child(38){
	bottom: 52.3%;
	width: 5%;
	z-index: 1;
	right: 25.7%;
}
.sub-images .main:nth-child(39){
	bottom: 48.9%;
	width: 6.5%;
	z-index: 1;
	right: 30.1%;
}
.sub-images .main:nth-child(40){
	bottom: 50.4%;
	width: 5%;
	z-index: 1;
	right: 36.1%;
}
.sub-images .main:nth-child(41){
	bottom: 49.3%;
	width: 5.8%;
	z-index: 1;
	right: 39.3%;
}
.sub-images .main:nth-child(42){
	bottom: 51.3%;
	width: 5.8%;
	z-index: 1;
	right: 44.4%;
}
.sub-images .main:nth-child(43){
	bottom: 52.5%;
	width: 4.3%;
	z-index: 1;
	right: 50.6%;
}
.sub-images .main:nth-child(44){
	bottom: 51%;
	width: 4.6%;
	z-index: 1;
	left: 39%
}
.sub-images .main:nth-child(45){
	bottom: 51%;
	width: 5.4%;
	z-index: 1;
	left: 33.2%;
}
.sub-images .main:nth-child(46){
	bottom: 52%;
	width: 4.5%;
	z-index: 1;
	left: 27.8%;
}
.sub-images .main:nth-child(47){
	bottom: 54%;
	width: 4.5%;
	z-index: 1;
	left: 22.2%;
}

a{
	cursor: pointer;
}
svg{
	z-index: 0;
	position: relative;
}
.main{
	pointer-events: none;
}
.sub-images .main.active img{
	scale: 1.03;
}
.sub-images .main.active .data{
	opacity: 1 !important;
}