body {
    width: 100%;
    /* position: relative; */
}

img {
    max-width: 100%;
    height: auto;
}

.d-none {
    display: none!important;
}

.button {
    display: inline-block;
    height: 49px;
    line-height: 49px;
    padding: 0px 20px;
    color: #ffffff;
}
.button:hover, .button.visited {
    text-decoration: none;
}
.button.pink {
    background-color: #ec008c;
}
.button.pink:hover {
    background-color: #f65eb8;
    color: #ffffff;
}
.button.white{
    border: 1px solid #fff;
}

.borderGradient {
    border: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
    border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);
    -moz-border-image-slice: 1;
    -webkit-border-image-slice: 1;
    border-image-slice: 1;
}

.ie .borderGradient{
    border: 1px solid #e0028b;
}

.paddingWrapper {
    padding-left: 15px;
    padding-right: 15px;
}

.pageWrapper {
    margin-top: 220px;
}

.no-padding {
    padding-right: 0;
    padding-left: 0;
}
.no-padding-right {
    padding-right: 0;
}
.no-padding-left {
    padding-left: 0;
}

/**
 * Header menu
 */
.headerMenu {
	position: absolute;
	width: 100%;
	height: 98px;
	background-color: transparent;
	z-index: 10;
}
.headerMenu .navbar-transparent {
    background-color: transparent;
    border-color: transparent;
}
.headerMenu .topLogo {
    float: left;
    margin: 0 0 0px 10px;
}
.headerMenu .social-icon {
    position: relative;
    float: right;
    margin-top: -15px;
    padding-left: 20px;
}
.headerMenu .social-icon ul {
    display: inline-block;
    position: relative;
    list-style: none;
}
.headerMenu .social-icon ul > li {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}
.headerMenu .social-icon ul > li > a {
    position: relative;
    padding: 0px 2px;
    text-align: center;
    width: 20px;
    height: 20px;
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.headerMenu .social-icon ul li a.facebook:hover {
  color: #ffffff;
  border-radius: 3px;
  background: #3B5998;
}
.headerMenu .social-icon ul li a.instagram:hover {
  border-radius: 3px;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
}
.headerMenu .social-icon ul li a.youtube:hover {
  border-radius: 3px;
  background: #ffffff;
  color: #c4302b;
}
.headerMenu .social-icon ul li a.spotify:hover {
  border-radius: 3px;
  background: transparent;
  color: #1DB954;
}
.headerMenu .social-icon ul li a.twitter:hover {
  border-radius: 3px;
  background: transparent;
  color: #00acee;
}
/* Hide Specific Menu */
/*.single-winaar .hide-on-page,
.single-finalist .hide-on-page {
    display: none;
}*/
.mainMenu {
    float: left;
    list-style-type : none;
    /* height: 98px; */
    padding-left:0px;
    margin-bottom: 0px;
}
.mainMenu > li {
    float: left;
    height: 98px;
    line-height: 98px;
    padding: 0px 15px;
}
.mainMenu > li > a {
    line-height: 98px;
    color: #ffffff!important;
    font-family: Karla;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    text-align: left;
    padding-right: 15px;
}
    .mainMenu > li.menu-item-has-children > a {
        background: url(../i/Triangle.png) no-repeat center right;
        padding-right: 16px;
    }
    .mainMenu > li:hover > a {
        border-bottom: 2px #ec008c solid;
        text-decoration: none;
    }

    .detailsMenuWrapper {
        margin:0px;
        padding:0px;
        display: none;
        position: absolute;
        left: 0px;
        width: 100%;
        z-index: 1;
        top:0px;
        padding-top: 40px;
    }
    .detailsMenuWrapper .menuContent {
        margin:0px;  
    }
    .detailsMenuWrapper .menuContent ul {
        padding:0px;
    }
    .detailsMenuWrapper .menuWrapper {
        overflow: hidden;
        float: left;    
        width: 100%;
        height: auto;
    }
    .detailsMenuWrapper .menuWrapper > ul {
    }

    .detailsMenuWrapper .menuContent .thumbnail {
        position: relative;
        width: 100%;
        height: 100%;
        border:none;
        background-color: transparent;
        display: block;
        margin-bottom: 20px;
        padding: 0px;
        transition: none;
        box-shadow: none;
    }

        .detailsMenuWrapper .menuContent .thumbnail .desc {
            display: block;
            position: absolute;
            z-index: 2;
            width: 100%;
            top: 0px; bottom: 0px;
            background-color: rgba(0, 0, 0, 0.6);
            padding-top: 10%;
        }
        .detailsMenuWrapper .menuContent .thumbnail a:hover .desc  {
            background: rgba(216, 3, 139, 0.6);
            background: -moz-linear-gradient(bottom right, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
            background: -webkit-linear-gradient(left top, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
            background: linear-gradient(to bottom right, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
        }
        .detailsMenuWrapper .menuContent .thumbnail .desc .menuTitle {
            margin-top:50px;
            display: block;
            color: #ffffff;
            font-family: Karla;
            font-size: 18.0px;
            font-style: normal;
            font-stretch: normal;
            font-weight: 700;
            text-align: center;
        }
        .detailsMenuWrapper .menuContent .thumbnail .desc .menuTitle:after {
            content: '';
            display: block;
            position: relative;
            width: 100px;
            height: 3px;
            background: #ec008c;
            margin: auto;
        }
        .detailsMenuWrapper .menuContent .thumbnail .desc .menuExcerpt {
            display: block;
            color: #ffffff;
            font-family: Karla;
            font-size: 14.0px;
            font-style: normal;
            font-stretch: normal;
            font-weight: 400;
            text-align: center;
        }
        .detailsMenuWrapper ul li.thumbnail:hover a {
            font-weight: normal;
        }
        .detailsMenuWrapper .menuContent .thumbnail img {
            position: absolute;
            z-index: 1;
            width: 100%; height: 100%;
            clear:both;
        }

/**
 * Top menu
 */
.topMenu {
    float: right;
    list-style-type : none;
}
    .topMenu > li {
        float: left;
        height: 78px;
        line-height: 78px;
        padding: 20px 0 0px;
    }
    .topMenu > li > a {
        line-height: 78px;
        color: #ffffff;
        font-family: Karla;
        font-size: 19.0px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 400;
        text-align: left;
    }
    .topMenu > li > a:hover {
        border-bottom: 2px #ec008c solid;
        text-decoration: none;
    }
    .topMenu > li.social {
        padding: 0px 5px;
    }
    .topMenu > li.social > a {
        font-size: 0;
        display: block;
        width: 22px;
    }
    .topMenu > li.social > a:hover {
        border: none;
        text-decoration: none;
    }
    .topMenu > li.social.facebook > a { background: url(../i/facebook.png) no-repeat center center; }
    .topMenu > li.social.instagram > a { background: url(../i/instagram.png) no-repeat center center; }
    .topMenu > li.social.youtube > a { width: 32px; background: url(../i/youtube.png) no-repeat center center; }
    .topMenu > li.social.spotify > a { background: url(../i/spotify.png) no-repeat center center; }
    .topMenu > li.social.twitter > a { background: url(../i/twitterwhite.png) no-repeat center center; }
    .topMenu > li.social.twitter > a:hover { background: url(../i/twitterwhite-hover.png) no-repeat center center; }

.mobileMenuBtnDiv {
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 10;
}

.mobileMenuBtnDiv {
    position: relative;
    width: 100%;
    top: 0px;
    z-index: 10;
}
    .mobileMenuBtnDiv .topLogo {
        float: left;
        margin: 10px 10px 0px 10px;
    }
    .menuSmallBtn {
        float: right;
        width: 30px;
        height: 20px;
        background: url(../i/Hamburger-White.png) no-repeat center center;
        margin: 20px;
    }

.mobileMenuDiv {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 90%;
    height: 100%;
    z-index: 11;
    background-color: #ffffff;
    display: block;
    transform: translateX(100%);
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.admin-bar .mobileMenuDiv{
    top: 46px;
}
.mobileMenuDiv.opened {
    transform: translateX(0);
}

.mobileMenu {
    list-style-type: none;
    padding: 0px;
    height: 100vh;
    overflow-y: scroll;
}
    .mobileMenu .menu-item {
        
    }

    .mobileMenu a {
        display: block;
        padding: 5px 10px;
        border-bottom: 1px #dedede solid;
        color: #393939;
        font-family: Karla;
        font-size: 18px;
        font-weight: 700;
    }
    .mobileMenu .menu-item:hover > a {
        background-color: #ec008c;
        color: #ffffff;
    }
    .mobileMenu .menu-item:hover > a {
        color: #ffffff;
    }
    .mobileMenu a:hover {
        text-decoration: none;
    }
    .mobileMenu .menuList {
        list-style-type: none;
        padding-left: 0px;
    }
    .mobileMenu .menuList > li > a{
        padding-left: 40px;
    }
    .mobileMenu .thumbnail {
        border: none;
        padding: 0px;
        margin-bottom: 0px;
    }

.mobileMenuDiv .menuSmallBtn {
    float: right;
    background: url(../i/Hamburger-Black.png) no-repeat center center;
}    

/**
 * Footer menu
 */
.footerMenu {
    list-style-type: none;
    margin-top: 50px;
    overflow: hidden;
    padding-left: 0px;
    margin-bottom: 100px;
}
    .footerMenu > ul > li {
        float: left;
    }
    .footerMenu ul {
        list-style-type: none;
        padding-left:0px;
        margin-top: 10px;
    }
    .footerMenu a {
        color: #ffffff;
        font-family: Karla;
        font-size: 18.0px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 400;
        text-align: left;
        line-height: 32px;
    }
    .footerMenu > li > a {
        font-weight: 700;
    }
    .footerMenu li a:hover {
        border-bottom: 2px #ec008c solid;
        text-decoration: none;
    }

.footerSocialMenu {
    float: right;
    list-style-type : none;
}
    .footerSocialMenu > li {
        float: left;
        height: 28px;
        line-height: 28px;
        padding: 0px 15px;
    }
    .footerSocialMenu > li > a {
        line-height: 28px;
        color: #ffffff;
        font-family: Karla;
        font-size: 19.0px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 400;
        text-align: left;
    }
    .footerSocialMenu > li > a:hover {
        border-bottom: 2px #ec008c solid;
        text-decoration: none;
    }
    .footerSocialMenu > li.social {
        padding: 0px 5px;
    }
    .footerSocialMenu > li.social > a {
        font-size: 0;
        display: block;
        width: 32px;
    }
    .footerSocialMenu > li.social > a:hover {
        border: none;
        text-decoration: none;
    }
    .footerSocialMenu > li.social.facebook > a { background: url(../i/facebook2.png) no-repeat center center; }
    .footerSocialMenu > li.social.instagram > a { background: url(../i/instagram2.png) no-repeat center center; }
    .footerSocialMenu > li.social.youtube > a { width: 40px; background: url(../i/youtube2.png) no-repeat center center; }
    .footerSocialMenu > li.social.spotify > a { background: url(../i/spotify2.png) no-repeat center center; }    
    .footerSocialMenu > li.social.twitter > a { background: url(../i/twitter.png) no-repeat center center; }   

.footer .subscribe {
    margin-bottom: 50px;
}
.footer .subscribe h2 {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    margin-top: 100px;
}    
.footer .subscribeDiv {
    margin-top: 30px;
    text-align: center;
}

.footer .subscribeDiv .frm_forms {
    margin-left: 30px;
}
.footer .subscribeDiv input[type="submit"] {
    display: inline-block;
    width: 177px;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    color: #ffffff;
    font-family: Karla;
    font-size: 16px;
    font-weight: 700;

    border: 1px solid transparent;

    -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
    border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);

    -moz-border-image-slice: 1;
    -webkit-border-image-slice: 1;
    border-image-slice: 1;

    background: transparent;
    box-shadow: none;

    margin-top: 0px;
}  
.ie .footer .subscribeDiv input[type="submit"] {
    border: 1px solid #e0028b;
}  
    .footer .subscribeDiv input[type="submit"]:hover, .footer .subscribeDiv input[type="submit"]:active {
        text-decoration: none;
        color: #ffffff;
        background: transparent;
    }
.footer .subscribeDiv input[type="text"], .footer .subscribeDiv input[type="email"] {
    width: 305px;
    height: 50px;
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0px 20px;
    margin-right: 10px;
    vertical-align: top;    
}
    .footer .subscribeDiv .frm_form_field, .footer .subscribeDiv .frm_submit {
        float: left;
        clear: none;
    }

.footer .jazzFooterLogoDiv {
    text-align: center;
}
    .footer .jazzFooterLogo {
        display: inline-block;
        position: relative;
        margin-top: -10px;
    }


/**
 * Copyright
 */
.copyright {
    color: #ffffff;
    font-family: Karla;
    font-size: 16.0px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    text-align: left;
    padding-bottom: 20px;
    line-height: 28px;
}

.mainWrapper {
    background-color: #191919;
}

/** 
 * Pagination 
 */
.pagination-sm > li {
    float: left;
    margin:0px 3px;
} 
    .pagination-sm > li > a, 
    .pagination-sm > li > span {
        padding: 10px 15px;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #ec008c;
    }

    .pagination > li.active > a, .pagination > li.active > a, .pagination > li > a:hover, .pagination > li.active > a:hover {
        background-color: #ec008c;
        border-color: #ec008c;
        color: #ffffff;
    }

/**
 * Main Banner
 */
.mainBanner {
    position: relative;
    /*background: #191919 url(../i/main-background.png) center center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
    margin-bottom: 50px;
    padding-top: 35vh;
    padding-bottom: 30px;
}
    .mainBanner .banner {
        top: 50%;
        transform: translateY(-50%);
        color: #ffffff;
    }
    .mainBanner > .title {
        font-family: Montserrat;
        font-size: 40px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 700;
        text-align: left;
    }
    .mainBanner > .title:after {
        content: '';
        display: block;
        position: relative;
        width: 65%;
        height: 1px;
        background: #ec008c;
    }
    .mainBanner > .description {
        font-family: Karla;
        font-size: 21px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 400;
        text-align: left;
    }

.pageBanner {
    position: absolute;
    left:0px;
}

.homeSectionTitle {
    font-size: 50.0px;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #ffffff;
    z-index: 1;
    position: relative;
}

.showAllDiv {
    margin-top: 30px;    
    text-align: center;
    position: relative;
    z-index: 2;
}

.newsSection {
    position: relative;
    padding-left:30px;
}
    .newsSection .borderBg {
        position: absolute;
        display: block;
        width: 550px;
        top:10px;
        left:0px;
        height: 450px;
    }
.newsList {
    margin-bottom: 70px;
    position: relative;
}
    .newsList .flickity-page-dots {
        position: relative;
    }

    .newsList .news {
        display: block;
        position: relative;
        /* width: 368px; */
        /* margin-right: 30px; */
    }
    .newsList .news:hover  {
        text-decoration: none;
    }
    .newsList .news:hover .more {
        text-decoration: underline;
    }
    .newsList .news .image {
        display:block;
        width: 100%;
        height: 405px;
    }
        .newsList .news .image img {
            width: 100%;
            height: 100%;
        }

    .newsList .news .content {
        display: block;
        z-index: 15;
        position: relative;
        width: 90%;
        margin: 0px auto;
        margin-top: -86px;
        height: 200px;
        background-color: #ffffff;
        padding: 10px 20px;
        color: #212121;
    }
        .newsList .news .content .title {
            display: block;
            font-size: 18px;
            line-height: 1.2;
            /* height: 52px; */
            /* font-weight: 400; */
            /* overflow: hidden; */
        }
        .newsList .news .content .excerpt {
            display: block;
            font-size: 14px;
            font-weight: 400;
            /* height: 46px; */
            margin-bottom: 8px;
        }
        .newsList .news .content .excerpt p {
                    overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
                    line-clamp: 5; 
            -webkit-box-orient: vertical;
        }
        .newsList .news .content .arrow {
            display: block;
            height: 16px;
            background: url(../i/news-arrow.png) no-repeat right center;
        }
         .newsList .news .content .more {
            font-family: 'Karla';
            font-size: 16px;
            color: #ec008c;
         }
        .newsList .news-wrapper {
            height: auto !important;
        }
        @media screen and (min-width:768px) {
            .newsList .news-wrapper {
                height: 500px !important;
            }
            
        }

.showAllNews {
    float: right;
    clear: both;
    padding-right: 30px;
    position: relative;
    z-index: 2;
    font-family: Karla;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}      
.showAllNews:after {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    right: 26px;
    height: 2px;
    background: #ec008c;
}
    .showAllNews:hover {
        text-decoration: none;
        color: #ffffff;
    }  

.interestingSection {
    position: relative;
    margin-top: 50px;
}
    .interestingSection .borderBg {
        position: absolute;
        display: block;
        top: 35%;
        width: 94%;
        left: 15px;
        right: 15px;
        height: 65%;
    }

.interestingSection .homeSectionTitle {
    padding-left: 30px;
}

.interestingList {

}
.interestingList .item {
    display: block;
    position: relative;
    margin-bottom: 30px;
}
.interestingList .item:hover {
    text-decoration: none;
}
.interestingList .item .image {
    display:block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    margin:0px auto;
}
    .interestingList .item .image img {
        position: absolute;
        display: block;
        max-width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.interestingList .item .content {
    display: block;
    z-index: 1;
    position: relative;
    width: 100%;
    margin: 0px auto;
    margin-top: -100px;
    height: 100px;
    background-color: #ffffff;
    padding: 10px 20px;
    color: #212121;
}
.interestingList .itemWrapper {
    position: relative;
}
.interestingList .item:hover .content,
.interestingList .item.active .content {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top:0px;
    top:0px;
    background: rgba(216, 3, 139, 0.6);
    background: -moz-linear-gradient(bottom right, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
    background: -webkit-linear-gradient(left top, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
    background: linear-gradient(to bottom right, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
}
    .interestingList .item .content .title {
        display: block;
        font-size: 18px;
        line-height: 26px;
        height: 26px;
        font-weight: 400;
        overflow: hidden;
    }
    .interestingList .item .content .excerpt {
        display: block;
        font-size: 14px;
        font-weight: 400;
        height: 38px;
        overflow: hidden;
        position: relative;
        margin-top: 8px;
    }
    .interestingList .item .content .arrow {
        display: block;
        position: absolute;
        top:12px;
        right:0px;
        width:9px;
        height: 16px;
        background: url(../i/news-arrow.png) no-repeat right center;
    }


    .interestingList .item:hover .content .centerContent,
    .interestingList .item.active .content .centerContent {
        position: absolute;
        top: calc(50% - 20px);
        left:0px; right:0px;
        padding: 10px 20px;
    }

    .interestingList .item:hover .content .title,
    .interestingList .item.active .content .title  {
        font-weight: 700;
        color: #ffffff;
    }
    .interestingList .item:hover .content .excerpt,
    .interestingList .item.active .content .excerpt  {
        font-weight: 400;
        color: #ffffff;
    }


.programSection {
    position: relative;
    padding-left:30px;
    margin-bottom: 50px;
    padding-bottom: 30px;
}
    .programSection .container {
        position: relative;
    }
    .programSection .borderBg {
        position: absolute;
        display: block;
        width: 95%;
        top:180px;
        left:0px;
        bottom: 0px;
        height: calc(100% - 180px);
    }
.programList {
}
    .programList .program {
        display: block;
        padding-bottom: 20px;
    }
    .programList .innerProgram {
        position: relative;
        display: block;
    }
    .programList .program:hover {
        text-decoration: none;
    }
    .programList .program .image {
        width: 100%;
    }
        .programList .program .image img {
            width: 100%;
        }

        .programList .program .content {
            display: block;
            z-index: 1;
            position: absolute;
            width: 100%;
            height: 100%;
            top:0px;
            background-color: rgba(34, 34, 34, 0.6);
            color: #ffffff;
        }
        .programList .program:hover .content {
            background: rgba(216, 3, 139, 0.6);
            background: -moz-linear-gradient(bottom right, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
            background: -webkit-linear-gradient(left top, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
            background: linear-gradient(to bottom right, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
        }
            .programList .program .mainContent {
                display: block;
                position: absolute;
                bottom: 0px;
                width: 100%;
                padding: 10px 20px;
                padding-bottom: 20px;
            }
            .programList .program .content .title {
                display: block;
                font-size: 24px;
                line-height: 32px;
                font-weight: 700;
                text-align: center;
            }
            .programList .program .content .excerpt {
                display: block;
                font-family: Karla;
                font-size: 16.0px;
                font-weight: 400;
                text-align: center;
                overflow: hidden;
            }
            .programList .program .content .arrow {
                display: block;
                height: 16px;
                background: url(../i/news-arrow.png) no-repeat right center;
            }

.muziektest {
    position: relative;
    margin-top: 50px;
}
    .muziektest .borderBg {
        position: absolute;
        display: block;
        top:10%;
        width: 94%;
        left: 15px;
        right: 15px;
        height: 90%;
    }
    .muziektest .content {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-left: 30px;
    }
    .muziektest .imagePlaceholder {

    }
        .muziektest .imagePlaceholder img {
            max-width: 100%;
        }
    .muziektest .title {
        color: #ffffff;
        font-size: 35px;
        font-weight: 700;
    }
    .muziektest .excerpt {
        color: #ffffff;
        font-family: Karla;
        font-size: 16px;
        font-weight: 400;
    }
    .muziektest .showAllDiv {
        text-align: left;
    }


/**
 * sponsors
 */
.sponsors {

}
    .sponsorsInner {
        background: rgba(216, 3, 139, 0.6);
        background: -moz-linear-gradient(bottom right, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
        background: -webkit-linear-gradient(left top, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);
        background: linear-gradient(to bottom right, rgba(216, 3, 139, 0.6) 0%, rgba(105, 17, 130, 0.6) 100%);

        padding-top: 30px;
        padding-bottom: 30px;
    }
    .sponsorsInner > .col-xs-12 > h2 {
        color: #ffffff;
        font-family: Montserrat;
        font-size: 50.0px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 700;
        text-align: left;
    }


    .sponsorsInner .top > h3, .sponsorsInner .other > h3 {
        color: #ffffff;
        font-family: Montserrat;
        font-size: 16.0px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 700;
        text-align: left;
    }

    .sponsors .top .sponsorItem {
        background: #ffffff;
        
    }
    .sponsors .top .sponsorItem img {
        width: 100%;
        height: 160px;
    }

    .sponsors .other .sponsorItem {
        background: #ffffff;
        
    }
    .sponsors .other .sponsorItem img {
        width: 100%;
        height: 65px;
    }

.sponsorWordLinkDiv {
    text-align: center;
    margin-top: 30px;
}
    .sponsorWordLink {
        display: inline-block;
    }    

/** Main Article **/
.mainArticle {
    background-color: #ffffff;
    min-height: 70vh;
    padding: 30px 50px 50px 50px;
    position: relative;
    color: #000000;
}
    .mainArticle > .mainContent > .title  {
        font-family: Montserrat;
        font-size: 50px;
        font-weight: 700;
        margin-bottom: 50px;
    }
    .mainArticle > .mainContent {
        margin-top: 30px;
        font-family: Karla;
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 60px;
        position: relative;
        word-wrap: break-word;
    }
    .mainArticle > .mainContent > .category {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
    }

    .mainArticle.oneColumn > .mainContent {
        -webkit-column-count: auto; /* Chrome, Safari, Opera */
        -moz-column-count: auto; /* Firefox */
        column-count: auto;
    }
    .mainArticle .featuredImage {
        margin-left: 50px;
        margin-right: -50px;
        float: right;
        width: 50%;
    }
        .mainArticle .featuredImage img {
            width: 100%;
        }

    .mainArticle .galery {
        padding: 60px 0px;
        margin-top: 50px;
        border-top: 1px solid transparent;

        -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
        border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);
        -moz-border-image-slice: 1;
        -webkit-border-image-slice: 1;
        border-image-slice: 1;
    }
    .ie .mainArticle .galery {
        border-top: 1px solid #e0028b;
    }
    .mainArticle .galery > figure {
        margin-bottom: 20px;
        padding: 0px 7px;
    }
    .mainArticle .galery > figure img {
        max-width: 100%;
    }
    .mainArticle .galery > figure figcaption{
        display: none;
    }
    #pswp .pswp__caption__center{
        text-align: center;
        font-weight: 700;
        font-size: 18px;
    }

    .mainArticle .download {
        border-top: 1px solid transparent;

        -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
        border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);
        -moz-border-image-slice: 1;
        -webkit-border-image-slice: 1;
        border-image-slice: 1;
    }
    .ie .mainArticle .download {
        border-top: 1px solid #e0028b;
    }
    .mainArticle .download h3 {
        font-family: Montserrat;
        font-size: 50px;
        font-weight: 700;
    }
    .mainArticle .download p {
        font-family: Karla;
        font-size: 16px;
        font-weight: 400;
    }
    .mainArticle .download .button {
        font-weight: bold;
        margin-top: 20px;
    }
    .mainArticle .locationWrapper {
        width: 100%;
        height: 400px;
    }
    .mainArticle .locationMap {
        position: absolute;
        left: 0px;
        right: 0px;
        height: 400px;
        bottom: 0px;
    }
    .mainArticle .socialDiv {
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid transparent;

        -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
        border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);

        -moz-border-image-slice: 1;
        -webkit-border-image-slice: 1;
        border-image-slice: 1;
    }
    .mainArticle .socialDiv {
        border-top: 1px solid #e0028b;
    }
    .sponsorsPage .mainArticle {
        background: rgba(216, 3, 139, 0.6);
        background: -moz-linear-gradient(bottom right, rgba(216, 3, 139, 1) 0%, rgba(105, 17, 130, 1) 100%);
        background: -webkit-linear-gradient(left top, rgba(216, 3, 139, 1) 0%, rgba(105, 17, 130, 1) 100%);
        background: linear-gradient(to bottom right, rgba(216, 3, 139, 1) 0%, rgba(105, 17, 130, 1) 100%);
        color: #ffffff;
    }
    .sponsorsPage .mainArticle .mainContent {
        padding-bottom: 0px;
        -webkit-column-count: 1; 
        -moz-column-count: 1; 
        column-count: 1;
    }
    .sponsorsPage .top .sponsorItem img, .sponsorsPage .other .sponsorItem img {
        width: 100%;
        height: auto;
        border: 1px solid #ec008c;
        display: block;
    }
    .sponsorsPage .other {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #share {
       float: right;
    }
    #share .jssocials-share {
        float: left;
        margin-left: 10px;
    }
    #share .jssocials-share a{
        display: block;
        width: 28px;
        line-height: 28px;
        height: 28px;
    }


/** Program **/
.mainBanner.programBanner {
    min-height: 200px;
    height: 200px;
    padding: 0px;
}  
    
    .programFilter {
        padding: 0px 30px;
        position: relative;
        margin-top: -120px;
        margin-bottom: 80px;
    }
    .filterHead {
        background-color: #191919;
        border: 1px solid transparent;
        -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
        border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);
        -moz-border-image-slice: 1;
        -webkit-border-image-slice: 1;
        border-image-slice: 1;
        min-height: 70px;
        padding: 10px;
    }
    .ie .filterHead {
        border: 1px solid transparent;
    }

    .filterHead .dayFilter {
        float: left;
        display: block;
        height: 50px;
        line-height: 50px;
        min-width: 120px;
        text-align: center;
        font-family: Karla;
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        border: 1px solid transparent;

        -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
        border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);

        -moz-border-image-slice: 1;
        -webkit-border-image-slice: 1;
        border-image-slice: 1;

        margin: 0px 10px;
        padding: 0px 20px;
        margin-bottom: 10px;
    }
    .ie .filterHead .dayFilter {
        border: 1px solid #e0028b;
    }
        .filterHead .dayFilter:hover {
            text-decoration: none;
        }

    .filterHead .allDay {
        float: left;
        display: block;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        text-align: center;
        min-width: 120px;
        font-family: Karla;
        font-size: 16px;
        font-weight: 700;
        background-color: #ec008c;
    }
        .filterHead .allDay:hover {
            text-decoration: none;
        }

    .filterHead .showFilter {
        float: right;
        padding-left: 30px;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 400;
        text-align: right;
        color: #ffffff;
        height: 50px;
        line-height: 60px;
        margin-top: -10px;
        border-bottom: 3px #ec008c  solid;
    }   
        .filterHead .showFilter:hover {
            text-decoration: none;
        } 
        
.filterContent {
    position: absolute;
    z-index: 2;
    top: 100%;
    width: auto;
    left: 30px;
    right: 30px;
    min-height: 300px;
    background: rgba(216, 3, 139, 0.6);
    background: -moz-linear-gradient(bottom right, rgba(216, 3, 139, 1) 0%, rgba(105, 17, 130, 1) 100%);
    background: -webkit-linear-gradient(left top, rgba(216, 3, 139, 1) 0%, rgba(105, 17, 130, 1) 100%);
    background: linear-gradient(to bottom right, rgba(216, 3, 139, 1) 0%, rgba(105, 17, 130, 1) 100%);
    padding: 30px;
    color: #ffffff;
    font-size: 16px;
    display: none;
}      
    .filterContent.expand {
        display: block;
    } 

    .filterContent .fitlerTitle {
        font-size: 24px;
        font-weight: 500;
    }
    .filterContent .row {
        margin-bottom: 60px;
    }
    .filterContent .submitFilter,
    .filterContent .removeFilter {
        margin-left: -30px;
        margin-right: -30px;
        /* margin-bottom: -30px; */
        display: block;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        text-align: center;
        min-width: 120px;
        font-family: Karla;
        font-size: 16px;
        font-weight: 700;
        background-color: #ec008c;
    }
    .filterContent .submitFilter:hover,
    .filterContent .removeFilter:hover {
        text-decoration: none;
    }

.programModalWrapper {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.6);
}

.mobileModalWrapper {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.6);
    z-index: 3;
}

.programModalWrapper.show {
    display: block;
}

.programDetailsModal {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0px;
    width: 50%;
    height: 100vh;
    left: 50%;
    background-color: #ffffff;
    overflow-y: scroll;
}    
    .programDetailsModal .banner img {
        width:100%;
    }
    .programDetailsModal .programDetailsContent {
        padding: 20px 30px;
        padding-bottom: 60px;
    }
    .programDetailsContent .title {
        font-family: Montserrat;
        font-size: 31px;
        line-height: 46px;
        font-weight: 400;
        text-align: left;
    }
    .programDetailsContent .genre {
        font-family: Karla;
        font-size: 16px;
        font-weight: 400;
    }
    .programDetailsContent .description {
        font-family: Karla;
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        margin-bottom: 30px;
    }
    .programDetailsContent .dateLocation,  .programDetailsContent .time {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
    }

    .programDetailsContent .images .imagePlaceholder {
        float: left;
        width: 200px;
        height: 150px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    
    .programDetailsContent .images img {
        width: 100%;
        height: 100%;
    }
    .programDetailsContent .spotify {
        display: none;
    }
    .programDetailsContent .socialDiv {
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid transparent;
        -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
        border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);
        -moz-border-image-slice: 1;
        -webkit-border-image-slice: 1;
        border-image-slice: 1;
    }
    .ie .programDetailsContent .socialDiv {
        border-top: 1px solid #e0028b;
    }
    .programDetailsContent .socialDiv .fb-share-button {
        float:right;
    }

/* 
 * Banner 
 */
.overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.75) 99%, rgba(0, 0, 0, 0.75) 100%);
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.75) 99%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.75) 99%, rgba(0, 0, 0, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.large-banner {
    padding-top: 140px;
    overflow: hidden;
}
.large-banner .wrap-banner {
  margin-bottom: 15px;
}
.large-banner .wrap-banner {
  position: relative;
} 
.large-banner .wrap-banner .carousel .carousel-inner .item {
    background-size: cover;
    height: 300px;
}
.large-banner .wrap-banner .carousel .carousel-inner .item .slide-caption .caption {
    position: absolute; 
    top: 85px; 
    left: 0; 
    width: 100%; 
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 75px;
    line-height: 1.2;
}
.large-banner .wrap-banner .carousel .carousel-inner .item .slide-caption .logo-slider {
    position: absolute;
    bottom: 5px;
    right: 30px;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 1.2;
}
.large-banner .wrap-banner .carousel .carousel-inner .item .slide-caption .logo-slider img {
    width: 120px;
}
.large-banner .wrap-banner .carousel .carousel-control {
    position: absolute;
    width: 75px;
    height: 100%;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.large-banner .wrap-banner .caption-1 {
    position: absolute; 
    top: 85px; 
    left: 0; 
    width: 100%; 
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 1.2;
}
.large-banner .wrap-banner .caption-2 {
    position: absolute;
    bottom: 5px;
    right: 30px;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 1.2;
}
.large-banner .wrap-banner .caption-2 span {
  color: #bf2a79;
}

.small-banner {
    padding-top: 140px;
    overflow: hidden;
}
.small-banner .wrap-banner {
    position: relative;
    height: 200px;
}
.small-banner .wrap-banner .carousel .carousel-inner .item {
    background-position: top center;
    background-size: cover;
    height: 200px;
}
.small-banner .wrap-banner .carousel .carousel-inner .item .slide-caption .logo-slider {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 10px;
    padding-bottom: 5px;
}
.small-banner .wrap-banner .carousel .carousel-inner .item .slide-caption .logo-slider img {
    width: 120px;
}
@media(max-width:767px){
    .small-banner .wrap-banner .carousel .carousel-inner .item .slide-caption .logo-slider {
        display: none;
    }
    .pagetitle h1 {
        text-align: center;
    }
}
.small-banner .wrap-banner .carousel .carousel-inner .item .slide-caption .caption-1 {
    position: absolute; 
    top: 50px; 
    left: 0; 
    width: 100%; 
    color: #ffffff;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 75px;
    line-height: 1;
}
.small-banner .wrap-banner .carousel .carousel-inner .item .slide-caption .caption-2 {
    position: absolute;
    bottom: 5px;
    right: 30px;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 1.2;
}
.small-banner .wrap-banner .carousel .carousel-control {
    position: absolute;
    width: 75px;
    height: 100%;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.small-banner .wrap-banner .caption-1 {
    position: absolute; 
    top: 65px; 
    left: 0; 
    width: 100%; 
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 1.2;
}
.small-banner .wrap-banner .caption-2 {
    position: absolute;
    bottom: 5px;
    right: 30px;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 1.2;
}
.small-banner .wrap-banner .caption-2 span {
    color: #bf2a79;
}
/* End Banner */


/* Page title */
.pagetitle {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    transform: translateY(-50%);
}
.pagetitle h1 {
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding: 10px 5px;
}


/* Video Player */
.plyr__control--overlaid,
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #bf2a79 !important;
}

.plyr--full-ui input[type=range] {
  color: #bf2a79 !important;
}

.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(191, 42, 121, 0.5) !important;
}


/*
 * Home v2 
 */
section.talent-info .wrapTalentInfo {
    overflow: hidden;
}
section.talent-info .wrapTalentInfo .no-padding-right:last-child {
    padding-right: 0;
}
section.talent-info .wrapTalentInfo .thumbnail {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}
section.talent-info .wrapTalentInfo .thumbnail img {
  margin-bottom: 0;
}
section.talent-info .wrapTalentInfo .caption {
    width: 90%;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
section.talent-info .wrapTalentInfo .caption h4 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
}
section.talent-award .wrapAward {
  padding-top: 30px;
}
section.talent-award .wrapAward .award-content h3 {
  font-family: 'helveticabold';
  font-size: 24px;
  color: #bf2a79;
  letter-spacing: 2px;
  margin-top: 10px;
  margin-bottom: 20px;
}
section.talent-award .wrapAward .award-content p {
  font-size: 13px;
  margin-bottom: 15px;
  color: #ffffff;
}
section.talent-award .wrapAward .award-content p > a {
    text-decoration: underline;
    color: #ffffff;
}
section.talent-award .wrapAward .bg-pink {
    background-color: #bf2a79;
}
section.talent-award .wrapAward .wrap-competition {
    padding: 30px 75px;
}
section.talent-award .wrapAward .wrap-competition .competition-date {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 0 0 20px 0;
}
section.talent-award .wrapAward .competition-date .display-text {
  float: left;
  position: relative;
  color: #ffffff;
  font-size: 14px;
}
section.talent-award .wrapAward .competition-date .display-text .icon {
    display: inline-block;
    height: 25px;
}
section.talent-award .wrapAward .competition-date .display-text a {
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
}
section.talent-award .wrapAward .competition-date .display-text a.jump-to.cs-underline {
    position: relative;
    text-decoration: none;
}
section.talent-award .wrapAward .competition-date .display-text a.jump-to.cs-underline:after {
    position: absolute;
    content: '';
    height: 1px;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
}
section.talent-award .wrapAward .competition-date .display-text img {
    width: 24px;
}
section.talent-award .wrapAward .competition-date .display-text span {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
}

section.video-talent {
    margin-top: 40px;
}

section.winning-talent {
  padding-top: 40px;
}
section.winning-talent .winner h3.section-title {
  font-family: 'HelveticaNeue-Bold';
  font-size: 24px;
  font-weight: 600;
  color: #bf2a79;
  margin-bottom: 20px;
}
section.winning-talent .winner .thumbnail {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}
section.winning-talent .winner .thumbnail img {
  margin-bottom: 0;
}
section.winning-talent .winner .caption {
    position: absolute;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}
section.winning-talent .winner .caption h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
section.winning-talent .winner .caption p {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
}
section.winning-talent .winner .caption p.small {
  font-size: 10px;
  margin-bottom: 1px;
}


/* 
 * Our Jury *
 */
/*section.our-jury {
  padding-top: 40px;
}
section.our-jury .jury h3 {
  font-size: 24px;
}
section.our-jury .jury h3.section-title {
  color: #bf2a79;
}
section.our-jury .jury .thumbnail {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}
section.our-jury .jury .thumbnail img {
  margin-bottom: 0;
}
section.our-jury .jury .caption {
    position: absolute;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 90%);
}
section.our-jury .jury .caption h4 {
  margin: 0;
  font-size: 16px;
  letter-spacing: 1px;
}
section.our-jury .jury .caption p {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
}
section.our-jury .jury .caption p.small {
  font-size: 10px;
  margin-bottom: 1px;
}
section.video-talent {
    position: relative;
    padding-top: 40px; 
}*/


/* 
 * Jury
 */
section.our-jury {
  padding-top: 40px;
}
section.our-jury .jury {
  padding: 40px 60px;
  background-color: #ffffff;
}
section.our-jury .jury h2 {
    font-family: Montserrat;
    font-size: 21px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 30px;
}
section.our-jury .jury .wrap-jury {
    position: relative;
    display: inline-block;
    margin-bottom: 50px;
}
section.our-jury .jury .content h3 {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
section.our-jury .jury .content p {
  font-family: Karla;
  font-size: 16px;
  line-height: 22px;
  margin-top: 20px;
}
section.our-jury .jury h3.section-title {
  font-size: 24px;
  font-weight: 700;
  color: #bf2a79;
  margin-bottom: 20px;
}
section.our-jury .jury .thumbnail {
  position: relative;
  padding: 0;
  margin-bottom: 30px;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}
section.our-jury .jury .thumbnail img {
  margin-bottom: 0;
}
section.our-jury .jury .finalist-likes {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 5px;
    position: absolute;
    top: 0;
}
section.our-jury .jury .finalist-likes a {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
}
section.our-jury .jury .finalist-likes .sl-count {
    font-size: 10px;
    vertical-align: middle;
    padding: 5px 3px;
}
section.our-jury .jury .caption,
section.our-jury .jury .caption a {
    position: absolute;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
}
section.our-jury .jury .caption h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
section.our-jury .jury .caption p {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
}
section.our-jury .jury .caption p.small {
  font-size: 10px;
  margin-bottom: 1px;
}
section.our-jury .jury .caption p.time {
    font-size: 16px;
    font-weight: 600;
}


/* 
 * Finalisten
 */
section.finalist-talent {
  padding-top: 40px;
}
section.finalist-talent .finalist h3.section-title {
  font-size: 24px;
  font-weight: 600;
  color: #bf2a79;
  margin-bottom: 20px;
}
section.finalist-talent .finalist .thumbnail {
  position: relative;
  padding: 0;
  margin-bottom: 30px;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}
section.finalist-talent .finalist .thumbnail img {
  margin-bottom: 0;
}
section.finalist-talent .finalist .finalist-likes {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 5px;
    position: absolute;
    top: 0;
}
section.finalist-talent .finalist .finalist-likes a {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
}
section.finalist-talent .finalist .finalist-likes .sl-count {
    font-size: 10px;
    vertical-align: middle;
    padding: 5px 3px;
}
section.finalist-talent .finalist .caption,
section.finalist-talent .finalist .caption a {
    position: absolute;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none;
}
section.finalist-talent .finalist .caption h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
section.finalist-talent .finalist .caption p {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
}
section.finalist-talent .finalist .caption p.small {
  font-size: 10px;
  margin-bottom: 1px;
}
section.finalist-talent .finalist .caption p.time {
    font-size: 16px;
    font-weight: 600;
}


/**
 * Contact v2
 */
section.conservatorium-event .wrapEvent .gmaps {
    margin-top: 20px;
}
section.conservatorium-event .wrapEvent .gmaps iframe {
    width: 100%;
    height: 100%;
}
section.conservatorium-event .wrapEvent .bg-competition-date {
  width: 100%;
  display: inline-block;
  background: #bf2a79;
  color: #ffffff;
  margin-top: 20px;
  padding: 40px 60px 20px;
  background-size: cover;
}
section.conservatorium-event .wrapEvent .bg-competition-date h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
}
section.conservatorium-event .wrapEvent .bg-competition-date .description {
  font-size: 14px;
  margin-bottom: 20px;
}
section.conservatorium-event .wrapEvent .bg-competition-date .display-text {
  width: 50%;
  float: left;
  position: relative;
  font-size: 14px;
  margin-bottom: 15px;
}
section.conservatorium-event .wrapEvent .bg-competition-date .display-text a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
}
section.conservatorium-event .wrapEvent .bg-competition-date .display-text a.jump-to.cs-underline {
    position: relative;
    text-decoration: none;
}
section.conservatorium-event .wrapEvent .bg-competition-date .display-text a.jump-to.cs-underline:after {
    position: absolute;
    content: '';
    height: 1px;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
}
section.conservatorium-event .wrapEvent .bg-competition-date .display-text .icon {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 25px;
}
section.conservatorium-event .wrapEvent .bg-competition-date .display-text img {
  display: block;
  width: 24px;
  padding-bottom: 10px;
}
section.conservatorium-event .wrapEvent .bg-competition-date .display-text span {
  display: block;
  font-size: 20px;
  font-weight: 600;
}

