
/*1st stage*/
.firstStage__wrapper{
	display:flex;
	position:relative;
	flex-direction:column;
	justify-content:flex-start;
	align-items:stretch;
	align-content:stretch;
	margin:0;
	padding:0;
	width:100%;
}

#motion{
	display: block; 
  	position: fixed;
  	z-index: -1;
	display:block;
	position:absolute;
	flex-direction:row;
	width:100vw;
	height:100vh;
	left:0;
	top:0;
	background-color:#4282b2;
}



.font-unbounded{
  font-family: "Unbounded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.motion{

}


.firstStage__sourceVideo,
.firstStage__targetVideo,
.firstStage__motionVideo{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	object-fit:cover;
}

.firstStage__motionVideo{
}

.firstStage__targetVideo{
}

.firstStage__sourceVideo{
}


/*
.firstStage__video_switch{
	display:flex;
	position:absolute;
	flex-direction:row;
	object-fit:cover;
	width:100vw;
	height:100vh;
	left:0;
	top:0;
	z-index:1;
}
*/

.firstStage__navigation{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:12rem;

	z-index:100;
	color:#ffffff;
}

.firstStage__navigationLeft{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0;
	padding:0 0 0 5rem;
}

.firstStage__navigationRight{
	display:flex;
	justify-content:flex-start;
	align-items:center;	
}

.firstStage__logoImage{
	display:block;
	position:relative;
	width:20rem;
	height:auto;
	padding:0 3rem 0 0 ;
}


.firstStage__main-link{
	display:inline-block;
	font-size:1.6rem;
	line-height:100%;
	color:#ffffff;
	text-decoration:none;
	font-weight:400;
	padding:0;
	margin:0 0.7rem;
	padding-bottom:1px;
	border-bottom:transparent solid 1px;
	transition:ease 200ms;
}

.firstStage__main-link.active{
	/*text-decoration:underline;
	text-decoration-color:#FFEAA4;*/
	padding-bottom:1px;
	border-bottom:#FFEAA4 solid 1px;
}


.hide{
	opacity:0;
	filter:blur(15px) saturate(90%);
	transition:ease 1000ms;
	/*transition:ease-in-out 2000ms;*/
}

.show{
	opacity:1;
	filter:blur(0) saturate(100%);
	transition:ease 1000ms;
}

.lock-animation{
	transition:none;
}


.hide-content{
	opacity:0;
	filter:blur(50px) saturate(30%);
	transition:ease 1000ms;
}

.show-content{
	opacity:1;
	filter:blur(0) saturate(100%);
	transition:ease 1000ms;
}




.body-content{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	align-content:flex-start;
	position:absolute;
	left:0;
	top:12rem;
	width:100%;
	height:calc(100vh - 12rem);
	z-index:10;
	color:#ffffff;
	/*background-color:rgba(255,255,255,0.2);*/	
}


.body-content__left{
	display:flex;
	position:relative;
	justify-content:flex-start;
	align-items:stretch;
	align-content:flex-start;
	color:#ffffff;
	width:55%;
	min-width:55%;
	max-width:55%;
	transition:ease 2000ms;
}

.body-content__left.carousel{
	width:70%;
	min-width:70%;
	max-width:70%;
}


.body-content__right{
	display:flex;
	position:relative;
	justify-content:flex-start;
	align-items:stretch;
	align-content:flex-start;
	color:#ffffff;
	width:45%;
	min-width: 45%;
	max-width: 45%;
	transition:ease 2000ms;
	height: -webkit-fill-available;
}


.body-content__100{
	width:100%;
	height:100%;
	min-width:100%;
	max-width:100%;
	min-height:100%;
	max-height:100%;	
}

.page-content{
	display:block;
	position:relative;
	width: 100%;
}


.body-content-next{
	display:flex;
	position:fixed;
	bottom:0;
	width:100vw;
	height:5rem;
	z-index:11;
	background-color:RGBA(0,0,0,0.7);
	justify-content:center;
	align-items:center;
	align-content:center;
	color:#ffffff;
}


.body-content-navlink{
	font-size:2rem;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
}




/****************************************************************************************/
/* tab1  */

.firstStage__title{
	display:block;
	padding:1rem 0 5rem 5rem;
	font-size:8rem;
	line-height:110%;
	animation: wave 4s infinite ease;
}

