.schedule {
	width: auto;
	margin-bottom: 1.3vw;
	border-radius: 0 0 0.1vw 0.1vw;
	box-shadow: 0.1vw 0.1vw 0.25vw rgba(0, 0, 0, 0.5);
	clip-path: polygon(82% 12.7%, 83.75% -5.96%, 120% -6.41%, 120% 108.41%, 50.09% 105.06%, -20% 104%, -20% 12.7%);
	-webkit-clip-path: polygon(82% 12.7%, 83.75% -5.96%, 120% -6.41%, 120% 108.41%, 50.09% 105.06%, -20% 104%, -20% 12.7%);
	background: #2983B0;
}

.scheduleEdit {
	clip-path: polygon(79.5% 12.7%, 81.25% -5.96%, 120% -6.41%, 120% 108.41%, 50.09% 105.06%, -20% 104%, -20% 12.7%);
	-webkit-clip-path: polygon(79.5% 12.7%, 81.25% -5.96%, 120% -6.41%, 120% 108.41%, 50.09% 105.06%, -20% 104%, -20% 12.7%);
}

.scheduleTitle {
	background: #2983B0;
	color:#fff;
	font-size: 2vw;
	/*! clip-path: polygon(82% 60%, 83.2% 0%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 60%); */
	/*! -webkit-clip-path: polygon(82% 60%, 83.2% 0%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 60%); */
	padding-right: 0.7vw;
	height: 3vw;
}

.scheduleTitle img {
	height: 1.5vw;
	width: 1.5vw;
	vertical-align: middle;
}

#slider {
	border-radius: 0 0 0.1vw 0.1vw;
	height: 11.4vw;
	overflow: hidden;
}

.sliderMove {
	position: absolute;
	width: 3vw;
	height: 3vw;
	background-color: #2983B0;
	z-index: 9;
	border-radius: 50%;
	margin-top: 3.5vw;
	background-image: url('../img/arrowWhite.svg');
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 70% 50%;
	opacity: 0;
}

.sliderMove:hover,
.sliderMove:focus {
	background-color: #21A5E5;
}

.sliderMoveRight {
	box-shadow: 0.1vw 0.1vw 0.25vw #000;
	right: 4.5%;
}

.sliderMoveLeft {
	left: 4.5%;
	box-shadow: -0.1vw 0.1vw 0.25vw #000;
	transform: scaleX(-1);
}

.scheduleArrows {
	width:75vw;
	height: 11.4vw;
	position: absolute;
	margin-right: -7.5vw;
}

.schedule:hover .sliderMove {
	opacity: 0.8;
}

.schedule:focus-within .sliderMove {
	opacity: 0.8;
}

#slide-container {
   padding-right: 2vw;
}

.slide {
	height:11.5vw;
	float:right;
	text-align:center;
	clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
	-webkit-clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
	position: relative;
}

.slideLast {
	height: 11.5vw;
	float: right;
	clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
	-webkit-clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
	position: relative;
}

