html,
body{
	font-family: 'Lato-Light', Verdana, sans-serif;
	font-size: 17px;
	line-height: 1.8;
	color: #fff;
	margin: 0;
}
.section{
	padding: 80px 0;
}
.block_black{
	background: #151515;
}
.block_dark_grey{
	background: #464445;
}
.block_blur{
	position: relative;
}
.block_blur:before,
.block_blur:after{
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
}
.block_blur:before{
	top: 0;
	background: linear-gradient(to bottom, #464445 2px, transparent 16px);
}
.block_blur:after{
	bottom: 0;
	background: linear-gradient(to top, #464445 2px, transparent 16px);
}

h1,
h2{
	color: #e8ecf2;
	margin: 0;
}
h2{
	font-size: 30px;
	font-family: 'Lato-Light', Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	line-height: 1.6;
}
.section:not(#block_about) h2:before{
	content: '';
	width: 46px;
	height: 1px;
	background: #fae2b9;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: auto;
}
.title_wrapper{
	text-align: center;
	margin: 0 0 80px;
}
.text_wrapper{
	color: #edeef0;
}
.text_wrapper p:last-child{
	margin-bottom: 0;
}
.text_center{
	text-align: center;
}
.text_large{
	font-size: 19px;
}

.btn{
	background: transparent;
	color: #fae2b9;
	border: 2px solid #fae2b9;
	border-radius: 32px;
	padding: 14px 44px;
	position: relative;
	transition: .3s;
	font-family: 'Lato-Regular', Verdana, sans-serif;
}
.btn:hover{
	background: #fae2b9;
	color: #000;
}
.btn span{
	position: relative;
	left: 0;
	transition: .2s;
}
.btn svg{
	opacity: 0;
	position: absolute;
	transition: .2s;
	top: calc(50% - 8px);
	right: 16px;
}
.btn:hover svg{
	opacity: 1;
}
.btn:hover span{
	left: -8px;
}
.btn:hover svg{
	right: 26px;
}

ul{
	list-style: none;
	padding: 0;
}
ul>li{
	position: relative;
	padding: 16px 34px 16px 54px;
	margin-bottom: 16px;
	border-radius: 6px;
	background: #272728;
	color: #edeef0;
}
ul>li:before{
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 27px;
	left: 24px;
	border-radius: 100%;
	background: #fae2b9;
}

@media (max-width: 1199px){
	.section{
		padding: 74px 0;
	}
	.btn{
		padding: 14px 40px;
	}
}
@media (max-width: 991px){
	html,
	body{
		font-size: 15px;
		line-height: 1.7;
	}
	.section{
		padding: 60px 0;
	}
	.title_wrapper{
		margin: 0 0 72px;
	}
	.text_large{
		font-size: 17px;
	}
	.btn{
		padding: 12px 40px;
	}
	h2{
		font-size: 26px;
	}
	ul>li{
		padding: 14px 32px 14px 50px;
	}
	ul>li:before{
		top: 23px;
		left: 18px;
	}
	.section:not(#block_about) h2:before{
		bottom: -16px;
	}
}
@media(max-width: 767px){
	.title_wrapper{
		margin: 0 0 66px;
	}
	.btn{
		font-size: 15px;
	}
	h2{
		font-size: 24px;
		padding: 0 4%;
	}
	ul>li{
		margin-bottom: 12px;
		padding: 14px 20px 14px 42px;
	}
}



/* Header */

.header{
	text-align: center;
	background: #121212;
	width: 100%;
}

.logo_wrapper{
	text-align: center;
}
.logo_wrapper a{
	display: block;
	width: max-content;
	margin: auto;
	padding: 20px 40px;
	filter: drop-shadow(0 0 24px rgb(250 226 185 / 25%));
}
.logo_wrapper a:hover{
	opacity: .6;
	transition: .2s;
}

@media(max-width: 767px){
	.logo_wrapper a{
		padding: 16px 32px;
	}
	.logo_wrapper a img{
		height: 40px;
	}
}



/* Footer */

.footer{
	background: #121212;
	padding: 46px 0;
	text-align: center;
}

.btn_wa{
	border-color: #1bd741;
	color: #1bd741;
}
.btn_wa:hover{
	background: #1bd741;
}
.btn_tg{
	border-color: #27a3e3;
	color: #27a3e3;
	padding: 11px 44px;
}
.btn_tg:hover{
	background: #27a3e3;
}

@media (max-width: 1199px){
	.btn_tg{
		padding: 10px 40px;
	}
}
@media (max-width: 991px){
	.btn_tg{
		padding: 9px 40px;
	}
}
@media(max-width: 767px){
	.footer{
		padding: 36px 0;
	}
}



/* Block About */

.image_wrapper figure{
	margin-bottom: 0;
	position: relative;
}
.image_wrapper figure:after,
.image_wrapper figure:before{
	content: '';
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
}
.image_wrapper figure:after{
	background: linear-gradient(180deg, rgb(98 98 113 / 15%), rgb(168 167 205 / 10%));
	z-index: 1;
}
.image_wrapper figure:before{
	background:
		linear-gradient(to bottom, #464445 2px, transparent 16px),
		linear-gradient(to top, #464445 2px, transparent 16px),
		linear-gradient(to right, #464445 2px, transparent 16px),
		linear-gradient(to left, #464445 2px, transparent 16px);
	z-index: 2;
}

.quote{
	font-family: 'Lato-LightItalic', Verdana, sans-serif;
	position: relative;
}
.quote:before{
	bottom: 0;
}
.quote:after{
	top: 0;
}
.quote:before,
.quote:after{
	content: '';
	position: absolute;
	display: block;
	height: 1px;
	width: 90px;
	background: linear-gradient(90deg, transparent, #6e6e6e, transparent);
	left: 0;
	right: 0;
	margin: auto;
}
.quote q{
	quotes: '\201c' '\201d';
}
.quote q>p{
	display: inline;
}
#block_about .text_wrapper.quote{
	padding: 30px 0;
	text-align: center;
	margin-bottom: 12px;
	color: #d0d0d0;
}

.main_title_content{
	position: relative;
	width: max-content;
}
.image_wrapper,
.main_title_wrapper{
	margin-bottom: 50px;
}
.main_title_wrapper h1,
.main_title_wrapper h2{
	letter-spacing: 1px;
	font-family: 'PlayfairDisplay-Regular', 'Times New Roman', sans-serif;
	font-weight: bold;
}
.main_title_wrapper h1{
	font-size: 32px;
}
.main_title_wrapper h2{
	font-size: 24px;
	margin: 12px 0;
	display: block;
	text-align: center;
}

@media (max-width: 991px){
	.image_wrapper,
	.main_title_wrapper{
		margin-bottom: 40px;
	}
	.main_title_wrapper h1{
		font-size: 30px;
	}
	.main_title_wrapper h2{
		font-size: 22px;
	}
}
@media(max-width: 767px){
	#block_about .text_wrapper.quote{
		margin-bottom: 40px;
	}
	.main_title_wrapper h1{
		font-size: 28px;
	}
}
@media (max-width: 575px){
	.main_title_content{
		width: unset;
		text-align: center;
	}
	#block_about .text_wrapper.quote{
		margin-bottom: 90px;
	}
}



/* Block Video */

#block_video .text_wrapper,
#block_courses .text_wrapper{
	margin-left: 10%;
	margin-right: 10%;
}
.all_videos{
	margin: 40px 0;
}

.video_wrapper{
	filter: drop-shadow(0 0 16px rgb(250 226 185 / 5%));
}
.video_content{
	overflow: hidden;
	margin-bottom: 20px;
}
.video_content .wp-block-video,
.video_content .wp-block-video video,
.video_content .wp-block-embed iframe,
.video_content .wp-block-embed__wrapper{
	height: 260px;
	width: 100%;
}
.video_content .wp-block-video,
.video_content figure{
	margin: 0;
}
.video_content .wp-block-video{
	position: relative;
	cursor: pointer;
	transform: scale(1.01);
}
.video_content:not(.video_click) .wp-block-video{
	transition: .4s;
}
.video_content .wp-block-video:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.25);
	z-index: 1;
	transition: .4s;
}
.video_content .wp-block-video:after{
	content: '';
	background: url(../img/play_icon.png);
	background-size: cover;
	position: absolute;
	width: 65px;
	height: 65px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: .7;
	z-index: 2;
	transition: .4s;
	transform: scale(1.01);
}
.video_content:not(.video_click) .wp-block-video:hover{
	transform: scale(1.12);
}
.video_content .wp-block-video:hover:before{
	background: rgba(0,0,0,0);
}
.video_content .wp-block-video:hover:after{
	transform: scale(0.75);
	opacity: 1;
}
.video_click .wp-block-video:before,
.video_click .wp-block-video:after{
	content: unset;
}

.text_exclamation{
	text-align: left;
	padding-left: 16px;
}
.exclamation_wrapper{
	position: absolute;
	left: -60px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.exclamation_wrapper svg{
	width: 60px;
	height: 60px;
	top: calc(50% - 30px);
	position: relative;
}

@media(max-width: 767px){
	.text_exclamation{
		margin-left: 60px !important;
		padding-left: 0;
	}
}
@media (max-width: 575px){
	#block_video .text_wrapper,
	#block_courses .text_wrapper{
		margin-left: 12px;
		margin-right: 12px;
	}
}



/* Block Note */

#block_note{
	background: url('../img/background.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
#block_note .text_wrapper{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 26px;
	line-height: 1.9;
	margin: 60px 20%;
	font-family: 'Lato-Bold', Verdana, sans-serif;
	font-weight: bold;
	filter:
		drop-shadow(0px 0px 24px #000)
		drop-shadow(0px 0px 20px #000)
		drop-shadow(0px 0px 32px #000);
}

@media (max-width: 1199px){
	#block_note .text_wrapper{
		margin: 48px 10%;
	}
}
@media (max-width: 991px){
	#block_note{
		background-attachment: unset;
	}
	#block_note .text_wrapper{
		font-size: 20px;
		line-height: 1.8;
		margin: 36px 10%;
	}
}
@media(max-width: 767px){
	#block_note .text_wrapper{
		font-size: 18px;
		margin: 24px 0;
	}
}



