.ksusha_win{
	position: fixed;
	z-index: 30;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #dad9da, #a8a8a8);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.ksusha_indicators_flex_background{
	width: 3840px;
	flex: 1;
	margin: auto;
}

.ksusha_indicators_flex{
	height: 100%;
	display: flex;
	width: 2629px;
	margin: 0px 0 0 235px;
}

.ksusha_indicator_wrap{
	width: 135px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.ksusha_indicator_number{
	width: 135px;
	height: 135px;
	border-radius: 50%;
	border: 5px solid #363636;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	font-family: MontserratSemiBold;
	font-size: 65px;
}

.ksusha_indicator_light_wrap{
	width: 100%;
	height: 1216px;
	position: relative;
}

.ksusha_indicator_light{
	width: 100%;
	height: 19px;
	background: linear-gradient(180deg, #dbdbdb, #a7a7a7);
	position: relative;
}

.ksusha_indicator_light_active{
	position: absolute;
	left: 0;
	width: 100%;
	height: 19px;
	background: linear-gradient(180deg, #00c0fa, #015eea);
}

.ksusha_cabins_flex_background{
	width: 3840px;
	height: 714px;
	background: url(/static/img/cabin_background.png) right center/3779px 714px no-repeat;
	margin: auto;
}

.ksusha_cabins_flex{
	width: 2629px;
	height: 100%;
	display: flex;
	align-items: flex-end;
	margin: 0px 0 0 235px;
}

.ksusha_cabin_wrap{
	width: 240px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.ksusha_cabin_letter{
	width: 62px;
	height: 34px;
	color: white;
	border: 1px solid #272727;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto auto 17px;
	background: linear-gradient(180deg, #404040, #030202);
}

.ksusha_cabin{
	width: 135px;
	height: 477px;
	overflow: hidden;
	position: relative;
	margin: 0 0 1px;
}

.ksusha_queue[index="1"],
.ksusha_indicator_wrap[index="1"],
.ksusha_cabin[index="1"]{
	margin: 0 0 1px 220px;
}

.ksusha_queue[index="2"],
.ksusha_indicator_wrap[index="2"],
.ksusha_cabin[index="2"]{
	margin: 0 0 1px 221px;
}

.ksusha_queue[index="3"],
.ksusha_indicator_wrap[index="3"],
.ksusha_cabin[index="3"]{
	margin: 0 0 1px 199px;
}

.ksusha_queue[index="4"],
.ksusha_indicator_wrap[index="4"],
.ksusha_cabin[index="4"]{
	margin: 0 0 1px 218px;
}

.ksusha_queue[index="5"],
.ksusha_indicator_wrap[index="5"],
.ksusha_cabin[index="5"]{
	margin: 0 0 1px 198px;
}

.ksusha_queue[index="6"],
.ksusha_indicator_wrap[index="6"],
.ksusha_cabin[index="6"]{
	margin: 0 0 1px 215px;
}

.ksusha_queue[index="7"],
.ksusha_indicator_wrap[index="7"],
.ksusha_cabin[index="7"]{
	margin: 0 0 1px 224px;
}

.ksusha_cabin_left_shadow{
	width: 120px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
}

.ksusha_cabin_left_shadow[type="left"]{
	box-shadow: 20px 0 30px #0000006b;
	left: -120px;
}

.ksusha_cabin_left_shadow[type="right"]{
	box-shadow: -20px 0 30px #0000006b;
	right: -120px;
}

.ksusha_cabin_door_block{
	width: 135px;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.ksusha_cabin_door{
	position: absolute;
	top: 0;
	height: 100%;
	width: 70px;
	background: url(/static/img/door.jpg);
	overflow: hidden;
}

.ksusha_cabin_door[type="left"]{
	left: 0;
}

.ksusha_cabin_door_block[type="left"] .ksusha_cabin_door[type="left"]{
	box-shadow: 20px 0 30px #0000006b;
	z-index: 1;
}

.ksusha_cabin_door_block[type="right"] .ksusha_cabin_door[type="right"]{
	box-shadow: -20px 0 30px #0000006b;
	z-index: 1;
}

.ksusha_cabin_door[type="right"]{
	left: 65px;
}

/* Telescopic Left start*/

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="left"] .ksusha_cabin_left_shadow{
	animation: doors_shadow 1s forwards;
}

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="left"]{
	animation: doors_wrap 1s forwards;
}

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="left"] .ksusha_cabin_door[type="left"]{
	animation: doors_left 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="left"] .ksusha_cabin_left_shadow{
	animation: doors_shadow_rev 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="left"]{
	animation: doors_wrap_rev 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="left"] .ksusha_cabin_door[type="left"]{
	animation: doors_left_rev 1s forwards;
}

@keyframes doors_wrap{
	from {
		transform: translateX(0px);
	}
	to{
		transform: translateX(-135px);
	}
}


@keyframes doors_shadow{
	from{
		transform: translateX(0px);
	}
	to{
		transform: translateX(135px);
	}
}

@keyframes doors_left{
	from{
		transform: translateX(0px);
	}
	to{
		transform: translateX(65px);
	}
}

@keyframes doors_wrap_rev{
	from {
		transform: translateX(-135px);
	}
	to{
		transform: translateX(0px);
	}
}


@keyframes doors_shadow_rev{
	from{
		transform: translateX(135px);
	}
	to{
		transform: translateX(0px);
	}
}

@keyframes doors_left_rev{
	from{
		transform: translateX(65px);
	}
	to{
		transform: translateX(0px);
	}
}

/* Telescopic Left end*/

/* Telescopic Right start*/

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="right"] .ksusha_cabin_left_shadow{
	animation: doors_shadow_right 1s forwards;
}

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="right"]{
	animation: doors_wrap_to_right 1s forwards;
}

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="right"] .ksusha_cabin_door[type="right"]{
	animation: doors_right 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="right"] .ksusha_cabin_left_shadow{
	animation: doors_shadow_right_rev 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="right"]{
	animation: doors_wrap_to_right_rev 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="right"] .ksusha_cabin_door[type="right"]{
	animation: doors_right_rev 1s forwards;
}

