body {

	font:16px Myriad Pro;

	background-color:#DADCE6;

	background-image: url(img/background.jpg);

	margin:0px auto;

	letter-spacing: 1px; /* Отступ между буквами*/ 

}

.css_2 {

	display:none;

}

.school_name_bg {
	background-image: url("img/Illustration2.png");
	background-size: 100% 100%;
	width:100%;

	background-color:#7ab7df;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);

	position: relative;

	z-index:3;

}

.school_name {

	width:1150px;

	height:110px;

	margin:0px auto;

	

}

.school_name.fixed {height:210px;}

h1 {

	font-size: 24px;

	font-family:Myriad Pro;

	text-transform:uppercase;

	color:#A9D0E9;

	font-weight:100;

	text-align:center;

	padding-top:27px;

	margin:0px auto;

}

h2 {

	font-size: 24px;

	font-family:Myriad Pro;

	text-transform:uppercase;

	color:#000000;

	font-weight:100;

	text-align:center;

	padding-top:27px;

	margin:0px auto;

}



/*Начало навигации*/

.bg_nav_1 {

	width:100%;

	height:50px;

	background-color:#5bade4;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);

	position:relative;

	z-index:2;

}

.bg_nav_1.fixed {height:35px;}

.bg_nav_2 {

	width:100%;

	height:50px;

	background-color:#3b8dc4;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);

	position:relative;

	z-index:1;

}

.bg_nav_2.fixed {height:35px;}

#menu {

    z-index: 100;

	width:100%;

}



@keyframes fixed {

	0% {margin-top:-100px;}

	100% {margin-top:0px;}

}

#menu.fixed {position:fixed; top:0px;width:100%; animation:fixed 1s;}



nav {

	width:1150px;

	height:50px;

	margin:0px auto;

}



.menu {

	padding:0px;

	margin:0px;

	padding-top:1px;

}

.menu li {

	float:left;

	list-style:none;

	padding:5px 0px;

	transition: background-color .25s;

	position:relative;

}



.menu a {

	display:block;

	color:#FBFCFD;

	text-decoration:none;

	padding:12px 17px;

	font-size:13px;

	border-right:1px solid #4B9BD1;

}

.menu a.fixed {padding:5px 17px;}

.menu a[href="index.html"]:nth-child(1){border-left:1px solid #4B9BD1;}

.menu li:hover {

	background-color:#61b9ec;

}



.menu li ul {

	position:absolute;

	background-color:#4B9BD1;

	padding:0px;

	border-radius: 0px 0px 5px 5px; 

	box-shadow:0px 3px 6px rgba(00,00,00,.35);	

	overflow:hidden;

}



.menu li ul li {

	padding:0px;

	width:100%;

	border-bottom:1px solid #4B9BD1;

}

.menu li ul li:nth-child(1) {border-top:1px solid #4B9BD1;}

.menu li ul li:nth-last-child(1) {border-bottom:none;}



.menu li ul a {

	border-right:none;

	padding:15px 23px;

	margin:0px;

	display:block;

	font-size:12px;

}

.menu li ul a:hover {

	background-color:#FCA22F;

	box-shadow:inset 0px 1px 6px rgba(00,00,00,.35);	

}

.menu li ul a:active {

	box-shadow:inset 0px 1px 6px rgba(00,00,00,.30);	

}



/*Конец навигации*/

/*Начало слейдер*/



.bg_slider {

	height:295px;

	background-color:#64AEDF;

}

/*Начало слайдера*/

.slide {

	width:100%;

	height:340px;

	background-color:#ffffff;

	padding-top:12px;

}

#slider {

	margin:0px auto;

	width:1150px;

	position:relative;

}

#slides {

	box-shadow:0px 3px 6px rgba(00,00,00,.35);	

}

.inner {width:500%;}



.page {float:left; width:20%;}

.page img {width:1150px; height:240px;}



#overflow {overflow:hidden;width:1150px; height:240px;}



#slider input {display:none;}



#controls {

	position:absolute;

	left:475px;

	top:255px;

	width:220px;

}

#controls label {

	display:none;

	cursor:pointer;

}

#controls label:hover {

	

}



#slide1:checked ~ #controls label:nth-child(2),

#slide2:checked ~ #controls label:nth-child(3),

#slide3:checked ~ #controls label:nth-child(4),

