html, body {
	margin:0px; padding:0px; 
	background:#9F89B6;
	position:relative; 
}
body {
	text-align:left;
}
#container {
	position:relative; 
	display:block; 
    background:#ffec97;
}
#inner {
	display:block;
	position:relative;
	padding:1px;
}
#center {
	margin-left:0px;
	position:relative; 
	display:block;
	height:1%;
}
.clear {
	clear:both;
}
.foot {
	display:block;
	padding:10px;
    text-align:center;
}
h1 {
  color: white;}
h2 {
    padding-left: 80px;
}
  table {
    padding-left: 20px; 
    padding-right: 10px;
}
  tr, td {
    text-align:center;
  }
a {
	text-decoration: none;
	color: #333;
}
a:hover {color: blue;
}
a:focus {color: red;}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background: #9f89b6;
	position: relative;
}
.hamburger {
	display: none;
	background: none;
	border: none;
	font-size: 36px;
	cursor: pointer;
	order: 1;
}
.nav {
	display: flex;
	gap: 10px;
}
.nav a {
	text-decoration: none;
	color: #333;
    font-weight: 600;
  font-size: 18px;
}
.nav a.active {
  color: #ffec97;
 }

a:visited {
  color: #473b39;
}
.btn-max {
  background-image: url(/max_p.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-email {
  background-image: url(/qr_mail.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-phone {
  background-image: url(/tel-903.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-telegram {
  background-image: url(/teleg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  color: white;
}
.btn {
  display: inline-flex;
  padding: 35px 35px;
 }
.iframe_block {
       overflow: hidden;
		width: 800px; /* Ширина окна */
		height: 600px; /* Высота окна */
	}

	.iframe_class {
		padding-left: 19px;
        border: 2px;
		margin-left: -15px; /* Положение по горизонтали */
		margin-top: -193px; /* Положение по вертикали */
		width: 800px;
		height: 800px;
	}
    .iframe_form {
		padding-left: 5px;
        width: 400px;
		height: 1120px;
	}


/* Устройства до 992px */
@media screen and (max-width: 992px) {
	.hamburger {
		display: block;
		z-index: 1001;
	}
	.nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 80%;
		height: 100vh;
		background: #9f89b6;
		transition: right 0.3s;
		z-index: 1000;
		flex-direction: column;
		gap: 10px;
		padding: 24px 20px 20px;
	}
	.nav.active {
		right: 0;
	}
	.nav a {
		padding: 10px;
	}
  .btn-max {
  background-image: url(/max_p.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
  .btn-phone {
  background-image: url(/tel-903.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 24px 24px;
  border: none;
  font-family: 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
 	.iframe_block {
       overflow: hidden;
		width: 98%; /* Ширина окна */
		height: 600px; /* Высота окна */
	}

	.iframe_class {
		padding-left: 19px;
        border: 2px;
		margin-left: -15px; /* Положение по горизонтали */
		margin-top: -25px; /* Положение по вертикали */
		width: 98%;
		height: 600px;
	}
    .iframe_form {
		width: 98%;
		height: 1120px;
	}
	}

/* Устройства от 992px до 1400px */
@media screen and (min-width: 993px) and (max-width: 1400px)
  {
	/*.hamburger {
		display: block;
		z-index: 1001;
	}
	.nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 80%;
		height: 100vh;
		background: #9f89b6;
		transition: right 0.3s;
		z-index: 1000;
		flex-direction: column;
		gap: 10px;
		padding: 24px 20px 20px;
	} */
	.nav.active {
		right: 0;
	}
	.nav a {
		padding: 10px;
	}
  .btn-max {
  background-image: url(/max_p.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
  .btn-phone {
  background-image: url(/tel-903.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 24px 24px;
  border: none;
  font-family: 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
 	.iframe_block {
       overflow: hidden;
		width: 840px; /* Ширина окна */
		height: 600px; /* Высота окна */
	}

	.iframe_class {
		padding-left: 19px;
        border: 2px;
		margin-left: -15px; /* Положение по горизонтали */
		margin-top: -25px; /* Положение по вертикали */
		width: 840px; 
		height: 600px;
	}
    .iframe_form {
		padding-left: 5px;
        width: 500px;
		height: 1120px;
	}
}