/* Block For and To */

#block_for ul,
#block_to ul{
	width: max-content;
	margin: auto;
}
#block_for ul>li,
#block_to ul>li{
	width: fit-content;
	border-radius: 32px;
}

@media(max-width: 767px){
	#block_for ul,
	#block_to ul{
		width: unset;
	}
	#block_for ul>li,
	#block_to ul>li{
		width: 100%;
	}
}



/* Block Results */

#block_results ul{
	column-count: 2;
}

@media(max-width: 991px){
	#block_results ul{
		columns: unset;
	}
}



/* Block Courses */

#block_courses:after{
	display: none;
}

#block_courses .text_wrapper{
	margin-bottom: 20px;
	z-index: 2;
	position: relative;
}
.all_courses{
	margin-top: 80px;
}

.course_wrapper{
	display: block;
	max-width: 300px;
	width: 100%;
	text-align: center;
	background: #272728;
	padding: 36px 20px 50px;
	border-radius: 5px;
	color: #fff;
	font-family: 'Lato-Light', Verdana, sans-serif;
	transition: background .3s;
	margin: 0 auto 20px;
	text-decoration: none;
	z-index: 1;
}
.all_courses>.col-12:first-child .course_wrapper{
	margin: 0 50px 20px auto;
}
.all_courses>.col-12:last-child .course_wrapper{
	margin: 0 auto 20px 50px;
	margin-bottom: 0 !important;
}
.course_wrapper:hover,
.course_wrapper:focus{
	color: #fff;
	text-decoration: none;
}
.course_wrapper:hover{
	background: #20201e;
}

