@import url(Roboto+Condensed/Roboto+Condensed.css);
.megamenu img {
    max-width: 100%;
    height: auto;
}
.megamenu .format-video {
    width: 20%;
}
.navigation a {
    color: #5e5e5e;
}
.navigation a:hover {
    text-decoration: none;
    color: #d2434c;
}
.megamenu-sub-title {
    color: #d2434c !important;
}
.newMusikclips {
    margin-left: 15px;
}
.btnMoreMusikclips {
    width: 100%;
    margin-bottom: 15px;
}

.navigation{
    width: 840px;
    height:50px;
    background:#f8f7f3;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,.4);
    -moz-box-shadow:0 0 3px rgba(0,0,0,.4);
    box-shadow:0 0 3px rgba(0,0,0,.4);
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    border-radius:0 0 4px 4px;
    z-index:10;
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    position:absolute;
    top:80px;
    padding: 0;
}
.navigation ul {
    list-style: none;
    padding: 0;
}
.navigation li {
    margin: 0;
}
.navigation > ul > li{
    display:inline-block;
    line-height:50px;
    font-size:15px;
    text-align: left;
    /* text-transform:uppercase; */
    position:relative;
}
.navigation > ul > li i{
    font-size:13px;
}
.navigation > ul > li > a{
    padding:0 10px;
    display:block;
    text-decoration:none;
}
.navigation > ul > li ul{
    position:absolute;
    top:60px;
    left:30px;
    z-index:999;
    display:none;
    min-width:100%;
    height:auto;
    background:#fff;
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 2px 2px rgba(0,0,0,.2);
    box-shadow:0 2px 2px rgba(0,0,0,.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-left:30px;
}
.navigation > ul > li ul:before {
    position: absolute;
    left:50%;
    top: auto;
    margin: -10px 0px 0px -10px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 5px;
    border-bottom-color: #ffffff;
    content: " ";
    pointer-events: none;
}
.navigation > ul > li ul li ul:before {
    position: absolute;
    left:0;
    top: auto;
    margin: 15px 0px 0px -10px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 5px;
    border-right-color: #ffffff;
    content: " ";
    pointer-events: none;
}
.navigation > ul > li:hover ul{
    display:block;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.navigation > ul > li > ul li{
    line-height: normal;
    font-size:14px;
    position:relative;
}
.navigation > ul > li > ul li > a{
    display:block;
    padding:10px 20px;
    border-bottom:1px solid #f8f7f3;
    white-space:nowrap;
    text-decoration:none;
}
.navigation > ul > li > ul li a:hover{
    text-decoration:none;
}
.navigation > ul > li > ul li:last-child a{
    border-bottom:0;
}
.navigation > ul > li > ul li ul{
    left:100%!important;
    top:0;
    min-width: inherit;
    margin-left:11px;
    position:absolute;
}
.navigation > ul > li.megamenu{
    position:inherit!important;
    left:0;
}
.navigation > ul > li.megamenu i{
    font-size:100%;
}
.navigation > ul > li.megamenu > ul{
    left:-30px!important;
    width:100%;
}
.navigation .megamenu-container{
    padding:25px;
    width:100%;
    color:#cccccc;
}
.navigation .megamenu-container ul{
    display:block!important;
    color:#666666;
    left:0!important;
    box-shadow:none;
    opacity:1!important;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background:transparent;
    position:relative!important;
    text-align:left!important;
    margin-left:0;
}
.navigation > ul > li.megamenu > ul:before {
    position: absolute;
    left:50%;
    top: auto;
    margin: -10px 0px 0px -10px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 5px;
    border-bottom-color: #ffffff;
    content: " ";
    pointer-events: none;
}
.navigation > ul > li.megamenu .meta-data{
    text-transform:none;
}
.navigation .megamenu-container .megamenu-sub-title{
    display:block;
    padding-bottom:7px;
    margin-bottom:12px;
    color:#666666;
    text-transform:none;
    font-weight:400;
    font-size:20px;
    text-align:left!important;
    border-bottom:1px solid #f8f7f3;
}
.navigation .megamenu-container ul li a{
    display:block;
    padding:7px 0;
    border-bottom:0;
}
.navigation .megamenu-container ul li a i{
    display:none;
}
.navigation .megamenu-container ul li a:hover{
    text-decoration:none;
}
/*Mediabox*/
.media-box{
    position:relative;
    display:block;
    max-width:100%;
}
.media-box .zoom, .media-box .expand{
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    color:#ffffff!important;
    font-size:1.5em;
    z-index:999;
    left:0;
    top:0;
    margin:0;
    background-color:rgba(0,0,0,.5);
    opacity:0;
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.1s;
}
.img-thumbnail img:hover, .img-thumbnail:hover{
    opacity:.9
}
.media-box:hover .zoom, .media-box:hover .expand{
    opacity:1;
    -webkit-transition: opacity .3s .2s;
    -moz-transition: opacity .3s .2s;
    -ms-transition: opacity .3s .2s;
    -o-transition: opacity .3s .2s;
    transition: opacity .3s .2s;
}
.mejs-container{
    margin-bottom:20px;
}
.media-box .media-box-wrapper{
    padding:30px;
}