.firstStage__calendar{
	display:block;
	padding:0 0 3rem 5rem;
	font-size:6rem;
	line-height:110%;
}

.firstStage__head-link{
	color:#ffffff;
	text-decoration-thickness: 3px;
}

.firstStage__promo{
	display:block;
	padding:0 0 5rem 5rem;
	font-size:1.7rem;
	line-height:110%;
	font-weight:300;
	line-height:135%;	
}

.firstStage__map{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	padding:0 0 5rem 5rem;
	
}

#svg{
	display: block;
  	position: absolute;
	left: calc(5rem + 7px);
  	bottom: calc(5rem - 15px);
}


/****************************************************************************************/
/* tab2  */
.tab2__title{
	display:block;
	padding:1rem 0 3rem 5rem;
	font-size:6rem;
	line-height:110%; 
}

.tab2__hr{
	display:block;
	position:relative;
	margin:0 5rem;
	height:5rem;
	width:45rem;
	font-size:1rem;
	line-height:100%; 
	background-image:url('../images/hr.svg');
	background-position: left center;
	background-repeat:no-repeat;
	background-size: contain;
}

.tab2__body{
	display:block;
	padding:0 0 3rem 5rem;
	font-size:2rem;
	line-height:135%; 
}

.tab2__body p{
	display:block;
	padding:0 0 1rem 0;
}


.tab2__timer{
	display:block;
	padding:0 0 3rem 5rem;
	font-size:6rem;
	line-height:100%; 
}


.tab2__video{
	display:block;
	margin:5rem 5rem 3rem 1rem;
	padding:0;
	font-size:2rem;
	line-height:100%; 
	width:100%;
	height:auto;
}
 

.tab2__embedVideo{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	border-radius:2rem;
	background-color:#0D1A30;
	border:#FFEAA4 solid 1px;
}






/****************************************************************************************/
/* tab3  */

.tab3__title{
	display:block;
	padding:1rem 0 2rem 5rem;
	font-size:6rem;
	line-height:110%; 
}

.tab3__hr{
	display:block;
	position:relative;
	margin:0 5rem;
	height:5rem;
	width:45rem;
	font-size:1rem;
	line-height:100%; 
	background-image:url('../images/hr.svg');
	background-position: left center;
	background-repeat:no-repeat;
	background-size: contain;
}

.tab3__body{
	display:block;
	padding:2rem 0 3rem 5rem;
	font-size:2rem;
	line-height:135%; 
}

.tab3__bodyList{
	display:block;
	padding:0 0 3rem 1rem;
	margin:0;
	font-size:2rem;
	line-height:135%; 
}

.tab3__bodyList li{
	padding:0;
	margin:0 0 0.5rem 0;
}

.tab3__h3{
	font-size:2.3rem;
	line-height:110%;
	font-weight:700;
}





/****************************************************************************************/
/* tab   */

.page-starItem{
	display:block;
	position:absolute;
	font-size:1.8rem;
	line-height:130%;
	width:30vw;
	height:auto;	
}

.starDust{
	display:block;
	position:absolute;
	width:100vw;
	height:100vh;
	background-color:GRBA(30,20,100,0.2);
	top:-12rem;
	left:0;
	background-image:url('../files/tab3/tab3_0.png');
	background-position:center center;
	background-size:192rem 108rem;
	background-repeat:no-repeat;
	transform:scale(1,1);
	opacity:0;
	transition:ease-in-out 1000ms;
}


.page-starItem__1{
	left: calc(50vw - 84rem);
	top: calc(50vh - 26rem);
	width: 49rem;
}

.page-starItem__2{
	left: calc(50vw - 18rem);
	top: calc(50vh - 40rem);
	width: 55rem;
}

.page-starItem__3{
	left: calc(50vw - 58rem);
	top: calc(50vh - 7rem);
	width: 58rem;
}


.page-starItem__4{
	left: calc(50vw + 14rem);
	top: calc(50vh - 20rem);
	width: 46rem;
}


.page-starItem__5{
	left: calc(50vw + 37rem);
  	top: calc(50vh - 11rem);
  	width: 46rem;
}

.page-starItem__6{
	left: calc(50vw - 30rem);
	top: calc(50vh + 22rem);
	width: 46rem;
}

.page-starItem__7{
	left: calc(50vw + 39rem);
	top: calc(50vh + 30rem);
	width: 46rem;
}


.skyMap__item{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	transition:ease 300ms;
}