section.info {
  padding-top: 40px;
}
section.info .wrapInfo .listing-info {
  background: #bf2a79;
  color: #ffffff;
  padding: 30px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
section.info .wrapInfo .listing-info p > a {
    color: #ffffff;
    text-decoration: underline;
}
section.info .wrapInfo .listing-info .listing-icon {
  margin-bottom: 50px;
}
section.info .wrapInfo .listing-info .listing-icon img {
  width: 40px;
}

section.registratie {
  padding-top: 40px;
  padding-bottom: 40px;
}
section.registratie .registratie-wrapper {
  padding: 40px 70px 27px;
  background-color: #bf2a79;
  color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
section.registratie .registratie-wrapper h3 {
  margin: 15px 0 8px;
}
section.registratie .registratie-wrapper p {
  margin-bottom: 0;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style .form-field {
  margin-bottom: 10px;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style input[type=text],
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style input[type=email],
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style select {
  background-color: transparent;
  font-size: 12px;
  border-radius: 0;
  border: 1px solid #ffffff;
  color: #ffffff;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style select {
    padding-left: 6px;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style select option {
    color: #000000;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style select:invalid {
  color: gray;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style option[value=""][disabled] {
  display: none;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style option {
  color: black;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style input[type=text]::-webkit-input-placeholder,
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style input[type=email]::-webkit-input-placeholder {
  color: #ffffff;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style .frm_error {
  color: #ffffff;
  font-weight: normal;
}
section.registratie .registratie-wrapper .registratie-form .frm_style_formidable-style.with_frm_style .frm_submit button {
  padding: 5px 30px;
  margin: 0;
  color: #bf2a79;
  font-weight: 600;
  border-radius: 0;
}
/* End Contact v2 */


/* 
 * Single Winnar *
 */
#primary.content-area .site-main {
    padding-top: 140px;
    color: #ffffff;
}
#primary.content-area .site-main article .wrap-content {
    width: 100%;
    display: inline-block;
    position: relative;
}
#primary.content-area .site-main article .featured-image {
    width: 50%;
    float: left;
    padding-right: 25px;
}
#primary.content-area .site-main article .about-me h2 {
    margin-top: 10px;
    color: #BF2A79;
    font-weight: 600;
}
#primary.content-area .site-main article .about-me .skill {
    font-size: 20px;
    padding: 5px 0 8px;
}
#primary.content-area .site-main article .about-me span.website a {
    color: #ffffff;
    text-decoration: none;
}
#primary.content-area .site-main article .watch-video {
    position: relative;
    display: block;
    padding-top: 45px;
}
#primary.content-area .site-main article .watch-video h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}
#primary.content-area .site-main article .follow-info {
    position: relative;
    display: block;
    padding-top: 45px;
    padding-bottom: 45px;
}
#primary.content-area .site-main article .follow-info h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
    color: #BF2A79;
}
#primary.content-area .site-main article .follow-info .spotify-track iframe {
    height: 312px;
}
#primary.content-area .site-main article .social-media {
    background-color: #BF2A79;
    text-align: center;
    padding: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
}
#primary.content-area .site-main article .social-media ul.list-account {
    width: 95%;
    display: inline-block;
    text-align: center;
    list-style-type: none;
    padding-left: 0;
}
#primary.content-area .site-main article .social-media ul.list-account li {
    display: inline;
    float: left;
    margin-right: 120px;
}
#primary.content-area .site-main article .social-media ul.list-account li:last-child {
    margin-right: 0;
}
#primary.content-area .site-main article .social-media ul.list-account li .social_name {
    padding-bottom: 5px;
}
#primary.content-area .site-main article .social-media ul.list-account li .social_name h4 {
    font-size: 24px;
}
#primary.content-area .site-main article .social-media ul.list-account li .social_button > a {
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 8px 60px;
    font-weight: 600;
    color: #BF2A79;
}
#primary.content-area .site-main .related-posts {
    margin-bottom: 40px;
}
#primary.content-area .site-main .related-posts h3 {
    color: #BF2A79;
    font-weight: 600;
}
#primary.content-area .site-main .related-posts ul.related-posts-list {
    list-style-type: none;
}
#primary.content-area .site-main .related-posts .thumbnail {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}
#primary.content-area .site-main .related-posts .thumbnail img {
  margin-bottom: 0;
}
#primary.content-area .site-main .related-posts .caption {
    position: absolute;
    color: #ffffff;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
}
#primary.content-area .site-main .related-posts .caption h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
#primary.content-area .site-main .related-posts .caption p {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
}
#primary.content-area .site-main .related-posts .caption p.small {
  font-size: 10px;
  margin-bottom: 1px;
}



