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

.titlesection .title {
	color: #d22229;
  font-size: 30px;
  font-weight: bold;
}
.titlesection .lesnum {
	display: block;
    color: #fff;
    background: #000;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    width: 60px;
    border-radius: 30px;
    font-weight: bold;
    float: left;
    margin: 0 30px 30px 0;
}
.titlesection p:empty:before {display: none;}
.titlesection p {
	font-style: italic;
}
.titleles {
	font-size: 18px;
	font-weight: bolder;
	text-transform: uppercase;
	border-bottom: 3px #d22229 solid;
	margin: 30px 15px;
}
.titleles .lesnum {
	background: #d22229;
	color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
	margin-left: -15px;
	margin-right: 50px;
	bottom: -3px;
  position: relative;
}
.titleles small {
	font-size: 50%;
}
.titleles img {
	margin: 0 20px;
	height: 30px;
    width: auto;
}
.titleles .lesexercise {
	background: #d22229;
	padding: 8px 15px;
    color: #fff;
    font-size: 80%;
	float: right;
	margin-right: -15px;
	border-radius: 15px 0 15px 0;
}
.educnavichki h4 {color: #d22229;}
.educnavichki h3 {display: block; color: #9da968;border-bottom: 3px #9da968 solid;font-size: 30px;}
.educnavichki h2 {color: #24408f;}
.bluetext {
	color: #00aeef;
    font-style: italic;
}
.redtext {
	color: #d22229;
    font-style: italic;
}
.formlesson {
	display: flex;
	flex-wrap: wrap;
}
.educnavichki table {
	  border-collapse: initial;
    border-spacing: 5px;
}
.educnavichki table tr td {padding: 5px 10px;}
.formlessonfixing, .formlessondeepening {
	width: calc(50% - 40px);
  border-radius: 0 0 20px 20px;
  margin: 20px;
	padding: 0 20px 20px 20px;
	border: solid #CCCCCC 1px; 
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); 
	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); 
}
.formlessonfixing .title {
	float: right;
	padding: 10px 20px;
    background: #F07D00;
    font-weight: bold;
    color: #fff;
    margin-right: -20px;
    border-radius: 0 0 0 20px;
}
.formlessondeepening .title {
	float: right;
	padding: 10px 20px;
    background: #009642;
    font-weight: bold;
    color: #fff;
    margin-right: -20px;
    border-radius: 0 0 0 20px;
}
.bootomeduc h3 {
	margin-top: 50px;
}
.formlessonfixing h3 {
	color: #F07D00;
    width: max-content;
    padding-right: 50px;
    border-bottom: 2px #F07D00 solid;
    border-top: 2px #F07D00 solid;
}
.formlessonfixing h4 {
	color: #F07D00;
    float: left;
    font-stretch: extra-condensed;
    margin: 0 20px 0 0;
}
.formlessondeepening h3 {
	color: #009642;
    width: max-content;
    padding-right: 50px;
    border-bottom: 2px #009642 solid;
    border-top: 2px #009642 solid;
}
.formlessondeepening h4 {
	color: #009642;
    float: left;
    font-stretch: extra-condensed;
    margin: 0 20px 0 0;
}
.navichkiright h4 {
	color: #524fa1;
}
.navichkiright .block1, .navichkiright .block2, .navichkiright .block3, .navichkiright .block4, .navichkiright .block5, .navichkiright .block6, .navichkiright .block7, .navichkiright .block8 {
	background: #F1F7FA;
	margin-bottom: 5px;
	padding: 10px;
}
.navichkiright .block1 h4 {float: left;margin: 0 10px 0 0;}
.navichkiright .block2 ul, .navichkiright .block3 ul, .navichkiright .block4 ul, .navichkiright .block7 ul {list-style: none;padding-inline-start: 0;margin-inline-start: 20px;}
.navichkiright .block2 ul li::before, .navichkiright .block7 ul li::before {
	content: "\f00c";
	font-family: FontAwesome;
	font-style: italic;
    margin-right: 10px;
	margin-left: -25px;
}
.navichkiright .block3 ul {display: flex;flex-wrap: wrap;}
.navichkiright .block3 ul li {width: 50%;margin-bottom: 10px;}
.navichkiright .block3 ul li::before {
	display: inline-block;
    text-align: center;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background: #d22229;
    margin-right: 10px;
	color: #fff;
}
.navichkiright .block3 ul li:nth-child(1)::before {content: "1";}
.navichkiright .block3 ul li:nth-child(2)::before {content: "2";}
.navichkiright .block3 ul li:nth-child(3)::before {content: "3";}
.navichkiright .block3 ul li:nth-child(4)::before {content: "4";}
.navichkiright .block4 h4 {margin-inline-start: 20px;}
.navichkiright .block4 h4::before {
	content: "\f005";
	color: #d22229;
	font-family: FontAwesome;
  margin-right: 10px;
	margin-left: -25px;
}
.navichkiright .block5 {border-bottom: 2px #E4013B solid;}
.navichkiright .block5 h3 {
	display: block;
	background: #E4013B;
	color: #fff;
	font-size: 20px;
	padding: 5px;
}
.navichkiright .block5 h4 {
	color: #000;
}
.navichkiright .block5 h4::before {
	display: inline-block;
    text-align: center;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background: #d22229;
    margin-right: 10px;
	color: #fff;
}
.navichkiright .block5 h4.num1::before {content: "1";}
.navichkiright .block5 h4.num2::before {content: "2";}
.navichkiright .block5 h4.num3::before {content: "3";}
.navichkiright .block5 h4.num4::before {content: "4";}
.navichkiright .block5 p {
	font-size: 12px;
}
.navichkiright .block6 h4 {
    color: #f5821f;
}
.navichkiright .block6 h4.num1::before {
	display: inline-block;
    content: "\f004";
    font-family: FontAwesome;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    border-radius: 15px;
    background: #f5821f;
    color: #fff;
	margin-right: 10px;
}
.navichkiright .block7 h4 {
    color: #524fa1;
	margin-inline-start: 40px;
}
.navichkiright .block7 h4.num1::before {
	display: inline-block;
    content: "\f067";
    font-family: FontAwesome;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    border-radius: 15px;
    background: #524fa1;
    color: #fff;
	margin-right: 10px;
	margin-left: -40px;
}
.navichkiright .block8 h4 {height: 20px;color: #b51d8c;}
.navichkiright .block8 h4 img {height: 20px; width: 20px;color: #b51d8c;margin-right: 10px;}
.navichkiright .block8 h4::before {
	content: "";
	height: 30px;
	width: 30px;
}
ul li::marker {color: #9da968;}