/****************************************************************************************/
.bf25TimerBlock{
	display: flex;
	align-items:center;
	justify-content:center;
	position:relative;
}


.bf25TimerBlock.fixed{
	position: fixed; 
	left: 0;
	top: 0;
}


.bf25Timer__items {
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content:center;
}

.bf25sidebarBlock{
	display:flex;
	position:relative;
	color:#ffffff;	
}

.bf25Timer__title {
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 33rem;
	height: auto;
	font-size: 2rem;
	text-transform: uppercase;
	justify-content: center;
	padding: 2rem 0;
	opacity: 0.7;
}

.bf25Timer__item {
	display:block;
	position:relative;
	color:#FFFFFF;
	font-size:7rem;
	line-height:100%;
	transform-origin:right bottom; 
	padding:0;
	margin:0 6rem 0 0;
}


.bf25Timer__item:first-child {
	border-right: 0 none;
}


.bf25Timer__item::before {
  	content: attr(data-title);
	display:block;
	position:absolute;
	font-size:2.4rem;
	line-height:100%;
	bottom:-4rem;
	left:0;
	width:100%;
	text-align:center;
	font-weight:400;	
}


.bf25Timer__item:after {
	display:block;
	position:absolute;
	width:0.5rem;
	height:7rem;
	content:"";
	background-color:#ffffff;
	right:-3rem;
	top:0;	
}

.bf25Timer__item:nth-child(3):after {
	display:none;
}


.timer__seconds{
	display:none;
}






.persones-list__wrapper{
	display:flex;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
}

.persones-list__item{
	display:flex;
	position:relative;
	flex-direction:column;
	width: calc(32svh - 4rem);
  	height: calc(40svh - 4rem);
	border:#FFEAA4 solid 1px;
	border-radius:1.4rem;
	justify-content: flex-end;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin: 2rem 1.7rem;
	max-height: calc(40svh - 4rem);
	max-width: 32rem;
}


.persones-list__item_gurenkova{
	background-image:url("../images/Gurenkova.png");
}

.persones-list__item_vishnyakova{
	background-image:url("../images/Vishnyakova.png");
}

.persones-list__item_egorov{
	background-image:url("../images/Egorov.png");
}

.persones-list__item_romanova{
	background-image:url("../images/Romanova.png");
}