/*
 * Contact *
 */
.contact .form {
    padding-right: 30px;
}
.contact .address {
    padding-left: 30px;
    border-left: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
    border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);
    -moz-border-image-slice: 1;
    -webkit-border-image-slice: 1;
    border-image-slice: 1;
}
.ie .contact .address {
    border-left: 1px solid #e0028b;
}

.frm_style_formidable-style.with_frm_style input[type="submit"] {
    display: inline-block;
    height: 49px;
    line-height: 49px;
    padding: 0px 20px;
    font-family: Montserrat;
    font-size: 16px;
    color: #ffffff;
    background-color: #ec008c;
    border: none;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
}
.frm_style_formidable-style.with_frm_style input[type="submit"]:hover {
    background-color: #f65eb8;
    color: #ffffff;
}

/** 
 * News List
 */
.pageListTitle {
    color: #000000;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 700;
} 
.pageEmail {
    font-family: Montserrat;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
}
.listPageLink {
    color: #000000;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    display: block;
    margin-bottom: 40px;
}
    .listPageLink:hover {
        color: #000000;
    }
.newsDate {
    color: #000000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 20px;
}  
.newsListSection {
    margin-top: 50px;
}
.newsListSection .row {
    display: flex;
    flex-wrap: wrap;
}
.newsItem {
    padding: 0px 15px;
    margin-bottom: 50px;
    display: flex;
    align-items: stretch;
}
    .newsItem .box {
        /* display: block; */
        width: 100%;
        border: 1px solid #b3b3b3;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .newsItem .box:hover {
        text-decoration: none;
    }

    .newsItem .thumbnail {
        display: block;
        width: 100%;
        height: 0px;
        position: relative;
        overflow: hidden;
        padding-bottom: 90%;
        border-radius: 0px;
        border: none;
        margin-bottom: 0px;
    }
    .newsItem .thumbnail img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .newsItem .desc {
        padding: 20px 15px;
        display: flex;
        flex-direction: column;
        margin-top: 0px;
        flex: 1 1 auto;
    }
    .newsItem .title {
        display: block;
        color: #000000;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 700;
        /* height: 24px; */
        /* overflow: hidden; */
        margin-bottom: 5px;
    }
    .newsItem .title a{
        color: #000;
    }
    .newsItem .date {
        display: block;
        color: #000000;
        font-family: Montserrat;
        font-size: 14px;
        font-style: italic;
        height: 20px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .newsItem .excerpt {
        display: block;
        color: #000000;
        font-family: Montserrat;
        font-size: 14px;
        /* height: 66px; */
        height: auto;
        line-height: 22px;
        font-weight: 400;
        margin-bottom: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
                line-clamp: 5; 
        -webkit-box-orient: vertical;
    }
    .newsItem .more {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        padding: 0px 30px;
        /* margin-top: 20px; */
        margin-top: auto;
    }
/**
 * Persons List 
 */

.personList {
    border-bottom: 1px solid transparent;

    -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
    border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);

    -moz-border-image-slice: 1;
    -webkit-border-image-slice: 1;
    border-image-slice: 1;
    padding-bottom: 60px;
} 
.ie .personList {
    border-bottom: 1px solid #e0028b;
}

    .personList .imagePlaceholder img {
        width: 100%;
    }
    .personList .person {
        margin-bottom: 50px;
    }
    .personList .person h3 {
        font-family: Montserrat;
        font-size: 21px;
        font-weight: 700;
    }
    .personList .person h5 {
        font-family: Montserrat;
        font-size: 15px;
        font-style: italic;
        font-weight: 400;
    }
    .personList .person .content {
        font-family: Karla;
        font-size: 16px;
        line-height: 22px;
        margin-top: 20px;
    }
    .personList .person .content .more-content{
        display: none;
    }
    .personList .person .content .more-content p:empty{
        display: none;
    }
    .personList .person .videoLink {
        position: relative;
    }
    .personList .person .videoLink img {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
    }
    .personList .person .videoLink span {
        position: absolute;
        top:-25px;
        left: 0px;
        width: 100%;
        height: 100px;
        background: url(../i/video-logo.png) no-repeat center center;
        z-index: 1;
    }    