@keyframes doors_wrap_to_right{
	from {
		transform: translateX(0px);
	}
	to{
		transform: translateX(135px);
	}
}


@keyframes doors_shadow_right{
	from{
		transform: translateX(0px);
	}
	to{
		transform: translateX(-135px);
	}
}

@keyframes doors_right{
	from{
		transform: translateX(0px);
	}
	to{
		transform: translateX(-65px);
	}
}

@keyframes doors_wrap_to_right_rev{
	from {
		transform: translateX(135px);
	}
	to{
		transform: translateX(0px);
	}
}


@keyframes doors_shadow_right_rev{
	from{
		transform: translateX(-135px);
	}
	to{
		transform: translateX(0px);
	}
}

@keyframes doors_right_rev{
	from{
		transform: translateX(-65px);
	}
	to{
		transform: translateX(0px);
	}
}

/* Telescopic Right end */

/* Centered start*/

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="center"] .ksusha_cabin_door[type="left"]{
	animation: door_center_left 1s forwards;
}

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="center"] .ksusha_cabin_door[type="left"] .ksusha_cabin_left_shadow{
	animation: door_center_right 1s forwards;
}

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="center"] .ksusha_cabin_door[type="right"]{
	animation: door_center_right 1s forwards;
}

.ksusha_cabin[state="open"] .ksusha_cabin_door_block[type="center"] .ksusha_cabin_door[type="right"] .ksusha_cabin_left_shadow{
	animation: door_center_left 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="center"] .ksusha_cabin_door[type="left"]{
	animation: door_center_left_rev 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="center"] .ksusha_cabin_door[type="left"] .ksusha_cabin_left_shadow{
	animation: door_center_right_rev 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="center"] .ksusha_cabin_door[type="right"]{
	animation: door_center_right_rev 1s forwards;
}

.ksusha_cabin[state="close"] .ksusha_cabin_door_block[type="center"] .ksusha_cabin_door[type="right"] .ksusha_cabin_left_shadow{
	animation: door_center_left_rev 1s forwards;
}



@keyframes door_center_left{
	from{
		transform: translateX(0px);
	}
	to{
		transform: translateX(-70px);
	}
}


@keyframes door_center_right{
	from{
		transform: translateX(0px);
	}
	to{
		transform: translateX(70px);
	}
}

@keyframes door_center_left_rev{
	from{
		transform: translateX(-70px);
	}
	to{
		transform: translateX(0px);
	}
}


@keyframes door_center_right_rev{
	from{
		transform: translateX(70px);
	}
	to{
		transform: translateX(0px);
	}
}

.ksusha_indicator_light_color{
	width: 0%;
	height: 100%;
	background: #898989;
}

.ksusha_indicator_light_percent{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	top: 0;
	left: 0;
	font-size: 16px;
}

.ksusha_queue{
	position: relative;
	color: white;
	width: 135px;
	top: -105px;
	z-index: 10;
	font-size: 20px;
	text-align: center;
	background: #323232;
	border: 1px solid #606060;
	box-shadow: inset 0px 3px 5px black;
	line-height: 26px;
	height: 28px;
}