/*html, body, div, p, ol, ul, input, textarea, h1, h2, h3, select, checkbox, form{
	margin:0;
	padding:0;
}
html{
	width:100%;
	height:100%;
    overflow-y:scroll;
}
body{
    position:relative;
	min-height: 100%;
    height: auto !important;
    font-size:16px;
    line-height:1.3em;
}
a{text-decoration:underline;}
a:active, a:focus, a:visited{outline:none;}
button:active, button:focus, button:visited{outline:none;}
img{border:0;}
a img{border:0;}
hr{clear:both; border-top: 1px dotted #c9c9c9; border-bottom: 0px; border-right: 0px; border-left: 0px; color: #fff; background-color: #fff; margin: 20px 0;}
input, select, a img, textarea{outline:0;}
input, select, textarea{border:1px solid #abadb3;}
ul li, ol li{margin:5px 0;}
p{
	margin:15px 0;
}
ul{
	margin-left:35px;
}
ol{
	margin-left:35px;
}

.wrap{
	max-width: 360px;
	width: 100%;
	background: #eee;
	padding: 15px;
	border-radius: 10px;
}
.wrap ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #aaa;
}
.wrap ul li{
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}
.wrap ul li i{
	display: inline-block;
	font-style: normal;
	margin-right: 15px;
}
.wrap ul li span{
	font-weight: 300;
}
.btnWrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.bdy{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}*/

html, body {
	/* чтобы фон покрывал всю высоту страницы */
	min-height: 100%;
	margin: 0;
}
html{
	width:100%;
	height:100%;
	overflow-y:scroll;
}
body {
	margin: 0;
	font-family: 'Segoe UI', sans-serif;
	color: #fdfde3;
	text-align: center;
	padding: 20px;
	background: linear-gradient(135deg, #556b2f, #a2c523);
	/* запрет повторения изображения */
	background-repeat: no-repeat;
	/* фиксируем фон относительно окна просмотра */
	background-attachment: fixed;
	/* растягиваем фон, чтобы он всегда покрывал элемент */
	background-size: cover;

	/* Блокируем выделение текста и перетаскивание элементов */
	user-select: none;         /* стандарт */
	-webkit-user-select: none; /* Safari/Chrome */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE10+ */
}
img, video {
	user-drag: none;
	user-select: none;
	pointer-events: none;      /* отключает события мыши (в т.ч. drag) */
}

header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.logo-block {
	display: flex;
	align-items: center;
}

.logo {
	width: 40px;
	margin-right: 10px;
}

.academy-name {
	font-size: 1.2em;
	font-weight: bold;
}

.ask-question {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin-top: 10px;
}

.course-header{
	max-width: 800px;
	margin: 0 auto;
}
.course-header h1 {
	font-size: 2.5em;
	margin-bottom: 0;
}

.course-header h2 {
	font-size: 1.8em;
	margin-top: 0;
}

.video-placeholder {
	width: 100%;
	max-width: 640px;
	height: 360px;
	background: linear-gradient(45deg, #ff9900, #ff0066);
	margin: 30px auto;
	border-radius: 12px;
}

.homework{
	max-width: 800px;
	margin: 0 auto;
	margin-top: 30px;
}

.buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.btn {
	padding: 12px 20px;
	border: none;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
	font-size: 1em;
	color: #fdfde3 !important;
	text-decoration: none !important;
}

.orange { background-color: #ffa500; }
.green { background-color: #32cd32; }
.pink { background-color: #ff69b4; }
.darkgreen { background-color: #228b22; }
.red { background-color: #ff4500; }

.onChecking{
	margin: 20px auto;
	padding: 12px 10px;
	background: rgba(255, 255, 255, 0.2);
	max-width: 800px;
	border-radius: 5px;
	border: 1px solid #7d9821;
	text-transform: uppercase;
	font-size: 13px;
}

@media (max-width: 600px) {
	.course-header h1 { font-size: 1.8em; }
	.course-header h2 { font-size: 1.4em; }
	.btn { width: 100%; max-width: 300px; }
}

.video-container {
	position: relative;
	padding-bottom: 35%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 800px;
	margin: 20px auto;
}
.video-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container video {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
@media (max-width: 999px) {
	.video-container {
		padding-bottom: 45%;
	}
}
@media (max-width: 600px) {
	.video-container {
		padding-bottom: 56.25%;
	}
}


/* display:-webkit-box;display:-ms-flexbox;display:flex; */

/* -webkit-box-align:center;-ms-flex-align:center;align-items:center; */
/* -webkit-box-align:end;-ms-flex-align:end;align-items:flex-end; */

/* -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; */
/* -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; */
/* -ms-flex-pack:distribute;justify-content:space-around; */
/* -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end; */
/* -webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; */
/* -ms-flex-wrap:wrap;flex-wrap:wrap; */

/* -webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse; */

/* -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; */

/* mediax */
/* @media (max-width: 767px){ */
	/* 767, 991, 1199 */
/* } */