.slideBG {
	/*! background-repeat: no-repeat !important; */
	/*! background-color: #fff; */
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.scheduleFrontAnimeLogo {
	/*! width: 100%; */
	/*! height: 100%; */
	/*! background-position: bottom 0.5vw left 0.8vw; */
	/*! background-size: auto 30%; */
	/*! background-repeat: no-repeat; */
	/*! filter: blur(0.025vw); */
	position: absolute;
	/*! z-index: 9999; */
	bottom: 0.5vw;
	left: 1vw;
	max-height: 30%;
	max-width: 50%;
	object-fit: contain;
	/*! width: 100%; */
}

.slideDate-container {
	transform: rotate(180deg);
	position: absolute;
	width: 100%;
	z-index: 999;
	height: 100%;
	pointer-events: none;
}

.slideDate {
	transform: rotate(180deg);
	width: 90%;
	top: 0;
	text-align: center;
	color: #fff;
	background-color: #2983B0;
	font-size: 1vw;
	position: absolute;
	line-height: 1.5vw;
	pointer-events: all;
	/*! left: 2.8vw; */
}

.slideText {
	height: 100%;
	background: #2983B0;
	width: 30%;
	right: 0;
	position: absolute;
	z-index: 3;
	clip-path: polygon(74.5% 0%, 100% 0, 100% 100%, 40% 100%);
	-webkit-clip-path: polygon(74.5% 0%, 100% 0, 100% 100%, 40% 100%);
	color: #fff;
}

.slideText div {
	display: inline-block;
	transform: rotate(-79deg);
	position: absolute;
	right: 0;
	width: 12vw;
	margin-top: -3.7vw;
	padding-right: 33%;
	text-align: center;
	margin-right: 1.6vw;
	transform-origin: right;
	height: 3.6vw;
	font-size: 1.5vw;
	line-height: 1.5vw;
}

.flip-container {
	position: absolute;
	overflow:hidden;
	perspective: 1000;
}
.flip-container .flipper {
	transform-origin: 100% 5vw; /* half of height */
}
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.flip-container, .flip-front {
	width: 100%;
	height: 10vw;
}
.flip-back {
	width: 100%;
	height: 10vw;
	/*! padding-left: 8%; */
	/*! padding-right: 13%; */
	clip-path: polygon(10% 0%, 92.5% 0%, 83.5% 100%, 1.5% 100%);
	-webkit-clip-path: polygon(10% 0%, 92.5% 0%, 83.5% 100%, 1.5% 100%);
}
.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
	transform: rotateY(180deg);
}
.flip-container:hover .flipper {
	transform: rotateX(-180deg);
}
.flip-front {
	z-index: 2;
}
.flip-front, .flip-back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 7.3%;
	padding-left: 1.4%;
}
.flip-container .flip-back {
	transform: rotateX(180deg);
}
.flip-back {
	background: #fff;
	transform: rotateY(-180deg);
}
.scheduleDetailsBlock1 {
	float: right;
	height: 100%;
	width: 4vw;
	-webkit-shape-outside: polygon(96% 0%, 100% 0%, 100% 100%, 50% 100%);
	shape-outside: polygon(96% 0%, 100% 0%, 100% 100%, 50% 100%);
}
.scheduleDetailsBlock2 {
	float: left;
	height: 100%;
	width: 4vw;
	-webkit-shape-outside: polygon(0% 0%, 50% 0%, 1% 100%, 0% 100%);
	shape-outside: polygon(0% 0%, 50% 0%, 1% 100%, 0% 100%);
}
.scheduleBackGrid {
	position: relative;
	height: 10vw;
}
.scheduleDetailsAnimeLogo {
	/*! height: 5vw; */
	/*! top: .2vw; */
	/*! background-size: auto 100%; */
	/*! background-position: center; */
	/*! background-repeat: no-repeat; */
	/*! width: 96%; */
	/*! margin-top: 0.3vw; */
	/*! margin-bottom: 0.3vw; */
	height: 4.4vw;
	object-fit: contain;
	max-width: 80%;
	margin-top: .3vw;
}
.scheduleDetailsAnimeTitle {
	font-size: 1.6vw;
	line-height: 1.8vw;
	margin-top: .1vw;
}
.scheduleDetailsAnimeTitle.threeLines {
	font-size: 1.2vw;
	line-height: 1.3vw;
	margin-top: 0vw;
}
.scheduleDetailsCurrentState {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 91.5%;
	/*! background: #5eb7de; */
	color: #EFEFEF;
	border-top: 0.2vw solid #2983b0;
	/*! background: linear-gradient(-78deg, #fff 0%, #fff 13.78%, #7fb9d3 13.78%, #7fb9d3 14.78%, #fff 14.78%, #fff 28.07%, #7fb9d3 28.07%, #7fb9d3 29.07%, #fff 29.07%, #fff 42.35%, #7fb9d3 42.35%, #7fb9d3 43.35%, #fff 43.35%, #fff 56.64%, #7fb9d3 56.64%, #7fb9d3 57.14%, #fff 5vw, #fff 100%); */
	/* background: linear-gradient(-78deg, #2983b0 0%, #2983b0 13.78%, #21A5E5 14.78%, #21A5E5 100%); */
	height: 1.2vw;
	line-height: 1vw;
}
.scheduleDetailsCurrentState.layer1::after {
	color: #111;
	filter: blur(0.1vw);
	-webkit-text-stroke: 0.02vw #111;
}
.scheduleDetailsCurrentState.layer2::after {
	color: #EFEFEF;
}
.scheduleDetailsCurrentState.layer1.statestage0 {
	background: #1ABAD5;
}
.scheduleDetailsCurrentState.statestage0::after {
	content: 'כרגע עדיין לא התחלנו לעבוד על הוצאה זו';
}
.scheduleDetailsCurrentState.layer1.statetranslation {
	background: linear-gradient(-78deg, #25A7CE 0%, #25A7CE 13.78%, #1ABAD5 14.78%, #1ABAD5 100%);
}
.scheduleDetailsCurrentState.statetranslation::after {
	content: 'בשלבי תרגום (1/6)';
}
.scheduleDetailsCurrentState.layer1.statetiming {
	background: linear-gradient(-78deg, #25A7CE 0%, #25A7CE 28.07%, #1ABAD5 29.07%, #1ABAD5 100%);
}
.scheduleDetailsCurrentState.statetiming::after {
	content: 'בשלבי תזמון (2/6)';
}
.scheduleDetailsCurrentState.layer1.stategrammaticaling {
	background: linear-gradient(-78deg, #25A7CE 0%, #25A7CE 42.35%, #1ABAD5 43.35%, #1ABAD5 100%);
}
.scheduleDetailsCurrentState.stategrammaticaling::after {
	content: 'בשלבי עריכה לשונית (3/6)';
}
.scheduleDetailsCurrentState.layer1.statetypesetting {
	background: linear-gradient(-78deg, #25A7CE 0%, #25A7CE 56.64%, #1ABAD5 57.64%, #1ABAD5 100%);
}
.scheduleDetailsCurrentState.statetypesetting::after {
	content: 'בשלבי טייפסטינג (4/6)';
}
.scheduleDetailsCurrentState.layer1.statequalitycontrol {
	background: linear-gradient(-78deg, #25A7CE 0%, #25A7CE 70.92%, #1ABAD5 71.92%, #1ABAD5 100%);
}
.scheduleDetailsCurrentState.statequalitycontrol::after {
	content: 'בשלבי בקרת איכות (5/6)';
}
.scheduleDetailsCurrentState.layer1.stateencodinguploading {
	background: linear-gradient(-78deg, #25A7CE 0%, #25A7CE 85.21%, #1ABAD5 86.21%, #1ABAD5 100%);
}
.scheduleDetailsCurrentState.stateencodinguploading::after {
	content: 'בשלבי קידוד/העלאה (6/6)';
}
.scheduleDetailsCurrentState.layer1.statealldone {
	background: #25A7CE;
}
.scheduleDetailsCurrentState.statealldone::after {
	content: 'מוכן לשחרור';
}

@media (min-width: 768px) and (max-width: 1440px) {
	#slider {
		height: 16.15vw;
	}
	.slide {
		height: 16.29vw;
	}
	.slideLast {
		height: 16.29vw;
	}
	.scheduleFrontAnimeLogo {
		background-position: bottom 0.7vw left 1.1vw;
		/*! filter: blur(0.03vw); */
	}
	.slideDate {
		width: 90%;
		font-size: 1.5vw;
		line-height: 2.125vw;
		left: 3.9vw;
	}
	.slideText div {
		width: 17vw;
		margin-top: -5.25vw;
		margin-right: 2.25vw;
		height: 5.1vw;
		font-size: 2.125vw;
		line-height: 2.125vw;
	}
	.scheduleTitle {
		background: #2983B0;
		color:#fff;
		font-size: 2.83vw;
		/*! clip-path: polygon(82% 60%, 83.2% 0%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 60%); */
		/*! -webkit-clip-path: polygon(82% 60%, 83.2% 0%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 60%); */
		padding-right: 0.99vw;
		height: 4.25vw;
	}
	.scheduleTitle img {
		height: 2vw;
		width: 2vw;
	}
	.scheduleArrows {
		width: 97vw;
		height: 16vw;
		position: absolute;
		margin-right: -6vw;
	}
	.sliderMove {
		width: 5vw;
		height: 5vw;
		margin-top: 4vw;
	}
	.sliderMoveRight {
		right: 0;
	}
	.sliderMoveLeft {
		left: 0;
	}
	.flip-container .flipper {
		transform-origin: 100% 7.1vw; /* half of height */
	}
	.flip-container, .flip-front, .flip-back {
		height: 14.2vw;
	}
	.scheduleBackGrid {
		height: 14.2vw;
	}
	.scheduleDetailsAnimeLogo {
		height: 6.5vw;
		top: .25vw;
	}
	.scheduleDetailsAnimeTitle {
		font-size: 2.7vw;
		line-height: 2.6vw;
	}
	.scheduleDetailsAnimeTitle.threeLines {
		font-size: 1.8vw;
		line-height: 1.8vw;
	}
	.scheduleDetailsCurrentState {
		border-top-width: 0.3vw;
		height: 1.8vw;
		line-height: 1.5vw;
	}
	.scheduleDetailsCurrentState.layer1::after {
		filter: blur(0.15vw);
		-webkit-text-stroke-width: 0.03vw;
	}
	.scheduleDetailsBlock1 {
		-webkit-shape-outside: polygon(97% 0%, 100% 0%, 100% 100%, 29% 100%);
		shape-outside: polygon(97% 0%, 100% 0%, 100% 100%, 29% 100%);
	}
	.scheduleDetailsBlock2 {
		-webkit-shape-outside: polygon(0% 0%, 70% 0%, 0% 100%, 0% 100%);
		shape-outside: polygon(0% 0%, 70% 0%, 0% 100%, 0% 100%);
	}
}

@media (max-width: 767px) {
	.schedule {
		margin-bottom: 5vw;
		box-shadow: 0.5vw 0.5vw 1.25vw rgba(0, 0, 0, 0.5);
		clip-path: polygon(62% 9%, 64% -5.96%, 120% -6.41%, 120% 108.41%, 50.09% 105.06%, -20% 104%, -20% 9%);
		-webkit-clip-path: polygon(62% 9%, 64% -5.96%, 120% -6.41%, 120% 108.41%, 50.09% 105.06%, -20% 104%, -20% 9%);
	}
	.scheduleEdit {
		clip-path: polygon(54% 9%, 56% -5.96%, 120% -6.41%, 120% 108.41%, 50.09% 105.06%, -20% 104%, -20% 9%);
		-webkit-clip-path: polygon(54% 9%, 56% -5.96%, 120% -6.41%, 120% 108.41%, 50.09% 105.06%, -20% 104%, -20% 9%);
	}
	.scheduleEdit .scheduleTitle img {
		height: 5.6vw;
		width: 5.6vw;
	}
	.scheduleTitle {
		font-size: 7vw;
		/*! clip-path: polygon(62% 60%, 63.2% 0%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 60%); */
		/*! -webkit-clip-path: polygon(62% 60%, 63.2% 0%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 60%); */
		padding-right: 2vw;
		height: 9vw;
		line-height: 9vw;
	}
	#slider {
		border-radius: 0 0 0.1vw 0.1vw;
		height: 52.3vw;
		overflow: hidden;
	}
	.sliderMove {
		position: absolute;
		width: 10vw;
		height: 100.2%;
		top: -.1%;
		z-index: 9;
		background-image: none;
		opacity: 1;
		border-radius: 0;
		margin-top: 0;
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 40% 50%, 0 0);
		-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 40% 50%, 0 0);
	}
	.sliderMoveRight {
		box-shadow: none;
		right: 0;
	}
	.sliderMoveLeft {
		left: 0;
		box-shadow: none;
		transform: scaleX(-1);
	}
	.sliderMove div {
		position: absolute;
		width: 10vw;
		height: 100%;
		z-index: 9;
		background-image: none;
		opacity: 1;
		border-radius: 0;
		margin-top: 0;
		background: #fff;
		clip-path: polygon(50% 0, 90% 50%, 50% 100%, 20% 100%, 60% 50%, 20% 0);
		-webkit-clip-path: polygon(50% 0, 90% 50%, 50% 100%, 20% 100%, 60% 50%, 20% 0);
	}
	.sliderMoveRight div {
		box-shadow: none;
		right: 0%;
	}
	.sliderMoveLeft div {
		left: 0vw;
		box-shadow: none;
	}
	.schedule:hover .sliderMove {
		opacity: 1;
	}
	.scheduleArrows {
		width: 94%;
		height: 46.4vw;
		position: absolute;
		margin-right: 0;
	}
	#slide-container {
	   padding-right: 2vw
	}

	.slide {
		height:52.4vw;
	}
	.slideLast {
		height: 52.4vw;
		clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
		-webkit-clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
	}
	.scheduleFrontAnimeLogo {
		/*! background-position: bottom 1.5vw center; */
		/*! filter: blur(0.05vw); */
		width: 91%;
		max-width: 91%;
		bottom: 1.5vw;
	}
	.slideBG {
		background-repeat: no-repeat !important;
		background-color: #fff;
	}
	.slideDate-container {
		transform: rotate(180deg);
		position: absolute;
		width: 100%;
		z-index: 999;
		height: 100%;
		pointer-events: none;
	}
	.slideDate {
		font-size: 4vw;
		line-height: 6vw;
		left: 10.2vw;
	}
	.flip-container .flipper {
		transform-origin: 100% 23.25vw; /* half of height */
	}
	.flipper {
		transition: 0.6s;
		transform-style: preserve-3d;
		position: relative;
	}
	.flip-container, .flip-front {
		height: 46.5vw;
	}
	.flip-back {
		width: 100%;
		height: 46.5vw;
		/*! padding-left: 8%; */
		/*! padding-right: 13%; */
		clip-path: polygon(10% 0%, 92.5% 0%, 83.5% 100%, 1.5% 100%);
		-webkit-clip-path: polygon(10% 0%, 92.5% 0%, 83.5% 100%, 1.5% 100%);
	}
	.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
		transform: rotateY(180deg);
	}
	.flip-container:hover .flipper {
		transform: rotateX(-180deg);
	}
	.flip-container {
		pointer-events: none;
	}
	.flip-front {
		pointer-events: all;
		z-index: 2;
	}
	.flip-front, .flip-back {
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		transition: 0.6s;
		transform-style: preserve-3d;
		transform: rotateY(0deg);
		position: absolute;
		top: 0;
		left: 0;
	}
	.flip-container .flip-back {
		transform: rotateX(180deg);
		padding-right: 8.7vw;
		padding-left: 0.7vw;
	}
	.flip-back {
		background: #fff;
		transform: rotateY(-180deg);
	}
	.scheduleDetailsBlock1 {
		float: right;
		height: 100%;
		width: 10vw;
		-webkit-shape-outside: polygon(100% 0, 100% 100%, 0 100%, 40% 50%, 0 0);
		shape-outside: polygon(100% 0, 100% 100%, 0 100%, 40% 50%, 0 0);
	}
	.scheduleDetailsBlock2 {
		float: left;
		height: 100%;
		width: 10vw;
		-webkit-shape-outside: polygon(0 100%, 0% 0%, 100% 0%, 60% 50%, 100% 100%);
		shape-outside: polygon(0 100%, 0% 0%, 100% 0%, 60% 50%, 100% 100%);
	}
	.scheduleBackGrid {
		height: 46.5vw;
	}
	.scheduleDetailsAnimeLogo {
		height: 20vw;
		/*! top: 1vw; */
		/*! background-size: auto 100%; */
		/*! background-position: center; */
		/*! background-repeat: no-repeat; */
		/*! margin-right: 2%; */
		margin-top: 1vw;
		max-width: 75%;
	}
	.scheduleDetailsAnimeTitle {
		font-size: 8vw;
		line-height: 9vw;
		margin-top: .5vw;
	}
	.scheduleDetailsAnimeTitle.threeLines {
		font-size: 6vw;
		line-height: 6.2vw;
		margin-top: 0vw;
	}
	.scheduleDetailsCurrentState {
		border-top-width: 1vw;
		height: 5.9vw;
		line-height: 4.9vw;
		width: 86%;
		left: 7%;
	}
	.scheduleDetailsCurrentState.layer1::after {
		filter: blur(0.5vw);
		-webkit-text-stroke-width: 0.08vw;
	}
}