* {box-sizing:border-box; -moz-box-sizing:border-box;font-family: Verdana, Tahoma;}
			body {margin: 0;}

.top-menu {
	max-width: 1600px;
	padding: 20px 20px 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-menu--item {padding-left: 30px;padding-right: 30px;height: 100%;display: flex;align-items: center;text-align: center;}
.top-menu--item a {color: #000;transition: color 0.5s;font-size: 20px;}
.top-menu--item a:hover {
	text-decoration: underline;
}

			p {text-align: justify; font-size:113%; text-indent: 16px; margin: 4px 0 0 0;}
			h1,h2,h3,h4{text-align: left; margin: 16px 0 10px 0;}
			li {margin-bottom: 4px;}
			img {border:none;}
			a {text-decoration: none; color: blue;}
			a>img {transition: all .2s ease;}
			a:hover>img {transform: scale(1.05); transition: all .2s cubic-bezier(.1, -1.5, .1, 2.5);}

			#information {background-size:100%;}
			.dmenu{z-index: 8; position: fixed; width:100%; top:0; left:0;}

			.header {width: 100%; height: 80px; background: linear-gradient(to bottom right, gray 20%, silver 100%); box-shadow: 0px 4px 11px #000;}
			.aulogo {background: transparent url('pictures/logo96.png') no-repeat 48px 16px;}
			.fra {font-size: 150%;color: black !important; height: 128px; width: 642px; background: transparent url('img/logo96r.png') no-repeat right center;}
			.header td {color: #ddc;}
			.logo {font-size: 30px; white-space: nowrap; font-weight: 900;}
			.logo a {color: #ffffff !important;}
			.logo span {font-size: 16px;}

			.footer 	{color: #ddc; width: 100%; background: silver; box-shadow: 0px -4px 11px #000;}
			.footer td	{color: #ddc;}
			.footer a	{color: #aaf;}
			.footer a:hover	{color: #fff;}

			input.nice {border: 2px solid #16b; border-radius: 4px;
					width: 320px; height: 56px; font-size: 150%; padding: 4px 0 0 4px;}

			textarea.nice {border: 2px solid #16b; border-radius: 4px; font-size: 150%; padding: 4px 0 0 4px;}

			.pseudolink {cursor: hand; color: blue;}
			.pseudolink:hover {color: red;}

			.mainzag {text-align: left; padding: 0px 16px 16px 24px; text-shadow: -4px 0 4px #777; margin: 0;}
			.maindata {text-align: left; padding: 16px 16px 16px 24px; box-shadow: -4px 0 11px #777;}


			.category {padding: 0 0 0 8px;}
			.category li ul{padding: 0 0 0 8px;}
			.category li {list-style: none; text-transform: uppercase; margin-bottom: 16px;}
			.category li ul li {font-size: 14px; list-style: square; text-transform: none; margin: 0;}
			.category li ul li ul li {font-size: 10px; list-style: disc;}
			.category li ul li:hover {list-style: circle;}

			.category li a {text-decoration: none; font-weight: bold; color: #337;}
			.category li ul li a {font-weight: normal;}
			.category li a:hover {color: #00f;}

			.zatem{position: absolute; left: 0;top: 0; width: 100%; height: 100%; z-index: 9;
					background: transparent url("image/temn.png") repeat 0 0; opacity: 0;}

			.hiddens {display: none; z-index: 10; opacity: 0;}
			.showit {opacity: 1; transition: opacity .4s ease-in;}

			.hwin {width: 800px; min-height: 480px; margin-left: -400px; position: absolute; top: 64px; left: 50%;
					margin-top: 4px; border: 4px solid #337; border-radius: 16px; box-shadow: 0px 0px 8px #a44;
					background: #fff url('img-at6/bgpage.jpg'); padding: 8px;}

			.closebutt {display: block; width: 50px; height: 50px; cursor: hand; margin: -30px -30px 0 0; background: url(image/close4.png);}
			.closebutt:hover {background-position: left bottom;}

			.hwin .zag {font-size: 22px; font-color: #800; font-weight: bold;}
			.hwin input.nice[type=text], .hwin textarea {border: 2px solid #337; border-radius: 4px; width: 320px; height: 24px; font-size: 16px; padding: 2px 0 0 2px;}
			.hwin textarea {width:640px; height: 128px;}

			.submitbutt {width: 185px; height: 48px; background: url(image/submit.png);}
			.submitbutt:hover {background-position: left bottom;}

			.obyablock {margin: 8px; padding: 8px; border: 1px solid #eef; border-radius: 8px; background: #eef;}
			.obyadate {font-style: italic; font-size: 12px; color: #444;}
			.ansver {padding: 8px 8px 8px 64px; font-style: italic; font-size: 14px; color: #444;}

			.rblock_left {width: 220px; margin-top: 400px;}



.raspisanie {width: 100%;}
.raspisanie tr:nth-child(odd){background-color: #ddf;}
.raspisanie tr td:nth-child(2) {text-align: center;}
.raspisanie tr td:nth-child(3) {text-align: right;}
.raspisanie tr:nth-child(1) td {font-weight: bold; text-align: center;}
.raspisanie td{padding: 10px;}

			.puzzle {vertical-align: top; width:240px; height: 204px; display: inline-block; margin: 8px; padding: 8px; border: 1px solid black;}
			.puzzle table tr:nth-child(1) td {vertical-align: top;}

			.thmb {cursor: hand; border: 4px solid #337; width: 128px; box-shadow: 2px 2px 2px #000;}
			.thmb:hover {border: 4px solid #e81; box-shadow: 3px 3px 4px #800;}

			.galthmb {width: 128px; height: 160px; display: inline-block; text-align: center;}
			.galthmb img {max-width: 100%; max-height: 100%; transition: all .2s ease; vertical-align: middle;}
			.galthmb img:hover {box-shadow: 4px 4px 8px #000; transform: scale(2); transition: all .2s cubic-bezier(.1, -1.5, .1, 2.5);}

			.maincont {width: 700px; overflow: hidden; white-space: nowrap;}
			.slidable {position: relative; left: 0; height: 700px; transition: all .7s ease;}
			.oneslide {height: 700px; width: 700px; padding: 16px; display: inline-block;}
			.oneslide img {max-width: 100%; max-height: 100%; vertical-align: middle;}

			.cartbtn {color: transparent; outline: none; border: none;
					width: 30px; height: 21px; background: transparent url(img-at7/cartinprice30.png) no-repeat top left;
					font-size: 4px;}

.course img {margin: 0 16px 16px 0;}
.course {margin: 8px 0; padding-bottom: 16px; overflow: hidden; max-height: 96px; border-bottom: 1px solid #347; border-top: 1px solid #347; border-radius: 8px; transition: all .4s ease-out; cursor: hand; background: white;}
.showcrs {max-height: 800px; transition: all .4s ease-in;}
.vizitka {background: #fff url('media/bgviz2.jpg') repeat center center; border: 2px solid #337; border-radius: 8px; width: 320px; height: 170px; padding: 8px; text-align: center;}

		.i-panel img {width: 44px;}
.gallary {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 30px;
	margin: 80px 0;
}
.gallary a {
	width: 320px;
	height: 320px;
}
.gallary a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
img {
	max-width: 100%;
}
.contact-form__message, .preloader,
.done .md-form, .done button {
	display:none;
}
.preloader.preloader_active {
	display:block;
	position:absolute;
}
.done .contact-form__message {
	display:block;
}
form {
	text-align: center;
}
form input {
	width: 320px;
	height: 40px;
	margin-bottom: 20px;
}
.header .container {
	max-width: 100%;
	padding: 0 25px;
	background: none;
	box-shadow: unset;
}
.flex {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.sa {
justify-content: space-around;
}
.sb {
justify-content: space-between;
}
.flex-item {
	font-size: 22px;
	width: calc(25% - 25px);
}
.flex-item a {
	color: #fff;
}
.header .flex.sb {
	align-items: center;
}

.header a {
	color: #000;
}
.fixed-btn {
	position: fixed;
	max-width: 70px;
	height: 130px;
	border: 3px solid #000;
	background: #fff;
	border-right: 0;
	padding: 20px;
	right: 0;
	top: 190px;
	border-radius: 35px 0 0 35px;
	z-index: 100;
}
.fixed-btn__link {
	width: 32px;
	margin-bottom: 17px;
	display: block;
}
.fixed-btn__link:last-child {
	margin-bottom: 0;
}
.logo a, .logo span {
	margin-left: 20px;
}
.burger-wrap {
	display:none;
}
.burger-wrap {
	width: 100%;
	text-align: right;
}
.close {
	display:none
}
.close.open {
	display: inline-block;
}
.burger.open {
	display:none;
}
.burger-wrap img {
	width: 32px;
	height: auto;
}
button {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	background: unset;
	color: #fff;
	padding: 5px 20px;
	border: 1px solid #fff;
	cursor: pointer;
}
.zakaz {
	display: block;
	margin-top: 20px;
	color: #000;
	border: 1px solid #000;
	text-align: center;
	padding: 7px 15px;
}
.menu-fixed.fixed {
	position: fixed;
	width: 100%;
	background: #fff;
	top: 0;
	padding-bottom: 15px;
}
@media (max-width: 450px) {
.flex-item {
	font-size: 20px;
	width: 100%;
}
.table {
	max-width: 700px;
	overflow-x: scroll;
}
.burger-wrap {
	display:block;
}
.top-menu--item {
	display:none;
}
.open .top-menu--item {
	display:block;
}
img {
	max-width: 100% !important;
}
#gk {
	font-size: 20px;
	margin-top: 20px;
}
.logo-desk {
	font-size: 12px !important;
}
.top-menu {
	flex-wrap: wrap;
}
}
@media (max-width: 450px) {
	.header .flex.sb > div:nth-child(2), .header .flex.sb > div:nth-child(3) {
	display:none;
}
}