.course_logo{
	text-align: right;
	pointer-events: none;
	filter: drop-shadow(0 0 24px rgb(250 226 185 / 25%));
}
.course_logo,
.course_heading{
	margin-bottom: 50px;
	transition: .3s;
}
.course_logo img,
.owl-carousel .course_logo img{
	width: 132px;
	display: unset;
}
.course_heading{
	width: 220px;
	margin: 0 auto 46px;
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	transform: scale(1.01);
	letter-spacing: 1px;
}
.course_wrapper:hover .course_heading{
	transform: scale(1.15) translateY(16px);
}

.course_price_prev{
	font-size: 24px;
	position: relative;
	transition: .3s;
	color: #79797b;
	width: max-content;
	margin: 0 auto 20px;
}
.course_price_prev:before{
	content: '';
	border-top: 1px solid #86868B;
	width: calc(100% + 6px);
	left: -4px;
	display: block;
	position: absolute;
	top: calc(50% - 2px);
}
.course_price_prev .ruble{
	font-size: 18px;
	position: relative;
	top: -6px;
}
.course_price_heading{
	transition: .3s;
	text-transform: uppercase;
	color: #79797b;
	font-size: 15px;
	letter-spacing: 1px;
}
.course_price{
	font-size: 30px;
	transition: .3s;
}
.course_price .ruble{
	font-size: 17px;
	position: relative;
	top: -8px;
}
.course_wrapper:hover .course_logo,
.course_wrapper:hover .course_price_heading,
.course_wrapper:hover .course_price_prev,
.course_wrapper:hover .course_price{
	opacity: .09;
}