#slide4:checked ~ #controls label:nth-child(5),

#slide5:checked ~ #controls label:nth-child(1) {

	width:14px;

	height:25px;

	background-image:url(img/right.png);

	float:right;

	display:block;

}

#slide1:checked ~ #controls label:nth-child(5),

#slide2:checked ~ #controls label:nth-child(1),

#slide3:checked ~ #controls label:nth-child(2),

#slide4:checked ~ #controls label:nth-child(3),

#slide5:checked ~ #controls label:nth-child(4) {

	width:14px;

	height:25px;

	background-image:url(img/left.png);

	float:left;

	display:block;

}



#slide1:checked ~ #slides .inner {margin-left:0%;}

#slide2:checked ~ #slides .inner {margin-left:-100%;}

#slide3:checked ~ #slides .inner {margin-left:-200%;}

#slide4:checked ~ #slides .inner {margin-left:-300%;}

#slide5:checked ~ #slides .inner {margin-left:-400%;}



#active label  {

	width:13px;

	height:13px;

	border-radius:50%;

	background-color:#fff;

	display:inline-block;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);	

	cursor:pointer;

	margin-left:15px;

}

#active label:hover {

	background-color:#0E5685;

	box-shadow:none;

}

#active {

	position:absolute;

	top:259px;

	left:500px;

}



#slide1:checked ~ #active label:nth-child(1),

#slide2:checked ~ #active label:nth-child(2),

#slide3:checked ~ #active label:nth-child(3),

#slide4:checked ~ #active label:nth-child(4),

#slide5:checked ~ #active label:nth-child(5) {

	background-color:#0E5685;

	box-shadow:none;

}





#slides .inner {

	transition: all 2s;

	-webkit-transition: all 2s ;

	-moz-transition: all 2s ;

	-ms-transition: all 2s ;

	-o-transition: all 2s ;

}

/*Конец слайдера*/

/*Начало контент*/

.content {

	width:1150px;

	margin:0px auto;

}

.hallo {

	width:1090px;

	background-color:#F9FAFD;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);	

	border-radius:7px;

	margin-top:30px;

	padding:30px;

}

.hallo img {

	float:right;

	border-radius:5px;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);	

	margin-top:90px;

	margin-left:30px;

}

.hello_of_site{

	font-size:24px;

	font-weight:bold;

	color:#0E5685;

	margin:0px;

}

.text {

	font-size:16px;

	color:#0a0a0a;

	font-family:Arial;

}

.text p{

	font-size:16px;

	color:#0a0a0a;

	font-family:Arial;

}

.text_school {

	font-size:18px;

	color:#050505;

}

.mi_rady {

	font-size:20px;

	font-family:Arial;

	font-weight:bold;

	color:#0f7ac1;

}





.lastNews {

	width:1110px;

	overflow: hidden;

	background-color:#F9FAFD;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);	

	border-radius:7px;

	margin-top:30px;

	padding:20px;

}

.zag {

	font:24px Arial Black;

	color:#0e5685;

	text-align:center;

	margin:0px;

}

.zag_mini {

	font:16px Arial Black;

	color:#0e5685;

	text-align:center;

	margin:0px;

}

/*Последние новости*/

.posts_lastNews {

	width:1110px;

	height:360px;

	margin-bottom:40px;

	margin-left:18px;

}

.post_lastNews {

	width:250px;

	height:360px;

	border-radius:6px;

	background-color:#04B660;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);	

	overflow:hidden;

	transition:background-color .15s;

	position:relative;

	float:left;

	margin: 30px 25px 0px 0px;

}

.post_lastNews:hover {

	background-color:#FCA22F;

	box-shadow:0px 3px 6px rgba(00,00,00,.50);	

}

.last_img  {height:165px;width:250px;overflow:hidden;}

.post_lastNews img {

	width:100%;

}

.zagPosta {

	font:18px Arial;

	font-weight:bold;

	color:#FCFCFC;

	text-align:center;

	margin-bottom:15px;

}

.opisPosta {

	font:16px Arial;

	text-align:center;

	color:#FCFCFC;

	padding:0px 15px;

	margin-top:15px;

}

.post_lastNews a {

	color:#7E795B;

	padding:0px 7px 2px 9px;

	background-color:#F19C2F;

	border-radius:5px;

	text-decoration:none;

	font-size:22px;

	position:absolute;

	left:210px;

	top:323px;

}

