/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* обнуляем отступы и убираем бордюры */
	vertical-align: baseline;          /* приводим все к одной базовой линии */
	background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
	font-size: 100%;                     /* размер шрифта всем одинаковый */
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
}
table {						/* устраняем отступы между ячейками таблицы */
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
} 
input, select, button, textarea {
	margin: 0; 				/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
	font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
	outline: none;
}
input[type="text"], input[type="password"], textarea {
	padding: 0; 				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
	min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
	color: #000;
	text-align: left;
	font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
	min-height:100%;
	font-family: Tahoma, Geneva, sans-serif;
}
a, a:visited { /* порядок правил для ссылок имеет значение */
	color: #194a82;
	text-decoration: underline;
}
a:hover {
	color: #194a82;
	text-decoration:none;
}
a:focus, a:active {
	color: #6888ad;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
img{

	max-width:100%;
}
.clr{
	clear:both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
/* --------------- /базовые настройки ---------*/
.centered{
	text-align:center;
}
header{
    background: #1b2c3c;
    color: #fedd41;
    font-size: 1em;
	text-align:center;
	padding:20px 0 10px;
	margin-bottom:30px;
}
header>h1{
	font-size:2.5em; margin-bottom:10px; 
}
header>p{
	font-size:1.2em; 
}
.main{
	max-width:940px; margin:0 auto; padding:0 10px; font-size:1em;
}

.main-way{
	max-width:1280px; margin:0 auto; font-size:1em;
}
.main>h2{
	font-size:2rem; margin-bottom:30px;
}
.main>h2>span{
	color:#e45364;
}
.italic{
	font-style:italic;
}
.main p{
	margin-bottom:20px; font-size: 1.125rem;
}


@media screen and (max-width:950px){
	.video-block{
		margin-bottom:10px;
	}
	.video{
		float:none; width:560px; margin:0 auto;
	}
	.report{
		float: none; width:560px; margin:40px auto 0 auto;
	}
	.report div{
		margin-left:0;
	}
	
	.down-pdf{
		margin:30px 0 0 0;
	}
	.btn-ytb {
		display: table;
		margin:0 auto;
	}

	.predlesson{
		text-align:center; margin:0 0 30px 0;
	}
	.predlesson img{
		margin:0 10px; border:4px solid rgba(0, 0, 0, 0.3);
		}
	
.sample{
	margin-bottom:10px;
}
}

@media screen and (max-width:820px){
	.way-name{
		width:26%;
	}	
	.way-des{
		float:left; width:69%; border-bottom: 1px solid #ddd; margin-bottom: 30px; padding:0 2% 20px 2%;
	}
} 

@media screen and (max-width:768px){
	.input {
		width: 200px;
	}
}

@media screen and (max-width:685px){
	.input {
		display:block;
		width: 320px;
		margin:0 auto 20px auto;
	}
	
	.formtxt h1 {
		margin-bottom:20px;
	}
	
	.button {
		width: 320px; padding:7px 0; margin-left:0;
	}
}

@media screen and (max-width:600px){
	.way-name{
		float:none; width:100%; background:none; padding-bottom:0; margin-bottom:30px;
	}
	.way-name-first{
		background:#fff; height:0;
		}
	.way-name-last{
		background:none; height:0;
		}	
	.way-name-first-h4{	
		background:#fff!important; margin:0!important;
	}
	.way-name-last-h4{
		margin:0!important;
	}
	.way-name h4{
		background:none;
	}

	.mt110{
		margin-top: 0;
	}	
	.mt120{
		margin-top: 0;
	}
		
	.way-des{
		float:none; width:96%; border-bottom: 1px solid #ddd; margin-bottom: 30px; padding:0 2% 20px 2%;
	}
} 

@media screen and (max-width:560px){
	.video-block{
		margin-bottom:30px;
	}
	.video{
		float:none; width:100%; margin:0 auto;
	}
	.report{
		float: none; width:100%; margin:40px auto 0 auto;
	}
	
@media screen and (max-width:513px){
	.way-name{
		margin-bottom:15px;
	}
	.way-des{
		margin-bottom: 15px;
	}
	.socfoot{
		display:table; margin:0 auto;
	}
	.socfoot div{
		float:none; margin:0 10px;
	}
	.vkontfoot{
		margin:0!important;
	}
	.facefoot{
		margin:10px 0 10px 10px!important;
	}	
}