@import url('https://fonts.googleapis.com/css2?family=Inter&family=Kalam&family=Lato&family=Roboto+Condensed:wght@700&family=Satisfy&display=swap');
body {
	background: #010101;
	color: #C3C2CC;
	font-weight: 400;
	font-family: 'Inter', sans-serif;
	overflow-x: hidden;
	scrollbar-color: #FFB800 rgba(255, 255, 255, 0.13);
	scrollbar-width: thin;	
}
.clear {
	clear: both;
}
header {
	position: relative;
	padding-bottom: 80px;
	overflow: hidden;
}
header:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0px;
	top: 0px;
	background:  url(header_bg.png) center center no-repeat;
	opacity: 0.3;
	z-index: 9;
}
header:after {
	content: '';
	position: absolute;
	width: 526px;
	height: 100%;
	right: 23%;
	top: 0px;
	background: url(header.png) no-repeat top center;
	z-index: 10;
	opacity: 0.8;
}	
header .container {
	position: relative;
	z-index: 99;
}
header .col-6 {
	width: 50%;
	float: left;
}
.menutop {
	padding-top: 25px;
}
.menutop img {
	width: 163px;
	margin-top: 5px;
}
.menutop button {
	float: right;
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	padding: 12px 26px;
}
.header_text {
	padding-top: 30px;
}
.header_text h1 {
	font-weight: 700;
	font-size: 78px;
	line-height: 80px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFFFFF;
	letter-spacing: 0.02em;
	margin: 0;
}
.header_text h1 span {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 700;
	font-size: 82px;
	line-height: 82px;
	color: #DF0937;
	letter-spacing: 0.02em;
}
.header_text h2 {
	font-family: 'Kalam', cursive;
	font-weight: 400;
	font-size: 26px;
	line-height: 38px;
	color: #DF0937;
	margin: 4px 0 0 0;
	max-width: 50%;
}
.header_text p {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	margin-top: 24px;
	color: #fff;
	max-width: 50%;
}
header .left {
	width: 100%;
	text-align: center;
	padding-top: 25px;
}
header .right {
	width: 	100%;
	float: none;
}	
header .left hr, .block1 hr, .block3 hr, .block6 hr, .product-item-cover hr, .block9 hr, .block1fantasy hr {
	background: linear-gradient(90deg, rgb(255, 0, 0) 0%, rgba(255,0,0,0) 100%);
	height: 2px;
	margin: 0;
	border: none;
}
.block1 hr.last, .block3 hr.last, .block6 hr.last, .product-item-cover hr.last {
	background: linear-gradient(90deg, rgba(255, 0, 0,0) 0%, rgba(255,0,0,1) 100%);
	height: 2px;
	margin: 0;
	border: none;
}
header .left img {
	margin: 0 0 15px 0;
}
header .left button.start {
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	padding: 14px 0;
	border: 1px solid #FFB800;
	width: 188px;
	margin-right: 17px;
}	
header .left button.start:hover {
	background: #ff8420;
	color: #fff;
}
header .left button.play {
	float: left;
	background: none;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #DF0937;
	font-size: 16px;
	padding: 14px 0;
	width: 188px;	
	border: 1px solid rgba(223, 9, 55, 1);	
}
header .left button.play span {
	position: relative;
}
header .left button.play span:before {
	content: '';
	background: url(play.png);
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: -25px;
	top: 0px;
}
header .slick-slide {
	margin: 0 15px;
	position: relative;
	transition: all 500ms ease;
}
header .slick-slide:before {
	background: none !important;
}
header .slick-slide a {
	position: relative;
	z-index: 999;
}	
header .slick-slide img {
	margin: 0 auto;
	max-width: 100%;
}
header .slick-slide:before {
	background: linear-gradient(0deg, rgba(2, 1, 15, 0.5), rgba(2, 1, 15, 0.5));
	content: '';
	width: 100%;
	position: absolute;
	height: 100%;
	transition: all 500ms ease;
}
header .slick-center:before {
	background: none;
	transition: all 500ms ease;
}
header .slick-prev, .slick-next {
	width: 30px;
	height: 30px;	
}
header .slick-next {
	right: 10px;
}
header .slick-prev {
	left: -5px;
	z-index: 999;
}
header .slick-next:before{
	background: url(right.png) center bottom no-repeat;
	width: 30px;
	height: 30px;
	content: '';
	display: block;
}
header .slick-prev:before {
	background: url(prev.png) center bottom no-repeat;
	width: 30px;
	height: 30px;
	content: '';
	display: block;
}
.block1, .block1fantasy {
	position: relative;
	overflow: hidden;
}
.block1 {
	padding-bottom: 30px;
}	
.block1fantasy:before {
	content: '';
	position: absolute;
	max-width: 909px;
	width: 55%;
	height: 100%;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, #02010F 0%, rgba(2, 1, 15, 0) 15.67%), url(block1.png) left bottom no-repeat;
	opacity: 0.6;
	z-index: 1;	
	background-size: 100%;	
}
.block1 .container, .block1 .row {
	position: relative;
	z-index: 99;
}
.block1 .container:before {
	position: absolute;
	max-width: 928px;
	height: 100%;
	right: -50px;
	top: 65px;
	background: linear-gradient(270deg, #010101 15.46%, rgba(2, 1, 15, 0) 34.97%), linear-gradient(1.18deg, #02010F 0.7%, rgba(2, 1, 15, 0) 30.04%), url(block1_right.png) top right no-repeat;
	opacity: 0.6;
	width: 53%;
	background-size: 100%;
}	
.block1 h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 72px;
	line-height: 64px;
	letter-spacing: 0.02em;
	color: #fff;
	margin-top: 95px;
	margin-bottom: 32px;
}
.block1 h1 span {
	font-family: 'Satisfy', cursive;
	color: #DF0937;
}
.block1 p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
	max-width: 60%;
}
.fantasy_block {
	width: 70%;
	background: rgba(24,24,32,.9);
	float: right;
	margin-top: 0px;
	position: relative;
	z-index: 99;
}
.fantasy_block .box {
	padding: 56px;
}	
.fantasy_block h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 64px;
	margin-top: 0;
	margin-bottom: 40px;
	letter-spacing: normal;
	color: #fff;
}
.fantasy_block p, .fantasy_block ul li  {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
	margin-bottom: 20px;
	max-width: 100%;
}
.fantasy_block ul li  {
	margin-bottom: 10px;
}	
.fantasy_block p.red {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 140%;	
	color: #DF0930;
	margin: 10px 0;
}
.fantasy_block p:last-child {
	margin-bottom: 0;
}	
.block2 {
	position: relative;
}
.block2 .row {
	position: relative;
	padding: 50px 0 0 0;	
}
.block2 .text {
	text-align: center;
}	
.block2 .text h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 64px;
	color: #FFFFFF;
	margin: 0 0 40px 0;
}
.block2 .text p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
}
.number {
	display: block;
	display: block;
	max-width: 50%;
	margin: 0 auto 40px;
	clear: both;
	text-align: center;
}
.number p {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 23px;
	line-height: 120%;
	color: #FFFFFF;
	padding-left: 10px;
	display: block;
	margin: 0;
	padding-top: 20px;
	text-align: center;
}
.number span {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 62px;
	color: #DF0930;
	display: block;
	text-align: center;
	line-height: 1.2;
}