.persones-list__item:before{
	display:block;
	position:absolute;
	content:"";
	width:4rem;
	height:4rem;
	top:2rem;
	left:2rem;
	background-image:url("../images/navistar.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}


.persones-list__name{
	display:flex;
	position:relative;
	font-size:2.0rem;
	line-height:120%;
	color:#FFEAA4;
	padding: 0 2rem 1rem 2rem;
}

.persones-list__description{
	display:flex;
	position:relative;
	font-size:1.2rem;
	line-height:120%;
	color:#ffffff;
	padding: 0 2rem 2rem 2rem;
	min-height: 7rem;
}


.owl-item > .item{
	display:flex;
	flex-direction:column;
	position:relative;
}


.owl-nav {
	display:flex;
	justify-content:center;
	align-items:center;
}

button.owl-prev {
	display: block;
  	width: 24px;
  	height: 24px;
  	position: relative;
  	background-color: red;
	content:"";
	background-image:url('../images/ar_left.png') !important;
	background-position:center!important;
	background-repeat:no-repeat!important;
	margin: 0 2rem 0 0;
}

button.owl-next {
	display: block;
  	width: 24px;
  	height: 24px;
  	position: relative;
  	background-color: blue;	
	content:"";
	background-image:url('../images/ar_right.png')!important;
	background-position:center!important;
	background-repeat:no-repeat!important;	
	margin: 0 0 0 2rem;
}

.owl-prev > span,
.owl-next > span{
	display:none;
}




.itemExpert{
	display:flex;
	position:relative;
	flex-direction:column;
	margin:0 0 2rem 0;
	padding:0;
	min-height: 6.5rem;	
}

.itemExpert:after{
	display:block;
	position:absolute;
	content:"";
	width:1px;
	height: 100%;
	right:-1rem;
	top:0;
	background-color:#C3B687;
}

.itemExpert__name{
	display:flex;
	flex-direction:column;
	font-size:1.5rem;
	line-height:1.5rem;
	margin:0 0 0.2rem 0;
}

.itemExpert__post{
	font-size:1.2rem;
	line-height:140%;
	color:#C3B687;
	padding-top:0.2rem;
}



.static_tab{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	align-content:stretch;
	position:relative;
}


.static_tab .item{
	display:flex;
	flex-direction:column;
	margin-right: 2rem;
}


.static_tab .item:last-child .itemExpert::after{
	display:none;
}




/****************************************************************************************/




@media screen and (max-width:1600px){
	html{
		font-size:calc(100vw / 160);
	}
	
	.firstStage__title{
		font-size:7rem;
	}
	
	.tab3__title,
	.tab2__title,
	.firstStage__calendar{
		font-size:5rem;
	}
	
	.firstStage__main-link,
	.tab2__body,
	.tab3__body,
	.tab3__bodyList{
		font-size:1.7rem;
	}
	
	.page-starItem,
	.firstStage__promo{
		font-size:1.5rem;
	}


	.page-starItem__7 {
	  left: calc(50vw + 32rem);
	}	
	.page-starItem__5 {
	  left: calc(50vw + 31rem);
	  top: calc(50vh - 9rem);
	}	
	
}


@media screen and (max-width:1360px){
	.firstStage__map{
		display:none !important;
		opacity:0 !important;
		left:-10000px;
	}
}


@media screen and (max-height:900px){
	.firstStage__map{
		display:none !important;
		opacity:0 !important;
		left:-10000px;
	}
}





@media screen and (max-width:1200px){
	html{
		font-size:calc(100vw / 120);
	}
	
	.firstStage__title{
		font-size:6rem;
	}
	
	.tab3__title,
	.tab2__title,
	.firstStage__calendar{
		font-size:4rem;
	}
	
	.firstStage__main-link,
	.tab2__body,
	.tab3__body,
	.tab3__bodyList{
		font-size:1.6rem;
	}
	
	.page-starItem,
	.firstStage__promo{
		font-size:1.4rem;
	}	

	.page-starItem{
		font-size:1.3rem;
	}
	
	.page-starItem__7 {
	  	left: calc(50vw + 16rem);
	  	width: 44rem;
	}	
	
	.page-starItem__5 {
		left: calc(50vw + 23rem);
    	top: calc(50vh - 9rem);
    	width: 36rem;
  }
  
  .persones-list__item {
	  max-width:22rem;
  }
}



@media screen and (max-width:768px){
	html{
		font-size:calc(100vw / 70);
	}
	
	.firstStage__navigation{
		flex-direction:column;
		height: 20rem;
	}
	
	.firstStage__navigationLeft{
		margin-top: 5rem;
		margin-left:0;
		margin-bottom:2rem;
	}
	
	.firstStage__navigationRight {
		justify-content: space-between;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 0 1rem;
	}
	.firstStage__main-link{
		font-size:2rem;
	}
	
	
	
	
	
	.body-content{
		flex-direction:column;
		top: 23rem;
		height: calc(100vh - 23rem);
	}


	.body-content__left{
		min-width:0;
		max-width:100%;
		width:100%;
	}

	
	.firstStage__title{
		font-size:6rem;
		padding: 1rem 3rem 5rem 3rem;
	}
	
	.tab3__title,
	.tab2__title,
	.firstStage__calendar{
		font-size:4rem;
	}
	
	.firstStage__calendar{
		padding: 0 3rem 5rem 3rem;
	}
	
	.firstStage__promo{
		padding: 0 3rem 5rem 3rem;
		font-size:2rem;
	}

	
	.tab2__body,
	.tab3__body,
	.tab3__bodyList{
		font-size:2rem;
	}
	
	.page-starItem,
	.firstStage__promo{
		font-size: 2rem;
		line-height: 135%;
	}	
	
	
	.firstStage__map{
		display:none;
	}
	
	.page-starItem{
		display:block;
		position:relative;
		left:auto !important;
		top:auto !important;
		margin-bottom: 2rem;
		width: auto !important;
	}

	.starDust {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		background-color: transparent;
		top: auto;
		left: auto;
		background-image: none;
		background-position: center center;
		background-size: 192rem 108rem;
		background-repeat: no-repeat;
		padding: 0 3rem;
		max-width: calc(100% - 6rem);
	}

}










@keyframes wave {
	0% {
		margin-top: 0;
	}
	
	50% {
		margin-top: -10px;
	}	
	
	100% {
		margin-top: 0;
	}
}
























