.mg-body {
position: relative;
margin: 1vw auto;
width: 100em;
font-size: 11px; }

.mg-inner {
overflow: hidden;
position: relative;
height: 30.4em;
list-style: none;
margin: 0;
padding: 0; }

.mg-navigate-left,
.mg-navigate-right {
position: absolute;
top: 50%;
margin-top: -2em;
width: 3em;
height: 3em;
z-index: 300;
cursor: pointer;
margin-left: -6em;
margin-right: -5em; }
.mg-navigate-left:after,
.mg-navigate-right:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 0 solid #0e3391;
border-width: 0.6em 0.6em 0 0;
z-index: 400;
box-shadow: #fff 1em -1em 2em; }

.mg-navigate-left {
left: 1em;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }

.mg-navigate-right {
right: 1em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }

/**
* Item, mainly inactive state
*/
.mg-item {
position: absolute;
z-index: 0;
margin: 0;
top: 3.4em;
right: 58.1em;
left: 0;
background: #fff; }
.mg-item > * {
opacity: 0.1; }

.mg-item-image {
width: 38.1em;
height: 23.6em;
overflow: hidden;
text-align: center;
border-radius:20px;}

.mg-item-teaser {
width: 40em;
padding: 0.5em 1em;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
position: absolute;
right: -29em;
top: 1.8em;
bottom: 1.8em;
background: rgba(255, 255, 255, 1);
webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
z-index: 10;
color: #000; }

.mg-item-header {
font-size:1.4vw!important;
font-weight:700!important;
}
.mg-item-teaser p {
font-size:14px!important;
padding:.3vw!important;
background-color:#000;
color:#FFF;
width:30%;
font-weight:700;
text-align:center;
border-radius:5px;
}
.mg-item-text {
font-size: 1.5em;
margin: 0.3em 0;
padding: 0.3em 0;
line-height: 1.5; }

/**
* Currently active item
*/
.mg-item:nth-child(3) {
left: 11.7em;
right: 30.5em;
z-index: 100;
top: 0; }
.mg-item:nth-child(3) > * {
opacity: 1; }
.mg-item:nth-child(3) .mg-item-teaser {
-webkit-transform: rotateY(0);
transform: rotateY(0);
right: -29em;
border-radius:20px;
padding:30px;}
.mg-item:nth-child(3) .mg-item-image {
width: 54em;
height: 30.4em;
border-radius:20px;
}
.mg-item:nth-child(3) + li {
z-index: 50; }
.mg-item:nth-child(3) ~ li {
right: 0;
left: 58.1em; }

.mg-item {
-webkit-transition-property: left, right, top, opacity;
transition-property: left, right, top, opacity;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s; }

.mg-item-image {
-webkit-transition-property: height, width;
transition-property: height, width;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s; }

.mg-item-teaser {
-webkit-transition-property: right, -webkit-transform;
transition-property: right, -webkit-transform;
transition-property: right, transform;
transition-property: right, transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s; }