.block2 .text button{
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	padding: 12px 26px;
	margin-top: 60px;
}
.block3 {
	background: rgba(24,24,32,0.9);
	position: relative;
}
.block3 .container {
	padding: 100px 15px;
	position: relative;
	z-index: 99;
}
.block3:before {
	content: '';
	position: absolute;
	width: 60%;
	max-width: 1041px;
	height: 100%;
	right: 0;
	top: 0;
	background: url(block3.png) right top no-repeat;
	z-index: 1;	
}
.block3:after {
	content: '';
	position: absolute;
	width: 48%;
	max-width: 832px;
	height: 100%;
	left: 0;
	top: 0;
	background: url(block31.png) right top no-repeat;
	z-index: 1;
}
.block3 h1, .block11 h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 64px;
	color: #fff;
	margin: 0 0 40px 0;
	position: relative;
	text-align: center;
}
.block3 h1:before {
	content: '';
	background: url(block3_title.png) left top no-repeat;
	width: 402px;
	height: 41px;
	position: absolute;
	bottom: -50px;
}
.block3 p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
	max-width: 980px;
	margin: 0 auto;
}
.block4 {
	padding: 140px 0 110px 0;
	position: relative;
}
.block4 .container {
	position: relative;
}
.block4 .container:before {
	content: '';
	position: absolute;
	max-width: 483px;
	width: 30%;
	height: 100%;
	left: 0px;
	top: 330px;
	background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 20.44%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 45.55%), linear-gradient(270deg, #000000 3.93%, rgba(0, 0, 0, 0) 33.33%), linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 14.64%), url(block4.png);	
}
.block4 h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 64px;
	color: #FFFFFF;
	text-align: center;
	margin: 0 0 35px 0;
}
.block4 .red {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 140%;
	color: #DF0930;
	text-align: center;
	margin-bottom: 170px;
}
.block4 ul {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	color: #C3C2CC;
	list-style: none;
	padding: 0;
}
.block4 ul li {
	width: 490px;
	padding-left: 75px;
	float: left;
	position: relative;
}
.block4 ul li:nth-child(1):before {
	content: '1.';
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 72px;
	line-height: 140%;
	color: #DF0930;
	position: absolute;
	left: 10px;
	top: -20px;
}
.block4 ul li:nth-child(2):before {
	content: '2.';
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 72px;
	line-height: 140%;
	color: #DF0930;
	position: absolute;
	left: 5px;
	top: -20px;
}
.block4 ul li:nth-child(3):before {
	content: '3.';
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 72px;
	line-height: 140%;
	color: #DF0930;
	position: absolute;
	left: 5px;
	top: -20px;
}
.block4 ul li:nth-child(2) {
	margin: 0 125px;
}
.block4 .text {
	padding-top: 140px;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
	width: 61%;
	float: right;
}
.block4 button {
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	padding: 16px 26px;
	margin-top: 56px;
	display: block;
}
.block5 {
	position: relative;
}
.block5:before {
	content: '';
	position: absolute;
	width: 1303.57px;
	height: 1303.57px;
	left: -144.42px;
	top: 780px;
	background: rgba(223, 9, 55, 0.13);
	filter: blur(175px);
	transform: rotate(36.13deg);
}
.block5 .row {
	position: relative;
	padding-bottom: 115px;	
}
.block5 .row:before {
	position: absolute;
	max-width: 870px;
	width: 60%;
	height: 100%;
	left: -137px;
	bottom: 0;
	background: url(block5.png) bottom left no-repeat;
	content: '';
	background-size: 100%;
}
.block5 h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 64px;
	color: #FFFFFF;
	max-width: 1090px;
	width: 60%;
	margin: 0 0 40px 0;
}
.block5 p.text_left {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
	max-width: 1040px;
	width: 60%;
	margin: 0;
}
.block5 p.red {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 58px;
	line-height: 140%;
	text-align: center;
	color: #DF0930;
	transform: rotate(-26deg);
	position: absolute;
	right: 0;
	top: 80px;
}
.box_catalog {
	width: 100%;
	margin: 140px 0;
	overflow-y: scroll;
	height: 370px;
	scrollbar-color: #FFB800 rgba(255, 255, 255, 0.13);
	scrollbar-width: thin;		
}
.box_catalog::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.13);
}
.box_catalog::-webkit-scrollbar-thumb {
  background-color: #FFB800;
  border-radius: 6px;
  border: 3px solid rgba(255, 255, 255, 0.13);
}
.box_catalog .block {
	width: 406px;
	height: 140px;	
	background: #181820;
	margin-right: 23px;
	margin-bottom: 18px;
	padding: 24px;
	float: left;
}
.box_catalog .block span {
	width: 92px;
	height: 92px;
	background: #0C0C12;
	justify-content: center;
	display: flex;
	text-align: center;
	margin-right: 27px;
	float: left;
}
.box_catalog .block:nth-child(4n){
	margin-right: 0;
}	
.box_catalog .block span img {
	width: 50%;
}
.box_catalog .block p {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 44px;
	color: #FFFFFF;
	text-align: left;
}
.box_catalog .block a {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	color: #FFB800;
	float: left;
}
.text_right {
	float: right;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
	max-width: 1040px;
	width: 60%;
	margin: 0;	
}
.text_right_red {
	float: right;
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 140%;
	color: #DF0930;
	width: 1040px;
	width: 60%;
	margin: 25px 0 0 0;
}
.block5 button {
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	padding: 16px 26px;
	margin-top: 26px;
	display: block;
	line-height: normal;
}
.block6 {
	background: rgba(24,24,32,0.9);
	position: relative;
}
.block6 .container {
	padding: 80px 15px;
}
.block6 h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 64px;
	color: #FFFFFF;
	text-align: center;
	margin: 0 0 73px 0;
}
.testimonials {
	margin: 0 !important;
}
.block6 .slick-slide {
	height: 195px;
	background: #0C0C12;
	margin: 0 21px;
	font-family: 'Inter';
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 140%;
	text-align: center;
	justify-content: center;
	display: flex;
	align-items: center;
	position: relative;
}
.block6 .slick-list {
	padding-top: 10px;
}
.block6 .slick-slide:before {
	content: '';
	width: 55px;
	height: 33px;
	background: url(testimonials.png);
	position: absolute;
	top: -11px;
	left: -15px;
}
.block6 .slick-slide p {
	margin: 0;
	max-width: 310px;
}
.block6 .slick-dots {
	margin-top: 55px;
	position: relative;
	bottom: 0;
}
.block6 .slick-dots li button {
	background: #D9D9D9;
	width: 14px;
	height: 14px;
	border-radius: 50%;	
	position: relative;
	padding: 0;
}
.block6 .slick-dots li {
	width: 14px;
	height: 14px;	
}
.block6 .slick-dots li button::before {
	content: '';
	width: 8px;
	height: 8px;	
}
.block6 .slick-dots li.slick-active button::before {
	background: #DF0930;
	width: 8px;
	height: 8px;
	border-radius: 50%;	
	left: 3px;
	top: 3px;
}
.block6 .slick-prev, .slick-next {
	width: 24px;
	height: 24px;	
}
.block6 .slick-next {
	right: 6px;
}
.block6 .slick-prev {
	left: 6px;
	z-index: 999;
}
.block6 .slick-next:before{
	background: url(t_right.png) center bottom no-repeat;
	width: 24px;
	height: 24px;
	content: '';
	display: block;
	margin-top: -38px;
	opacity: 1;
}
.block6 .slick-prev:before {
	background: url(t_prev.png) center bottom no-repeat;
	width: 24px;
	height: 24px;
	content: '';
	display: block;
	margin-top: -38px;
	opacity: 1;
}
.block7 {
	position: relative;
	background: url(block7.png) top center no-repeat;
	padding: 140px 0 170px 0;	
}
.block7 .container {
}
.block7 h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 64px;
	color: #fff;
}
.block7 h1 span {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 64px;
	color: rgba(223, 9, 48, 1);
}
.block7 .text {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
	margin: 0;
}
.block7 .left {
	max-width: 770px;
	width: 45%;
	float: left;
}
.block7 .red {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 140%;
	color: #DF0930;
	margin: 80px 0 24px 0;
}
.block7 .left button {
	float: left;
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	padding: 12px 26px;
	margin-top: 45px;
}
.block7 .right {
	max-width: 850px;
	width: 55%;
	float: right;
}
.block7 .right ul {
	padding: 0;
	list-style: none;
}
.block7 .right ul li {
	float: right;
	margin: 13px 10px;
}
.block7 .right ul li img {
	width: 150px;
}
.block7 .right a.link {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	color: #FFB800;
	text-decoration: underline;
	margin: 45px auto 0;
	display: block;
	text-align: center;
}
.block8 h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 48px;
	line-height: 64px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 25px 0;
} 
.block8 h2 {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 56px;
	line-height: 140%;
	text-align: center;
	color: #DF0930;
	margin: 0 0 70px 0;
}
.product-box {
	max-width: 1088px;
	margin: 0 auto;
}
.product-box .left, .product-box .right {
	float: left;
}
.product-item-cover {
	background: rgba(24,24,32,.9);
	width: 480px;
	margin: 0 32px;
}
.product-item-cover .name {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	height: 125px;
	padding: 50px 27px 0 27px;
}
.product-item-cover .price-label {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 140%;	
	color: #FFFFFF;
	margin-top: 25px;
	text-align: center;
}
.product-item-cover .price {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	line-height: 140%;	
	color: #FFFFFF;
	text-align: center;
	margin-top: 32px;
	padding-bottom: 45px;
	border-bottom: 1px solid #323242;	
}
.product-item-cover .price span {
	color: rgba(223, 9, 48, 1);
	font-size: 32px;
}
.product-item-cover .free-trial {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 140%;
	text-transform: uppercase;
	color: #FFFFFF;	
	text-align: center;
	margin: 25px 0 10px 0;
}
.product-item-cover .price-label2 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #FFFFFF;	
	text-align: center;	
}
.product-item-cover .add-button {
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	padding: 15px 27px;
	margin: 25px auto 45px auto;
	display: block;	
}
.product-item-cover .clear {
	height: 1px;
}
.block9 {
	padding: 60px 0;
}
.block9 .row {
	position: relative;
}
.block9 h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-size: 48px;
	line-height: 64px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 35px 0;
} 
/**
.block9 .row:before {
	position: absolute;
	width: 389px;
	height: 542px;
	right: -50px;
	top: 20x;
	background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 14.64%), linear-gradient(270deg, #000000 3.93%, rgba(0, 0, 0, 0) 33.33%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 45.55%), linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 20.44%), url(block9.png);
}

.block9 h1 {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 140%;	
	color: #FFFFFF;
	width: 430px;
	margin: 0 0 45px 0;
}
.block9 h1 hr {
	bottom: -5px;
	position: relative;
}
.block9 p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
	max-width: 1255px;
	width: 72%;
}
.block9 p span {
	color: rgba(255, 184, 0, 1);
}**/
.block9 .text {
	transform: rotate(-7deg);
	width: 1010px;
	margin: 0 auto;
}
.block9 .text h2 {
	font-family: 'Kalam';
	font-style: normal;
	font-weight: 400;
	font-size: 44px;
	line-height: 140%;
	color: #DF0930;
	text-align: center;
}
.block9 .text hr {
	max-width: 800px;
	width: 50%;
	margin: 0 auto;
}
.block9 .text .add-button {
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	padding: 15px 27px;
	margin: 15px auto;
	display: block;	
}
.block9 .text p {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #C3C2CC;
	text-align: center;
	margin: 0 auto;
}	
.footer {
	background-color: #28282C;
	padding: 15px 0;
}	
.footer .row {	
	
}
.footer .logo {
	width: 125px;
	margin: 15px auto 15px auto;
	display: block;
}
.fantasy-footer-link {
	padding: 0;
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin: 0;
}
.fantasy-footer-link li {
	padding: 12px;
}	
.fantasy-footer-link a {
	font-family: 'Lato';
	font-style: normal;
	font-size: 16px;
	line-height: 18px;
	color: #888889;
}
.copyright {
	font-family: 'Lato';
	font-style: normal;
	font-size: 16px;
	line-height: 18px;
	color: rgba(136, 136, 137, 0.35);
	text-align: center;
	padding-top: 8px;
}
.header_text img, .mobile_img {
	max-width: 100%;
	display: none;
	margin: 0 auto;
}
.footer_button { 
	background: #010101;
	padding: 15px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
	z-index: 999;
}
.footer_button button {
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 14px;
	padding: 12px 26px;
	width: 280px;
	margin: 0 auto;
	display: block;
}
.block_ai {
	padding: 60px 0;
}
.ai_container {
	width: 100%;
	position: relative;
}
.ai_box {
	width: calc(33% - 18px);
	height: 725px;
	float: left;
	text-align: center;
	border-radius: 10px;
	line-height: 1.2;
	background-size: cover !important;
	position: relative;
}
.ai_box:nth-child(1) {
	background: url(../images/new_01.jpg) center center no-repeat;
}
.ai_box:nth-child(2) {
	background: url(../images/new_02.jpg) center center no-repeat;
	margin: 0 35px;
}
.ai_box:nth-child(3) {
	background: url(../images/new_03.jpg) center center no-repeat;
}
.ai_box .text {
	position: absolute;
	width: 100%;
	top: 480px;
}	
.ai_box h2 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
	font-size: 48px;
	text-align: center;
	margin: 0 0 40px 0;
}
.ai_box p {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #fff;
	font-size: 21px;
	padding: 0 30px;
	margin: 0;
}
.block_ai .add-button {
	background: #FFB800;
	border-radius: 3px;
	border: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	padding: 15px 27px;
	margin: 60px auto 0 auto;
	display: block;
}
@media (min-width: 1750px) {
	.container { width: 1720px; }
}
@media screen and (max-width: 1750px) {
	.menutop { padding-top: 15px; }	
	header { padding-bottom: 50px; }
	header:after { right: 0; }
	header .left img { max-width: 100%; }
	.header_text { padding-top: 50px; }
	.header_text h1, .block1 h1, .header_text h1 span { font-size: 60px; line-height: 100%; }
	.header_text p, .block1 p, .fantasy_block p, .fantasy_block ul li, .block2 .text p, .block3 p, .block4 .text, .block5 p.text_left, .text_right, .block6 .slick-slide, .block7 .text, .block9 p, .block9 .text p { font-size: 16px; }
	.header_text h2, .fantasy_block p.red, .block4 .red, .text_right_red, .block7 .red, .block9 h1, .block9 .text h2 { font-size: 22px; line-height: 100%; }
	.fantasy_block h1, .block2 .text h1, .block3 h1, .block4 h1, .block5 h1, .block6 h1, .block7 h1, .block7 h1 span { font-size: 50px; line-height: 100%;  }
	.numeber span { font-size: 30px; width: 30px; }
	.fantasy_block .box { padding: 30px; }
	.block4 ul li { padding-left: 55px; }
	.block4 ul li:before { font-size: 50px !important; top: -5px !important; }
	.block4 ul { font-size: 18px; }
	.block5 p.red, .block8 h1, .block8 h2 { font-size: 40px; line-height: 100%; }
	.box_catalog { margin: 50px auto; width: 950px; }
	.box_catalog .block p { font-size: 18px; line-height: 35px; }
	.box_catalog .block a { font-size: 14px; line-height: 14px; }
	.box_catalog .block span { width: 68px; height: 68px; margin-right: 20px; }
	.box_catalog .block, .box_catalog .block:nth-child(4n) { padding: 18px; height: 105px; width: 302px; margin: 0 12px 12px 0; }
	.block7 .right ul { height: 517px; overflow-y: auto; }
	.block7, .block9 { padding-top: 50px; padding-bottom: 50px; }
	.block1 h1 { margin-top: 50px; }
	.fantasy_block { margin-top: 50px; }
	.fantasy_block h1 { margin-top: 0; }
	.block2 .row { padding-top: 50px; }
	.numeber12 { position: relative; left: 0; top: 0; min-height: auto; }
	.numeber { margin-bottom: 20px; }
	.numeber p { padding-top: 0; width: calc(100% - 30px); font-size: 18px; }
	.block2 .row:before { width: 40%; height: 100%; right: 10%; background-size: 100%; }
	.block2 .text button { margin-top: 30px; }
	.block3 .container { padding-bottom: 50px; padding-top: 50px; }
	.block4 { padding-top: 50px; padding-bottom: 50px; }
	.block4 ul li { width: 31%; }
	.block4 ul li:nth-child(2) { margin: 0 3%; }
	.block4 .red { margin-bottom: 50px; }
	.block4 .text { padding-top: 50px; }
	.block7 .red { margin-top: 25px; }
	.fantasy-footer-link a, .copyright { font-size: 14px; line-height: 100%; }
	.fantasy-footer-link li { padding: 3px 13px; }
	.copyright { padding: 7px 0 0; }
	.block5 .row { padding-bottom: 50px; }
	.block7 .right ul li:nth-child(10) { display: none; }
	.ai_box { width: calc(33% - 20px); }
	.ai_box h2 { font-size: 40px; }
	.ai_box .text { top: 460px; }
}	
@media screen and (max-width: 1199px) {
	.header_text p, .block1 p, .fantasy_block p, .fantasy_block ul li, .block2 .text p, .block3 p, .block4 .text, .block5 p.text_left, .text_right, .block6 .slick-slide, .block7 .text, .block9 p, .block9 .text p { font-size: 14px; }
	.menutop button, header .left button.start, header .left button.play, .block2 .text button, .block4 button, .block5 button, .block7 .left button, .block7 .right a.link, .product-item-cover .add-button, .block9 .text .add-button	{ font-size: 14px; }
	header .left button.start, header .left button.play { width: 160px; }
	.header_text h1, .block1 h1, .header_text h1 span { font-size: 44px; line-height: 100%; }
	.block1 p { max-width: 70%; }
	.fantasy_block p {   max-width: 100%; }
	.block5 p.red, .block8 h1, .block8 h2 { font-size: 30px; line-height: 100%; }
	.block6 .slick-slide p { padding: 0 15px; }
	.product-item-cover { width: 420px; }
	.block1:after, .block3:after { display: none; }
	.fantasy-footer-link a, .copyright { line-height: 100%; }
	.block2 { background: linear-gradient(0deg, #02010F 0%, rgba(2, 1, 15, 0) 15.67%), url(block1.png) top left no-repeat; background-size: auto, auto; background-size: auto 100%; }
	.block7 .right ul li:nth-child(10) { display: none; }	
	.ai_box h2 { font-size: 28px; margin: 0 0 20px 0; }
	.ai_box p { font-size: 14px; }
	.ai_box:nth-child(2) { margin: 0 20px; }
	.ai_box { width: calc(33% - 11px); height: 635px; }
	.ai_box .text { top: 450px; }
	.block2 { background: none; }
}
@media screen and (max-width: 991px) {
	.header_text, .block1, .block5, .block2 .text h1, .block2 .text p, .block4 .text, .block5 h1, .block5 p.text_left, .text_right, .text_right_red, .block9 h1, .block9 p, .block3 p { text-align: center; font-size: 40px; margin-bottom: 20px; }
	.block2 .text p { font-size: 28px; }
	.header_text p { max-width: 100%; margin-bottom: 10px; }
	header .row { display: flex; flex-direction: column; }
	.menutop { order: 1; }
	.header_text { order: 2; position: relative; }
	.header_text:after { background: linear-gradient(180deg, #010101 0%, rgba(0, 0, 0, 0) 17.45%), url(header.png); content: ''; }
	header .right { order: 3; float: none; margin: 0 auto; }
	header .left  { order: 4; float: none; margin: 0 auto; }
	header:before, header:after, header .left hr, .block1:before, .block1:after, .block1 .container:before, .block2 .row:before, .block3:after, .block4 .container:before, .block5 .row:before, .block5:before, .block9 .row:before, .block9 .text .add-button { display: none; }
	.header_text img, .mobile_img { display: block; }
	header .left hr { margin-top: 15px; }
	.block1 p, .fantasy_block, .block2 .text, .block4 .text, .block5 h1, .block5 p.text_left, .text_right, .text_right_red, .block9 h1, .block9 p { max-width: 100%; width: 100%; }
	.fantasy_block { margin-top: 0; }
	.block2 .text button { position: absolute; bottom: 30px; margin: 0 auto; max-width: 320px; width: 100%; left: 50%; transform: translateX(-50%); }
	.block4 button, .block5 button, .block7 .left button { max-width: 320px; width: 100%; left: 50%; transform: translateX(-50%); position: absolute; margin: 0 auto; bottom: -70px; }
	.numeber p { font-size: 16px; }
	.numeber span { height: 40px; }
	.block2 .text { padding-bottom: 30px; }
	.block4 ul li:nth-child(2) { margin-left: 0; margin-right: 0; }
	.block4 ul li { float: none; width: 100%; clear: both; margin-bottom: 30px !important; }
	.numeber p { padding-top: 4px; } 
	.block4 ul li:nth-child(1):before, .block4 ul li:nth-child(2):before, .block4 ul li:nth-child(3):before { font-size: 30px !important; padding-left: 10px; }
	.block4 .text { padding-top: 0; }
	.block4 { padding-bottom: 100px; }
	.block5 p.red { position: initial; clear: both; margin: 100px 0; }
	.box_catalog { width: 630px; }
	.text_right_red { float: none; }
	.block5 .row { padding-bottom: 10px; }
	.block5 { padding-bottom: 100px; }	
	.block6 .container { padding: 50px 15px; }
	.block6 h1 { margin-bottom: 50px; }
	.block7 { padding-bottom: 100px; }
	.block7 .left button { bottom: 30px; }
	.product-box .left, .product-box .right { width: 50%; }
	.product-item-cover { width: 320px; margin: 0 auto; }
	.product-item-cover .name { font-size: 14px; padding: 24px 18px 0 18px; height: 85px; }
	.product-item-cover .price-label { font-size: 16px; margin-top: 15px; }
	.product-item-cover .price { font-size: 32px; margin-top: 15px; padding-bottom: 20px; }
	.product-item-cover .free-trial { font-size: 16px; margin: 20px 0 8px 0; }
	.product-item-cover .price-label2 { font-size: 12px;  }
	.product-item-cover .add-button { margin: 20px auto; width: 280px; }
	.product-item-cover .price span { font-size: 28px; }
	.block9. { padding-bottom: 0; }
	.footer .row, .fantasy-footer-link { flex-direction: column; text-align: center; }
	.fantasy-footer-link { margin: 20px 0; }
	.block9 .text { width: 100%; margin: 50px auto 0; }
	header .right { width: 100%; }
	.fantasy_block .box { padding: 20px 15px; }
	.ai_box { width: 100%; max-width: 320px; height: 425px; float: none; margin: 20px auto !important; }
	.ai_box h2 { margin: 0 0 20px 0; }
	.ai_box p { padding: 0 20px; }
	.ai_box .text { top: auto; bottom: 20px; }
	.block_ai { padding: 0; }
}	
@media screen and (max-width: 767px) {
	.container { padding-left: 25px; padding-right: 25px; }
	.menutop .container { padding: 0; }
	.fantasy_block ul { padding-left: 20px; text-align: left; }
	.block3 .container { padding-bottom: 220px; }
	.block3 p { padding-left: 20px; padding-right: 20px; }
	.block3:before { width: 120%; background-position: center bottom; background-size: 100% auto; }
	.block2 { background: none; }
	.block3 h1::before { width: 112px; height: 21px; bottom: -30px; background-size: auto 100%; }
	.block4 ul li { font-size: 16px; }
	.box_catalog { width: 285px; } 
	.box_catalog .block, .box_catalog .block:nth-child(4n) { padding: 18px; height: 105px; width: 275px; margin: 0 0 12px 0; }
	.block6 .slick-dots li, .block6 .slick-dots li button { width: 10px; height: 10px; }
	.block6 .slick-dots li button::before { width: 5px; height: 5px; }
	.block6 .slick-dots li.slick-active button:before { width: 5px; height: 5px; left: 2px; top: 3px; } 	
	.block7 .left { width: 100%; text-align: center; float: none; }
	.block7 .right { width: 100%; float: none; padding-top: 30px; }
	.footer_button { display: block; }
	.product-box .left, .product-box .right, .product-item-cover { width: 100%; }
	.block7 .right ul li img { width: 147px; }
	.footer { padding-bottom: 100px; }
	.product-item-cover { margin: 10px auto; }
	header .left button.start, header .left button.play { width: 43%; padding: 10px 0; }	
	.header_text h2 { max-width: 100%; margin-top: 15px; }
	.number { max-width: 100%; }
	.number span { font-size: 32px; }
	.number p { font-size: 18px; }
	.block_ai .add-button { display: none; }
}	
@media screen and (max-width: 374px) {
	header .left button.play span:before { display: none; }
	.box_catalog { width: 285px; }
	.box_catalog .block { width: 275px; }
	.block4 button, .block7 .left button { max-width: 280px; }
	.block7 .right ul li img { width: 120px; }
	.block7 .right { width: auto; }
	.product-item-cover { width: 100%; }
	.product-item-cover .add-button { width: 240px; }
	.block9 .text .add-button { width: 100%; }
	.numeber { max-width: 80%; }	
}