/*Конец последние новости*/

/*Новости*/

.news {

	height:200px;

	margin:0px;

	padding:0px;

	margin-left:30px;

}

.news img {

	width:100%;

	border-radius:5px;	

	height:200px;

	object-fit: none;

}

.news_img  {

	width:180px;

	

	float:left;

	margin-right:30px;

	overflow:hidden;

}

.zag_news {

	border-left:2px solid #ADD8E6;

	margin-left:210px;

	padding-left:25px;

	width:750px;}

.opisPosta_2 {

	font-size:16px;

}

.data_news {

	font-size:13px;

	color:#9B9B9B;

	margin-left:240px;

}

.nameNews a{

	text-decoration:none;

	font-size:18px;

	color:#565656;

}

.nameNews a:hover {color:#8E8E8E;}

/*конец Новости*/



/*Вся новость*/

.news_2 {

	margin-left:70px;

}



.news_images {

    float:left;

    width:300px;

    height:225px;

    overflow:hidden;

    margin:10px 10px;

    border-radius:5px; 

}

.news_images.active {

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background-color: rgb(0,0,0, .8);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index:999;

    margin:0px;

}



.news_images img{

	width: 100%;

    height: 100%;

	cursor:pointer;

	transition: all 0.3s ease 0s;

	object-fit: cover;

}

.news_images.active img{

    height: 90%;

    width:auto;

    transition: all 0.3s ease 0s;

}



.postNews {

	width:950px;

	margin-top:20px;

}

/*Конец вся новость*/



.file_img {text-align:center;}

.file_img p {padding-bottom:30px;}

.table {

font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

font-size: 14px;

border-collapse: collapse;

text-align: center;

}

.table th, .table td:first-child {

background: #AFCDE7;

color: white;

padding: 10px 20px;

}

.table th, .table td {

border-style: solid;

border-width: 0 1px 1px 0;

border-color: white;

}

.table td {

background: #D8E6F3;

}

.table th:first-child, .table td:first-child {

text-align: left;

}

.table_name {

	color:#0E5685;

	margin:5px;

	padding: 5px;

	font-size:18px;

	text-align: center;

}



.banners {

	width:1000px;

	

	margin-top:20px;

	margin-left:47px;

	margin-bottom:30px;

}

.banner {

	width:313px;

	height:100px;

	background-color:#0F7AC1;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);	

	border-radius:5px;

	overflow:hidden;

	float:left;

	margin-left:20px;

	margin-bottom:20px;

	cursor:pointer;

	transition:background-color .15s;

	

}

.banner:hover {

	background-color:#FCA22F;

}

.banner_img {

	width:100px;

	height:100px;

	float: left;

}

.banner img {

	width:100px;

	height:100px;

}

.banner p {

	text-align:center;

	color:#FCFCFC;

	font-size:14px;

	height: 100%;

	padding: 0px 4px;

	line-height: 14px;

}

.banner a {

	text-decoration:none;

}

span {

	color:#0E5685;

}



.personal {

	width:850px;

	height:auto;

	background-color:#0F7AC1;

	box-shadow:0px 3px 6px rgba(00,00,00,.35);	

	border-radius:5px;

	overflow:hidden;

	margin-bottom:20px;

}

.personal2 {

	width: auto;

	height: auto;

	box-shadow: 0px 3px 6px rgba(00, 00, 00, .35);

	border-radius: 5px;

	overflow: hidden;

	margin-bottom: 20px;

}

.avatars {

	height:220px;

	/* width:160px; */

	float:left;

}

#person_name {

	margin-top:5px;

	color:#06F782;

	text-shadow: 1px 1px 8px black;

	font-size:18px;

	text-align:center;

	font-weight:bold;

	font-family:Tahoma;

}
#person_name2 {

	font-weight:700;

}

.personal p {

	margin:0px 0px 8px 0px;

	padding-left:200px;

	color:#fff;

	font-size:14px;

}
.personal2 span {

	margin:0px 0px 8px 0px;
	font-weight: bold;
	color: #000;

}

.dopSvedTable table {

	width:800px;

	margin:30px auto;

}

.dopSvedTable table td {

	padding:30px;

}

.dostijeniya img {

	width:250px;

	margin:12px;

}

.im {

	cursor:pointer;

}



