@charset "utf-8";
/* CSS Document */

* { box-sizing: border-box; }
body {
  margin: 0;
  background: #ffffff;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
header p {
	margin: 30px 40px 20px 0;
	text-align: right;
	font-size: x-large;
	color: #523c2e;
	letter-spacing: .1px;
	text-shadow: 0 0 1.5px #00000050;
}
header .tel {
	font-weight: bold;
	color: #c92f55;
}
header .logo {
	margin: -66px 10px 0 50px;
	width: 174px;
	display: inline-block;
	float: left;
	transition: all .4s ease-in-out;
}
#top_nav1 {
	width: 100%;
	padding: 10px 0 0 0;
	position: absolute;
	right: 0;
	top: 0;
	background: url("../images/white_background.png") repeat-x;
	transition: box-shadow .4s linear;
	z-index: 1002;
}
#top_nav1_height {          /* выделает место под меню с логотипом */
	position: relative;
	width: 100%;
	height: 50px;
}
header .menu-container {
	float: right;
	display: inline;
	margin: 0 20px 0 0;
	background: #ffffff;
}
/*---------- Стили меню ----------*/
header a {
  text-decoration: none;
  letter-spacing: .3px;
  outline: none;
  transition: .3s ease-in-out;
}
header nav ul {
  list-style: none;
  margin: 0 20px 0 auto;
}
.topmenu > li {
  float: left;
  position: relative;
  color: #5a5a5a;
  text-shadow: 0 0 .7px #00000040;
}
.topmenu > li > a {
  font-size:110%;
  font-weight:500;
  color: #a1a6af;
  padding: 15px;
}
.topmenu li a:hover { 
	color: #d995ae; 
}
.topmenu li a:active {
	text-decoration: underline;
}
.topmenu li .this-page {
	color: #d995ae;
}
.submenu-link:after {
	display: inline-block;
	content: ">";
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	-ms-transform: rotate(90deg); 
	transform: rotate(90deg);
	color: inherit;
	font-weight: 400;
	vertical-align: -2px;
	margin-left: 10px;
}
.submenu {
  background: #4f4b48;
  position: absolute;
  left: 10px;
  top: 100%;
  padding: 0 6px 0 18px;
  z-index: 5;
  width: 200px;
  opacity: 0;
  box-shadow: 6px 6px 6px 0 #00000030;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: .5s ease-in-out;
}
.submenu li {
  margin: 0 12px 0 6px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.submenu a {
  color: white;
  text-align: left;
  font-size: 90%;
/*
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);   */
}
.submenu li:last-child a { border-bottom: none; }    /*   .submenu li:last-child a { border-bottom: none; }   */
.topmenu > li:hover .submenu {
  opacity: 1;
  transform: scaleY(1);
}
.logo-box {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: -6px 0 0 8px;
}
/*---------- Конец стилей меню ----------*/
.school-name-1 {
	float: right;
	width: 67%;
	margin: 20px 40px 20px 0;
	filter: drop-shadow(0 0 1px #bababa50);
}
.school-name-2 {
	float: none;
	display: inline-block;
	width: 100%;
	margin: -4px 0;
	padding: 8px 32px;
	background: linear-gradient(to right, #b4d52f, #9ebe1f);
}
.main-img {
	position: relative;
	margin: 0 0 2px 0;
}
#forward-img {
	position: absolute;
	top: 0;
	left: 0;
}
#backward-img {
	opacity: 0;
}
.button-1 {
	width: 230px;
	height: 36px;
	border-radius: 4px;
	position: absolute;
	right: 40px;
	top: 30px;
	cursor: pointer;
	background: #c92f55;
	box-shadow: 2px 2px 6px 0 #00000040;
	color: floralwhite;
	text-align: center;
	font-size: 19px;
	font-weight: 450;
	letter-spacing: .5pt;
	padding: 3px 0;
	transition: .3s ease-in-out;
}
.button-2 {
	width: 368px;
	height: 48px;
	border-radius: 6px;
	margin: 28px auto 22px;
	cursor: pointer;
	background: #c92f55;
	color: floralwhite;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: .7pt;
	padding: 5px 0;
	transition: .3s ease-in-out;
}
.button-1:hover, .button-2:hover {
	color: #d995ae;
}
.button-1:active, .button-2:active {
	border-left: 2px solid #0a0a0a;
	border-top: 2px solid #0a0a0a;
	border-bottom: 2px solid #dfdfdf;
	border-right: 2px solid #dfdfdf;
	transition: none;
}
.button-1 a, .button-2 a, .button-1:hover a, .button-2:hover a, .button-1:active a, .button-2:active a {
	text-decoration: inherit;
	color: inherit;
}
/* Второе меню - под картинкой   */
.menu2 {
	background: #baa799;
	text-shadow: 0 0 1.5px #00000030;
	padding: 2px;
}
.menu2:after {
	content: "";
	display: table;
	clear: both;
}
.menu2 ul {
	float: left;
	padding: 0 34px;
	list-style-type: none;
	margin: 12px -16px 18px -6px;
	line-height: 29px;
}
.menu2 .head {
	color: #c92f55;
	font-weight: 750;
	font-size: 23px;
}
.menu2 .list {
	color: #efefef;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: .4px;
	margin-left: 24px;
	text-indent: -24px;
}
.menu2 .list:before {
	content: "\2B24";
	font-size: 70%;
	vertical-align: 2px;
	margin-right: 10px;
}
.menu2 .list a {
	text-decoration: none;
	color: #efefef;
	transition: .3s ease-in-out;
}
.menu2 .list a:hover {
	color: #ffffff;
	text-shadow: 0 0 3px #ffffff;
	transition: .3s ease-in-out;
}
.menu2 .list a:active {
	text-decoration: underline;
}
/* Третье меню, с пиктограммками  */
.menu3 {
	text-shadow: 0 0 .6px #00000030;
	filter: drop-shadow(0 0 1.7px #bababa50);
	margin: 8px auto;
	padding: 0 0 32px 0;
}
.menu3:after {
	content: "";
	display: table;
	clear: both;
}
.menu3 a {
	text-decoration: none;
	color: inherit;
	transition: .3s ease-in-out;
}
.menu3 ul:hover {
	filter: drop-shadow(0 0 1.8px #c92f5570);
}
.menu3 ul:active {
	filter: drop-shadow(0 0 3px #c92f55);
}
.menu3 a:hover {
	color: #d995ae;
}
.menu3 a:active {
	color: #c92f55;
}
.menu3 ul {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	line-height: 29px;
	font-size: 23px;
	font-weight: 750;
	color: #baa799;
	text-align: center;
}
.menu3 img {
	width: 160px;
	height: 160px;
}
.line {
	border-bottom: 2.5px solid #baa799;
	margin: 0 4%;
}
.light-line {
	margin: 0 7%;
	border-color: #efe3de;
	border-style: dashed;
}
.phrase {
	margin: 24px auto 0 auto;
	text-align: center;
	font-size: 160%;
	font-weight: 750;
	color: #baa799;
	letter-spacing: .1px;
	text-shadow: 0 0 1.5px #00000050;

}
.phrase .red {
	color: #d84c71;
}
.menu4 {
	margin: -4px 0 12px 18px;
	color: #0a0a0a;
	font-size: 130%;
	font-weight: 750;
	letter-spacing: 0;
	text-shadow: 0 0 1.5px #00000030;
}
.menu4 ul {
	display: inline-block;
	vertical-align:top;
	list-style-type: none;
}
.menu4 li {
	margin-left: 12px;
	text-indent: -12px;
}
.menu4 li:before {
	content: ">";
	margin-right: 8px;
}
.menu4 a {
	text-decoration: none;
	color: inherit;
	transition: .3s ease-in-out;
}
.menu4 a:hover {
	color: #d84c71;
}
.menu4 a:active {
	color: #c92f55;
	text-shadow: 0 0 2px #d995ae;
	transition: none;
}

/* Блоки для основной информации */
.main-block {
	position: relative;
	margin: 0;
}
.bg-light-brown {
	background: #f8f3ef;
}
.bg-dark-brown {
	background: #baa799;
}
.bg-green {
	background: #aaca2b;
}
.main-block img {
	display: inline-block;
	margin: 0 0 -4px -5px;
}
.text-container {
	display: inline-block;
	vertical-align: top;
	margin: 6px 1% 18px 9%;
	padding: 0;
	font-size: 140%;
	font-weight: 600;
}
.text-block {
	margin: 0;
	padding: 0 2%;
}
.free-position {
	position: absolute;
	background: #ffffff;
}
.text-container h3 {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 150%;
	font-weight: 300;
	font-stretch: extra-expanded;
	letter-spacing: -.02em;
}
.text-container h4 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: 600;
	font-style: italic;
	font-size: 110%;
	color: #efefef;
	padding: 36px 62px;
	margin: 0 0 10px 76px;
	background: url("../images/mazok.gif") no-repeat center center;
}
.block-vert-mid h3 {
	margin: 47% 0;
}
.text-container a {
	text-decoration: none;
	font-size: 85%;
	font-weight: 400;
	text-shadow: 0 0 .7px #0a0a0a60;
	transition: .3s ease-in-out;
}
.text-container a:hover {
	color: #d995ae;
	cursor: pointer;
}
.text-container a:active {
	text-shadow: 0 0 2px #d995ae;
	color: #c92f55;
	transition: none;
}
.zametka {
	line-height: 1.3;
	margin: -32px 0 0 6px;
	text-indent: -36px;
	list-style: none;
}
.vd:before {
	content: url("../images/marker_video.gif");
}
.nt:before {
	content: url("../images/marker_statia.gif");
}
.vd:before, .nt:before {
	position: relative;
	top: 10px;
	left: -6px;
}
.zametka a:hover .vd:before {
	content: url("../images/marker_video_red.gif");
	opacity: .5;
}
.zametka a:hover .nt:before {
	content: url("../images/marker_statia_red.gif");
	opacity: .5;
}
.zametka a:active .vd:before, .zametka a:active .nt:before {
	opacity: 1;
}
.txt-green {
	color: #aaca2b;
}
.txt-black {
	color: #000000;
}
.txt-grey {
	color: #6d6d6d;
}
.txt-red {
	color: #c92f55;
}
.txt-brown {
	color: #c9b3a2;
}
.txt-white {
	color: #efefef;
}

/* Отзывы  */
.otzyv {
	margin: 0 0 24px 0;
	position: relative;
}
.otzyv .text-container {
	display: block;
	vertical-align: top;
	margin: 6px 1% 18px 4%;
	padding: 0;
}
.otzyv .text-container h3 {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 150%;
	font-weight: 300;
	font-stretch: extra-expanded;
	letter-spacing: -.02em;
	margin-bottom: -12px;
}
.otzyv .text-block {
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 130%;
	font-weight: 400;
	color: #4a4a4a;
	letter-spacing: -.1px;
	line-height: 1.2;
	width: 75%;
	margin: 0;
	padding: 0 1% 0 4%;
}
.otzyv img {
	display: inline-block;
	vertical-align: top;
	margin: 24px 0 0 4%; 
	width: 163px;
	height: 163px;
	border-radius: 50%;
}
.otzyv .podpis {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 90%;
	font-weight: 600;
	font-style: italic;
}
.otzyv .ds {
	font-style: normal;
}
.disappearing {
	overflow: hidden;
	position: relative;
	height: 96px;
}
.disappearing:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 3.4em;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
	pointer-events: none;
}
.dalee {
	position: absolute;
	bottom: 24px;
	right: 12px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 90%;
	font-weight: 700;
}
.dalee a {
	text-decoration: none;
	color: #c9b3a2;
}
.dalee a:hover {
	color: #d995ae;
}
.dalee a:active{
	color: #c92f55;
}

footer {
	background: #aba291;
	margin: 32px 0 0 0;
	padding: 22px 6px 40px 12px;
	text-align: center;
	color: #dfdfcf;
	font-size: 100%;
}
.menu5 {
	font-size: 120%;
	font-weight: 600;
	color: #dfdfcf;
}
footer a {
	text-decoration: none;
	color: #dfdfcf;
	transition: .3s ease-in-out;
}
footer a:hover {
	color: #ffffff;
}
footer a:active {
	color: #c92f55;
	transition: none;
}
.footericon-fb, .footericon-yt {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: -8px;
	width: 32px;
	height: 32px;
}
.footericon-fb {
	background: url("../images/fb_footer.gif") no-repeat center;
}
a .footericon-fb:hover {
	background: url("../images/fb_footer_over.gif") no-repeat center;
}
a .footericon-fb:active {
	background: url("../images/fb_footer_pressed.gif") no-repeat center;
}
.footericon-yt {
	background: url("../images/youTube_footer.gif") no-repeat center;
}
a .footericon-yt:hover {
	background: url("../images/youTube_footer_over.gif") no-repeat center;
}
a .footericon-yt:active {
	background: url("../images/youTube_footer_pressed.gif") no-repeat center;
}

/* Кнопка "Наверх" */
#up_top1 {
	position: fixed;
	bottom: 2%;
	right: 2%;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.3));
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.7s, visibility 0s linear 0s;
	cursor: pointer;
	z-index: 1001;
}