.course_buy_wrapper .btn_wrapper{
	margin-top: 26px;
	position: relative;
}
.course_buy_hint{
	position: absolute;
	bottom: calc(100% + 12px);
	left: 0;
	right: 0;
	z-index: 1;
	background: rgb(39 39 40 / 96%);
	font-size: 15px;
	line-height: 1.6;
	padding: 22px 16px;
	border-radius: 3px;
	color: #fff;
	box-shadow: 1px 1px 20px #0c0c0c;
	opacity: 0;
	transition: .3s;
	pointer-events: none;
	transform: translateX(24%);
}
.color_wa{
	color: #1bd741;
}
.course_buy_hint.hint_show{
	opacity: 1;
	transform: translateX(0%);
}

@media (max-width: 1199px){
	.all_courses{
		margin-top: 60px;
	}
	.course_wrapper{
		max-width: 280px;
	}
	.course_logo img,
	.owl-carousel .course_logo img{
		width: 124px;
	}
	.course_logo,
	.course_heading{
		margin-bottom: 46px;
	}
	.course_heading{
		font-size: 19px;
	}
	.course_price_prev{
		font-size: 24px;
	}
	.course_price{
		font-size: 30px;
	}
	.course_price_heading{
		font-size: 13px;
	}
}
@media (max-width: 991px){
	.all_courses{
		margin-top: 40px;
	}
}
@media(max-width: 767px){
	.course_wrapper{
		padding: 36px 20px 44px;
	}
	.course_logo,
	.course_heading{
		margin-bottom: 44px;
	}
	.course_logo img{
		width: 116px;
	}
	.course_price_prev{
		font-size: 22px;
	}
	.course_price_prev .ruble{
		font-size: 16px;
	}
	.course_price{
		font-size: 28px;
	}
	.course_price .ruble{
		font-size: 18px;
	}
	.course_wrapper{
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media (max-width: 575px){
	.course_wrapper{
		margin-bottom: 50px !important;
	}
}



/* Extra */

::selection{
	background: #565656;
}
::-moz-selection{
	background: #565656;
}



/* Animations */

.flicker:not(svg){
	animation: flicker 2s linear infinite;
}
svg.flicker{
	animation: flicker_svg 2s linear infinite;
}

@keyframes flicker{
	0%{
		text-shadow: 0 0 2px #464440;
	}
	50%{
		text-shadow:
			0 0 1px #fff,
			0 0 2px #fff,
			0 0 4px #464440,
			0 0 16px #fae2b9,
			0 0 32px #fff;
	}
	100%{
		text-shadow: 0 0 2px #464440;
	}
}

@keyframes flicker_svg{
	0%{
		-webkit-filter: drop-shadow(0 0 2px #464440);
		filter: drop-shadow(0 0 2px #464440);
	}
	50%{
		-webkit-filter:
			drop-shadow(0 0 4px #fae2b9)
			drop-shadow(0 0 16px #fae2b9);
		filter:
			drop-shadow(0 0 4px #fae2b9)
			drop-shadow(0 0 16px #fae2b9);
	}
	100%{
		-webkit-filter: drop-shadow(0 0 2px #464440);
		filter: drop-shadow(0 0 2px #464440);
	}
}

.animation_fix{
	overflow: hidden;
}

.element_animation h2,
#block_video.element_animation .text_wrapper:not(.text_exclamation){
	opacity: 0;
	transition: transform 1.5s, opacity 1.5s;
	transform: translateY(-250%);
}
#block_video.element_animation .text_wrapper:not(.text_exclamation){
	transition: transform 1.5s, opacity 2.5s;
}
.element_animation.element_show h2,
#block_video.element_animation.element_show .text_wrapper:not(.text_exclamation){
	opacity: 1;
	transform: translateY(0%);
}
.element_animation ul,
.element_animation .all_courses{
	opacity: 0;
	transition: opacity 1.5s;
}
.element_animation.element_show ul,
.element_animation.element_show .all_courses,
#block_video.element_animation.element_show .all_videos{
	opacity: 1;
}
.element_animation ul>li:nth-child(odd),
#block_results.element_animation ul>li:nth-child(-n+2),
.element_animation .all_courses>.col-12:first-child .course_wrapper{
	transform: translateX(-100%);
	transition: transform 1.7s, background .3s;
}
.element_animation ul>li:nth-child(even),
#block_results.element_animation ul>li:nth-child(n+3),
.element_animation .all_courses>.col-12:last-child .course_wrapper{
	transform: translateX(100%);
	transition: transform 1.7s, background .3s;
}
.element_animation.element_show ul>li:nth-child(odd),
.element_animation.element_show ul>li:nth-child(even),
#block_video.element_animation.element_show .all_videos,
.element_animation.element_show .course_wrapper{
	transform: translateX(0%) !important;
}

.element_animation .text_wrapper{
	transform: translateY(400%);
	opacity: 0;
	transition: transform 1.5s, opacity 1.5s;
}
.element_animation.element_show .text_wrapper{
	transform: translateY(0%);
	opacity: 1;
	transition: transform 1.5s, opacity 1.5s;
}
#block_note.element_animation .text_wrapper{
	transform: scale(200%);
	transition: transform 1.7s;
}
#block_note.element_animation.element_show .text_wrapper{
	transform: scale(100%);
}

#block_video.element_animation .all_videos{
	opacity: 0;
	transform: translateX(100%);
	transition: transform 1.7s, opacity 2.5s;
}



/* WP */

.edit_link a{
	display: block;
	color: #72aee6;
	border: 1px solid #72aee6;
	padding: 6px 20px;
	width: max-content;
	margin: auto;
	border-radius: 32px;
	transition: .2s;
	text-decoration: none;
}
.edit_link a:before{
	font: normal 16px/1 dashicons;
	content: "\f464";
	position: relative;
	top: 2px;
	padding-right: 6px;
}
.edit_link a:hover{
	background: #72aee6;
}
.edit_link a:hover,
.edit_link a:hover:before{
	color: #fff;
}