.cal{

	margin-left:30px;

}

.cal a {

	display:block;

	width:160px;

	text-decoration:none;

	color:#696969;

	font-size:20px;

	margin:10px;

}

.cal a:hover {

	border-bottom:1px solid #696969;

	color:#000;

}

.font img {

	width:150px;

	height:auto;

	cursor:pointer;

	float:right;

	margin:7px;

}

.center {
	display: flex;
	align-items: center;
	justify-content: center;
  
  }
/*Конец контента*/

/*Начало футера*/

footer {

	margin-top:30px;

	height:367px;

	background-color:#0F6EAD;

	position:relative;

}



.footer_cont {

	width:1150px;

	margin:0px auto;

	position:relative;

}

.footer_cont a {

	text-decoration:none;

	color:#fcfcfc;

}

.footer_cont a:hover {

	color:#C7C7C7;

}

.contakt {

	float:left;

	width:300px;

	margin:75px 30px 0px 30px;

}



.contakt > p, .adres > p, .e-mail > p {

	font:16px Arial;

	font-weight:bold;

	color:#fcfcfc;

	

	

}

.contakt div{margin-bottom:10px;}

.contakt div p:nth-child(1) {

	color:#64aedf;margin:3px;

}

.contakt div p:nth-child(n+2) {

	color:#fcfcfc;

	font:16px Arial;margin:3px;

}



.adres {

	float:left;

	width:310px;

	margin:75px 30px 0px 60px;

}

.adres  div p , .e-mail div p{

	color:#fcfcfc;

	font:16px Arial;

}

.e-mail {

	position:absolute;

	left:420px;

	top:190px;

}

.maps {

	padding-top:30px;

	margin-left:30px;

}



.pod_footer {

	background-color:#0E5685;

	height:42px;

	position:absolute;

	bottom:0px;

	width:100%;

}

.pod_footer_bg {

	width:1150px;

	margin:0px auto;

	padding-bottom:5px;

}

.copyright {

	font:14px Arial;

	color:#8CAEC4;

	float:left;

	margin-left:30px;

}

.youtube {

	background:url(img/youtube.jpg)no-repeat;

	padding-left:35px;

	height:26px;

	float:left;

	margin-left:200px;

	margin-top:8px;

	padding-top:4px;

	opacity: 0.50;

	transition:opacity .35;

}

.youtube a {

	font:14px Arial;

	color:#fff;

	text-decoration:none;

}

.youtube:hover {

	color:#fff;

	opacity: 1;

}

.footer_text {

	font:14px Arial;

	color:#8CAEC4;

	float:right;

	margin-right:30px;

}



.hidden{

	display: none;

}

.shown{

	display: inline;

}





@keyframes top {

	0% {bottom:-70px;}

	100% {bottom:20px;}

}

#top {

	width:60px;

	height:38px;

	border-radius:50%;

	background-color:#0F6EAD;

	color:#fff;

	font-size:12px;

	text-align:center;

	padding-top:22px;

	box-shadow:0px 1px 8px rgba(00,00,00,.70);

	cursor: pointer;

	display: none;

	position: fixed;

	bottom: 20px;

	right: 20px;

	animation: top .5s;

}

#top:hover {

	background-color:#FCA22F;

}

#top:active {

	box-shadow:inset 0px 0px 8px rgba(00,00,00,.70);

}

/*Конец футера*/



@media screen and (min-width:320px) and (max-width:1140px) {

	body {width:1150px;}

	.school_name {

		width:1150px;

	}

	h1 {

		font-size: 22px;

	}

	nav {

		width:1150px;

	}

	#menu {

		width:1150px;

	}

	.slide {

		width:1150px;

	}

	.page img {width:1150px; height:240px;}



	#overflow {overflow:hidden;width:1150px; height:240px;}



	.content {

		width:1150px;

	}

	footer {

		width:1150px;

	}

	.footer_cont {

		width:1150px;

	}

	.pod_footer_bg {

		width:1150px;

	}

	.school_name_bg {

		width:1150px;

	}

	.filter--style-premmerce{
		display:none;
	}
	.widget-title:after
	{
	content:"Показать";
	font-size: 25px;
	background: aqua;
	padding-left: 10px;
	color: red;
	}
	.widget-title.active:after
	{
	content:"Скрыть";
	}
	.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}

}