.final {
    border-bottom: 1px solid transparent;

    -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
    border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);

    -moz-border-image-slice: 1;
    -webkit-border-image-slice: 1;
    border-image-slice: 1;
    padding-top: 60px;
    padding-bottom: 60px;
}   
.ie .final {
    border-bottom: 1px solid #e0028b;
}
    .final h3 {
        font-family: Montserrat;
        font-size: 21px;
        font-weight: 700;
    } 
    .final .content {
        font-family: Karla;
        font-size: 16px;
        line-height: 22px;
        margin-top: 20px;
    }
    .final .imagePlaceholder img {
        width: 100%;
    }

.winners {
    padding-top: 60px;
    padding-bottom: 60px;
}    
    .winnersTitle {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 700;
    }

/**
 * Muziektest Page 
 */
.muziektestPage {


}
.muziektest.page-template {
    position: static;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .muziektestPage .banner {
        color: #ffffff;

        
    }
    .muziektestPage .banner .banner-wrapper{
        border-bottom: 1px solid transparent;

        -moz-border-image: -moz-linear-gradient(left, #e0028b 0%, #481573 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #e0028b 0%, #481573 100%);
        border-image: linear-gradient(to right, #e0028b 0%, #481573 100%);

        -moz-border-image-slice: 1;
        -webkit-border-image-slice: 1;
        border-image-slice: 1;
    }
    .ie .muziektestPage .banner .banner-wrapper{
        border-bottom: 1px solid #e0028b;
    }
    .muziektestPage .banner .title {
        font-family: 'Playfair Display';
        font-size: 50px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 700;
        text-align: left;
    }
    .muziektestPage .banner .description {
        font-family: Karla;
        font-size: 21px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 400;
        text-align: left;
        background: none;
    }
    .muziektestPage .bannerResult {
        color: #ffffff;
        padding-bottom: 120px;
    }
    .muziektestPage .bannerResult .title {
        font-family: 'Playfair Display';
        font-size: 38px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 500;
        text-align: left;
        border: none;
        margin-bottom: 30px;
    }
    .muziektestPage .bannerResult .description {
        font-family: Karla;
        font-size: 21px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 400;
        text-align: left;
    }
    .muziektestPage .bannerResult .programPage {
        font-family: Karla;
        font-size: 21px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 600;
        text-align: left;
        text-decoration: underline;
        color:#ffffff;
    }
    .muziektestPage .bannerResult .bannerBox {
        height: 0px;
        padding-bottom: 60%;
        position: relative;
    }
    .muziektestPage .bannerResult .bannerBox img {
        width: 100%;
        height: 100%;
        position: absolute;
        top:0px;
        left:0px;
        z-index: 1;
        object-fit: cover;
        object-position: top;
    }
    .muziektestPage .bannerResult .bannerBox .overlay {
        background: rgba(216, 3, 139, 0.8);
        background: -moz-linear-gradient(bottom right, rgba(216, 3, 139, 0.8) 0%, rgba(105, 17, 130, 0.8) 100%);
        background: -webkit-linear-gradient(left top, rgba(216, 3, 139, 0.8) 0%, rgba(105, 17, 130, 0.8) 100%);
        background: linear-gradient(to bottom right, rgba(216, 3, 139, 0.8) 0%, rgba(105, 17, 130, 0.8) 100%);

        width: 100%;
        height: 100%;
        display: table;
        position: absolute;
        top:0px;
        left:0px;
        z-index: 2;
    }
    
    .muziektestPage .bannerResult .bannerBox .overlay > div {
        display: table-cell;
        vertical-align: middle;
        padding: 0px 30px;
    }
    .muziektestPage .bannerResult .bannerBox .overlay > div > h3 {
        font-family: Montserrat;
        font-size: 50px;
        font-weight: 700;
        border-top: 1px solid rgba(255, 255, 255, .4);
        padding-top: 5px;
    }

    .muziektestPage .bannerShare {
        height: 0px;
        padding-bottom: 60%;
        position: relative;
        margin-bottom: 60px;
    }
    .muziektestPage .bannerShare > img {
        width: 100%;
        height: 100%;
        position: absolute;
        top:0px;
        left:0px;
        z-index: 1;
    }
    .muziektestPage .bannerShare > .overlay {
        background: rgba(216, 3, 139, 0.8);
        background: -moz-linear-gradient(bottom right, rgba(216, 3, 139, 0.8) 0%, rgba(105, 17, 130, 0.8) 100%);
        background: -webkit-linear-gradient(left top, rgba(216, 3, 139, 0.8) 0%, rgba(105, 17, 130, 0.8) 100%);
        background: linear-gradient(to bottom right, rgba(216, 3, 139, 0.8) 0%, rgba(105, 17, 130, 0.8) 100%);

        width: 100%;
        height: 100%;
        display: table;
        position: absolute;
        top:0px;
        left:0px;
        z-index: 2;

        padding: 25px 25px 25px 60px;
    }
    .muziektestPage .bannerShare > .overlay .date {
        font-family: Karla;
        font-size: 18px;
        font-weight: 600;
        color:#ffffff;
        text-align: center;
        display: block;
    }
    .muziektestPage .bannerShare > .overlay .text1, .muziektestPage .bannerShare > .overlay .text2 {
        font-family: Karla;
        font-size: 22px;
        line-height: 38px;
        display: block;
        color:#ffffff;
    }
    .muziektestPage .bannerShare > .overlay .genre {
        font-family: Montserrat;
        font-size: 70px;
        line-height: 90px;
        font-weight: 600;
        color:#ffffff;
        margin: 30px 0px 30px 0px;
    }
    .muziektestPage .bannerShare .logo {
        float: right;
    }
        .muziektestPage .bannerShare .logo img {
            max-width: 100%;
            height: auto;
        }
 
    .muziektestPage .bannerResult .shareTitle {
        float: right;
        clear: both;
        font-family: Karla;
        font-size: 21px;
    }
    .shareMuziektest {
        float: right;
        clear: both;
    }
    .shareMuziektest .jssocials-share {
        float: left;
        margin-left: 10px;
    }
    .muziektestPage .genreBanner {
        display: block;
        margin-bottom: 60px;
    }
        .muziektestPage .genreBanner img {
            max-width: 100%;
            height: auto;
        }
    
    .muziekTestRow {
        margin-top: 60px;
        border-bottom: 1px #2e2e2e solid;
        padding-bottom: 60px;
    }
    .muziekTestRow .youtube {
        height: 0px;
        padding-bottom: 60%;
        position: relative;
    }
        .muziekTestRow .youtube .borderBg {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            top:4%;
            left:3%;
        }
        .muziekTestRow .title {
            color:#2e2e2e;
            font-weight: 400;
        }
        .muziekTestRow .youtube iframe {
            width: 100%;
            height: 100%;
            position: absolute;
            top:0px;
            left:0px;
        }

    .scores {
        margin-top: 50px;
    }    
    .scores .score {
        float:left;
        width: 20%;
        padding: 0px 15px;
        cursor: pointer;
    }
    
        .scores .score input[type="radio"] {
            display: none;
        }
        .scores .checked {
            position: absolute;
            top: -15px; right: -15px;
            width:30px; height: 30px;
            border:1px transparent solid;
            border-radius: 15px;
            background: #ab0887 url(../i/check@2x.png) no-repeat center center;
            display: none;
        }
        .scores .score > div {
            border:2px #2e2e2e solid;
            padding: 10px;
            position: relative;
        }
        .scores .score.selected .checked {
            display: block;
        }
        .scores .score.selected > div {
            border:2px #ab0887 solid;
        }
        .scores .smiley {
            text-align: center;
        }
        .scores .smiley img {
            max-width: 100%;
        }
        .scores .desc {
            font-family: Karla;
            margin-top: 20px;
            color: #ffffff;
            text-align: center;
            /* font-weight: 600; */
            height: 44px;
            overflow: hidden;
            font-size: 16px;
        }
        @media(max-width:767px){
            .scores .score {
            padding: 0 4px;
            }
            .scores .desc{
                height: auto;
            }
        }
    
    #submitMuziektest {
        float: right;
        margin-top: 60px;
        margin-bottom: 120px;
        width: 313px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        font-family: 'Karla', sans-serif;
        font-size: 16px;
        font-weight: 700;
    } 

#music-test-form{
    margin-bottom: 50px;
}

    #music-test-form .title {
        font-family: 'Playfair Display';
        font-size: 38px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 500;
        text-align: left;
        border: none;
        margin-bottom: 30px;
        color: #fff;
    }   

