@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600&display=swap');

@font-face {
    font-family: "Buyan";
    src: url(../fonts/buyan-thin.woff) format("woff"), url(../fonts/buyan-thin.woff2) format("woff2");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: "Buyan";
    src: url(../fonts/buyan-regular.woff) format("woff"), url(../fonts/buyan-regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Buyan";
    src: url(../fonts/buyan-bold.woff) format("woff"), url(../fonts/buyan-bold.woff2) format("woff2");
    font-style: normal;
    font-weight: 700
}

body{
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	background: white;
	color: #1E1E1E;
	line-height: 1.55;
	font-weight: 400;
}
ul{
	margin: 0;
	list-style: none;
	padding: 0;
}
h1,h2{
	margin: 0;
	display: block;
	padding: 20px 0;
}
p{
	margin: 0;
}
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
section{
	display: block;
}
*,
*:before,
*:after{
	box-sizing: border-box;
}
.container{
	max-width: 1270px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
#news .container{
	position: relative;
}
#top{
	background: radial-gradient(41.64% 212.46% at 30.68% 35.29%, #38383A 0%, #131313 100%);
	padding: 129px 0 0;
	position: relative;
	overflow: hidden;
}
.how-wrapper:before,
#about.show:before,
#top:before{
	content: '';
	display: block;
	left: 54px;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(img/top-line.svg) no-repeat center;
	z-index: 0;
	opacity: 1;
	animation: 2s opacityLine;
}
.how-wrapper:before{
	display: none;
}
@keyframes opacityLine{
	0% {
		opacity: 0;
		transform: scale(3);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.top-content__logo svg{
	max-width: 302px;
	width: 100%;
	display: block;
	height: 86px;
}
h1{
	font-family: Buyan, sans-serif;
	font-weight: 700;
    font-size: 90px;
    line-height: 98px;
	color: #FF4D00;
	margin: 0;
	padding: 22px 0 0;
}
h1 span{
	color: white;
	display: block;
}
.top-content__sub{
	font-size: 28px;
	line-height: 130%;
	color: #FFFFFF;
	padding: 20px 0 40px;
}
.subscribe,
.how-bottom__btn,
.top-content__link{
	max-width: 488px;
	width: 100%;
	height: 81px;
	background: #2F89CE;
	border-radius: 66.6071px;
	display: flex;
	font-weight: 600;
	align-items: center;
	justify-content: center;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
	font-size: 24px;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
}
.subscribe:after,
.about__link:after,
.guide-box__link:after,
.how-bottom__btn:after,
.top-content__link:after{
	content: '';
	display: inline-block;
	width: 36px;
	height: 31px;
	background: url(img/tg.svg) no-repeat center;
	margin-left: 13px;
	position: relative;
	top: 0;
    left: 0;
}
.subscribe:hover:after,
.about__link:hover:after,
.guide-box__link:hover:after,
.how-bottom__btn:hover:after,
.top-content__link:hover:after{
	animation: flytg 1s;
}
@keyframes flytg{
	0%{
		top: 0;
		left: 0;
		opacity: 1;
	}
	50%{
		top: -60px;
		left: 100px;
		opacity: 0;
	}
	60%{
		top: 0;
		left: 0;
		opacity: 0;
		transform: scale(0);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
.subscribe:hover,
.about__link:hover,
.guide-box__link:hover,
.video__btn:hover,
.modal-book__bottom a:hover,
.how-bottom__btn:hover,
.top-content__link:hover{
	background: #52B0F9;
}
.subscribe:active,
.about__link:active,
.guide-box__link:active,
.video__btn:active,
.modal-book__bottom a:active,
.how-bottom__btn:active,
.top-content__link:active{
	background: #1C5988;
}
.top-content{
	max-width: 645px;
	padding: 10px 0 0;
}
.top{
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
}
.top__img{
	width: calc(100% - 645px);
}
.top__img img{
	display: block;
}
.title{
	font-family: Buyan;
	font-style: normal;
	font-weight: bold;
	font-size: 90px;
	line-height: 98px;
	color: black;
}
.title span{
	color: #FF4D00;
}
.history-top{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 38px 0 44px;
}
.history-top__left{
	color: #8C8BA1;
	font-size: 17px;
	line-height: 130%;
	width: 266px;
}
.history-top__right{
	width: calc(100% - 311px);
	font-size: 20px;
	line-height: 130%;
}
.video__btn{
	display: block;
	width: 60px;
	height: 60px;
	background: #2F89CE;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	margin: 0 5px;
	transition: all 0.3s;
}
.video__btn:before{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(img/nav.svg) no-repeat center;
}
.video-next{
	transform: rotate(180deg);
}
.video__nav{
	width: 266px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.video-btn{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.video__content{
	width: calc(100% - 311px);
}
.video{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
img{
	max-width: 100%;
	height: auto;
}
.history-video__item{
	width: 594px;
}
.history-video__item a{
	border-radius: 10px;
	overflow: hidden;
    display: block;
	position: relative;
	width: 100%;
	height: 336px;
}
.history-video__item img{
	position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
.history-video__item a:before{
	content: '';
    display: block;
    position: absolute;
    background: url(img/play.svg) no-repeat center;
    width: 220px;
    height: 220px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
	background-position-y: calc(50% + 20px);
	transition: all 0.3s;
}
.history-video__item.two a:before{
	display: none;
}
.history-video__item a:hover:before{
	opacity: 0.7;
}
.history-video__item.two{
	width: 282px;
}
.history-video__item.two a{
	width: 100%;
	height: 158px;
}
.history-video__item.two a:first-child{
	margin-bottom: 20px;
}
#history{
	padding: 140px 0 75px;
}
.history-bottom{
	font-size: 20px;
	line-height: 130%;
	color: #1E1E1E;
	padding-top: 60px;
	padding-left: 311px;
}
.history-bottom p{
	padding: 0 0 30px;
}
.history-bottom__more{
	cursor: pointer;
    color: #2F89CE;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	transition: all 0.3s;
}
.history-bottom__more:hover{
	color: #52B0F9;
}
.history-bottom__more:active{
	color: #1C5988;
}
.history-bottom__more:before{
	content: '';
    display: block;
    width: 8px;
    height: 16px;
	background: none;
	background-color: #1E1E1E;
	-webkit-mask: url(img/nav.svg) no-repeat center;
	-webkit-mask-size: contain;
	transform: rotate(-90deg);
	margin-right: 15px;
	transition: all 0.3s;
}
.history-bottom__more.active:before{
	transform: rotate(90deg);
}
.history-bottom__hide{
	display: none;
}
#how{
	padding: 75px 0 75px;
}
.how{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 60px 0;
}
.how-content{
	max-width: calc(100% - 520px);
}
.how-top{
	font-size: 17px;
	line-height: 130%;
	color: #FFFFFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.how-top__left{
	width: calc(100% - 280px);
}
.how-top__right{
	max-width: 220px;
	width: 100%;
	font-size: 17px;
	line-height: 130%;
	color: #8C8BA1;
	padding: 10px 0;
}
.how-top p{
	padding: 10px 0;
}
.how-wrapper{
	background: url(img/how-bg.png) no-repeat center;
	min-height: 690px;
	margin: 50px 0 0;
}
.how-bottom button{
	outline: none;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
}
.how-bottom{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 35px 0 0;
}
.how-bottom__modal{
	font-weight: 600;
	font-size: 20px;
	line-height: 23px;
	text-transform: uppercase;
	color: #FF4D00;
	background: none;
	transition: all 0.3s;
	text-decoration: none;
}
.how-bottom__modal.clone{
	position: absolute;
	animation: fText 1s;
	pointer-events: none;
}
@keyframes fText{
	0%{
		transform: scale(1);
		opacity: 0.7;
	}
	100%{
		transform: scale(1.3);
		opacity: 0;
	}
}
.how-bottom__btn{
	max-width: 350px;
	font-size: 20px;
	height: 61px;
}
.about__link:after,
.guide-box__link:after,
.how-bottom__btn:after{
	width: 24px;
	height: 21px;
	background-size: contain;
	margin-left: 10px;
}
#modal-book{
	max-width: 1218px;
	width: 100%;
	background: #FFFFFF;
	border-radius: 20px;
	margin: 20px 0;
	padding: 0;
	overflow: hidden;
}
.modal-book__title{
	font-size: 72px;
	line-height: 78px;
	padding: 30px 35px 20px 45px;
}
.modal-book__bottom{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 33px 45px;
	background: #F3F3F3;
	justify-content: space-between;
}
.modal-book__bottom span{
	font-weight: bold;
	font-size: 28px;
	line-height: 33px;
	color: #000000;
}
.modal-book__bottom a{
	max-width: 280px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	height: 61px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	background: #2F89CE;
	border-radius: 60px;
	text-decoration: none;
	transition: all 0.3s;
}
.book-content{
	padding: 0 35px 0 45px;
	overflow: hidden;
	overflow-y: auto;
	max-height: calc(100vh - 128px - 127px - 40px);
	position: relative;
}
.book-content:after{
	content: '';
	display: block;
	position: sticky;
	width: 100%;
	height: 114px;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.book-content::-webkit-scrollbar {
    width: 5px;
	border-radius: 4px;
}
.book-content::-webkit-scrollbar-track {
    background: #F3F3F3;
}
.book-content::-webkit-scrollbar-thumb {
    background: #2F89CE;
}
.book-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.list-wrap{
	padding: 23px 0 40px;
}
.book-content__list{
	-webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 55px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin: 15px 0 40px;
}
.book-content__list li{
	display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 15px;
    line-height: 18px;
    padding: 6px 0;
	-webkit-column-break-inside: avoid;
}
.book-content__list li:before{
	content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E7E7E7;
    bottom: 7px;
    z-index: 0;
}
.book-content__title{
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
	color: #000000;
	display: block;
}
.book-content__list li span:first-child{
	position: relative;
    background: white;
    padding-right: 5px;
}
.book-content__list li span:last-child{
	position: relative;
    background: white;
	padding-left: 5px;
}
.fancybox-close-small{
	background: none;
	background-color: #2F89CE;
	-webkit-mask: url(img/close.svg) no-repeat center;
	-webkit-mask-size: 25px;
    width: 55px;
    height: 55px;
	transition: all 0.3s;
	top: 10px;
	right: 10px;
}
.fancybox-close-small:hover{
	background-color: #52B0F9;
	transform: rotate(90deg);
}
.fancybox-close-small:active{
	background-color: #1C5988;
}
.fancybox-close-small:after{
	display: none;
}
#guide{
	padding: 75px 0 75px;
}
.guide-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 80px 0 0;
}
.guide-box__img{
	max-width: 502px;
	width: 100%;
	background: url(img/guide.png) no-repeat top center;
	display: flex;
    flex-direction: column;
	padding: 0 25px;
}
.guide-box__content{
	width: calc(100% - 575px);
	font-size: 20px;
	line-height: 130%;
	color: #1E1E1E;
	max-width: 594px;
}
.about__link,
.guide-box__link{
	max-width: 380px;
    width: 100%;
    height: 61px;
    background: #2F89CE;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
	margin: 57px auto 0;
}
.guide-box__notice{
	background: #FFFFFF;
	box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.23);
	border-radius: 50px;
	font-size: 17px;
	line-height: 130%;
	color: #1E1E1E;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 11px 27px;
    width: fit-content;
	-moz-width: fit-content;
	pointer-events: none;
	user-select: none;
	-moz-user-select: none;
}
.guide-box__notice:before{
	content: '';
	display: block;
	background: url(img/plus.svg) no-repeat center;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
.guide-box__img .guide-box__notice:first-child{
	margin-left: 70px;
}
.guide-box__img .guide-box__notice:nth-child(2){
	margin: 38px 0 40px;
	align-self: flex-end;
	margin-right: 20px;
}
.guide-box__img .guide-box__notice:nth-child(4){
	margin: 28px 0 64px;
	align-self: flex-end;
}
.guide-box__img .guide-box__notice:nth-child(6){
	margin: 32px 0 0;
	align-self: flex-end;
	margin-right: 20px;
}
.guide-box__content ul,
.guide-box__content p{
	padding: 0 0 29px;
}
.guide-box__content li{
	padding: 0 0 15px 25px;
	position: relative;
}
.guide-box__content li:before{
	content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background: url(img/check.svg) no-repeat center;
}
.guide-box__content li:last-child{
	padding-bottom: 0;
}
.news__cotnent{
	max-width: 595px;
	width: 100%;
}
.news__title{
	font-size: 82px;
	line-height: 89px;
	padding: 0 0 35px;
}
.news__cotnent p{
	font-size: 20px;
	line-height: 130%;
	color: #1E1E1E;
	padding: 10px 0;
}
.news{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
}
.news__img img{
	display: block;
	position: relative;
	z-index: 2;
}
#news .news__gif{
	position: absolute;
    z-index: 1;
    display: block;
    top: 10px;
    left: 13px;
    max-width: 380px;
}
.news__img{
	pointer-events: none;
	user-select: none;
	margin-bottom: -45px;
	margin-left: 30px;
	width: calc(100% - 595px - 30px);
	position: relative;
}
#news{
	padding: 75px 0 0;
}
#news-arrow {
	position: absolute;
    right: 105px;
    top: -140px;
}
.about{
	display: flex;
	flex-wrap: wrap;
	padding: 150px 0;
	position: relative;
}
.about-content{
	width: calc(100% - 453px - 65px);
    max-width: 566px;
    margin-left: 65px;
}
.about__img{
	max-width: 453px;
	width: 100%;
	position: relative;
	pointer-events: none;
}
.img-notice{
	font-family: Buyan;
	width: 171px;
	height: 171px;
	border-radius: 50%;
	background: #FFFFFF;
	box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.5);
	font-weight: bold;
	font-size: 42px;
	line-height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1E1E1E;
	flex-direction: column;
	position: absolute;
    bottom: 103px;
    right: 0;
	pointer-events: none;
}
.img-notice span{
	color: #FF4D00;
}
.about-content__sub{
	color: #FF4D00;
	font-size: 28px;
	line-height: 130%;
	padding: 42px 0 42px;
}
.about-content__text p{
	color: #8C8BA2;
	font-size: 20px;
	line-height: 23px;
	padding: 0 0 20px
}
.about-content__text p:last-child{
	padding-bottom: 0;
}
.about__link{
	margin: 40px 0 0;
}
.about__img img{
	display: block;
	border-radius: 10px;
}
#about{
	background: radial-gradient(41.64% 212.46% at 30.68% 35.29%, #38383A 0%, #131313 100%), linear-gradient(262.61deg, #C9CED8 0.13%, #59708F 99.42%);
	position: relative;
    overflow: hidden;
}
.about-content__title{
	color: white;
	font-size: 80px;
	line-height: 87px;
}
footer{
	background: #1E1E1E;
	padding: 95px 0 115px;
}
.footer__logo svg{
	width: 302px;
	height: 85px;
}
.footer__copyright{
	padding: 45px 0 0;
}
.footer__copyright p{
	color: #8C8BA2;
	font-size: 15px;
	padding: 0 0 20px;
	line-height: 18px;
}
.footer__copyright a{
	color: inherit;
	transition: all 0.3s;
}
.footer__copyright a:hover{
	opacity: 0.7;
}
.footer__copyright p:last-child{
	padding-bottom: 0;
}
.footer-left{
	max-width: 357px;
	width: 100%;
}
.footer-info{
	width: calc(100% - 357px - 161px);
}
.footer{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer-phone{
	display: flex;
	flex-wrap: wrap;
	color: #FFFFFF;
}
.footer-phone__item span{
	font-size: 15px;
	line-height: 18px;
	display: block;
	padding: 0 0 4px;
}
.footer-phone__item a{
	font-family: Buyan;
	font-style: normal;
	font-weight: bold;
	font-size: 42px;
	line-height: 46px;
	color: white;
	text-decoration: none;
	display: block;
	transition: all 0.3s;
}
.footer__social a:hover,
.footer-phone__item a:hover{
	opacity: 0.7;
}
.footer-phone .footer-phone__item{
	width: 312px;
}
.footer__social a{
	display: block;
	text-decoration: none;
	color: #FF4D00;
	font-size: 18px;
	line-height: 21px;
	transition: all 0.3s;
}
.footer__social a:first-child{
	width: 312px;
}
.footer__social a:last-child{
	padding-left: 75px;
}
.footer__social{
	display: flex;
	flex-wrap: wrap;
	padding: 50px 0 28px;
}
.footer__adres{
	color: #FFFFFF;
	font-size: 17px;
	line-height: 20px;
	max-width: 240px;
}
.top__img img{
	display: none;
}
.top__img img:first-child{
	display: block;
}
.top-content__sub:after{
	content: '';
	display: inline-block;
	background: url(img/flag.svg) no-repeat center;
	width: 28px;
	height: 20px;
	margin-left: 13px;
	vertical-align: middle;
}
.news__img.mob,
.mob-subscribe,
.news__img img:nth-child(2),
.guide-box__content .guide-box__link,
.modal-book__title br,
.video.mob{
	display: none;
}