header, section, footer{ display: block;}
body{
	background: url(../images/bg.jpg) top no-repeat; background-size: contain; padding: 0; margin: 0; width: 1280px; width: 100%; margin: 0 auto;}


* { margin: 0;}

a {text-decoration: none; color: inherit;}
img:hover {opacity: 0.7; transition: 0.6s;}


.wrapper {max-width: 960px; margin: 0 auto; }

.flex { 
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  /* Safari */
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
      -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;}
             
.flex_wrap {display: flex; justify-content:space-around; flex-wrap:wrap; border-top:1px solid #fa933b; margin-top:20px; padding-top: 20px;}

.left{max-width:620px;}
.right{max-width: 300px;}

.lang {text-align: center; font-size: 18px; margin-bottom: 20px;}
.lang a:hover {color: #FA933B;}

.events, {padding: 0 10px;}
.news .container{margin-top:9px;max-width:100%;}
.news .flex_wrap img{margin: 10px 0;}
.news .flex_wrap img:hover {opacity:0.7;}

.schools {max-width: 660px;}
.school_container a h4 {transition: 0.5s;}
.school_container a h4:hover {color:#FA933B; }
.blog, .blocks {max-width:100%;}
.blog {color: #696969;}
.blog a {margin: 15px 0 20px 0;}
.blog .director_image img {margin:-1px 0 15px; width: 300px;}
.director_text, .director_text * {font: 12px Arial;}
.director_link a {padding: 2px 8px; background: #0096ff; color:#fff; border-radius: 5px; font-size: 12px; display: inline-block; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;  -webkit-transition: all 0.4s ease-out;}
.director_link a:hover {background: #fff;  color:#FA933B;}

.blocks img {margin-bottom: 10px; width: 300px;}

.container {padding: 0; margin-top:10px ;} 

.school_container {margin-bottom: 15px;}
.school_container_image {width: 300px; overflow: hidden; margin-right: 10px; float: left; margin-bottom: 15px; }
.school_container_image img {-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out;  -webkit-transition: all 1s ease-out;} 
.school_container_image img:hover {   -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -o-transform: scale(1.1); 
transition: 2s; opacity: 1; }
.school_container p {font:11px Arial; color:#696969;}
.school_container h4 {color: #0096ff; margin-bottom: 10px;}


.clearfix {clear: both;}
/* ГЛАВНОЕ МЕНЮ СВЕРХУ */
.upper_menu {text-align: center;}
#menu {width: 980px; margin: 0 auto; text-transform: uppercase;}
#menu>ul{ padding: 0;}
#menu>ul>li{ font-size: 12px; padding: 20px 0; display: inline-block; }
#menu>ul>li>a{ padding: 20px 11px; color: #164A86; transition: 0.1s;}
#menu>ul>li>a:hover{ color: #FA933B;}
#menu>ul li:hover>ul{ display: block;}
#menu>ul>li ul{ position: absolute; display: none; background-color: #008cd5; width: 200px; padding: 0; margin-top: 10px; margin-left: 0px; z-index: 9999;}
#menu>ul>li ul li{ list-style: none; border: 1px solid #cccccc;}
#menu>ul>li ul li a {display: block; padding: 6px 10px; transition: 0.1s; color:#fff;}
#menu>ul>li ul li a:hover {background-color: #0074b1; color: #FA933B;}
#menu>ul>li ul>li ul{ position: absolute; display: none; background-color: #008cd5; width: 200px; padding: 0; margin-top: 0px; margin-left: 70px; z-index: 9999; }
/* КОНЕЦ ГЛАВНОЕ МЕНЮ СВЕРХУ */
.school_name {text-transform: uppercase; font-size: 24px; font-weight: bold; text-align: center;}

/* Меню основного блока */
#main_menu {font-family: Arial; 
    background: #8bbcdd;
    background: -moz-linear-gradient(top, #8bbcdd, #207AB8, #185386);
    background: -webkit-linear-gradient(top, #8bbcdd,#207AB8,#185386);
    background: -o-linear-gradient(top, #8bbcdd,#207AB8,#185386);
    background: -ms-linear-gradient(top, #8bbcdd,#207AB8,#185386);
    background: linear-gradient(top, #8bbcdd,#207AB8,#185386);}
#main_menu>ul {padding: 0;}
#main_menu>ul>li {font-size: 14px; padding: 10px 0; display: inline-block;}
#main_menu>ul>li>a {padding: 10px 6px; color: #fff; transition: 0.1s;}
#main_menu>ul>li>a:hover {background-color: #ffffff; color: #FA933B;}
#main_menu>ul li:hover>ul {display: block;}
#main_menu>ul>li ul {position: absolute; display: none; background-color: #1A5E94; width: 200px; padding: 0; margin-top: 10px; margin-left: 0px; z-index: 9999;}
#main_menu>ul>li ul li{ list-style: none; border: 1px solid #cccccc;}
#main_menu>ul>li ul li a {display: block; padding: 6px 10px; transition: 0.1s; color:#fff;}
#main_menu>ul>li ul li a:hover {background-color: #fff; color: #f4b036; }
#main_menu>ul>li ul>li ul{ position: absolute; display: none; background-color: #1A5E94; width: 200px; padding: 0; margin-top: 0px; margin-left: 70px; z-index: 9999;}
/* конец меню основного блока */

.news_container {max-width: 640px; margin: 0; min-height: 360px; width: 640px; position: relative; padding-bottom: 0;}
.news_container img {width: 100%; display: block;}
.news_container *:hover {opacity: 1;}
.news_container h3 {margin-top: 15px; color:#FA933B; font-size: 24px;}
.news_container p.date {margin-top: 10px;}
.news_container p {margin: 10px 0;}

footer{
    background: #8bbcdd;
    background: -moz-linear-gradient(top, #8bbcdd, #207AB8, #185386);
    background: -webkit-linear-gradient(top, #8bbcdd,#207AB8,#185386);
    background: -o-linear-gradient(top, #8bbcdd,#207AB8,#185386);
    background: -ms-linear-gradient(top, #8bbcdd,#207AB8,#185386);
    background: linear-gradient(top, #8bbcdd,#207AB8,#185386); background-size: contain; margin-top: 25px; padding: 10px 0; width: 100%; }  
footer .wrapper ul{float:left;display: inline-block;} 
footer .wrapper ul li{list-style: none;}
footer h2 {font-size:20px; color:#fff; float: right;  margin-top: 20px;}
footer a {color:#fff; transition: 0.5s;}
footer a:hover {color:#FA933B;}
.footer_nav {margin-right: 20px; }
.footer_nav, .footer_nav1  {color:#fff; float: left; font-size: 12px; text-decoration: underline; line-height: 1.7;}

aside.wrapper {margin-top: 13px; }

.container_title {width: 100%;}
.container_title, .container_title * {font-size: 20px; margin: 0; color: #FA933B;}
.events .container_title {margin-bottom: 10px;}
.container{max-width:100%; margin-left: auto;margin-right: auto;}

.br{width: 100%;height: 20px;}


.news_view1 {width: 100%; border-bottom: 0; border-left: 0; border-right: 0; padding: 10px 0; }
.advert {display: block;width: 620px;padding: 0;text-align: justify;}
.advert img{float: left!important;padding-right: 10px;} 
 
.read_more {padding: 2px 8px; background: #0096ff; color:#fff; border-radius: 5px; font-size: 12px; display: inline-block; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;  -webkit-transition: all 0.4s ease-out;}
.read_more:hover {background: #fff;  color:#FA933B;}

.pagination {clear: both;}
.news_page .news_view1 {float: left; margin-bottom: 20px}
.news_page .news_view1:nth-child(4n+3) {margin-right: 0}

.events_page ul.events_container li {margin-bottom: 20px;} 
.events_page ul.events_container li .carousel_text:hover {text-decoration: underline;}
.events_page ul.events_container li img {display: none}

.schools_list .schools_container {
	text-align:center;
	float: left; 
	margin-right: 10px; 
	margin-bottom: 20px; 
	padding: 10px; 
	width: 280px; 
	border-bottom: 1px solid #FA933B; 
	background: #F5F5F5; 
	transition: 0.6s; 
	font-weight: bold;
}

.schools_list .schools_container * {font-size: 16px !important;}
.schools_list .schools_container:hover {background: #fff;}
.schools_list .schools_container .school_logo {float: left; margin-right: 10px;}
.schools_list .schools_container .school_number_name {margin-top: 10px;}

<!-- Обратная связь -->
.feedback ol li, .review ol li{
	display: block;
	clear: both;
	list-style: none;
}

.feedback ol li label, .review ol li label{
	display: block;
	margin: 0;
}

.feedback ol li input.text, .review ol li input.text{
	width: 380px;
	border: 1px solid #c0c0c0;
	margin: 2px 0;
	padding: 5px 2px;
	height: 25px;
	background: #fff;
}

.feedback ol li textarea, .review ol li textarea  {
	width: 380px;
	border: 1px solid #c0c0c0;
	margin: 2px 0;
	padding: 2px;
	background: #fff;
}

.feedback ol li input.capinput,.review ol li input.capinput {
	width: 100px;
	border: 1px solid #c0c0c0;
	margin: 2px 0;
	padding: 5px 2px;
	background: #fff;
}

.feedback ol li img#capimg, .review ol li img#capimg {
	border: none;
	top: 20px;
	margin: 10px 10px 10px 0;
}
li.captcha {margin-bottom: 10px;}

li.button{
	clear:both;
} 

.item{
	display: block;
}

.answerList .name,.answerList .topic,.answerList .message{
	padding: 0 7px;
	background-color: #eeeeff;	
}

.answerList .name{
	padding-top:7px;
	margin-top: 15px;
	border-radius:5px 5px 0 0;
}

.answerList .message{
	padding-bottom: 0 7px;
	border-radius:0 0 5px 5px;
}
.answerList .answer_message{
	background: #C4C4FF;
	padding: 7px;
	border-radius:5px;
	margin: 5px 0;}
	
.name .date{float:right} 
<!-- Обратная связь -->


.container .schools_container img{display:inline-block;}

.container .schools_container .school_logo img{width:50%;}
