/* for the TMSQR */
.page-id-6032 .mainArticle {
	background-color: #481573;
}

#tmsqr-inject-timetable h1 {
	color: #D0007B;
}

/* Subscribe Form Popup */
#subscribe-form .footer{
    background: url(../i/footer-background.jpg) no-repeat left top;
    padding: 30px 30px 40px;
    border-radius: 10px;
}

#subscribe-form .footer h2{
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    text-align: center;
}

#subscribe-form .footer .subscribeDiv .frm_forms{
    margin-left: 0px;
}

#subscribe-form .footer form{
    margin: 0px;
    padding: 0px;
}

#subscribe-form .footer .frm_style_formidable-style.with_frm_style fieldset{
    padding: 0px;
}

#subscribe-form .footer .subscribeDiv .frm_form_field{
    margin: 0px;
    width: 65%;
}

#subscribe-form .modal-content{
    border-radius: 14px;
}

#subscribe-form .footer .subscribeDiv input[type="email"]{
    margin-right: 0px;
    width: 70%;
    height: 49px;
    margin-right: 8px;
}

#subscribe-form .footer .subscribeDiv .frm_submit{
    width: 35%;
}

#subscribe-form .footer .subscribeDiv input[type="submit"]{
    margin: 0px;
    width: calc(30% - 12px);
    padding: 0px;
}

#subscribe-form .footer .subscribeDiv .frm_submit .frm_ajax_loading{
    display: inline-block;
    width: 16px;
}

#subscribe-form .footer .close{
    color: #F65EB8;
    color: #ffffff;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 2em;
}