/*block1*/
	#block1 {padding-top: 200px; padding-bottom: 70px;}
	#block1 .container {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; align-items: center;}
	#block1 .container .left_block p.quation {font-weight: 400; font-size: 16px; line-height: 150%; color: #fff; margin-bottom: 10px;}
	#block1 .container .left_block h1 p {font-weight: 700; font-size: 36px; line-height: 150%; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
	#block1 .container .left_block h2 {font-weight: 400; font-size: 20px; line-height: 150%; color: #FFE600; margin-bottom: 60px;}
	#block1 .container .left_block .coll_to_action a button {background: #B50C1E; box-shadow: 5px 5px 20px rgba(181, 12, 30, 0.25); border-radius: 40px; padding: 18px 80px; font-weight: 400; font-size: 16px; line-height: 150%; color: #fff; margin-right: 40px;}
	#block1 .container .left_block .coll_to_action a:nth-child(2) {font-weight: 400; font-size: 16px; line-height: 150%; color: #fff; padding-bottom: 5px; border-bottom: 1px solid #fff;}
	#block1 .container .left_block .coll_to_action a:nth-child(2):hover {border-bottom: 1px solid #B50C1E;}
	#block1 .container .right_block {position: relative;}
	.play {position: absolute; bottom: 80px; left: 60px; z-index: 3; width: 80px; height: 80px;}
	.play img {width: 80px; cursor: pointer; z-index: 3; position: relative;}
	.play:after {content: ""; position: absolute; bottom: -10px; left: -10px; width: 95px; height: 95px; border-radius: 100%; border: 2px solid #B50C1E; z-index: 2; animation: play 1s infinite alternate;}
	.play:before {content: ""; position: absolute; bottom: -18px; left: -19px; width: 112px; height: 112px; border-radius: 100%; border: 2px solid #B50C1E; z-index: 2; animation: play 1.1s infinite alternate;}
	#block1 .container .right_block img:nth-child(2) {z-index: 1; position: relative;}
	#block1 .container .right_block p {position: absolute; right: 20px; bottom: 20px; font-weight: 800; font-size: 120px; line-height: 150%; color: #6E74A5; z-index: 0; text-transform: uppercase;}
	#block1 .container .right_block p span {color: #6E74A5; font-size: 42px; vertical-align: top;}
/*block1*/
/*block2*/
	#block2 {margin: 70px 0;}
	#block2 .container {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
	#block2 .container .left_block {position: relative;}
	#block2 .container .left_block img.fon {position: absolute; left: -50px; z-index: 0;}
	#block2 .container .left_block .main_video {z-index: 1; position: relative; margin-bottom: 20px; cursor: pointer;}
	#block2 .container .left_block .main_video:after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; background: rgba(1, 4, 38, 0.7); border-radius: 10px;}
	#block2 .container .left_block .main_video img {border-radius: 10px;}
	#block2 .container .left_block .main_video .play {left: 50%; top: 50%; transform: translate(-50%, -50%);}
	#block2 .container .left_block .mini_videos {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
	#block2 .container .left_block .mini_video {position: relative; cursor: pointer;}
	#block2 .container .left_block .mini_video:after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; background: rgba(1, 4, 38, 0.7); border-radius: 10px;}
	#block2 .container .left_block .mini_video img {border-radius: 10px; height: 100%;}
	#block2 .container .left_block .mini_video .play {left: 50%; top: 50%; transform: translate(-50%, -50%);}
	#block2 .container .left_block .mini_video .play img {transform: scale(0.5);}
	#block2 .container .left_block .mini_video .play:after {width: 50px; height: 50px; left: 13px; bottom: 13px;}
	#block2 .container .left_block .mini_video .play:before {width: 65px; height: 65px; left: 5px; bottom: 5px;}
	#block2 .container .right_block h2 {position: relative;  max-width: 100%;}
	#block2 .container .right_block h2 img {width: 150px; position: absolute; right: 0px; top: -10px; z-index: 1;}
	#block2 .container .right_block h2, #block2 .container .right_block h2 p span {font-weight: 700; font-size: 24px; line-height: 150%;}
	#block2 .container .right_block h2 p {z-index: 2; position: relative; display: inline-block;}
	#block2 .container .right_block h2 span:nth-child(2), #block2 .container .right_block h2 span span {z-index: 2; position: relative; color: #fff;}
	#block2 .container .right_block h2 span span {font-size: 12px; vertical-align: top;}
	#block2 .container .right_block .about_us_desc p {margin-top: 20px; font-weight: 400; font-size: 16px; line-height: 150%;}
/*block2*/
/*block3*/
	#block3 {padding: 60px 0;}
	.heading h2 {font-weight: 700; font-size: 32px; line-height: 150%; text-align: center; color: #fff; text-transform: uppercase; margin-bottom: 40px;}
	#block3 .heading h2 span {color: #fff; font-size: 14px; vertical-align: top;}

	.curses {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
	.curs .promo_curs {position: relative;}
	.curs .promo_curs img {border-radius: 10px; height: 570px;}
	.curs .promo_curs span {position: absolute; left: 20px; top: 20px; font-weight: 600; font-size: 14px; line-height: 17px; color: #fff; padding: 7px 13px; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(20px); border-radius: 20px;}
	.curs h4 {font-weight: 600; font-size: 20px; line-height: 150%; color: #fff; margin: 20px 0;}
	.curs a {font-weight: 400; font-size: 16px; line-height: 150%; color: #fff; padding-bottom: 5px; border-bottom: 1px solid #fff;}
	.curs a:hover {border-bottom: 1px solid #B50C1E;}
/*block3*/
/*sertificate*/
	#sertificate {margin: 70px 0;}
	#sertificate .container {display: grid; grid-template-columns: 1.3fr 1fr; grid-gap: 20px; align-items: center;}
	#sertificate .container .left_block h2 {color: #070226; text-align: left; max-width: 500px;}
	#sertificate .container .left_block .description_sert p {line-height: 150%; font-size: 16px; font-weight: 400;}
	#sertificate .container .left_block ul {margin-top: 40px;}
	#sertificate .container .left_block ul li {position: relative; font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 10px; padding-left: 30px;}
	#sertificate .container .left_block ul li:after {content: ""; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 15px; height: 15px; border-radius: 100%; background-color: #B50C1E;}
	#sertificate .container .left_block ul li:before {content: ""; position: absolute; left: -3.5px; top: 50%; transform: translate(0,-50%); width: 21px; height: 21px; border-radius: 100%; border: 1px solid #B50C1E;}
	#sertificate .container .left_block ul li a {color: #B50C1E;}
	#sertificate .container .left_block ul li a:hover {padding-bottom: 5px; border-bottom: 1px solid #B50C1E;}
	#sertificate .container .left_block button {background: #B50C1E; box-shadow: 5px 5px 20px rgba(181, 12, 30, 0.25); border-radius: 40px; padding: 18px 80px; font-weight: 400; font-size: 16px; line-height: 150%; color: #fff; margin-top: 20px;}

	#sertificate .container .right_block {position: relative;}
	#sertificate .container .right_block .image_sertificate {width: 100%; height: 350px; border-radius: 10px;}
	#sertificate .container .right_block p {position: absolute; right: 0px; bottom: -120px; font-weight: 800; font-size: 110px; line-height: 150%; color: #F2F2F2; z-index: 0; text-transform: uppercase;}
	#sertificate .container .right_block p span {color: #F2F2F2; font-size: 60px; vertical-align: top;}
/*sertificate*/
/*block5*/
	#block5 {margin-bottom: 70px;}
	#block5 .heading h2 {text-align: left; color: #070226; display: inline-block; vertical-align: middle; margin-bottom: 0;}

	.control_slider_teachers {display: inline-block; float: right; vertical-align: middle;}
	.control_slider_teachers .btn {padding: 10px; background-color: #070226; border-radius: 100%; text-align: center; display: inline-block; vertical-align: middle; cursor: pointer;}
	.control_slider_teachers .btn:hover {background-color: #B50C1E;}
	.control_slider_teachers .btn img {width: 20px;}
	.control_slider_teachers span {margin: 0 10px;}

	.teachers {width: 1180px; overflow: hidden; margin-top: 40px; max-width: 100%;}
	.items_teachers {position: relative; left: 0;}
	.teacher {width: 380px; max-width: 100%; display: inline-block; vertical-align: top; margin-right: 20px;}
	.teacher:last-child {margin-right: 0;}
	.teacher .foto {width: 100%; height: 570px; border-radius: 10px; margin-bottom: 20px; max-width: 100%;}
	.teacher h4 {font-weight: 500; font-size: 20px; line-height: 150%; color: #070226; margin-bottom: 10px;}
	.teacher .description_teacher a {font-weight: 300; font-size: 16px; line-height: 150%; color: #B50C1E; border-bottom: 1px solid #B50C1E;}
/*block5*/
/*block10*/
	#block10 {margin-bottom: 70px;}
	#block10 .heading h2 {font-weight: 800; font-size: 110px; line-height: 156px; color: #CFCECE; position: relative; text-align: left; margin-bottom: 0; z-index: 2;}
	#block10 .heading h2 span {color: #CFCECE; font-size: 36px; vertical-align: top;}
	#block10 .heading h2 img {width: 320px; position: absolute; top: -50px;}

	.news {width: 1180px; max-width: 100%; overflow-x: hidden; margin-top: -70px; position: relative;}
	.items_news {position: relative; left: 0;}
	.block_news {display: inline-block; vertical-align: top; width: 1180px; float: left;}
	.item_news {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
	.item_news .promo_news {overflow: hidden; border-radius: 10px;}
	.item_news .promo_news a img {width: 100%; height: 100%; z-index: 1; position: relative;}
	.item_news .promo_news:hover a img {transform: scale(1.1);}
	.item_news .description_news {padding-top: 120px;}
	.item_news .description_news h4 {font-weight: 500; font-size: 24px; line-height: 29px; margin-bottom: 20px;}
	.item_news .description_news .description {font-weight: 300; font-size: 18px; line-height: 150%; margin-bottom: 20px;}
	.item_news .description_news a {font-weight: 400; font-size: 16px; line-height: 150%; color: #B50C1E; padding-bottom: 5px; border-bottom: 1px solid #B50C1E;}

	.control_slider_news {position: absolute; bottom: 0; left: 600px;}
	.control_slider_news .btn {padding: 10px; background-color: #070226; border-radius: 100%; text-align: center; display: inline-block; vertical-align: middle; cursor: pointer;}
	.control_slider_news .btn:hover {background-color: #B50C1E;}
	.control_slider_news .btn img {width: 20px;}
	.control_slider_news span {margin: 0 10px;}
	.control_slider_news a {margin-left: 40px; vertical-align: middle; font-weight: 400; font-size: 16px; line-height: 150%; padding-bottom: 5px; border-bottom: 1px solid #070226;}
	.control_slider_news a:hover {border-bottom: 1px solid #B50C1E;}
/*block10*/
/*adaptiv*/
	@media (min-width: 300px) and (max-width: 319px){
		#block1 {padding-top: 280px;}
	}
	@media (min-width: 300px) and (max-width: 767px){
		#block10 .heading h2 img, #block2 .container .right_block h2 img {display: none;}

		#block1 .container, #block2 .container, .curses, .item_news, #sertificate .container {grid-template-columns: 1fr;}

		#block1 .container .left_block,
		#block2 .container .left_block,
		#block2 .container .right_block,
		#sertificate .container .left_block,
		#sertificate .container .right_block,
		.description_teacher, .teacher h4,
		#block9 .heading h2, .faq_block,
		.item_news .description_news {padding: 0 10px;}

		#block1 {padding-top: 280px;}
		#block1 .container .left_block h1 p {font-size: 28px;}
		#block1 .container .left_block h2 {font-size: 16px;}
		#block1 .container .left_block .coll_to_action {text-align: center;}
		#block1 .container .left_block .coll_to_action a button {padding: 18px; width: 100%; margin-right: 0; display: block; margin-bottom: 10px;}
		#block1 .container .right_block {margin-top: 40px;}
		#block1 .container .right_block p {font-size: 64px;}

		#block2 .container .right_block h2 {width: 100%;}
		#block2 .container .right_block h2, #block2 .container .right_block h2 p span {font-size: 20px;}
		#block2 .container .right_block h2 img {right: 0px;}
		#block2 .container .left_block .mini_video .play {transform: translate(-50%, -50%) scale(0.8);}
		#block2 .container .right_block h2 span:nth-child(2), 
		#block2 .container .right_block h2 span span {color: #070226;}

		.curses {padding: 0 10px;}
		.curs .promo_curs img {height: 400px;}

		#sertificate .container .left_block h2 {font-size: 22px;}
		#sertificate .container .left_block ul li:after {left: 1px;}
		#sertificate .container .right_block p {font-size: 80px;}
		#sertificate .container .left_block ul li a:nth-child(1) {display: block;}
		#sertificate .container .right_block .image_sertificate {height: 65vw;}

		#block5 .heading h2 {text-align: center; margin-bottom: 20px; display: block;}
		.control_slider_teachers {display: block; text-align: center; margin-bottom: 40px; float: none;}
		.teacher {width: 100vw; float: left; margin-right: 0;}
		.teacher .foto {height: 80vh; border-radius: 0;}

		#block10 .heading h2 {font-size: 40px;}
		
		.news {width: 100vw; height: 650px;}
		.block_news {width: 100vw;}
		.item_news .description_news {padding-top: 0;}
		.item_news .promo_news {border-radius: 0;}
		.control_slider_news {left: 50%; transform: translate(-50%, 0); bottom: 20px; text-align: center; width: 200px;}
		.control_slider_news a {display: block; margin-top: 20px; margin-left: 0; border-bottom: none;}
	}
	@media (min-width: 375px) and (max-width: 767px){
		#block1 .container .left_block h1 p {font-size: 26px;}
		#block2 .container .right_block h2 span:nth-child(2), #block2 .container .right_block h2 span span {color: #070226;}
		.curs .promo_curs img {height: 450px;}
	}
	@media (min-width: 768px) and (max-width: 1023px){
		#block8 .container .heading p br,
		#block10 .heading h2 img, .control_slider_news a {display: none;}

		#block1 .container .left_block,
		#block2 .container .left_block,
		#block2 .container .right_block,
		#sertificate .container .left_block,
		#sertificate .container .right_block,
		.description_teacher, .teacher h4,
		#block9 .heading h2, .faq_block,
		.curses, .process {padding: 0 10px;}

		#block1 {padding-top: 150px;}
		#block1 .container, #block2 .container, #sertificate .container {grid-template-columns: 1fr;}
		#block1 .container .right_block {position: absolute; right: 10px; bottom: 0;}
		#block1 .container .right_block img:nth-child(2) {width: 300px;}
		#block1 .container .right_block p {font-size: 56px;}

		.curs .promo_curs img {height: 320px;}

		#sertificate .container .left_block ul li:after {left: 1px;}
		#sertificate .container .right_block .image_sertificate {height: 68vw;}

		.teacher {width: 48vw;}

		#block10 .heading h2 {font-size: 100px;}
		.news, .block_news {width: 100vw;}
	}
	@media (min-width: 1024px) and (max-width: 1179px){
		nav ul li {margin-right: 13px;}

		.curs .promo_curs img {height: 450px;}

		.teacher {width: 31.5vw;}

		.news, .block_news {width: 100vw;}
		.control_slider_news {left: auto; right: 20px;}
		.control_slider_news a {margin-left: 10px;}

		#sertificate .container {grid-template-columns: 1fr 1fr;}
		#sertificate .container .left_block ul li:after {left: 1px;}

		#block1 .container .left_block,
		#block2 .container .left_block,
		#block2 .container .right_block,
		#sertificate .container .left_block,
		#sertificate .container .right_block,
		.description_teacher, .teacher h4,
		#block9 .heading h2, .faq_block,
		.curses, .process {padding: 0 10px;}
	}
/*adaptiv*/