@font-face {
    font-family: 'Inter-Regular';
    src: url('Inter-Regular.eot');
    src: local('Inter Regular'), local('Inter-Regular'),
        url('/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Inter-Regular.woff2') format('woff2'),
        url('/fonts/Inter-Regular.woff') format('woff'),
        url('/fonts/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('Inter-Medium.eot');
    src: local('Inter Medium'), local('Inter-Medium'),
        url('/fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Inter-Medium.woff2') format('woff2'),
        url('/fonts/Inter-Medium.woff') format('woff'),
        url('/fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-BoldItalic';
    src: url('Inter-BoldItalic.eot');
    src: local('Inter Bold Italic'), local('Inter-BoldItalic'),
        url('/fonts/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Inter-BoldItalic.woff2') format('woff2'),
        url('/fonts/Inter-BoldItalic.woff') format('woff'),
        url('/fonts/Inter-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter Thin BETA'), local('Inter-Thin-BETA'),
        url('/fonts/Inter-ThinBETA.woff2') format('woff2'),
        url('/fonts/Inter-ThinBETA.woff') format('woff'),
        url('/fonts/Inter-ThinBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'InterBold';
    src: local('InterBold'), local('InterBold'),
        url('/fonts/Inter-Bold.woff2') format('woff2'),
        url('/fonts/Inter-Bold.woff') format('woff'),
        url('/fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }









@font-face {
    font-family: 'FeatureMono-Bold';
    src: url('FeatureMono-Bold.eot');
    src: local('FeatureMono-Bold'), local('FeatureMono-Bold'),
        url('/fonts/FeatureMono-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/FeatureMono-Bold.woff2') format('woff2'),
        url('/fonts/FeatureMono-Bold.woff') format('woff'),
        url('/fonts/FeatureMono-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: 'FeatureMono-Hairline';
    src: url('FeatureMono-Hairline.eot');
    src: local('FeatureMono-Hairline'), local('FeatureMono-Hairline'),
        url('/fonts/FeatureMono-Hairline.eot?#iefix') format('embedded-opentype'),
        url('/fonts/FeatureMono-Hairline.woff2') format('woff2'),
        url('/fonts/FeatureMono-Hairline.woff') format('woff'),
        url('/fonts/FeatureMono-Hairline.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: 'FeatureMono-Light';
    src: url('FeatureMono-Light.eot');
    src: local('FeatureMono-Light'), local('FeatureMono-Light'),
        url('/fonts/FeatureMono-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/FeatureMono-Light.woff2') format('woff2'),
        url('/fonts/FeatureMono-Light.woff') format('woff'),
        url('/fonts/FeatureMono-Light.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: 'FeatureMono-Regular';
    src: url('FeatureMono-Regular.eot');
    src: local('FeatureMono-Regular'), local('FeatureMono-Regular'),
        url('/fonts/FeatureMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/FeatureMono-Regular.woff2') format('woff2'),
        url('/fonts/FeatureMono-Regular.woff') format('woff'),
        url('/fonts/FeatureMono-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: 'FeatureMono-Medium';
    src: url('FeatureMono-Medium.eot');
    src: local('FeatureMono-Medium'), local('FeatureMono-Medium'),
        url('/fonts/FeatureMono-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/FeatureMono-Medium.woff2') format('woff2'),
        url('/fonts/FeatureMono-Medium.woff') format('woff'),
        url('/fonts/FeatureMono-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: 'FeatureMono-Thin';
    src: url('FeatureMono-Thin.eot');
    src: local('FeatureMono-Thin'), local('FeatureMono-Thin'),
        url('/fonts/FeatureMono-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/FeatureMono-Thin.woff2') format('woff2'),
        url('/fonts/FeatureMono-Thin.woff') format('woff'),
        url('/fonts/FeatureMono-Thin.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

.linka {
	text-decoration: none;
    color: white;
}


.desktopH2 {
	font-family: Inter-Medium;
	font-size: 32px;
}


.desktopBody2 {
	font-family: FeatureMono-Regular;
	font-size: 16px;
}

body {
	background-color: #050505; 
}

.btnHeaderMenuIcon {
	margin-top: -4px;
    margin-right: 6px;
}

.btnHeaderMenu {
	z-index: 2;
    width: 180px;
    height: 56px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    background-color: #101010;
    color: #fff;
    font-family: Inter-Regular;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    border: 1px solid transparent;
    user-select: none;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
	padding: 11px 0rem 1rem 34px;
}

.mainMenu {
	z-index: 99;
	display: none;
	top: 0px;
	left: 0px;
	position: fixed;
	width: 500px;
	height: 800px;
	background-color: #050505;
}


header {

}

.fonHeader {
	display: none;
	z-index: 1;
    /* margin: auto 0px; */
    position: absolute;
    height: 800px;
    background-image: url(/iconses/backCircleBlure.svg);
	background-repeat: no-repeat;
	background-position-x: center;
    /* margin: -125px 0 0 -125px; */
}

.mainHeader {
	z-index: 3;
}

.mainHeader {
	color: red;
}

.headerH {
	z-index: 3;
}

.headerScroll {
	z-index: 3;
}

#hero {
	position: relative;
	padding: 0px;
	width: 100%;
}

section {
    padding: 60px 0;
    overflow: hidden;
}

#hero .container { 
	z-index: 3;
}

.firstBlockHero {
	padding-left: 8px !important;
}

.secondBlockHero {
	height: 817px;
	overflow-y: auto;
	text-align: -webkit-right;
	/* display: flex; */
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-end;
	margin-left: -12px;
}

.secondBlockHero::-webkit-scrollbar {
      width: 0;
      height: 0;
}

/*  .secondBlockHero {
  scrollbar-color: #999 #333;
}

.secondBlockHero::-webkit-scrollbar {
  width: 3px; 
  height: 3px; 
}

.secondBlockHero::-webkit-scrollbar-thumb { 
  background: #3F3478;
  border-radius: 6px;
  height: 50px;
}

.secondBlockHero::-webkit-scrollbar-track { 
  background: #232323;
  border-radius: 6px;
}

.secondBlockHero::-webkit-scrollbar-track-piece:start {
	background-color: #3F3478;
}
 */




















#hero h1 {
    margin-top: 201px;
    font-family: InterBold;
    font-size: 90px;
    font-weight: 700;
    color: #FFF;
    line-height: 86px;
}

#hero h2 {
	font-family: FeatureMono-Regular;
	color: #FFF;
	margin-bottom: 40px;
	font-size: 24px;
	letter-spacing: 0px;
	line-height: 38px;
	margin-top: 40px;
}

.buttonStartKurses {

}

.btn-primary {
	border-radius: 12px;
	width: 260px;
	height: 56px;
	font-family: Inter-Medium;
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: center;
	background-color: #6300C7;
	border:0;
	color: #FFF;
}









.ellipseGradientHeader1 {
	height: 254px;
	width: 200px;
	-webkit-filter: blur(15px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	border-radius: 100px;
	background: linear-gradient(to top right, #FDB171, #FD987D);
}



.ellipseGradientHeader2 {
	clip-path: ellipse(20px 50px);
}

.rowMoneyMastWork {
	--bs-gutter-x: 0rem !important;
	/* margin-top: 60px; */
	margin-top: 0px;
}

.moneyMastWork {
	overflow: hidden;
/* 	display: flex;
	flex-wrap: nowrap;
	flex-direction: row; */
	padding: 10px 0px 0px 0px;
	font-family: Inter;
	font-size: 32px;
	font-weight: bold;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color: #FFFFFF80;
	border-top: 1px solid #FFFFFF50;
	border-bottom: 1px solid #FFFFFF50;
}

.moneyMastWorkIcon {
	margin-right: 15px;
	margin-left: 15px;
}

.moneyMastWorkText {
	width: 300px;
}


.moneyMastWork>span {
  display: inline-block;
  white-space: nowrap;
  animation: runline 20s linear infinite 1s both;
      width: 100%;
}

.moneyMastWork:hover>span {
  animation-play-state: paused;
}

@keyframes moneyMastWork {
  to {transform: translateX(-100%);}
}

.cardsCorusel {
	margin-top: 56px;
	text-align: center;
	background-color: #101010;
	width: 500px;
	height: 670px;
	padding: 40px;
	border-radius: 24px;
	margin-bottom: 91px;
	text-align: left;
}

.cardsCorusel:last-child {
	margin-bottom: 91px !important;
}

.nameCard {
    width: 100%;
    font-family: Inter-Medium;
    font-size: 32px;
    font-weight: 500;
    color: #FFF;
    margin-top: 24px;
    display: block;
    line-height: 40px;
}

.textCard {
	width: 100%;
	font-family: FeatureMono-Regular;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
	line-height: 20px;
	display: block;
    margin-top: 24px;

}

.wowNashProject {
	font-family: 'InterBold';
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 66px;
}


.prContainerNashProject {
    padding: 200px 0 !important;
}

.prContainerOfflaineGame {
    padding-top: 0px !important;
    padding-bottom: 200px !important;
}

.cardKurses {
	position: relative;
    z-index: 2 !important;
	margin-top: -50px;
	height: 400px;
	border-radius: 24px;
}

.cardKurses.first {
	background-color: #A2B6FF;
	background-image: url(/iconses/course1.svg);
	background-repeat: no-repeat;
	background-position-x: right;
}

.cardKurses.second {
	margin-top: -61px;
	background-color: #101010;
	background-image: url(/iconses/course2.svg);
	background-repeat: no-repeat;
	background-position-x: right;
}

.cardKurses.third {
	background-color: #DDD5E4;
	border-bottom-left-radius: 24px !important;
	border-bottom-right-radius: 24px !important;
	background-image: url(/iconses/course3.svg);
	background-repeat: no-repeat;
	background-position-x: right;
}

/* .preNoButtonSpanMain {
	background-image: url(/iconses/babki.svg);
	background-repeat: no-repeat;
	background-position-x: right;
} */

.cardKursesFirstText {
	display: none;
	position: relative;
    z-index: 1 !important;
	margin: -22px 0px 0px 0px !important;
	background-color: #FFFFFF;
	color: #000000;
	padding-top: 20px;
	padding-bottom: 40px;
}

.cardKursesFirstText.third {
	border-bottom-left-radius: 24px !important;
	border-bottom-right-radius: 24px !important;
}

.btn-podrobnee {
	cursor: pointer;
	display: block;
	position: relative;
	font-family: Inter-Medium;
	font-weight: 500;
	font-size: 24px;
	margin-top: 23px;
	margin-left: 56px;
}

.btn-podrobnee img {
	margin-left: 9px;
}

.noButtonSpan {
	border:1px solid #FFFFFF;
	border-color: rgb(255 255 255 / 50%) !important;
	border-radius: 24px;
	padding: 12px 24px 12px 24px;
	width: fit-content;
	margin-top: 25px;
}

.preNoButtonSpan {
	font-family: FeatureMono-Light;
	font-weight: 100;
	color: #FFFFFF;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.preLiGame {
	padding-right: 110px;
	font-family: FeatureMono-Light;
	font-weight: 100;
	color: #FFFFFF;
}


.preLiGame li {
	list-style: none;
}

.preLiGame li:before {
   content: "•";
   font-size: 15px; /* or whatever */
   padding-right: 5px;
}

.pl-3 {
 padding-left: 3rem;
} 

.pr-3 {
 padding-right: 3rem;
}

.pl-2 {
 padding-left: 2rem;
} 

.pr-2 {
 padding-right: 2rem;
}

.pl-1 {
 padding-left: 1rem;
} 

.pr-1 {
 padding-right: 1rem;
}




.pl-5 {
 padding-left: 5rem;
} 

.pr-5 {
 padding-right: 5rem;
}


.pl-4 {
 padding-left: 4rem;
} 

.pr-4 {
 padding-right: 4rem;
}


.vacansionBlock {
	position: relative;
    z-index: 2;
	display: inline-block;
	cursor: pointer;
	width: 100%;
	background-color:#101010;
	min-height: 202px;
	margin-top: -20px;
	border-radius: 24px;
}


/* .vacansionBlock:nth-child(1) {
	margin-top: 19px;
} */

.firstVacantionBlock {
	display: flex;
	justify-content: space-between;
	color: #FFFFFF;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 40px;
}

.firstVacantionBlock .rightVacantionBlock {
	font-family: InterBold;
	font-size: 24px;
	color: #6300C7;
	font-weight: 700;
}

.secondVacantionBlock {
	font-family: FeatureMono-Light;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 40px;
	color: #FFFFFF;
}

.sverhNovaGame {
    margin-top: -250px;
    z-index: 1;
    position: absolute;
    right: 160px;
    width: 490px;
    height: 490px;
	transform: rotate(-22.538deg);
	flex-shrink: 0;
	border-radius: 490.219px;
	background: linear-gradient(180deg, #2603FB 0%, #DC06FF 100%);
	filter: blur(250px);
}

.imgBabki {
	right: 221px;
	position: absolute;
	z-index: 2;
	margin-top: -67px;
}


.vacansionBlock:hover {
	box-shadow: 0px 0px 50px 0px rgba(128, 0, 255, 0.30);
}

.thirdVacantionBlock {
	display: none;
	padding: 45px;
    color: #FFFFFF;
}

.thirdVacantionBlockContent {
	opacity: 0;
}

.containerFoot {
	width: 100%;
}

.contactsBlock {
	position: absolute;
    background: rgba(5, 5, 5, 1);
	display: inline-flex;
	width: 568px;
	height: 544px;
	padding: 40px 60px 60px 60px;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	border-radius: 0px 0px 24px 0px;
}

.cardCursesName {
    font-family: Inter-Medium;
    font-size: 48px;
    padding-top: 61px;
    margin-left: 57px;
    line-height: 48px;
}

.cardCursesName.w {
	color: #FFFFFF;
}

.cardCursesName.b {
	color: #000000;
}



.cardCursesName.w+.btn-podrobnee {
	color: #FFFFFF;
}

.cardCursesName.b+.btn-podrobnee {
	color: #000000;
}

.cardKursesImg {
	width: 65%;
	height: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
}


.modal-content {
	padding: 40px;
	border-radius: 24px;
}

.modal-header .btn-close {
	margin: -2.5rem -1.5rem 0.5rem auto !important;
}

.modal-header {
	font-family: Inter-Medium;
	border-bottom: 0px;
}

.modal-footer {
	border-top: 0px;
}

.form-control {
	height: 56px;
	background-color:#F5F5F5;
}

.attentionAlert {
	font-family: Inter-Medium;
	color: #10101080;
	font-size: 14px;
}

.btnHeaderMenu {
	display: block;
	cursor: pointer;
	z-index: 9;
	position: absolute;
	top: 0;
}

.mainMenuSlide {
	display: none;
	color: #FFFFFF;
	font-family: Inter-Medium;
	font-size: 16px;
	font-weight: 400;
	padding: 30px;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 508px;
	height: 757px;
	background-color: #050505;
}

.mainMenuSlide ul {
	list-style-type: none;
}

.mainMenuSlide ul li {
	margin-bottom: 24px;
}



@media (min-width: 375px) and (max-width: 786px) {

	.preLiGame button {
		width: 100%;
	}

	.preLiGame li {
    	margin-top: 10px !important;
	}

	.noButtonSpan {
		margin-top: 10px !important;
	}

	.wowNashProject {
		margin-top: 40px !important;
		margin-bottom: 40px !important;
	}

	.nameCard {
		font-size: 22px !important;
		line-height: 26px !important;
	}

	body {
		padding-right: 0px !important;
	}

	.modal-header .btn-close { 
		margin: -2.5rem -1.5rem -2.5rem auto !important;
	}

	.modal-content {
		border-radius: 0px;
		padding: 10px;
		height: 100%;
		position: absolute;
	}

	.modal-body {
		align-content: center;
	}

	.closeMenu {
		right: 20px;
		top: 15px;
		position: absolute;
		z-index: 99;
	}

	#typeScreen {
		content: '375';
	}

	.contactsBlock {
		width: 100% !important;
	}

	.btnHeaderMenu {
		right: 0 !important;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 35px !important;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}

	.mainMenuSlide {
		top: 0 !important;
		width: 100% !important;
	}


	.cardsCorusel {
		width: 95% !important;
		margin-right: 8px !important;
	}

	.cardsCorusel {
		margin-top: 45px !important;
		text-align: center !important;
		background-color: #101010 !important;
		width: 100% !important;
		height: auto !important;
		padding: 30px !important;
		margin-right: 8px !important;
		border-radius: 24px !important;
		margin-bottom: 0px !important;
		text-align: left !important;
	}

	#hero h1 {
		font-size: 55px !important;
		line-height: 55px !important;
		margin-top: 0px;
	}

	.firstBlockHero {
		margin-top: 150px;
		margin-bottom: 60px;
	}

	#hero .container {
    	padding-left: 30px !important;
    	padding-right: 30px !important;
	}

	#hero h2 {
		font-size: 18px !important;
		line-height: 25px !important;
		margin-top: 30px !important;
	}

	.buttonStartKurses a button {
		width: 100% !important;
	}

	.secondBlockHero {
    	margin-top: 1px !important;
		text-align: -webkit-center !important;
		margin-left: 0px !important;
	}

	.cardsCorusel img {
		width: 100%;
		margin-left: -19px;
	}


	.prContainerNashProject {
		padding: 55px 0 !important;
		margin-top: 35px !important;
	}


	.cardCursesName {
		font-size: 24px !important;
		line-height: 24px !important;
	}

	.cardKurses.first {
		background-position-x: right !important;
		background-position-y: bottom !important;
		background-size: 100% !important;
	}
	.cardKurses.second {
		background-position-x: right !important;
		background-position-y: center !important;
		background-size: 100% !important;
		margin-top: -125px !important;
	}
	.cardKurses.third {
		background-position-x: right !important;
		background-position-y: bottom !important;
		background-size: 100% !important;
		margin-top: -45px !important;
	}


	.cardKurses {
		height: 300px !important;
	}

	.btn-podrobnee {
		font-size: 18px !important;
		margin-top: 2px !important;
	}

	.forMbl1 {
		padding-left: 2rem;
		padding-right: 2rem;
		padding-bottom: 100px !important;
	}

	.forMbl2 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.forMbl3 {
		padding-left: 2rem;
		padding-right: 2rem;
	}


	.wowNashProject {
		font-size: 40px;
		line-height: 110%;
		padding-left: 10px;
	}


	.preLiGame {
		padding-right: 20px;
		padding-left: 20px;
	}


	.preNoButtonSpan {
		margin-top: 55px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.imgBabki {
		left: 0px;
		margin-top: -300px;
		width: 375px;
		object-fit: none;
		height: 800px;
	}

	.prContainerOfflaineGame2 {
		margin-top: 200px !important;
		padding-bottom: 55px !important;
	}

	.leftVacantionBlock {
		font-size: 24px !important;
		line-height: 29px !important;
	}

	.rightVacantionBlock {
		font-size: 16px !important;
		line-height: 20px !important;
	}

	.firstVacantionBlock {
		flex-direction: column !important;
	}

	.secondVacantionBlock {
		display: flex !important;
		flex-direction: column !important;
		margin-bottom: 25px !important;
	}

	.secondVacantionBlock .secondVacantionBlock {
		margin-top: 10px !important;
	}

	.contactBlockEmailPhone {
		flex-direction: column !important;
	}

	.contactsBlock {
		height: auto !important;
	}

	.contactsBlockBlack {
		padding: 40px 40px 40px 40px;
		width: 90% !important;
		margin-top: -1px;
	}

	.containerFoot iframe {
		height: 1168px;
	}


	.sverhNovaGame {
		position: absolute;
		margin-top: 50px;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 369px;
	}


	.modal-dialog {
		margin: 0px !important;
	}

	.attentionAlert {
		margin-top: 20px;
	}

	.modal-title {
		margin-bottom: 15px;
	}

	.pClassModal {
		margin-bottom: 45px;
	}
	
	.form-control {
	border: 0px solid #ced4da;
	}

	.cardKurses {
	    margin-top: 0px;
	}
}


@media (min-width: 768px) {

	#typeScreen {
		content: '768';
	}

	.imgBabki {
		margin-top: -123px !important;
		right: 30px !important;
	}

	.mainMenuSlide ul li {
		/* 1200*/
		margin-bottom: 12px !important;
		margin-left: -35px !important;
	}

	.closeMenu {
    	margin-left: -12px !important;
	}
}

@media (min-width: 992px) {
	.imgBabki {
		margin-top: -123px !important;
		right: 30px !important;
	}


	.mainMenuSlide ul li {
		margin-bottom: 12px !important;
		margin-left: -35px !important;
	}


	.mainMenuSlide {
    width: 393px !important;
    height: 770px !important;
	}

	.closeMenu {
    	margin-left: -12px !important;
	}

}
@media (min-width: 1200px) {

	#typeScreen {
		content: '1200';
	}

	.imgBabki {
		margin-top: -123px !important;
		right: 30px !important;
	}

	.mainMenuSlide ul li {
		/* 1200*/
		margin-bottom: 12px !important;
		margin-left: -35px !important;
	}

	.closeMenu {
		margin-left: -12px !important;
	}

}
@media (min-width: 1400px) {

	#typeScreen {
		content: '1400';
	}

	.imgBabki {
		margin-top: -123px !important;
		right: 100px !important;
	}
	
	.mainMenuSlide ul li {
		/* 1400*/
		margin-bottom: 12px !important;
		margin-left: -35px !important;
	}

	.closeMenu {
    	margin-left: -12px !important;
	}
}

@media (min-width: 1800px) {

	#typeScreen {
		content: '1800';
	}

	.imgBabki {
		margin-top: -123px !important;
		right: 221px !important;
	}
	
	.mainMenuSlide ul li {
		margin-bottom: 25px !important;
		margin-left: 0px !important;
	}

	.closeMenu {
		margin-left: 10px !important;
	}
}


.noButtonSpan:first-child {
	margin-top: 0px !important;
}

.start-opened .layer-bg_new_main {
    display: block;
}

.layer-bg_new_main {
	top: 0;
	position: absolute;
	height: 100%;
	width: 100%;
}

@media (max-width: 1670px) {
	.layer-bg__map, .layer-bg__map-video, .layer-bg__markers {
		-webkit-transform: translate3d(0,0,0);
	}
}

.layer-bg__map {
    position: relative;
    z-index: 1;
	height: 100%;
}


.layer-bg__map-img {
    width: 100%;
    height: 100%;
}

.layer-bg__map-img {
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 100%;
    height: 100%;
}

img {
    vertical-align: middle;
}

img {
    border-style: none;
}

@media (max-width: 1670px) {
	.layer-bg__map, .layer-bg__map-video, .layer-bg__markers {
		-webkit-transform: translate3d(0,0,0);
	}
}

.layer-bg__map-video {
	object-fit: fill;
    position: absolute;
    z-index: 2;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: calc(100% + 2px);
    overflow: hidden;
}

audio, video {
    display: inline-block;
}

video {
	object-fit: contain;
	overflow-clip-margin: content-box;
	overflow: clip;
}


#briBlockMenu {

	
}

.closeMenu {
	margin-left: 11px;
	height: 42px;
	background: url(/iconses/Close_icon.svg);
	width: 42px;
	cursor: pointer;
	margin-bottom: 25px;
}

.btn-primary {
    background-color: #6300C7 !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #6300C7;
    border-color: #6300C7;
	box-shadow: 0 0 20px 0px #6300C7 !important;
}


.preHeaderBlock { 
	position: relative;
}

.overflowYpreHeaderBlock {
	bottom: 201px;
	right: 0px;
	height: 400px;
	width: 25px;
	z-index: 99999;
	position: absolute;
	overflow-y: scroll;
	overflow-x: hidden;
}


.overflowYpreHeaderBlock {
  /* плашка-бегунок и фон */
  scrollbar-color: #999 #333;
}

.overflowYpreHeaderBlock::-webkit-scrollbar {
  width: 3px; /* в основном для вертикальных полос прокрутки */
  height: 3px; /* в основном для горизонтальных полос прокрутки */
}

.overflowYpreHeaderBlock::-webkit-scrollbar-thumb { /* плашка-бегунок */
  background: #000000;
  border-radius: 6px;
  height: 50px;
}

.overflowYpreHeaderBlock::-webkit-scrollbar-track { /* фон */
  background: #232323;
  border-radius: 6px;
}

.overflowYpreHeaderBlock::-webkit-scrollbar-track-piece:start {
	background-color: #000000;
}



.contentImmitation1 {
	height: 2451px;
}