.main-chevron{
	display:flex;
	height:350px;
	margin: 30px 0;
	position: relative;
    left: -30px;
}
.chevron-left{
	width: 88px;
    transform: perspective(300px) rotateY(-79deg);
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.chevron-left-line {
	height: 40px;
	width: 262px;
	/*box-shadow: 4px 4px 4px rgba(,0,0,0,0.3);*/
}
.chevron-left-line-1{
	background: #25405E;
}
.chevron-left-line-2{
	background: #244B83;
}
.chevron-left-line-3{
	background: #E4D847;
}
.chevron-left-line-4{
	background: #BC3C3B;
}
.chevron-left-line-5{
	background: #9A3935;
}
.chevron-right{
	min-width:286px;
	/*max-width:300px;*/
	height:100%;
}
.chevron-right-line{
	display:flex;
	flex-flow: row;
	/*overflow: hidden;*/
}
.chevron-right-inner{
	transition: width 0.3s;
	height:70px;
	box-sizing: border-box;
	width:210px;
	overflow:hidden;
	white-space: nowrap;
	display:flex;
	padding:8px;
	font-family: 'DINCondLightRegular';
	color: white;
	box-shadow: 4px 4px 4px rgba(,0,0,0,0.3);
	cursor: pointer;
}
.chevron-right-inner-1{
	background: #25405E url('images/icons/Exceeding-our-potential.svg') 16px 10px no-repeat;
	background-size:50px;
	width:210px;
}
.chevron-right-inner-2{
	background: #244B83 url('images/icons/Being-active-agents.svg') 16px 10px no-repeat;
	background-size:50px;
	width:230px;
}
.chevron-right-inner-3{
	background: #E4D847 url('images/icons/Reflecting-on-our practice.svg') 16px 10px no-repeat;
	background-size:50px;
	width:250px;
}
.chevron-right-inner-4{
	background: #BC3C3B url('images/icons/Loving-lifelong-learning.svg') 16px 10px no-repeat;
	background-size:50px;
	width:230px;
}
.chevron-right-inner-5{
	background: #9A3935 url('images/icons/Living-our-values.svg') 16px 10px no-repeat;
	background-size:50px;
	width:210px;
}
.chevron-right-inner p {
	margin:0;
	z-index:1;
	border-left: 1px white dotted;
    padding-left: 10px;
}
.chevron-right-inner-left{
	min-width:260px;
	display: flex;
	flex-flow: row;
	align-items: center;
	color: white;
	font-size: 1.6em;
	line-height: 110%;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.91);
	padding-left:64px;
}
.chevron-right-inner-right {
	font-size: 1.2em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.91);
	display: flex;
	flex-flow: row;
	align-items: center;
	line-height:120%;
}
.chevron-right-inner-right a{
	z-index:100;
}
.chevron-right-inner-point{
	width: 50px;
    height: 50px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    transform-origin: 0 0;
    transform: rotate(-45deg);
    position: relative;
    top: 35px;
    left: -35px;
}
.chevron-right-inner-point-1{
	background-color: #25405E;
}
.chevron-right-inner-point-2{
	background-color: #244B83;
}
.chevron-right-inner-point-3{
	background-color: #E4D847;
}
.chevron-right-inner-point-4{
	background-color: #BC3C3B;
}
.chevron-right-inner-point-5{
	background-color: #9A3935;
}
#dialog-video{
	width:90%;
	max-width:560px;
}
#video-frame{
	width:100%;
	height:320px;
}
/*
.chevron-right-inner-point{
	width:0px;
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
}
.chevron-right-inner-point-1{
	border-left: 35px solid #25405E;
}
.chevron-right-inner-point-2{
	border-left: 35px solid #244B83;
}
.chevron-right-inner-point-3{
	border-left: 35px solid #E4D847;
}
.chevron-right-inner-point-4{
	border-left: 35px solid #BC3C3B;
}
.chevron-right-inner-point-5{
	border-left: 35px solid #9A3935;
}
*/
dialog::backdrop {
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.5);
	transition: background 0.5s;
}
.chevron-right-inner a{
	cursor:pointer;
}
@media (min-width: 768px ) { 
	
	.chevron-right-inner-1:hover{
		width:480px;
	}
	.chevron-right-inner-2:hover{
		width:500px;
	}
	.chevron-right-inner-3:hover{
		width:460px;
	}
	.chevron-right-inner-4:hover{
		width:610px;
	}
	.chevron-right-inner-5:hover{
		width:560px;
	}
	.main-chevron{
		left: -40px;
	}
	.chevron-left {
		width: 161px;
		transform: perspective(300px) rotateY(-70deg);
	}
	.chevron-left-line {
		width: 270px;
		box-shadow: 2px 2px 2px rgba(,0,0,0,0.3);
	}
}