@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap");

@font-face {
	font-family: "Bebas Neue Book";
	src: url("font/BebasNeueBook.eot");
	src: url("font/BebasNeueBook.eot?#iefix") format("embedded-opentype"), url("font/BebasNeueBook.woff2") format("woff2"),
		url("font/BebasNeueBook.woff") format("woff"), url("font/BebasNeueBook.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Bebas Neue";
	src: url("font/BebasNeueBold.eot");
	src: url("font/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("font/BebasNeueBold.woff2") format("woff2"),
		url("font/BebasNeueBold.woff") format("woff"), url("font/BebasNeueBold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
.fancybox-button svg path {
	fill: #ffffff;
}
.six,
.seven {
	overflow-x: clip;
}
body {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	line-height: 160%;
	overflow-x: hidden;
	widows: 100%;
	max-width: 100vw;
}

header {
	position: fixed;
	visibility: visible;
	z-index: 9;
	width: 100%;
	padding: 10px 0px;
	border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.menu-btn {
	display: none;
}
.leftMenu {
	visibility: visible;
	position: fixed;
	width: 53px;
	z-index: 9;
	height: 100vh;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	left: 0px;
	top: 0px;
	border-right: 1px solid rgb(255 255 255 / 10%);
	backdrop-filter: blur(20px);
}

.leftMenu .horizontal {
	width: 50px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}

.owl-carousel .owl-stage {
	display: flex;
	padding-left: 6px;
}

.smallCaption {
	font-size: 12px;
	margin-top: 10px;
	color: #b0b0b0;
	display: block;
	margin-bottom: 10px !important;
	position: relative;
	z-index: 2;
}

.smallCaption b {
	color: #ffffff;
	font-weight: 600;
}

.postP {
	font-size: 14px;
	color: #ffe500;
	margin-bottom: 10px !important;
	position: relative;
	z-index: 2;
}

.leftMenu .horizontalLi {
	transform: rotate(-90deg);
	margin-right: 0px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
}

.leftMenu .horizontalLi a {
	font-size: 9px;
}

.mainHead .horizontal {
	overflow: visible !important;
	gap: 20px;
}
.dropLi {
	margin-bottom: 10px;
}
.dropLi:last-child {
	margin-bottom: 0px;
}
.drop {
	/*     visibility: hidden; */
	transition: 0.3s;
	position: absolute;
	padding: 20px;
	margin: 0px;
	list-style: none;
	background: rgb(0 0 0 / 69%);
	left: -20px;
	z-index: 2;
	border-radius: 10px;
	backdrop-filter: blur(6px);
	height: 0px;
	overflow: hidden;
	opacity: 0;
}

.horizontalLi {
	position: relative;
}
.horizontalLi .drop_opacity {
	transition: 0.3s;
	height: fit-content;
	overflow: visible;
	opacity: 1;
}
.dropImg {
	width: 26px;
	transform: scale(1);
	transition: 0.3s;
}
.dropImg:hover {
	width: 26px;
	transform: scale(1.1);
	cursor: pointer;
	transition: 0.3s;
}
.blooor {
	background: rgb(0 0 0 / 50%);
	backdrop-filter: blur(20px);
}

.mainAnimation {
	position: absolute;
	width: 100%;
}

.verticalCenter {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	height: 100%;
}

section {
	padding: 140px 0px;
	position: relative;
}

section::before {
	height: 60px;
	width: 100%;
	background: url(../img/bgDiv.svg);
	content: "";
	position: absolute;
	z-index: 4;
	top: -30px;
	left: 0px;
}

.mainLogo {
	display: block;
	max-width: 100%;
}

.mainMenu {
	display: block;
	margin: 0px;
	padding: 0px;
}

.wplink {
	color: #d51614 !important;
}
.wpIcon {
	margin-right: 10px;
}

.mainMenuLi {
	list-style: none;
	margin-right: 15px;
	display: inline-block;
	float: left;
}

.mainMenuLi:last-child {
	margin-right: 0px;
}

.mainMenuLink {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	transition: 0.3s;
}

.mainMenuLink:hover {
	color: #f01010;
	transition: 0.3s;
}

.horizontal {
	padding: 0px;
	margin: 0px;
	list-style: none;
	overflow: hidden;
}

.horizontalLi {
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.horizontalLi:last-child {
	margin-right: 0px;
}

.social {
	background: rgb(255 255 255 / 6%);
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	transition: 0.3s;
}

.social:hover {
	background: rgb(45 45 45 / 0%);
	transition: 0.3s;
}

.mainBtn {
	background: #f01010;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	height: 40px;
	display: flex;
	align-items: center;
	padding: 0px 30px;
	border-radius: 6px;
	border: 0px;
	transition: 0.3s;
	text-align: center;
}

header .horizontal {
	float: right;
}
.mainBtn:hover {
	background: #131313;
	transition: 0.3s;
	color: #ffffff;
	text-decoration: none;
}

.mainBtn.small {
}

.mainBtnIcon {
	margin-right: 10px;
}

section {
}

.firstSection {
	background: #222222;
	min-height: 100vh;
	overflow: hidden;
	position: relative;
	padding: 100px 0px;
}

.firstSection .container::before {
	content: "";
	width: 10000px;
	height: 10000px;
	background: #b60d0d;
	z-index: 0;
	position: absolute;
	transform: rotate(45deg);
	right: -6830px;
}

.firstSection .container .row {
	z-index: 2;
	position: relative;
}

h1 {
	font-family: "Bebas Neue", sans-serif;
	font-size: 180px;
	line-height: 90%;
	display: block;
	color: #ffffff;
	margin: 0px;
}

h1 i {
	font-family: "Bebas Neue Book", sans-serif;
	font-style: normal;
}

h2 {
	font-family: "Bebas Neue", sans-serif;
	font-size: 80px;
	line-height: 100%;
	color: #ffffff;
	display: block;
	margin-bottom: 33px;
}

h2 i.red {
	color: #f01010;
	font-style: normal;
}

h2 i.yellow {
	color: #ffe500;
	font-style: normal;
}

.marginBottomMin {
	margin-bottom: 20px;
}

h3 {
	font-family: "Bebas Neue", sans-serif;
	font-size: 50px;
	line-height: 110%;
	color: #ffffff;
	display: block;
	margin-bottom: 25px;
}

p {
	font-size: 16px;
	line-height: 160%;
	color: #b5b5b5;
	margin: 0px 0px 25px;
}

p.white {
	color: #ffffff;
}

.headline {
	font-size: 23px;
	line-height: 160%;
	color: #ffffff;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	display: block;
	margin-bottom: 34px;
}

.headline.small {
	margin-bottom: 60px;
}

.headline i {
	color: #ffe500;
	font-style: normal;
	font-weight: 400;
}

.mainArt {
	display: block;
	width: 100%;
	max-width: 706px;
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
	transform: scale(1);
	animation: animate 2s linear infinite;
}
.logoTrans::before {
	content: "";
	width: 400px;
	height: 400px;
	background: url("../img/art/firstLogo.svg");
	position: absolute;
}

.artDescription {
	line-height: 110%;
	color: #ffffff;
	font-size: 30px;
	text-transform: uppercase;
	font-family: "Bebas Neue", sans-serif;
	display: block;
	border-left: 5px solid #f01010;
	padding: 6px 0px 2px 15px;
	position: absolute;
	right: 15px;
	bottom: 80px;
}

.artDescription i {
	font-family: "Bebas Neue Book", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.logoBlock {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid rgb(255 255 255 / 10%);
	padding: 20px 50px 5px;
}

.logoBlockLi {
	max-width: 150px;
	padding: 0px 20px;
}

.logoBlockImg {
	display: block;
	width: 100%;
	max-height: 40px;
}

.twoSection {
	padding: 0px;
	z-index: -1;
	background: url("../img/art/03.jpg") center / cover no-repeat;
}

.twoSection::before {
	display: none;
}

.twoSection {
}
.twoSection__inner {
	max-width: 1200px;
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 63px;
	padding-bottom: 460px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.twoSection__items {
	display: flex;
	align-items: center;
	gap: 25px;
	flex-wrap: wrap;
	box-sizing: border-box;
	justify-content: center;
}
.twoSection__item {
	box-sizing: border-box;
	max-width: 577px;
	width: 100%;
	background: rgba(0, 0, 0, 0.84);
	border-radius: 50px;
	padding: 30px 40px;
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.twoSection__item:nth-child(3),
.twoSection__item:nth-child(4) {
	max-width: 480px;
	min-height: 152px;
}
.twoSection__item:nth-child(3) {
	margin-left: auto;
}
.twoSection__item:nth-child(4) {
	margin-right: auto;
}
.twoSection__text {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
}
.twoImg {
	z-index: -1;
}
.twoSection__buy {
	max-width: 320px;
	margin: 0 auto;
	border: #f01211;
	/* transform: translateY(50%); */
}
.twoSection__buy .mainBtn {
	justify-content: center;
}
/* .twoSection__buy svg {
	margin: 0 0 0 10px;
} */

.twoImg {
	display: block;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}

.threeSection {
	background: url("../img/bg/1.jpg");
	background-size: cover;
	background-position: center;
	overflow-x: hidden;
	overflow-y: visible;
}

.logoSymbol {
	margin-bottom: 60px;
}

.footerBlock {
}

.arrowLeft {
}

.arrowRight {
}

.owl-carousel.owl-drag .owl-item {
	overflow: hidden;
}
.sliderArrowIcon {
	opacity: 1;
	cursor: pointer;
	transition: 0.3s;
}

.sliderArrowIcon:hover {
	opacity: 0.5;
	transition: 0.3s;
}

.arrowRight .sliderArrowIcon {
	transform: rotate(180deg);
}

.arrowRight:hover .sliderArrowIcon,
.arrowLeft:hover .sliderArrowIcon {
}

.sliderNum {
}

.sliderNum i {
}

.threeSection .col-md-6 > .col-md-6 {
	position: relative;
}
.mainSlide {
	width: 1200px;
}

.slider {
}

.featuresBg {
	background: rgb(27 27 27 / 40%);
	border: 1px solid rgb(255 255 255 / 20%);
	padding: 45px;
	position: relative;
	height: 100%;
}

.featuresBg h3 {
	font-size: 40px;
}

.featuresBg svg,
.featuresBg p,
.featuresBg h3 {
	position: relative;
	z-index: 2;
}

.fancybox-inner .nineBlockImg {
	filter: grayscale(0) !important;
}
.bg2lvl {
	position: absolute;
	left: 10px;
	top: 10px;
	bottom: 10px;
	right: 10px;
	z-index: 0;
}

.leftTop {
	position: absolute;
	top: 0px;
	left: 0px;
}

.leftBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.rightTop {
	position: absolute;
	top: 0px;
	right: 0px;
}

.rightBottom {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.featuresIcon {
	width: 150px !important;
	height: 150px;
}

.feaHead {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px;
}
.feaHead h3 {
	margin-left: 20px;
	margin-bottom: 0px;
}
.fourSection {
	background-color: #b60d0d;
	background-image: url(../img/bg/2.png);
	background-repeat: no-repeat;
	background-size: 1597px;
	background-position: bottom center;
	padding-bottom: 290px;
}

.fourSection > .container {
	position: relative;
}

.fourSection > .container::before {
	width: 400px;
	content: "";
	height: 400px;
	background: url(../img/art/twoLogo.svg);
	position: absolute;
	top: -130px;
	right: 15px;
}

.fourSectionFeature {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	flex-direction: row;
}

.fourSectionFeatureBlock {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 20px;
}

.fourSectionFeatureBlockIcon {
	margin-bottom: 20px;
	height: 64px;
}

.fourSectionFeatureBlock p {
	text-align: center;
	position: relative;
	padding-bottom: 23px;
}

.fourSectionFeatureBlock p::before {
	width: 90px;
	height: 3px;
	background: #ca2222;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: 0px;
}

.five {
	background-image: url("../img/bg/3.jpg");
	background-color: #1f1f1f;
	background-position: top left;
	background-size: 1612px;
	background-repeat: no-repeat;
	padding-bottom: 90px;
}

.five::before {
	content: "";
	width: 100%;
	height: 12px;
	background: url(../img/finish.svg);
	position: absolute;
	left: 0px;
	top: -6px;
	z-index: 3;
}
.fiveBlock {
	padding-bottom: 50px;
	padding-right: 40px;
}

.fiveBlock h3 {
}
.fiveBlock p {
}

.withArrow {
	position: relative;
	width: fit-content;
}

.withArrow::before {
	content: "";
	width: 178px;
	height: 12px;
	background: url(../img/longArrow.svg);
	background-repeat: no-repeat;
	position: absolute;
	background-position: center;
	left: 110px;
	top: 18px;
}

.withFlag {
	position: relative;
	width: fit-content;
}

.withFlag::before {
	content: "";
	width: 114px;
	height: 60px;
	background: url(../img/flag.svg);
	background-repeat: no-repeat;
	position: absolute;
	background-position: center;
	left: 150px;
	top: -5px;
}

.six {
	background: url(../img/bg/4.jpg);
	background-size: cover;
	background-position: center;
}

.six > .container {
	position: relative;
}

.six > .container::before {
	width: 445px;
	height: 445px;
	background: url(../img/art/threeLogo.png);
	background-repeat: no-repeat;
	position: absolute;
	content: "";
	right: 15px;
	top: -310px;
	z-index: 4;
	background-size: contain;
}
.sixBlockBg {
	position: relative;
	padding: 40px;
	background: #1a1a1a;
	height: 100%;
}
.sixBlockHeader {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 30px;
}
.sixBlockIcon {
	min-height: 160px;
	min-width: 160px;
	margin-right: 20px;
}
.sixBlockBg h3 {
	font-size: 40px;
	line-height: 110%;
	margin-bottom: 0px;
}
.sixBlockBg p {
}

.seven {
	background: url(../img/bg/5.jpg);
	background-position: center center;
	background-size: cover;
	padding-bottom: 120px;
}

.seven h2 {
	position: relative;
	margin-bottom: 90px;
}

.seven h2::before {
	background: url(../img/token.png);
	width: 445px;
	height: 445px;
	content: "";
	position: absolute;
	background-size: contain;
	left: 410px;
	top: -160px;
}

.sevenBlockBg {
}

.sevenBlockNum {
	font-family: "Bebas Neue Book";
	font-size: 50px;
	color: #f01010;
	margin-bottom: 20px;
	display: block;
}

.sevenBlockBg p {
	color: #ffffff;
	margin-bottom: 40px;
	display: block;
}

.eight {
	background: url("../img/bg/6.jpg");
	background-size: cover;
}

.eightHeadLine {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.eightHeadLine .sliderArrowIcon {
}

.eightHeadLine .sliderArrowIcon path {
	fill: #ffffff;
}

.eightHeadLine .sliderArrowIcon path + path {
	fill: none;
	stroke: #ffffff;
}

.eightSlider {
}

.eightBlock {
	position: relative;
	padding: 40px 40px 20px 40px;
	background: #ffffff;
	box-shadow: inset 0px 0px 0px 10px rgb(221 157 99 / 20%);
}

.eightBlock h3 {
	font-size: 50px;
	line-height: 110%;
	color: #131313;
	margin-bottom: 15px;
}

.eightBlock p {
	color: #3f3f3f;
}

.nine {
	background: #222222;
}

.exp {
	display: flex;
}

.yearsExp {
	font-size: 80px;
	line-height: 100%;
	margin-right: 10px;
	font-family: "Bebas Neue Book", sans-serif;
	color: #f01010;
}

.descrExp {
	font-size: 30px;
	font-family: "Bebas Neue", sans-serif;
	color: #ffffff;
	line-height: 116%;
}

.nineBlockBg {
	background: rgb(27 27 27 / 40%);
	border: 1px solid rgb(255 255 255 / 20%);
	padding: 45px;
	position: relative;
	height: 100%;
}

.nineBlockImg {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	filter: grayscale(1);
	transition: 0.3s;
}

.nineBlockBg:hover .nineBlockImg {
	filter: grayscale(0);
	transition: 0.3s;
}

.nineBlockBg h3 {
	font-size: 40px;
	line-height: 110%;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}

.nineBlockBg p {
	margin-bottom: 0px;
}

.ten {
	background-image: url(../img/bg/7.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 1600px;
	background-color: #131313;
}

.tenBlock {
	display: flex;
	flex-direction: row;
}

.tenBlockNum {
	padding-top: 5px;
	font-size: 26px;
	line-height: 100%;
	color: #ffffff;
	font-family: "Bebas Neue";
	border: 2px solid #f01010;
	min-width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	align-content: center;
	border-radius: 10px;
	margin-right: 10px;
}

.tenBlock p {
	color: #ffffff;
}

.eleven {
	background-image: url(../img/bg/8.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
}

.elevenForm {
	display: flex;
	justify-content: center;
	flex-direction: row;
}

.elevenForm input {
	background: #ffffff;
	color: #222222;
	font-family: Montserrat;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	height: 40px;
	display: flex;
	align-items: center;
	padding: 0px 18px;
	border-radius: 6px;
	border: 0px;
	width: 250px;
	margin-right: 10px;
}

.elevenForm input::placeholder {
	color: #222222;
	font-family: Montserrat;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
}

.twelve {
	background: #222222;
	text-align: center;
}
.twelvepartnersLogo {
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 100px;
}
.partnersLogoLi {
	list-style: none;
	margin: 0px 20px 30px;
}
.partnersLogoImg {
	max-width: 205px;
	max-height: 60px;
	display: block;
}
.twelvepartnersLogo:last-child {
	margin-bottom: 0px;
}

.thirteen {
	background: #131313;
}
.thirteenBlock {
	padding-right: 70px;
	margin-bottom: 50px;
	text-decoration: none;
}
.thirteenBlock h3 {
}
.thirteenBlock p {
}
.thirteenDate {
	color: #5f5f5f;
}
.thirteenBlock__image {
	margin-bottom: 25px;
}

.thirteenBlock__image img {
	max-width: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.blog__items {
}
.blog__item {
}
.blog__item:first-child {
	max-width: none;
	width: 50%;
}
.blog__image {
}
.blog__image img {
	max-width: 100%;
	width: 100%;
	object-fit: cover;
}
.blog__content {
}
.blog__title {
	font-size: 20px;
	line-height: 23px;
	color: #fff;
}
.blog__text {
}
.blog__date {
}

footer {
	background: #222222;
	padding: 80px 0px 100px;
	position: relative;
}

footer .horizontal {
	float: right;
}

.footerMenu {
	margin-top: 30px;
}

footer::before {
	height: 60px;
	width: 100%;
	background: url(../img/bgDiv.svg);
	content: "";
	position: absolute;
	z-index: 4;
	top: -30px;
	left: 0px;
}

.firstSection::before {
	display: none;
}

.roadUl {
	padding: 0px;
	list-style: none;
}

.roadLi {
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 20px;
	display: block;
	position: relative;
	padding-left: 26px;
}

.completeStep {
	position: absolute;
	top: 3px;
	left: 0px;
}

.eightBlock {
	height: 100%;
}
@keyframes animate {
	0% {
		top: 0px;
		left: 0px;
		transform: scale(1);
	}
	30% {
		top: -25px;
		left: 25px;
		transform: scale(1.005);
	}
	40% {
		top: -15px;
		left: 15px;
		transform: scale(1.002);
	}
	50% {
		top: -10px;
		left: 10px;
		transform: scale(1.003);
	}
	70% {
		top: -5px;
		left: 5px;
		transform: scale(0.995);
	}
	100% {
		top: 0px;
		left: 0px;
		transform: scale(1);
	}
}

.fourSection > .container > .row {
	position: relative;
	z-index: 2;
}

.fancybox-content {
	background: #222222;
	max-width: 500px;
}

.fancybox-content .nineBlockImg {
	max-width: 200px;
}
.fancybox-content .nineBlockBg {
	padding-bottom: 40px;
}

.fancybox-content p {
	margin-bottom: 20px;
}

.nine a {
	text-decoration: none;
}

.mainAnimation2 {
	display: none;
}

.pushy {
	position: fixed;
	width: 250px;
	height: 100%;
	top: 0;
	z-index: 9999;
	background: #191918;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	/* enables momentum scrolling in iOS overflow elements */
}

.pushy.pushy-left {
	left: 0;
}

.pushy.pushy-right {
	right: 0;
}

.pushy-content {
	visibility: hidden;
}

/* Menu Movement */
.pushy-left {
	-webkit-transform: translate3d(-250px, 0, 0);
	-ms-transform: translate3d(-250px, 0, 0);
	transform: translate3d(-250px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
	-webkit-transform: translate3d(250px, 0, 0);
	-ms-transform: translate3d(250px, 0, 0);
	transform: translate3d(250px, 0, 0);
}

.pushy-right {
	-webkit-transform: translate3d(250px, 0, 0);
	-ms-transform: translate3d(250px, 0, 0);
	transform: translate3d(250px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
	-webkit-transform: translate3d(-250px, 0, 0);
	-ms-transform: translate3d(-250px, 0, 0);
	transform: translate3d(-250px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
	visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
	transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
	display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-animation: fade 500ms;
	animation: fade 500ms;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.brandpage {
	background-image: url(../img/brand/brandbg.jpg);
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #000000;
	text-align: center;
}
.brandpage::before {
	display: none;
}
.brandBlock {
	margin-bottom: 100px;
}
.brandBlock .mainBtn {
	max-width: 200px;
	justify-content: center;
	margin: 0 auto;
}
.brandBlock h2 {
	font-size: 80px;
	margin-bottom: 0px;
}
.brandBlock p {
	font-size: 22px;
	color: #ffffff;
	margin-bottom: 20px;
}
.brands {}
.brandOne {
	background: #111111;
	border-radius: 20px;
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.brandOne h3 {}
.brandOne a {
	display: flex;
	justify-content: center;
}
.logoBlockTwo {
	padding: 50px 0px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.logoBlockTwo.DarkLogo {
	background: #ffffff;
}

.policyh3 {}
.numberList {}
.numberList li {
    font-size: 12px;
    line-height: 160%;
    color: rgb(255 255 255 / 60%);
    text-align: left;
    list-style: none;
    padding-left: 15px;
    margin-bottom: 30px;
	position: relative;
}
.numberList li::before {
	content: '–';
	color: #ff0000;
	position: absolute;
	top: 0px;
	left: 0px;
}









@media (max-width: 1200px) {
	h1 {
		font-size: 130px;
	}

	.headline {
		font-size: 17px;
	}

	.logoTrans::before {
		width: 300px;
		height: 300px;
		background-size: contain;
	}

	.artDescription {
		right: 15px;
		bottom: 30px;
	}

	.firstSection {
		min-height: auto;
	}

	h2 {
		font-size: 58px;
		line-height: 120%;
	}

	h3 {
		font-size: 37px;
		line-height: 130%;
	}

	p {
		font-size: 14px;
	}

	.mainSlide {
		width: 1000px;
	}

	.fourSection {
		background-size: contain;
		padding-bottom: 200px;
	}
	.twoSection__item {
		max-width: 480px;
	}
	.twoSection__item:nth-child(3),
	.twoSection__item:nth-child(4) {
		max-width: 380px;
	}
}

@media (max-width: 992px) {
	.menu-btn {
		position: absolute;
		display: block;
		position: absolute;
		background: none;
		font-size: 32px;
		color: #ffffff;
		border: 0px;
		padding: 0px;
	}
	.six {
		/* overflow: hidden; */
	}
	.mainLogo {
		margin-left: 40px;
	}
	.pushy .mainLogo {
		margin-top: 30px;
	}
	.pushy .mainMenu {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 30px 0px;
	}
	.pushy .mainMenuLi {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.pushy .horizontal {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.leftMenu {
		display: none;
	}
	h1 {
		font-size: 90px;
	}

	.headline {
		font-size: 14px;
	}

	.tabletHidden {
		display: none;
	}

	.firstSection .horizontalLi {
		margin-bottom: 10px;
	}

	.logoTrans::before {
		width: 200px;
		height: 200px;
	}

	.artDescription {
		font-size: 25px;
	}

	.firstSection .container::before {
		right: -6920px;
	}

	.firstSection {
		min-height: auto;
	}

	h2 {
		font-size: 38px;
		line-height: 120%;
		margin-bottom: 20px;
	}

	h3,
	.featuresBg h3 {
		font-size: 25px;
		line-height: 130%;
		margin-bottom: 10px;
	}

	p {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.featuresIcon {
		float: right;
		width: 130px;
		height: 100px;
	}

	.mainSlide {
		width: 700px;
	}

	.withArrow::before {
		background-position: center right;
		left: 60px;
		top: 8px;
	}

	.six > .container::before {
		width: 305px;
		height: 305px;
		right: -45px;
		top: -200px;
	}

	.fourSection {
		background-size: contain;
		padding-bottom: 200px;
	}

	.withFlag::before {
		content: "";
		width: 84px;
		height: 40px;
		background: url(../img/flag.svg);
		background-repeat: no-repeat;
		position: absolute;
		background-position: center;
		left: 80px;
		top: -10px;
		background-size: contain;
	}

	.fiveBlock {
		padding-bottom: 20px;
		padding-right: 20px;
	}

	.sixBlockIcon {
		min-height: 80px;
		min-width: 80px;
		height: 80px;
		width: 80px;
	}

	.sixBlockBg h3 {
		font-size: 25px;
		line-height: 110%;
		margin-bottom: 0px;
	}

	.sixBlockHeader {
		margin-bottom: 20px;
	}

	.seven h2::before {
		width: 300px;
		height: 300px;
		left: 240px;
		top: -110px;
	}

	.yearsExp {
		font-size: 36px;
		line-height: 120%;
	}

	.descrExp {
		font-size: 15px;
		font-family: "Bebas Neue Book", sans-serif;
		line-height: 128%;
	}

	.nineBlockBg {
		padding: 25px;
		text-decoration: none;
	}

	.nineBlockBg h3 {
		font-size: 25px;
		line-height: 110%;
		margin-bottom: 10px;
		text-decoration: none;
	}

	.ten {
		background-size: 1200px;
	}

	.partnersLogoImg {
		/* max-height: 20px; */
	}

	.logoBlockLi {
		padding: 0px 10px;
	}

	.logoBlock {
		padding: 20px 10px 5px;
	}

	.twoSection__item,
	.twoSection__item:nth-child(3),
	.twoSection__item:nth-child(4) {
		max-width: 380px;
		padding: 20px 30px;
		min-height: 100px;
	}
	.twoSection__text {
		font-size: 14px;
		line-height: 16px;
	}
}

@media (max-width: 805px) {
	.twoSection__items {
		flex-direction: column;
	}
	.twoSection__item {
		margin: auto;
	}
}

@media (max-width: 768px) {
	.logoTrans {
		margin-left: 20px !important;
	}

	.mainBtn {
		font-size: 10px;
	}

	h1 {
		text-align: center;
	}

	.headline {
		text-align: center;
	}

	.firstSection .horizontal {
		display: flex;
		text-align: center;
		justify-content: center;
	}

	.logoTrans {
		max-width: 400px;
		margin: 50px auto 0px;
	}

	.mainArt {
		width: 100%;
		max-width: 320px;
	}

	.firstSection .container::before {
		right: -7040px;
		transform: rotate(46deg);
	}

	.artDescription {
		font-size: 20px;
	}

	.logoBlock {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		padding: 30px 20px 0px;
	}

	.logoBlockImg {
		max-height: 30px;
		margin-bottom: 15px;
		max-width: 90px;
	}

	.firstSection {
		padding: 100px 0px 150px;
	}

	.logoSymbol {
		width: 50px;
		height: 50px;
		margin: 0px auto 30px;
		display: block;
	}

	.footerBlock {
		margin-bottom: 30px;
		display: flex;
		text-align: center;
		justify-content: center;
	}

	.mainSlide {
		width: 800px;
	}

	.fourSectionFeature {
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: row;
	}

	.fourSectionFeatureBlock {
		width: 33.33333333%;
	}

	.fourSection > .container::before {
		width: 200px;
		height: 200px;
		top: -60px;
		right: 15px;
		background-size: contain;
	}

	h2 {
		text-align: center;
	}

	.withArrow::before {
		width: 100px;
	}

	.five {
		background-size: 800px;
	}
	.six > .container::before {
		width: 200px;
		height: 200px;
		right: -95px;
		top: -130px;
	}

	.seven h2::before {
		width: 200px;
		height: 200px;
		left: 350px;
		top: -120px;
	}

	.exp {
		justify-content: center;
		margin-bottom: 20px;
	}

	.yearsExp {
		font-size: 70px;
	}

	.descrExp {
		font-size: 24px;
		line-height: 130%;
		top: 6px;
	}

	.ten {
		padding-bottom: 350px;
	}

	.tenBlock {
		flex-direction: row;
		align-items: center;
	}

	.tenBlock p {
		margin-bottom: 0px;
	}

	.thirteen .horizontal {
		display: flex;
		justify-content: center;
	}

	.seven h2 {
		margin-bottom: 40px;
	}

	section {
		padding: 80px 0px;
	}

	section::before {
		height: 40px;
		width: 100%;
		top: -20px;
	}

	.fourSection {
		padding-bottom: 140px;
	}

	.five {
		padding-bottom: 40px;
	}

	.seven {
		padding-bottom: 40px;
	}
	.twelvepartnersLogo {
		margin-bottom: 40px;
	}
}

@media (max-width: 575px) {
	.mainBtn {
		padding: 0px 15px;
	}
	.firstSection {
		padding: 100px 0px 240px;
	}
	.mainSlide {
		width: 740px;
	}
	.seven h2::before {
		width: 200px;
		height: 200px;
		left: 200px;
		top: -90px;
	}
	.eightHeadLine {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;
	}
	.six > .container::before {
		top: -180px;
		right: 0;
	}
	.seven h2::before {
		z-index: 4;
		top: -180px;
	}
	.twoSection__inner {
		padding-top: 20px;
	}
	.twoSection__items {
		gap: 15px;
	}
	.twoSection__item {
		max-width: 380px;
		padding: 10px 15px;
		min-height: 100px;
		border-radius: 40px;
	}
}

@media (max-width: 411px) {
	.logoTrans {
		max-width: 400px;
		margin: 31px auto 0px;
	}
	.thirteenBlock h3,
	.thirteenBlock p {
		text-align: center;
	}
	.firstSection .container::before {
		right: -7312px;
	}
}
@media (max-width: 392px) {
	.firstSection .container::before {
		right: -7340px;
	}
	.mainLogo {
		margin-left: 40px;
		width: 130px;
	}
	.twoSection__text {
		font-size: 12px;
		line-height: 18px;
		text-align: center;
	}
}
@media (max-width: 1264px) {
	.firstSection .container::before {
		right: -6990px;
	}
}

@media (max-width: 1200px) {
	.firstSection .container::before {
		right: -6930px;
	}
}

@media (max-width: 1140px) {
	.firstSection .container::before {
		right: -6960px;
	}
}

@media (max-width: 1060px) {
	.firstSection .container::before {
		right: -7000px;
	}
}

@media (max-width: 992px) {
	.firstSection .container::before {
		right: -6910px;
	}
}

@media (max-width: 944px) {
	.firstSection .container::before {
		right: -6940px;
	}
}

@media (max-width: 880px) {
	.firstSection .container::before {
		right: -6980px;
	}
}

@media (max-width: 788px) {
	.firstSection .container::before {
		right: -7010px;
	}
}

@media (max-width: 768px) {
	.firstSection .container::before {
		right: -7030px;
	}
}

@media (max-width: 710px) {
	.firstSection .container::before {
		right: -7060px;
	}
}

@media (max-width: 650px) {
	.firstSection .container::before {
		right: -7090px;
	}
}

@media (max-width: 590px) {
	.firstSection .container::before {
		right: -7120px;
	}
}

@media (max-width: 520px) {
	.firstSection .container::before {
		right: -7160px;
	}
}

@media (max-width: 445px) {
	.firstSection .container::before {
		right: -7220px;
	}
	.mainHead .horizontal {
		gap: 0;
	}
}

@media (max-width: 385px) {
	.firstSection .container::before {
		right: -7230px;
	}
}
@media (max-width: 383px) {
	.firstSection .container::before {
		right: -7320px;
	}
}
@media (min-width: 1728px) {
	.firstSection .container::before {
		right: -6800px;
	}
}

@media (min-width: 1800px) {
	.firstSection .container::before {
		right: -6760px;
	}
}

@media (min-width: 1900px) {
	.firstSection .container::before {
		right: -6700px;
	}
}

@media (min-width: 2000px) {
	.firstSection .container::before {
		right: -6650px;
	}
}

@media (min-width: 2100px) {
	.firstSection .container::before {
		right: -6600px;
	}
}

@media (min-width: 2200px) {
	.firstSection .container::before {
		right: -6550px;
	}
}

@media (min-width: 2300px) {
	.firstSection .container::before {
		right: -6500px;
	}
}

@media (min-width: 2400px) {
	.firstSection .container::before {
		right: -6450px;
	}
}

@media (min-width: 2500px) {
	.firstSection .container::before {
		right: -6400px;
	}
}

@media (min-width: 2600px) {
	.firstSection .container::before {
		right: -6350px;
	}
}

@media (max-width: 756px) {
	.mainAnimation {
		position: absolute;
		width: 100%;
		display: none;
	}
	.mainAnimation2 {
		position: absolute;
		width: 100%;
		display: block;
		z-index: 2;
		top: 0px;
		height: auto;
		left: 00px;
		width: 90%;
	}
	.twoSection {
		overflow: hidden;
		height: 800px;
	}
	.twoImg {
		display: block;
		max-width: 1600px;
		width: auto;
		margin: 0 auto;
		left: -500px;
		position: relative;
	}
}


.vn .artDescription, .vn .artDescription i {
    font-family: "Arial", sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 22px;
}

.vn h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 50px;
    line-height: 130%;
    font-weight: 700;
}

.vn h3 {
    font-family: "Montserrat", sans-serif;
}

.vn .featuresBg h3 {
    font-size: 24px;
    font-weight: 300;
}

.vn .withFlag {
    font-size: 30px;
    font-weight: 600;
}

.vn .withFlag::before {
    left: 120px;
    top: -15px;
}

.vn .sixBlockBg h3 {
    font-size: 24px;
    line-height: 140%;
}

.vn .descrExp {
    font-size: 28px;
    font-family: "Montserrat", sans-serif;
    line-height: 116%;
}

.vn .nineBlockBg h3 {
    font-size: 20px;
}

@media (max-width:1200px) {
	.vn h2 {
		font-size: 38px !important;
		line-height: 120%;
	}

	.vn .sixBlockBg h3 {
		font-size: 20px;
		line-height: 140%;
	}

	.vn .yearsExp {
		font-size: 50px;
	}

	.vn .descrExp {
		font-size: 18px;
	}

	.vn .nineBlockBg h3 {
		font-size: 14px;
	}
}

@media (max-width:992px) {
	.vn h2 {
		font-size: 38px !important;
		line-height: 120%;
	}

	.vn .sixBlockBg h3 {
		font-size: 15px;
		line-height: 150%;
	}

	.vn .yearsExp {
		font-size: 50px;
	}

	.vn .descrExp {
		font-size: 18px;
	}

	.vn .nineBlockBg h3 {
		font-size: 15px;
		line-height: 140%;
	}
	
	.vn .artDescription, .vn .artDescription i {
		font-size: 14px;
	}

	.vn .featuresBg h3 {
		font-size: 15px;
	}

	.vn .withFlag {
		font-size: 20px;
	}

	.vn .eightBlock h3 {
		font-size: 20px;
	}
}

.logocmca {
    margin-top: 25px;
    display: inline-block;
}

.logocmca:hover {
	opacity: 0.6;
}

@media (max-width:768px) {
	.logocmca {
		margin-top: 25px;
		display: block;
		margin: 10px auto;
		width: fit-content;
	}
}