@charset "UTF-8";
/* CSS Document */


html,
body {
    overflow-x: hidden;
}

.container.container-xl {
    width: 1600px;
    max-width: 100%;
}
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) { 
    
    .row {
        display: block;
        clear: both;
    }
        .row:after,
        .row:before {
            content: "";
            display: block;
            clear: both;
        }
    .row *[class*="col-"] {
        display: block;
        float: left;
        width: 100%;
    } 

}


[src="/media()"],
[src=""] {
    display: none!important;
}
.gotham {
    font-family: Gotham!important;
    font-weight: bold!important;
    text-transform: none!important;
}

.row.row-condensed {
    margin-left: -7px;
    margin-right: -7px;
}
.row.row-condensed > [class*="col-"] {
    padding-left: 7px;
    padding-right: 7px;
}

.row.row-responsive > [class*="col-"] {
    margin-bottom: 15px;
}

.row.row-responsive.row-condensed > [class*="col-"] {
}

*{
    box-sizing: border-box;
}


[onclick] {
    cursor: pointer;
}

body {
    color: #000;
    font-family: 'Barlow', sans-serif;
    font-size: 1rem;
    line-height: 1.6em;
    padding-top: 0;
        display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
}
body > * {
    width: 100%;
}
body > footer {
    margin-top: auto
}

picture img {
    width: 100%;
    height: 100%;
}

img[data-object-fit="cover"] {
    object-fit: cover
}

.alert {
    margin: 0;
    border: 0;
    border-radius: 0;
    /*font-family: 'Platform';*/
    text-align: center;
    color: white;
    font-size: 20px;
    /*text-transform: uppercase;*/
}
a[href="javascript:void(0)"]:focus,
a[href="javascript:void(0)"]:active,
a[href="javascript:void(0)"]:hover {
    text-decoration: none;
    cursor: default;
}

.col-md-4.col-xl-3:empty {
    display: none;
}

.anchor-target {
    position: absolute;
    top: -80px;
}

.anchor-link {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: 80px;
    height: 80px;
    display: block;
    margin: auto;
    border: 6px solid white;
    color: white!important;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.anchor-link i {
    top: 3px!important;
    font-size: 4rem!important;
    text-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.control-group {
    margin-bottom: 15px;
}

img {
    transition: 0.2s ease all;
}
header a:hover img {
    transform: scale(1.05);
}
.form-control,
textarea.form-control,
textarea,
select.form-control,
select,
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="text"] {
    background-color: #efefef!important;
    border: 0 !important;

    border-radius: 0 !important;
    font-family: 'Antonio';

    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image:  url('../images/arrow-down-select.svg')!important;
    background-repeat:  no-repeat!important;
    background-position: center right 15px!important;
    background-size: 12px!important;
    max-width: 100%;
    display: block;
    background-color: white!important;
    text-align: center;
    height: auto;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 7px 38px 7px 21px;
    font-weight: bold;
    
}
select.text-white {
    background-image:  url('../images/arrow-down-select-white.svg')!important;
}


option:checked {

    font-weight: bold;
}
textarea {
    min-height: 125px;
}


.hide {
    display: none;
}

img {
    max-width: 100%;
}

.o-hidden {
    overflow: hidden !important;
}

.va-middle {
    vertical-align: middle;
}

.cover {
    background-size: cover !important;
    background-position: bottom !important;
    color: white;
}

.z-1 {
    z-index: 1;
}
.h-100 {
    height: 100%;
}
.w-100 {
    width: 100%;
}


    .cover * {
        color: white;
    }

header {
    background-size: cover !important;
    background-position: bottom !important;
}

label {
    font-weight: bold;
}
form {
    margin-top: 30px
}
    
    [type="checkbox"] + .switchbox {
      background-color: #dfe0e0;
      border: 2px solid #dfe0e0;
      border-radius: 20px;
      cursor: pointer;
      display: inline-block;
      overflow: hidden;
      position: relative;
      width: 40px;
      transition: 0.2s ease all;
    }
    [type="checkbox"] + .switchbox:before {
      content: "";
      padding-top: 50%;
      display: block;
    }
    [type="checkbox"] + .switchbox:after {
      background-color: #fff;
      border-radius: 20px;
      content: ' ';
      display: block;
      height: 100%;
      position: absolute;
      right: 50%;
      transition: all .1s linear;
      width: 50%;
      top: 0;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
    [type="checkbox"]:checked + .switchbox {
      background-color: #f0464e;
      border: 2px solid #f0464e;
    }
    [type="checkbox"]:checked + .switchbox:after {
      right: 0%;
    }

.content > *:first-of-type {
    margin-top: 0;
}

.content > *:last-of-type {
    margin-bottom: 0;
}

.content > *:first-of-type *:first-child {
    margin-top: 0;
}

.content > *:last-of-type *:last-child {
    margin-bottom: 0;
}


.navbar-toggler {

}

.navbar-toggler .menu-icon {
    position: relative;
    border: 1px solid white;
    font-size: inherit;
    cursor: pointer;
    width: 38px;
    height: 30px;
}

.navbar-toggler .menu-text {
    padding: 7px 2px 7px 2px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f0464e!important;
}

.menu-collapse {
    /* display:none; */
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    transition: 0.3s all ease;
}
.menu-collapse .share-footer {
    position:   absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 12;
}
.share-footer i {
    font-size: 140%;
}

.nav-text {
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
}


    .navigation .nav-text h2 {
        /*font-family: 'Platform';*/
        font-size: 3.5rem;
        font-weight: bold;
        margin-bottom: 1rem;
        /*text-transform: uppercase;*/
        color: white;
    }
    .relative {
        position: relative;
    }
.background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.background + * {
    position: relative;
    z-index: 1;
}
.background img {
    width: 100%;
    height: 100%;
}
.nav-item {
    margin-bottom: 20px;
}
    .nav-item.professionals a {
        color: #333;
    }
        .nav-item.professionals + div ul.subnavigation li a {
            color: #333!important;
        }
        .nav-item.professionals .icon-arrow:after {
            color: #333;
        }
    .subnavigation li {
        font-size: 1.6rem;
        font-weight: bold;
        padding: 0 10px;
    }
    .subnavigation li:last-child {
        margin-bottom: 24px;
    }
    .nav-item {
        font-size: 2.1rem;
        font-weight: 900
    }
    .nav-item a {
        font-size: inherit;
        /*font-family: 'Platform';*/
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .nav-item a:focus,
        .nav-item a:active,
        .nav-item a:hover {
            text-decoration: none;
        }

    .nav-item .icon-arrow:after {
        content: '';
        font-style: normal;
        font-family: 'ionicons';
        color: #f0464e;
        float: right;
        width: 30px;
        height: 30px;
        font-size: 2.1rem;
    }

    .nav-item .collapsed .icon-arrow:after {
        content: '';
    }

    @media (max-width: 768px) {
        .logo {
            width: 66px;
            overflow: hidden;
        }
    }

.subNav {
    padding: 0 0 15px;
}

.overflow-wrapper {
    /*overflow: auto;*/
    max-width: 100%;
    display: block;
}

.nav.nav-tabs {
       border: 0; 
       display: block;
       width: 100%;
       margin-bottom: 3.5rem;
}

    .nav.nav-tabs li {
        border: 0;
        display: inline-block;
        margin: 0 5px 10px 5px;        
        text-align: center;
        background: white;
    }

        .nav.nav-tabs li a {
            border: 0;
            opacity: 0.5;
            border-radius:0;
            padding: 15px;
        }
        @media (max-width: 1280px) {
            .nav.nav-tabs li a {
                padding: 15px 30px;
            }
        }
        @media (max-width: 1100px) {
            .nav.nav-tabs li a {
                padding: 15px;
            }
        }

        .tab-pane {
            margin-top: 30px;
        }

        .nav.nav-tabs li:hover a{
            opacity: 1;
        } 

        .nav.nav-tabs li a.active {
            opacity: 1;
        }

        #stemmen ul.nav-tabs {
            text-align: center;

        }
         #stemmen .nav.nav-tabs li a {
            text-align: center;
            justify-content: center
        }

ul.subnavigation {
    margin: 0;
    padding: 0;
}

    ul.subnavigation li {
        list-style: none;
        margin-bottom: 8px;
    }

        ul.subnavigation li a {
            /*font-family: 'Platform';*/
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            opacity: 0.7
        }

            ul.subnavigation li a:hover {
                text-decoration: none;
                color: #f0464e;
                opacity: 1

            }
ul.submenutimetable {
    padding: 0 ;
    margin: 0 0 10px 0;
    display: table;
    width: 100%;
}

ul.submenutimetable li {
    list-style: none;
    /*font-family: 'Platform';*/
    display: table-cell;
    font-weight: bold;
    text-align: center;
    padding: 0.5rem;
}

ul.submenutimetable li a {
    
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    color: #ec403e;
    font-size: 20px;
    transition: 0.2s all ease;
    opacity: 0.3;
    padding:   0
}

ul.submenutimetable li a.active,
ul.submenutimetable li a:hover,
ul.submenutimetable li a:focus,
ul.submenutimetable li a:active {
    opacity: 1;
}

@media (max-width: 1200px ) {
    ul.submenutimetable li a {
        width: 60px;
        display: block;
    }
}

@media (max-width: 992px ) {
    ul.submenutimetable {
        overflow: scroll;
    }
    ul.submenutimetable li {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    ul.submenutimetable li a {
        width: auto;
        white-space: nowrap
    }
}

@media (max-width: 768px) {
    section .submenu {
        display: none;
    }
}

.film-filters{
    text-align: center;
    margin-bottom: 2rem;
    padding-top: 20px;
    margin-bottom: 100px;
}
    .film-filters .film-filter {
        display: inline-block;
        text-transform: none;
        margin: 0 32px;
        opacity: 0.5;
        transition: 0.2s all ease;
        margin-top: 0.5rem;
        color: #ff8aff;
        position: relative;
    }
    .film-filters .film-filter:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #D85622;
    }
    .film-filters .film-filter:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #D85622;
    }
        .film-filters .film-filter.active,
        .film-filters .film-filter:focus,
        .film-filters .film-filter:active,
        .film-filters .film-filter:hover {
            opacity: 1;
            text-decoration: none;
        }

@media (max-width: 992px ) {
    .film-filters {
        width: 100%;
    }

}

.top-navigation {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000; 
}
.top-navigation .container-fluid {
    background: #fff;
    z-index: 11;
    padding: 1rem 0;
    transition: 0.3s all ease;
    border-bottom: 1px solid #eee;
    position: relative
}
.share-footer .container-fluid {
    background: transparent;
    border-bottom: 0;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
.modal-content {
    border: 0;
    overflow: hidden;
}

.top-navigation.affix {
    padding: 0;
}

.top-navigation.affix .container-fluid {
    padding: 0;
}

section.menu {
    height: 100vh;
    display: flex;
    width: 100%;
}

section.menu > div {
    display: block;
    vertical-align: middle;
    position: relative;
    flex: 1;
    align-items: center;
}
section.menu > div:first-of-type {
    padding-bottom: 120px; 
}
.menu-collapse {
    top: 0;
    margin-top: 0;
}
.top-navigation.affix .menu-collapse {
    margin-top: 0;
}

.logo {
    position: absolute;
    z-index: 12;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 64px;
    left: 15px;
}

    .logo img {
        max-width: none;
        height: 100%;
    }

.event-date {
    display: block;
    color: #ec403e;
    padding-top: 25px;
    padding-bottom: 20px;
    font-size: 1.4rem;
    font-weight: 900
    
    /*font-family: 'Platform';*/
}

/*BLOKKENSCHEMA START*/

        
.blokkenschema.container,
.fluid-blokkenschema.container {
    max-width: 100%;
    padding-left: 4rem;
    padding-right: 4rem;
}
.top-navigation .text-right {
    display: flex;
    justify-content: flex-end;
}
/*BLOKKENSCHEMA EIND*/
ul.top-icons {
    padding: 0;
    margin-top: 10px;
    white-space: nowrap;
}

    ul.top-icons li {
        list-style: none;
        display: inline-block;
        text-align: center;vertical-align: middle;
    }
    ul.top-icons li:last-of-type {
        margin-left: 21px;
    }

    ul.top-icons li.mijn-liff {
        margin-left: 25px;
        top: 1px;
        position: relative;
    }
    ul.top-icons li.mijn-liff a {
        text-decoration: none!important;
    }
    ul.top-icons li.mijn-liff a:hover {
        color: #f0464e;
    }

    @media (max-width: 600px) {
        ul.top-icons li:last-of-type {
            margin-left: 8px;
        }
        ul.top-icons li.mijn-liff {
            margin-left: 18px;

        }
    }
    @media (max-width: 480px) {
        
        ul.top-icons {
            transform: scale(0.8);
            transform-origin: right;
        }
        ul.top-icons {
            margin-right: -10px!important;
        }
        .logo {
            left: 6px;
        }
    }
    @media (max-width: 380px) {
        .mijn-liff strong {
            display: none;
        }
        ul.top-icons {
            transform: scale(0.85);

        }
    }

        .dropdown {
            padding-right: 15px;
            position: relative;
            top: 3px;
            display: inline-block;
        }

        .dropdown-menu {
            text-align: center;
        }
            .dropdown-toggle:after {
                right: 0;
                position: absolute;
                top:0;
                bottom: 0;
                margin: auto;
                height: 6px;
            }
            .dropdown-item {
                padding: 0;
            }

            ul.top-icons {
                margin-top: 15px;
                display: inline-block;
            }
        .top-navigation div.dropdown a {
            display: block;
            height: 20px;
            width: 36px;
            margin: auto;
        }


        .top-navigation div.dropdown  {
            top: 4px;
        }

            .top-navigation div.dropdown .dropdown-toggle:after {
            right: 12px;
            }

            .top-navigation div.dropdown .dropdown-toggle,
            .top-navigation div.dropdown-menu .dropdown-item {
                
                height: 40px;
                width: 68px;
            }

            .top-navigation div.dropdown .dropdown-toggle {
            }



        .top-navigation div.dropdown a.nl {
            background: url('../Images/ned.svg');
            background-position: center;
            background-size: 39px!important;
            background-repeat: no-repeat!important;
        }
        .top-navigation div.dropdown a.us {
            background: url('../Images/eng.svg');
            background-position: center;
            background-size: 39px!important;
            background-repeat: no-repeat!important;
        }

        .top-navigation div.dropdown a.nav-btn {
            padding-top: 3px;
        }

    .top-navigation .dropdown-menu {
        min-width: 5rem;
    }
.dropdown.show .dropdown-menu {
    display: block;
}
 body.home header {
    padding: 0;
}

body.home header .container-fluid {
    padding: 0;
    max-height: 70vh;
    display: block;
}
body.home header picture {
    width: 100%;
    max-height: 70vh;
    display: block
}

body.home header picture *{
    max-height: 70vh;
    display: block;
}
header {    
    padding: 140px 15px 120px 15px;
    border-top: 78px solid transparent;
    position: relative;
    overflow: hidden;
} 

@media (max-width: 576px) {
    header {    
        padding: 65px 0 65px 0;
    }
}
header .header-quote {
    padding-top: 5vh;
}
header .header-quote > *:last-child {
    margin-bottom: 0;
}

header.background:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.15);
}
.video-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    max-height: 917px;
 }
.video-wrapper:before {
    content: "";
    display: block;
    padding-top: 42%;
}
 .video-wrapper video {
    width: 100vw;
    max-width: 2560px;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }
 @media (max-width: 1919px) {
    .video-wrapper video {
       max-width: 100%;
       min-width: 100%;
    }
 }

.relative {
    position: relative!important;
}

section {
    position: relative;
}
 header.home-header {
    position: relative;
 }

header.home-header .btn-holder {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 60px;
    max-width: 100%;
    z-index: 2;
}
header.home-header .btn-holder .btn + .btn {
    margin-top: 15px;
}
 @media (max-width: 991px) {
     header.home-header .container-fluid .row [class*="col-"] {
        padding: 0 20px;
     }
     header.home-header .btn-holder {
        bottom:  30px;
    }
 }
 @media (max-width: 450px) {
     header.home-header .btn-holder {
        bottom: 4vw;
     }
     header.home-header .btn-holder .btn {
        transform: scale(0.8);
    }
 }

@media (max-width: 767px) {
    header.home-header .container-fluid .row *[class*="col-"] {
        margin-bottom: 40px;
    }
}
@media (max-width: 576px) {
    header.home-header .container-fluid .row *[class*="col-"] {
        padding-left: 10px
        padding-right: 10px
    }
}


.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.header-btn.animated,
.anchor-link.animated {
    animation-delay: 0.6s;
}
.header-btn.animated + .header-btn.animated {
    animation-delay: 0.8s;
}




/*
@media(max-height: 1000px) {
    header.home-header {
        height: 85vh;
    }
}



@media(max-height: 825px) {
    header.home-header {
        height: 83vh;
    }
}
@media(max-height: 700px) {
    header.home-header {
        height: 80vh;
    }
}
@media(max-height: 600px) {
    header.home-header {
        height: 78vh;
    }
}
@media(max-height: 500px) {
    header.home-header {
        height: 73vh;
    }
}


@media(min-height: 500px) {
    header.home-header {
        height: 85vh;
    }
}*/

header.empty-header {
    padding: 13vh 15px 8vh 15px;
    background: #fff;
}
section.page-intro {
    font-size: 1.1rem;
    line-height: 140%;
    font-weight: bold;
        position: relative;
}

.home-block {
    font-size: 1.5rem;
    text-align: center;
    min-height: 150px;
    padding: 3.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.home-block > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    max-width: 100%;
}
.home-block > div .heading{
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 100%;
}
.home-block > div .btn {
    margin-top: auto;
}

.programma-block {
    margin-top: 60px;
}
.instagram-blocks a {
    text-decoration: none!important;
}
.margin-top-footer {
    margin-top: -91px;
}
/*
section.image-footer {
    position: relative;
}
section.image-footer:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top:0;
    height: 180px;
    background: -moz-linear-gradient(top, rgba(236,64,62,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(236,64,62,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(236,64,62,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec403e', endColorstr='#00ffffff',GradientType=0 );
}*/

.share-footer {
    color: #fff;
    padding: 30px 0;
    text-align: center;
    background-color: #000;
}

    .share-footer ul {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .share-footer li {
        padding: 0;
        list-style: none;
        display: inline;
        margin: 0 5px;
    }
    .share-footer li.sponsor {
        margin: 0 0;
    }

    .share-footer a {
        color: #fff;
        display: inline-block;
        position: relative;
        z-index: 1;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .share-footer a.social {
        font-size: 140%;
        width: 30px;
        margin: 0 10px;
    }
    .share-footer a.social:before {
        content: "";
        display: block;
        position: absolute;
        margin: auto;
        width: 40px;
        height: 40px;
        background: inherit;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);   
        display: block;
    }

    .share-footer a.bg-t1.social:before {
        background: #73c7f5;
    }
    .share-footer a.bg-t3.social:before {
        background: #ff8aff;
    }

    .share-footer a.bg-t5.social:before {
        background: #6773ff;
    }

        .share-footer a.social i {
            padding: 0!important;
            position: relative;
            z-index: 1;
            color: white!important;
        }


    .share-footer li.sponsor a {
        color: white !important;
        text-decoration: none !important;
        margin-top: 0;
    }

        .share-footer li.sponsor a span {
            font-size: 0.9rem;
            /*text-transform: uppercase;*/
            font-weight: lighter;
            /*font-family: 'Platform';*/
        }

@media(max-width: 768px) {
        .share-footer ul {
            justify-content: center;
        }
        .share-footer li.sponsor {
            margin: 2px 0 40px 0;
            flex: 0 0 50%;
        order: -1;  
        }
    .share-footer {
        padding: 15px 0;
    }
    .share-footer .seperator {
        display: block;
        margin: 10px 0 ;
    }

}
@media(max-width: 580px) {
    .top-navigation .menu-collapse {
        min-height: 0;
        overflow: auto
    }

        .share-footer li.sponsor  {
            flex: 0 0 100%;
            margin-top: 0;
            margin-bottom: 0;
        }
        .share-footer li.sponsor + li.sponsor  {
            margin: 10px 0 24px 0;
        }
        .share-footer li.sponsor a {
            margin-top: 0;
        }


}

@media (max-width: 360px) {
    .share-footer li:first-child {
        flex: 0 0 100%;
        margin-bottom: 30px;
        display: none;
    }
    .share-footer {
        padding-bottom: 30px;
    }
}
.social-block-image,
.image-block {
    position: relative;
    background-color: #000;
    color: #fff;
    height: 250px;
    /*Chrome render bug*/
    width: 100.1%;
    display: table;
    text-align: center;
    overflow: hidden;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.social-block-image {
    display: block;
}
    .social-block-image img,
    .image-block figure {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        margin: 0;
        padding: 0;
        background: url(../Images/image-block-dummy.jpg) no-repeat center center;
        background-size: cover;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        z-index: 1;
    }

    .row:nth-of-type(odd) [class*="col-"]:nth-of-type(even) .social-block-image img,
    .row:nth-of-type(odd) [class*="col-"]:nth-of-type(even) .image-block figure,
    .row:nth-of-type(even) [class*="col-"]:nth-of-type(odd) .social-block-image img,
    .row:nth-of-type(even) [class*="col-"]:nth-of-type(odd) .image-block figure {
        background: url(../Images/specials-2.jpg) no-repeat center center;
        background-size: cover;
    }


    .image-block h3 {
        font-size: 2.4rem;
    }

.inner-btn {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    padding: 3rem;
    text-align: center;
    position: relative;
    z-index: 2;
}

.image-block a:active,
.image-block a:focus,
.image-block a:hover {
    text-decoration: none;
}
.social-block:hover .social-block-image img,
.image-block:hover figure {
    -ms-transform: scale(1.075); /* IE 9 */
    -webkit-transform: scale(1.075); /* Safari */
    transform: scale(1.075);
}

.social-block-image {
    height: 250px;
}

@media(max-width: 1200px) {
    .social-block-image {
        height: 224px;
    }
}
@media(max-width: 992px) {
    .social-block-image {
        height: 250px;
    }
}

figure.social-block-image {
    margin: 0;
}

    figure.social-block-image img {
        width: 100%;
        margin: 0;
        height: auto;
    }

.social-block-text {
    padding: 1rem;
    /*font-family: 'Platform';*/
    color: #ec403e;
}

.social-block {
    margin-bottom: 15px;
}

.sponsor-table {
    border-bottom: 2px solid #94d8ed;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.individual-logo {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
}

.home-blocks .heading {
    min-height: 80px;
    display: table;
    width: 100%;
}

    .home-blocks .heading h3 {
        max-width: 100%;
    }
@media (min-width: 768px) and (max-width: 1200px) {
    .more .more-block:first-child + * {
        order: -1;
    }
    .home-blocks .row-2  {
        flex-direction: row-reverse;
    }   
}

/*******************************

        FAQ

*******************************/

.faq-item {
    border: 8px solid #ec6a36;
    margin-bottom: 20px;
}

    .faq-item:hover {
        border-color: #D3511D

;
    }

    .faq-item h4 {
        margin: 0;
        position: relative;
    }

        .faq-item h4 a {
            display: block;
            width: 100%;
            padding: 15px 45px 15px 25px;
                color: black;

            /*font-family: 'Platform';*/
        }

            .faq-item h4 a:hover, .faq-item h4 a:active, .faq-item h4 a:focus {
                text-decoration: none;
            }

            .faq-item h4 a:after {
                position: absolute;
                right: 25px;
                bottom: 4px;
                top: 4px;
                margin: auto;
                content: '';
                color: black;
                font-style: normal;
                font-family: 'ionicons';
                height: 26px;
            }

            .faq-item h4 a.collapsed:after {
                content: '';
            }

.faq-answer {
    padding: 15px 30px;
}

/*******************************

        SUBMENU

*******************************/
    /* ?????

ul.submenu ul {
    position: sticky;
    top: 120px;
}

    ul.submenu ul li {
        /*font-family: 'Platform';*/
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 0.5rem;
    }


        ul.submenu ul li a {
            color: #f7d0da;
            /*text-transform: uppercase;*/
            font-size: 1.2rem;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            ul.submenu ul li a:hover, ul.submenu ul li.active a {
                color: #ec403e;
                text-decoration: none;
            }


*/

.submenu ul {
    margin: 0;
    padding: 0;
}

.submenu ul li {
    list-style: none;
            
    background: #fff;
}
/*
.submenu ul li a {
    display: block;
    list-style: none;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #FFF577;
    border: 1px solid #e2e2e2;
    margin-bottom: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 1rem !important;
    text-decoration: none;
    font-family: 'Antonio';
}
*/

.submenu ul li a {
    /*font-family: 'Platform';*/
    color: #ec6a36;
    font-size: 24px;
    line-height: normal;
    padding: 5px 0;
    display: inline-block;
    /*text-transform: uppercase;*/
    opacity: 0.5;
    text-decoration: none;
    transition: 0.2s color ease;
    font-weight: 900
}

.submenu ul li a.btn {
    opacity: 1;
    vertical-align: middle;
}

.submenu ul li a.btn.btn-primary:hover {
    background-color: #ae282e;
}
.submenu ul li.active a,
.submenu ul li a:active,
.submenu ul li a:focus,
.submenu ul li a:hover {
    opacity: 1;
    text-decoration: none;
}
     
/*******************************

        HORECA PARTNERS

*******************************/   

body.gmaps section.content {
    margin-top: -178px;
    padding-top: 178px;
    height: 100vh;
}
@media (max-height: 800px) {
    body.gmaps section.content {
        height: auto;
        margin-top: 0;  
        padding-top: 30px;
    }
}
body.gmaps section.content .container-fluid .row,
body.gmaps section.content .container-fluid {
    height: 100%;
}
    .gmaps-col {
        padding: 4% 5% 4% 5%;
        border-top: 78px solid transparent;
    }
    @media (max-width: 1200px) {
        .gmaps-col {
            border-top: 0;
        }
    }
    @media (max-width: 576px) {
        .gmaps-col {
            padding: 0 5% 0 5%;
        }
    }
        .gmaps-col h2 {
            margin-top: 40px;
        }
        
        .gmaps-col .submenu {
            display: block!important
        }
        .gmaps-col .submenu ul li a{
            padding: 9px 45px 9px 0;
            background-image: url("/Frontend/Images/bestek.svg");
            background-size: 30px 35px!important;
            background-repeat: no-repeat!important;
            background-position: right 5px center!important;
            width: 100%;
            color: inherit;
            font-family: 'Antonio', sans-serif;
            font-size: 120%;
        }

        .gmaps-col .submenu ul li.cinema a  { background-image: url("/Frontend/Images/Gmaps/cinema.svg") }
        .gmaps-col .submenu ul li.hall a  { background-image: url("/Frontend/Images/Gmaps/hall.svg") }
        .gmaps-col .submenu ul li.garden a  { background-image: url("/Frontend/Images/Gmaps/garden.svg") }
        .gmaps-col .submenu ul li.restaurant a  { background-image: url("/Frontend/Images/Gmaps/restaurant.svg") }
        .gmaps-col .submenu ul li.hotspot a  { background-image: url("/Frontend/Images/Gmaps/hotspot.svg") }
        .gmaps-col .submenu ul li.temple a  { background-image: url("/Frontend/Images/Gmaps/temple.svg") }
        
        .gmaps-col .submenu ul li.trainstation a  { background-image: url("/Frontend/Images/Gmaps/trainstation.svg");  }
        .gmaps-col .submenu ul li.parkingclosed a  { background-image: url("/Frontend/Images/Gmaps/parkingclosed.svg");  }
        .gmaps-col .submenu ul li.parkingopen a  { background-image: url("/Frontend/Images/Gmaps/parkingopen.svg");  }

    
    .gmaps-container {
        font-family: 'Antonio', sans-serif;
        font-size: 1rem;
    }
    .gmaps-container strong {
        font-family: 'Antonio', sans-serif;
    }
        .gmaps-container .gmaps-content {
            width: 50%;
            padding-right: 15px;
            float: left;
        }

        .gmaps-container .gmaps-sidecontent {
            width: 50%;
            float: left;
        }

        .gmaps-container .gmaps-sidecontent .gmaps-sidecontent-block{
            padding: 20px;
        }
        .gmaps-container .gmaps-sidecontent .gmaps-sidecontent-block p{
            margin-bottom: 0.5rem;
        }

        .gmaps-container strong {
            font-family:  'Antonio', sans-serif;
           
        }

        [title="Sluiten"] {
            margin-right: 15px;
            margin-top: 15px
        }
        
        .gmaps-container img.brand {
            max-width: 100%!important;
        }
        .gmaps-container img {
            max-width: 100%!important;
            max-height: 250px!important;
        }
        .gmaps-container .photo {
            width: 100%!important;
            height: 175px!important;
            background-size: cover!important;
        }
            
            .gm-style .gm-style-iw-d {
                min-width: 550px!important;
            }
            .gm-style .gm-style-iw-c {
                min-width: 600px!important;
            }
            @media (max-width: 1200px) {
            }
            @media (max-width: 600px) {
                .gmaps-container .gmaps-sidecontent,
                .gmaps-container .gmaps-content {
                    float: none;
                    width: 100%;
                }
                .gmaps-container .btn {
                    white-space: normal;
                }
            }
            .gm-style .gm-style-iw-c {
                padding-top: 25px;
                padding-left: 25px;
            }
            @media(max-width: 992px) {
                .gm-style .gm-style-iw-d {
                    min-width: 310px!important;
                }
                .gm-style .gm-style-iw-c {
                    min-width: 360px!important;
                }
                .gmaps-container .gmaps-sidecontent,
                .gmaps-container .gmaps-content {
                    float: none;
                    width: 100%;
                }
            }
            @media (max-width: 480px) {
                .gm-style .gm-style-iw-c {
                    max-width: 100%!important;
                    width: 282px;
                padding-top: 15px;
                padding-left: 15px;
                }
                .gm-style-iw-d {
                    max-width: 267px!important;
                }
                .gm-style .gm-style-iw-d {
                    min-width: 0!important;
                }
                .gm-style .gm-style-iw-c {
                    min-width: 0!important;
                }
                
            }
/*******************************

        GIDS STYLES

*******************************/
.filter-tabs {
    margin-top: 60px;
}

ul.filter-options {
    margin-left: 0;
    text-align: left;
    margin :0;
}




ul.filter-options li {
    list-style: none;
    /*font-family: 'Platform';*/
    font-weight: bold;
    font-size: 1.2rem;
    display: inline-block;
    padding: .5rem 0 .5rem 0;
    text-align: center;
    width: 62px;
    margin-bottom: 10px;

}

ul.filter-options li a:active,
ul.filter-options li a:focus,
ul.filter-options li a:hover {
    text-decoration: none;

 }

.tab-menu {
    padding: 20px 0 0 0;
    background-color: #e2e2e2;
}
.tab-menu ul {
    margin: 0;
    padding: 0;
    width:100%;
}

.tab-menu li {
    list-style: none;
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}

.tab-menu li a.active {
    background: #fff;
    color: #000;
}

.tab-menu li a {
    font-family: "gotham-bold-webfont",sans-serif;
    display: block;
    font-size: 24px;
    text-decoration: none;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px;
    background: #f0f0f0;
    margin-right: 10px;
    color: #adadad;
}

.visible-phone {
    display: none!important;
}

/**********************************************************
*** FILTERS
**********************************************************/

.filter-col {
    border-left: 1px solid #f4f4f4;
}
.filter-col a {
    color: #ec6a36;
}
.filter-col a:focus,
.filter-col a:active,
.filter-col a:hover {
    color: #D85622;
}
.filter-col:last-of-type {
    border-right: 1px solid #f4f4f4;
    width: 63px;
}

.filter-label {
    /*text-transform: uppercase;*/
    font-weight: bold;
    /*font-family: 'Platform';*/
    padding: .5rem 1rem .5rem 0;
    margin: 3px 0;
    font-size: 1.2rem;
}

@media (max-width: 550px) {
    .filter-label {
        padding: 0 1rem;
    }
    .filter-col,
    .filter-options {
        padding: 0 2rem;
    }
}

/*Buttons*/
a.btn.btn-filter {
    border :0;
    color: #ec403e;
    opacity: 0.5;
    font-size: 1.2rem;
}

    a.btn.btn-filter.active,
    a.btn.btn-filter:hover,
    a.btn.btn-filter:focus,
    a.btn.btn-filter:active {
        opacity: 1;
        color: #ae282e;
    }



/*Dropdown*/
.filter-col .dropdown-menu .dropdown-item {
    padding:0.15rem 1rem;
    text-align: left;
}

.filter-col .dropdown-menu .dropdown-item.active, 
.filter-col .dropdown-menu .dropdown-item:active {
    background: #ec403e
}

@media (max-width: 768px) {
    .filter-col:last-of-type,
    .filter-col {
        border: 0;
    }
    ul.filter-options {
        display: block;
        text-align: left;
    }
    ul.filter-options li {
        margin: 8px 8px 8px 0px;
        padding: 0;
        display: inline-block;
    }
    ul.filter-options li a {
        background: #ec403e;
        color: white!important;
        text-align: center;
        width: 60px;
        height: 60px;
        display: block;
        padding: 17px;

        font-size: 32px;
    }
}

@media (max-width: 768px) {
ul.filter-options li {
    width: 50px;
}
    ul.filter-options li a {
        width: 50px;
        height: 50px;
        padding: 14px 0;
        font-size: 27px;

    }

}

/**********************************************************
*** FILMS
**********************************************************/

h2.big-head {
    margin-top: 45px;
    font-size: 47px;
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

h2.big-head:first-of-type {
    margin-top: 0;
}
h2.big-head .btn {
    margin-left: auto!important
}

.programList-fluid .programList-head,
.programList .programList-head {
    margin-top: 0;
    margin-bottom: 0;
}


.programList-fluid .big-head {
    margin-top:0;
    margin-bottom: 0;
}


.programList-head {
    position: static;
    top: 80px;
    background-color: white;
    padding: 37px 0 5px 0;
    z-index: 9;

}
.program-block {
    width: 100%;
    border-bottom: 3px solid #f3f3f3;
    padding-top: 40px;
    padding-bottom: 40px;
}

.program-image {
    position: relative;
    float: left;
    width: 40%;
    min-height: 230px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center!important;
}

    .program-image a {
        background: #FFF577;
    }

    .program-image .background {
        min-height: 230px;
        position: relative;
        background-size: cover!important;
        background-position: center!important;
        display: block;
    }
        .program-image .play-btn {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: 50px;
            width: 50px;
        }
    
        .program-image .play-btn .ion-play {
            color: white;
            font-size: 4rem;
        }


.program-text {
    float: left;
    width: 60%;
}

.program-text .inner {
    padding: 0 0 0 75px;
}

@media (max-width: 992px) {
    .program-text .inner {
        padding: 0 0 0 0;
    }
    .program-image .background {
        min-height: 323px;
    }
    .program-text,
    .program-image {
        display: block;
        width: 100%;
    }

    .program-image {
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) {
    .programList-head {
        top: 70px;
    }
}
@media (max-width: 576px) {

    .fluid-blokkenschema  .programList *[class*="col-"] {
        padding: 0;
    }
    .programList .programList-head {
        margin-left: -15px;
        margin-right: -15px;
    }
    .program-image .background {
        min-height: 230px;
    }
    .program-text {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .program-marg  .programList-head{
        padding: 0.5rem 1rem 0.5rem 1rem;
        text-align: center;
        position: sticky;
        top: 70px;
        z-index: 9;
        border-bottom:1px solid #f4f4f4;

    }
    .programList .programList-head {
        padding: 1.25rem 1rem 1rem 1rem;
        text-align: center;
        position: sticky;
        top: 70px;
        z-index: 9;
        border-bottom:1px solid #f4f4f4;
    }
    .program-block {
        border-left: 10px solid #f4f4f4!important;
        border-right: 10px solid #f4f4f4!important;
        border-bottom: 15px solid #f4f4f4!important;
        border-top: 15px solid #f4f4f4!important;
        background: white;
    }
    .program-marg .programList-fluid .container .col-12  {
        padding: 0;
    }
    .program-marg .programList-fluid .big-head {
        padding: 0 15px;
    }
    .program-block  {
        padding: 0 0 1rem 0;
        border: 0;
    }
    .program-image {
        padding: 0;
        margin-bottom: 25px;
    }
}

.cats {
    font-weight: bold;
    font-size: 16px;
}


.plaats-tijd {
    font-weight: 300;
    color: #fff;
    margin-top: 110px;
    width: 100%;
    float: left;
    height: 40px;
    padding-top: 60px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: url(/Frontend/img/gradient.png) repeat-x bottom left;
}

.plaats-tijd span {
    margin-left: 15px;
    font-weight: 300;
    color: #fff;
}
/*******************************

        BUTTONS

*******************************/
.text-black {
    color: #000!important;
}
.text-white {
    color: #fff!important;
}
.merge-buttons .btn:first-child {
    margin-left: 15px;
}
.merge-buttons .btn + .btn {
    margin-left: -15px;
}
.btn {
    border-radius: 0;
    font-weight: 900;
    font-family: 'Antonio';
    padding: 0.6rem 1rem;
    border: 0;
    line-height: 1.25;
    background: transparent;
    transition: 0.2s background ease, 0.5s transform ease 0.2s;
    white-space: normal;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    text-transform: lowercase;
}
.square {
    padding: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 200px;
    margin: 27px 65px!important;
}
@media (max-width: 767px) {
    .square {
        margin: 52px 65px!important;
    }
}
@media (max-width: 576px) {
    .square {
        width: 167px;
    }
}
.square:before {
    content: "";
        position: absolute;
        margin: auto;
    width: 110%;
    padding-top: 110%;
        background: inherit;
        z-index: -1;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);   
    display: block;
}
.btn:first-letter {
    text-transform: uppercase;
}
.btn span:first-letter  {

    text-transform: uppercase;
}
.btn.animated.go:hover  {
    transition: 0.2s background ease, 0.5s transform ease 0s;
}
a.btn {
    cursor: pointer;
}
.h1.btn, .h2.btn, .h3.btn, .h4.btn {
    margin-bottom: 0;
    text-transform: inherit;
    line-height: 1;
    padding: 1rem 1.75rem;
}
.h1.btn.anton, .h2.btn.anton, .h3.btn.anton, .h4.btn.anton {
    line-height: 1.25;
}
.btn-animated .animate > *:last-child  {
    display: none;
}
/* Button animatiom */
@media(min-width: 768px) {
    @supports not (-ms-high-contrast: none) {
        .btn-animated { padding-top: 0!important; padding-bottom: 0!important; }
        .btn-animated .animate { padding: 0.6rem 1rem; display: block; white-space: nowrap; }
        .btn-animated span.animate { overflow: hidden; position: relative; }
        .btn-animated:hover span.animate > *:last-child,
        .btn-animated:hover span.animate > *:first-child{ top: 40px;}
        .btn-animated span.animate > *:first-child { top: 0; display: block; transition: 0.4s ease all; position: relative; }
        .btn-animated span.animate > *:last-child { top: 0; display: block; transition: 0.4s ease all; margin-top: -40px; position: relative; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0.6rem 1rem;}
    }
}
@media screen\0 {
    .btn-animated span.animate .animate > *:last-child  {
        display: none;
    }
}
_:-ms-fullscreen, :root .btn-animated .animate > *:last-child {
    display: none;
}




.btn .ion-android-arrow-forward {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}
.btn.btn-lg .ion-android-arrow-forward {
}
.btn[target="_blank"] .ion-android-arrow-forward {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxMDI0IiB3aWR0aD0iNzY4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02NDAgNzY4SDEyOFYyNTcuOTA1OTk5OTk5OTk5OTVMMjU2IDI1NlYxMjhIMHY3NjhoNzY4VjU3Nkg2NDBWNzY4ek0zODQgMTI4bDEyOCAxMjhMMzIwIDQ0OGwxMjggMTI4IDE5Mi0xOTIgMTI4IDEyOFYxMjhIMzg0eiIvPjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    width: 20px;
    height: 20px;
}

.btn[target="_blank"] .ion-android-arrow-forward:before  {
        display: none;
    }

    .btn i {
        font-size: 24px;
        vertical-align: baseline;
    }
        .btn i:before {
        }
        .btn svg {
        vertical-align: middle;
        width: 30px;
        margin-top: -1px;
    }

        .btn svg:first-child {        
            margin-right: 8px;
        }
        .btn svg:last-child {        
            margin-left: 8px;
        }

            .btn svg path {
                fill: #fff;
            }

    .btn i {
        font-size: 25px;
        vertical-align: middle;
        line-height: 0 ;
        margin-top: -2px;

    }
    .btn. i.ion-android-add {
        top: 0px;
    }
        .btn. i:before {
            line-height: 0;
        }
    

    .btn.btn-rounded { border-radius: 999px; }
    
    .animated-borders {
        overflow: hidden;
        position: relative;
    }
    .animated-borders  .container-fluid,
    .animated-borders  .container {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 75px;
        padding-bottom: 75px;
    }

    @media (max-width: 576px) {
        .animated-borders  .container-fluid,
        .animated-borders  .container {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 45px;
            padding-bottom: 45px;
        }
    }

    .animated-borders .background-wrapper > .top,
    .animated-borders .background-wrapper > .right,
    .animated-borders .background-wrapper > .bottom,
    .animated-borders .background-wrapper > .left { position: absolute; }

    .animated-borders .background-wrapper > .top { top: 0; right: 0; left: 0; height: 90px; transform: rotate(180deg); background-size: contain; background-repeat: repeat-x; background-position: top center; z-index: 1; }
    .animated-borders .background-wrapper > .right { top: 50%; right: 90px; transform-origin: top right; transform: rotate(-90deg) translateX(50%); width: 150%; height: 90px; background-size: contain; background-repeat: repeat-x; background-position: left center; }
    .animated-borders .background-wrapper > .bottom { right: 0; bottom: 0; left: 0; height: 90px; transform: rotate(0deg); background-size: contain; background-repeat: repeat-x; background-position: bottom center; z-index: 1; }
    .animated-borders .background-wrapper > .left  { bottom: 50%; left: 0; transform-origin: bottom left; transform: rotate(90deg) translateX(-50%); width: 150%; height: 90px; background-size: contain; background-repeat: repeat-x; background-position: right center; }
    
    @media(max-width: 991px) {
        .animated-borders .background-wrapper > .right,
        .animated-borders .background-wrapper > .left {
            width: 200%;
        }
    }
    @media(max-width: 767px) {
        .animated-borders .background-wrapper > .right,
        .animated-borders .background-wrapper > .left {
            width: 300%;
        }
        .animated-borders .container-fluid,
        .animated-borders .container {
            padding-left: 65px!important;
            padding-right: 65px!important;
        }
    }
    
    @media(max-width: 576px) {
        .animated-borders .container-fluid,
        .animated-borders .container {
            padding-left: 40px!important;
            padding-right: 40px!important;
        }
        .animated-borders .background-wrapper > .right,
        .animated-borders .background-wrapper > .left {
            width: 600%;
        }
    .animated-borders .background-wrapper > .top {  height: 35px; }
    .animated-borders .background-wrapper > .right { right: 35px;  height: 35px;}
    .animated-borders .background-wrapper > .bottom { height: 35px;  }
    .animated-borders .background-wrapper > .left  { height: 35px; }

    }
    
    
    /* BTN ANIMATION */
    .home-block { transition: 0.2s ease all }
        .home-block.bg-t5:hover,
        .home-block.bg-t5:focus,
        .home-block.bg-t5:active { background: #535FEB; }
        .home-block.bg-t6:hover,
        .home-block.bg-t6:focus,
        .home-block.bg-t6:active { background: #CBCCCC; }
    .text-t7 { color: #fcef34!important; }
    .text-t8 { color: #ec403e!important; }

    .bg-t1 { background: #73c7f5; color: black; }
    .bg-t2 { background: #ec6a36; color: white; }
    .bg-t3 { background: #ff8aff; color: white; }
    .bg-t4 { background: #8b0000; color: white; }
    .bg-t5 { background: #6773ff; color: white; }
    .bg-t6 { background: #dfe0e0; color: black; }
    .bg-t7 { background: #fcef34; color: black; }
    .bg-t8 { background: #ec403e; color: white; }
    .bg-black { background: #000000; color: white; }
    .bg-white { background: #ffffff; color: black; }

    .bg-bioscoop { background: white; color: black; }
    .bg-online { background: black; color: white; }
    .tag.bioscoop { background: white; color: black; border-color:black!important;  }
    .tag.online { background: black; color: white; }
    .alert.bioscoop { background: white; color: black; border:3px solid black!important; font-weight: bold; text-transform: capitalize; }
    .alert.online { background: black; color: white; font-weight: bold; text-transform: capitalize;}

    .animated-borders.t2 .background-wrapper > .left,
    .animated-borders.t2 .background-wrapper > .right,
    .animated-borders.t2 .background-wrapper > .bottom,
    .animated-borders.t2 .background-wrapper > .top { background-image: url('/Frontend/Images/Animaties/t5.gif')  }

    .animated-borders.t4 .background-wrapper > .left,
    .animated-borders.t4 .background-wrapper > .right,
    .animated-borders.t4 .background-wrapper > .bottom,
    .animated-borders.t4 .background-wrapper > .top { background-image: url('/Frontend/Images/Animaties/t3.gif')  }

    .animated-borders.black .background-wrapper > .left,
    .animated-borders.black .background-wrapper > .right,
    .animated-borders.black .background-wrapper > .bottom,
    .animated-borders.black .background-wrapper > .top { background-image: url('/Frontend/Images/Animaties/t1.gif')  }

    .square.bg-t1, .square.bg-t2, .square.bg-t3, .square.bg-t4, .square.bg-t5, .square.bg-t6, .square.bg-t7, .square.bg-t8 { background: transparent; }
    .square.bg-t1:before { background: #73c7f5; }
    .square.bg-t2:before { background: #ec6a36; }
    .square.bg-t3:before { background: #ff8aff; }
    .square.bg-t4:before { background: #8b0000; }
    .square.bg-t5:before { background: #6773ff; }
    .square.bg-t6:before { background: #dfe0e0; }
    .square.bg-t7:before { background: #fcef34; }
    .square.bg-t8:before { background: #ec403e; }


    .content [class*="bg-"] > *:first-of-type { margin-top: 0; }
    .content [class*="bg-"] > *:last-of-type { margin-bottom: 0; }
    .content [class*="bg-"] > *:first-of-type *:first-child { margin-top: 0; }
    .content [class*="bg-"] > *:last-of-type *:last-child { margin-bottom: 0; }
    .content [class*="bg-"] a { color: inherit!important; text-decoration: none!important; }

    .block { padding: 1rem; margin-bottom: 0.5rem }

    /* BTN THEMING */
    .btn.btn-t2,
    .btn.btn-t3,
    .btn.btn-t4,
    .btn.btn-t5,
    .btn.btn-t6,
    .btn.btn-t7,
    .btn.btn-t8,
    .btn.btn-black { color: #fff; }
   
    .btn.btn-t1,
    .btn.btn-t7,
    .btn.btn-t6,
    .btn.btn-white { color: #000; }

    .btn.btn-t1 { background: #73c7f5; }
        a.btn.btn-t1:hover,
        a.btn.btn-t1:focus,
        a.btn.btn-t1:active { background: #5FB3E1; }
    .btn.btn-t2 { background: #ec6a36; }
        a.btn.btn-t2:hover,
        a.btn.btn-t2:focus,
        a.btn.btn-t2:active { background: #D85622; }
    .btn.btn-t3 { background: #ff8aff; }
        a.btn.btn-t3:hover,
        a.btn.btn-t3:focus,
        a.btn.btn-t3:active { background: #EB76EB; }
    .btn.btn-t4 { background: #8b0000; }
        a.btn.btn-t4:hover,
        a.btn.btn-t4:focus,
        a.btn.btn-t4:active { background: #770000; }
    .btn.btn-t5 { background: #6773ff; }
        a.btn.btn-t5:hover,
        a.btn.btn-t5:focus,
        a.btn.btn-t5:active { background: #535FEB; }
    .btn.btn-t6 { background: #dfe0e0; }
        a.btn.btn-t6:hover,
        a.btn.btn-t6:focus,
        a.btn.btn-t6:active { background: #CBCCCC; }
    .btn.btn-t7 { background: #fcef34; }
        a.btn.btn-t7:hover,
        a.btn.btn-t7:focus,
        a.btn.btn-t7:active { background: #E8DB20; }
    .btn.btn-t8 { background: #ec403e; }
        a.btn.btn-t8:hover,
        a.btn.btn-t8:focus,
        a.btn.btn-t8:active { background: #D82C2A; }

    .btn.btn-black { background: #000000; }
        a.btn.btn-black:hover,
        a.btn.btn-black:focus,
        a.btn.btn-black:active { background: #222; }
    .btn.btn-white { background: #ffffff; }
        a.btn.btn-white:hover,
        a.btn.btn-white:focus,
        a.btn.btn-white:active { background: #f2f2f2; }
    
    .pan.tag, .ffc.tag, 
    .pan .rank-1, .pan .rank-2, .pan .rank-3,
    .ffc .rank-1, .ffc .rank-2, .ffc .rank-3,
    .btn.btn-pan, .btn.btn-ffc { color: black!important; }

    .pbp.tag, .aic.tag, .bks.tag, .bo.tag, .sh.tag, .nor.tag, .sc.tag, .lux.tag, .sp.tag, 
    .pbp .rank-1, .pbp .rank-2, .pbp .rank-3,
    .aic .rank-1, .aic .rank-2, .aic .rank-3,
    .bks .rank-1, .bks .rank-2, .bks .rank-3,
    .bo .rank-1, .bo .rank-2, .bo .rank-3,
    .sh .rank-1, .sh .rank-2, .sh .rank-3,
    .nor .rank-1, .nor .rank-2, .nor .rank-3,
    .sc .rank-1, .sc .rank-2, .sc .rank-3,
    .lux .rank-1, .lux .rank-2, .lux .rank-3,
    .sp .rank-1, .sp .rank-2, .sp .rank-3,
    .btn.btn-pbp, .btn.btn-aic, .btn.btn-bks, .btn.btn-bo, .btn.btn-sh, .btn.btn-nor, .btn.btn-sc, .btn.btn-lux, .btn.btn-sp { color: white!important; } 
    
    .pbp .h3 a { color: #94d8ed; }
    .pbp .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.pbp { border-color: #94d8ed; }
    .pbp.tag,
    .bg-pbp, .btn.btn-pbp, .pbp .rank-1 .bg,
    .bg-pbp, .btn.btn-pbp, .pbp .rank-2 .bg,
    .bg-pbp, .btn.btn-pbp, .pbp .rank-3 .bg { background: #94d8ed; }
        a.btn.btn-pbp:hover { background: #80C4D9; }
    
    .aic .h3 a { color: #ef4b37; }
    .aic .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.aic { border-color: #ef4b37; }
    .aic.tag,
    .bg-aic, .btn.btn-aic, .aic .rank-1 .bg,
    .bg-aic, .btn.btn-aic, .aic .rank-2 .bg,
    .bg-aic, .btn.btn-aic, .aic .rank-3 .bg { background: #ef4b37; }
        a.btn.btn-aic:hover { background: #D6321E; }
    
    .ffc .h3 a { color: #f8ad98; }
    .ffc .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.ffc { border-color: #f8ad98; }
    .ffc.tag,
    .bg-ffc, .btn.btn-ffc, .ffc .rank-1 .bg,
    .bg-ffc, .btn.btn-ffc, .ffc .rank-2 .bg,
    .bg-ffc, .btn.btn-ffc, .ffc .rank-3 .bg { background: #f8ad98; }
        a.btn.btn-ffc:hover { background: #DF947F; }
    
    .pan .h3 a { color: #fff495; }
    .pan .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.pan { border-color: #fff495; }
    .pan.tag,
    .bg-pan, .btn.btn-pan, .pan .rank-1 .bg,
    .bg-pan, .btn.btn-pan, .pan .rank-2 .bg,
    .bg-pan, .btn.btn-pan, .pan .rank-3 .bg { background: #fff495; }
        a.btn.btn-pan:hover { background: #E6DB7C; }
    
    .bks .h3 a { color: #6d2c90; }
    .bks .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.bks { border-color: #6d2c90; }
    .bks.tag,
    .bg-bks, .btn.btn-bks, .bks .rank-1 .bg,
    .bg-bks, .btn.btn-bks, .bks .rank-2 .bg,
    .bg-bks, .btn.btn-bks, .bks .rank-3 .bg { background: #6d2c90; }
        a.btn.btn-bks:hover { background: #541377; }
    
    .bo .h3 a { color: #00828e; }
    .bo .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.bo { border-color: #00828e; }
    .bo.tag,
    .bg-bo, .btn.btn-bo, .bo .rank-1 .bg,
    .bg-bo, .btn.btn-bo, .bo .rank-2 .bg,
    .bg-bo, .btn.btn-bo, .bo .rank-3 .bg { background: #00828e; }
        a.btn.btn-bo:hover  { background: #006975; }
    
    .sh .h3 a { color: #f58a1f; }
    .sh .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.sh { border-color: #f58a1f; }
    .sh.tag,
    .bg-sh, .btn.btn-sh, .sh .rank-1 .bg,
    .bg-sh, .btn.btn-sh, .sh .rank-2 .bg,
    .bg-sh, .btn.btn-sh, .sh .rank-3 .bg { background: #f58a1f; }
        a.btn.btn-sh:hover  { background: #DC7106; }
    
    .nor .h3 a { color: #009ade; }
    .nor .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.nor { border-color: #009ade; }
    .nor.tag,
    .bg-nor, .btn.btn-nor, .nor .rank-1 .bg,
    .bg-nor, .btn.btn-nor, .nor .rank-2 .bg,
    .bg-nor, .btn.btn-nor, .nor .rank-3 .bg { background: #009ade; }
        a.btn.btn-nor:hover { background: #0081C5; }
    
    .sc .h3 a { color: #37b34a; }
    .sc .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.sc { border-color: #37b34a; }
    .sc.tag,
    .bg-sc, .btn.btn-sc, .sc .rank-1 .bg,
    .bg-sc, .btn.btn-sc, .sc .rank-2 .bg,
    .bg-sc, .btn.btn-sc, .sc .rank-3 .bg { background: #37b34a; }
        a.btn.btn-sc:hover  { background: #1E9A31; }
    
    .lux .h3 a { color: #626366; }
    .lux .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.lux { border-color: #626366; }
    .lux.tag,
    .bg-lux, .btn.btn-lux, .lux .rank-1 .bg,
    .bg-lux, .btn.btn-lux, .lux .rank-2 .bg,
    .bg-lux, .btn.btn-lux, .lux .rank-3 .bg { background: #626366; }
        a.btn.btn-lux:hover { background: #494A4D; }
    
    .sp .h3 a { color: #f4a1c5; }
    .sp .film-block.rank-block.rank-block-small,
    .timeschedule .events ul li .location-program li.sp { border-color: #f4a1c5; }
    .sp.tag,
    .bg-sp, .btn.btn-sp, .sp .rank-1 .bg,
    .bg-sp, .btn.btn-sp, .sp .rank-2 .bg,
    .bg-sp, .btn.btn-sp, .sp .rank-3 .bg { background: #f4a1c5; }
        a.btn.btn-sp:hover  { background: #DB88AC; }





/*******************************

        CONTENT STYLES

*******************************/



.h1,
h1 {
    font-family: 'Antonio';
    letter-spacing: -1px;
    font-size: 3.4rem;
    font-weight: 900;
    line-height: 1.05;
/*    text-transform: uppercase;*/
}

.gmaps-col .submenu .h2,
.gmaps-col .submenu h2,
.h2,
h2 {
    font-family: 'Antonio';
    letter-spacing: -1px;
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
    line-height: 1.05;
    /*text-transform: uppercase;*/
}

body.home h2 {
    margin-bottom: 3.5rem;
}
.h3,
h3 {
    font-family: 'Antonio';
    letter-spacing: -1px;
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: none;
    line-height: 1.15;
}

.h4,
h4 {
    font-family: 'Antonio';
    letter-spacing: -1px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: none;
    line-height: 1.15;
}
.h4 .btn,
h4 .btn {
    letter-spacing: 0px;
}


.h5,
h5 {
    font-family: 'Antonio';
    font-size: 1.5rem;
    margin-bottom: 5px;
    line-height: 1.1;
    font-weight: bold;
}
.h6,
h6 {
    font-family: 'Antonio';
    font-size: 1.2rem;
    margin-bottom: 5px;
    line-height: 1.1;
    font-weight: bold;
}

@media (max-width: 991px) {
    .h1, h1 
    { font-size: 3rem; }

}
@media (max-width: 768px) {

    .h2, h2 , .gmaps-col .submenu .h2, .gmaps-col .submenu h2
    { font-size: 2.5rem; }

    .h3, h3 
    { font-size: 1.9rem; }

    .h4, h4 
    { font-size: 1.6rem; }

    .h5, h5 
    { font-size: 1.5rem; }

}


@media (max-width: 576px) {
    .introduction {
        font-size: 1rem;
        line-height: 1.2;
    }
    body {
    }
    .h1, h1 
    { font-size: 2.3rem; }

    .h2, h2 , .gmaps-col .submenu .h2, .gmaps-col .submenu h2
    { font-size: 2rem; }

    .h3, h3 
    { font-size: 1.6rem; }

    .h4, h4 
    { font-size: 1.4rem; }

    .h5, h5 
    { font-size: 1.4rem; }

    .h6, h6 
    { font-size: 1.1rem; }

}




.h1 i[class*="ion-"] ,
h1 i[class*="ion-"] ,
.h2 i[class*="ion-"] ,
h2 i[class*="ion-"] ,
.h3 i[class*="ion-"] ,
h3 i[class*="ion-"] {
    font-size: 90%;
}
.h1 > span,
h1 > span,
.h2 > span,
h2 > span,
.h3 > span,
h3 > span{
    vertical-align: middle;
}

.p,
p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 1rem;
}


a {
    color: #f0464e;
}

    a:focus,
    a:hover {
        color: #ae282e;
    }


button {
    cursor: pointer;
}


i[class*="ion-"] {
    font-size: 115%;
}


.introduction {
    font-size: 1.3rem;
    line-height: 140%;
}

@media( max-width: 992px ) {
    .introduction {
        font-size:  1.1rem;
        line-height: 1.7;
    }
}

/*******************************

        UTILITIES

*******************************/

.clearfix {
    clear: both;
}
.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
    clear: both;
}
.content-padding {
    padding-top: 3.5rem ;
    padding-bottom: 3.5rem ;
}
.content-padding-reduced {
    padding-top: 2.75rem ;
    padding-bottom: 2.75rem ;
}
@media(max-width: 576px) {
    .content-padding {
        padding-top: 2.75rem ;
        padding-bottom: 2.75rem ;
    }
    .content-padding-reduced {
        padding-top: 2rem ;
        padding-bottom: 2rem ;
    }
}
.textaligncenter,
.text-center {
    text-align: center;
}

.textalignright,
.text-right {
    text-align: right;
}

.textalignleft,
.text-left {
    text-align: left;
}

section {
    transition: background-color 0.1s ease;
}

.bg-lightGrey {
    background-color: #f4f4f4 !important;
}

.alert.alert-danger {
    background-color: rgba(236, 64, 62, 0.2)!important;
    border: 1px solid #ec403e;
    color: #ec403e!important;
}

.bg-danger,
.red-bg {
    background-color: #ec403e!important;
    color: white;
}

    .bg-danger *,
    .alert.alert-danger *,
    .red-bg *{
        color: white!important;
    }

    .bg-programma {
        background: white;
        padding-bottom: 0;
        padding-top: 20px;
    }



section.menu .nav-list {
    padding-top: 190px;
    vertical-align: top;
    padding-bottom: 135px;
    padding-left: 5%;
    padding-right: 5%;
    overflow: auto;
    width: 100%;
}
@media (max-height: 700px) {
    section.menu .nav-list {
        padding-top: 136px;
    }
}
@media (max-width: 767px) {
    section.menu .nav-list{ 
        margin-bottom: 140px;
        padding-bottom: 0
     }
    
}
.nav-item a {
    display: flex;
    justify-content: space-between;
}
.nav-item a i {
    margin-left: 20px;
}
.nav-items {
    display: inline-block;
    min-width: 90%;
}

/*movie detail*/

.movie-detail-blocks > *:empty {
    display: none;
}
.movie-detail-blocks {
    margin-bottom: 0;   
    display: flex;
    width: 100%;
    margin-top: -10px !important;
}
.movie-detail-blocks + .movie-detail-blocks {
    margin-top: 0 !important;
}
    .movie-detail-blocks > *{
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        flex: 0 0 50%;
        flex-grow: 1;
    }
    .movie-detail-blocks .col > .alert{
        margin-left: -15px;
        margin-right: -15px;
        display: block;
        width: auto;
        flex-grow: 1;

    }

    @media (max-width: 768px) {  
        .movie-detail-blocks,
        .movie-detail-blocks > * {
            display: block;
            float: none;
        }
    }


.program-info {
    padding-top: 60px;
    padding-bottom: 60px;
}
    .program-info .prog-date {
        font-size: 1.1rem; /* conntected 790zljIU&9I4 */
    }

.prog-detail ul.data-stroke {
    list-style: none;
    padding: 0;
    text-align: center;
    margin: 0;
    display: block;
}

    .prog-detail ul.data-stroke li {
        padding-top: 1.5rem;
        display: inline-block;
        padding: 0 1rem;
        width: 230px;
        text-align: left;
        margin-top: 30px;
    }


    .prog-detail ul.data-stroke .prog-date {
        /*font-family: 'Platform';*/
        font-size: 1.5rem;
        margin-bottom: 0rem;
        text-transform: none;
        display: block;
    }
    .prog-detail ul.data-stroke .prog-date:first-of-type {
        margin-bottom: 2px;
        font-weight: bold;
    }
    .prog-detail ul.data-stroke .prog-date:last-of-type {
        margin-bottom: 10px;
        font-weight: normal;
        font-family: 'Antonio', sans-serif;
        font-size: 1.1rem;
    }

.film-blocks {
}

    .film-blocks .film-block {
        margin:  0 0 30px; 
    }
    .film-blocks .film-block iframe,
    .film-blocks .film-block .background {
        max-width: 100%;
        min-height: 230px;
        position: relative;
        background-size: cover!important;
        background-position: center!important;
        display: block;
        z-index: 1;
    }
        .film-block .play-btn {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: 50px;
            width: 50px;
        }
    
        .film-block .play-btn .ion-play {
            color: white;
            font-size: 4rem;
        }

    .film-blocks .film-block .film-block-content {
        padding: 32px;
        color: #ec403e;
        font-weight: 600;
        height: 100%;
        padding-top: 260px;
        margin-top: -230px;
        position: relative;
    }
    .film-blocks .film-block .film-block-content.bottom-block-padding {
        padding-bottom: 175px;
    }
    .film-blocks .film-block .film-block-content .bottom-block {
        position: absolute;
        left: 32px;
        right: 32px;
        bottom: 32px;
    }
    .film-blocks .film-block .film-block-content .film-block-text {
      font-weight:normal !important;
      background-color:transparent !important;
    }
    .film-blocks .film-block .film-block-content .highlight-block {
        margin-top: 2rem;
    }

    .film-blocks .film-block .film-block-content .highlight-block * {
        color: #000!important;
    }
    .film-blocks .film-block .film-block-content .highlight-block > * {
        /*font-family: 'Platform';*/
        font-size: 1.2rem;
    }
    .film-blocks .film-block .film-block-content .highlight-block .prog-date {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 1px;
    }


    .film-blocks .film-block .film-block-content .highlight-block .prog-time {
        font-family: 'Antonio', sans-serif;
        font-size: 1rem;
    }

.w-1 {
    width: 1px;
}

.header-margin {
    margin-top: 79px;
}

.film-block.rank-block {
    margin: 30px 0;
}

    .film-block.rank-block .rank-block-offset {
        position: relative;
        padding-left: 115px;
    }
    .film-block.rank-block .rank {
        position: absolute;
        top: 2px;
        left: 26px;
        z-index: 1;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .film-block.rank-block .rank .bg {
        position: absolute;
        content: "";
        margin: auto;
        width: 60px;
        height: 60px;
        z-index: -1;
        transform: rotate(45deg);
        box-shadow: 0 0 8px rgba(0,0,0,0.2);
    }
        .film-summary {
            margin-bottom: 20px;
        }
        .film-summary > *:first-child + * {
            margin-left: auto;
        }
    
        .film-block.rank-block .film-genre:hover,
        .film-block.rank-block .film-genre {
            color: #000;
            text-decoration: none;
        }

        .film-block.rank-block .film-dates {
            /*font-family: 'Platform';*/
            color: white;
            font-size: 1.6rem;
            font-weight: bold;
            margin-bottom: 5px;
            text-transform: none;
        }

        .film-block.rank-block .bottom-block {
            margin-bottom: 20px;
        }

        .film-block.rank-block .bottom-block:last-of-type {
            margin-bottom: 0;
        }
    
    /*SMALL VERSION*/

    .film-block.rank-block.rank-block-small{
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 2px dashed #ec403e;
        margin: 0;
    }

        .film-block.rank-block.rank-block-small .rank {
            margin: auto;
            top: 0;
            bottom: 0;
            padding: 10px 0;
        }
        .film-block.rank-block.rank-block-small .rank:before,
        .film-block.rank-block.rank-block-small .rank {
            width: 50px;
            height: 50px;
        }
            .film-block.rank-block.rank-block-small .h3,
            .film-block.rank-block.rank-block-small h3 {
                font-size: 1.9rem;
            }
        
            .film-block.rank-block.rank-block-small .score {
                width: 65px;
            }


@media (max-width: 992px) {
    .nav.nav-tabs li {
        width: auto;
    }
}
@media (max-width: 768px) {
    .container-md {
        width: auto;
        padding: 0 30px;
    }
}
@media (max-width: 575px) {
    .film-block.rank-block {
        margin: 0;
    }
    .film-block.rank-block .rank-block-offset {
        padding: 145px 1rem 40px 1rem;
    }
    .film-block.rank-block:nth-of-type(odd) .rank-block-offset {
        background: rgba(0,0,0,.1);
    }

    .film-block.rank-block {
        text-align: center;
    }
    .film-block.rank-block .rank{
        padding: 14px 0;
        left: 0;
        right: 0;
        top: 45px;
        margin: auto;
    }
    .film-block.rank-block .rank {
        width: 75px;
        height: 75px;
    }
    .film-block.rank-block .rank:before {
        width: 70px;
        height: 70px;
    }
    .film-block.rank-block .rank{
        font-size: 2.7rem;

    }
    .film-block.rank-block .prog-date {
    }
    .film-block.rank-block .prog-date table,
    .film-block.rank-block .prog-date tbody,
    .film-block.rank-block .prog-date tr,
    .film-block.rank-block .prog-date td {
        display: block
    }
     .film-block.rank-block .prog-date tr {
        margin: 8px 0;
     }

    .film-block.rank-block .film-summary {
        margin-bottom: 30px;
    }
    .container-md {
        padding: 0 15px;
    }

    /*SMALL VERSION*/
    
    .film-block.rank-block.rank-block-small .rank-block-offset {
        padding-top: 125px;
    }
    .film-block.rank-block.rank-block-small .rank {
        top: 49px;
        bottom: auto;
        padding: 15px 0;
    }
    .film-block.rank-block.rank-block-small .rank:before, 
    .film-block.rank-block.rank-block-small .rank {
        width: 60px;
        height: 60px;
    }


    .film-block.rank-block.rank-block-small {
        padding: 0;
        border: 0;
    }
            .film-block.rank-block.rank-block-small .h3,
            .film-block.rank-block.rank-block-small h3 {
                font-size: 1.6rem;
            }

            .film-block.rank-block.rank-block-small .h3.rank,
            .film-block.rank-block.rank-block-small h3.rank  {
        font-size: 1.9rem;
            }

}

.reasons {
    
}
    .reasons .h1,
    .reasons h1 {
    }
    .reasons .h2,
    .reasons h2 {
    }
       

    .reasons header {
        padding: 112px 15px 112px 15px;
        border-top: 78px solid transparent;
    }
    @media(max-width: 576px) {
        .reasons header {
            padding: 45px 15px 45px 15px;
            border-top: 78px solid transparent;
        }
    }
        .reasons header *[class*="col-"] {
            max-width: 100%;
            flex: 0 0 625px;
            margin: 0 auto;
            float: none!important;
        }
    .reasons .reason {
        position: relative;
        padding-top: 60px;   
        padding-bottom: 60px;   
    }
    .reasons .reason.animated-borders {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .reasons .reason2 {
    }

    .reasons .reason4 .more img {
        max-width: 120px;
        max-height: 90px;
    }

        .reasons .reason-number {
            width: 84px;
            height: 84px;
            margin: 0 auto;
            text-align: center;
            padding: 13px 0;
            font-size: 3.4rem!important;
            margin-bottom: 0!important
        }

        .reasons .reason .heading {
            width: 100%;
            margin-top: -60px;
            margin-bottom: 60px;
            height: 500px;
            position: relative;
        }

        .reasons .film-blocks {
            background: inherit;
        }
        .reasons h2{ 
            margin-bottom: 30px;

        }
        .reasons .content-block {
            padding-bottom: 45px;
        }   
        .reasons .content-block.reduced-padding {
            padding-bottom: 30px;
        }
        @media (max-width: 576px) {
            .reasons .content-block {
                padding-bottom: 15px;
            }   
            .reasons .content-block.reduced-padding {
                padding-bottom: 10  px;
            }
        }

            .reasons .content-block *:last-child {
                margin-bottom: 0;
            }

        .reasons .more {
            text-align: center;
        }
            .reasons .more h2,
            .reasons .more .h2 {
                margin-bottom: 15px;
            }

            .reasons .more .btn {
                margin-top: 10px;
            }

            .reasons .more img {
                margin: 15px 0 10px 0;
            }

            .reasons .more .more-block {
                margin: 15px 0 0 0;
            }

                .reasons .more .more-block > div {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                }

                .reasons .more .more-block > div .h3 {
                    margin-bottom: 20px;
                    flex-grow: 1;
                    flex-shrink: 0;
                    flex-basis: auto;
                    align-items: center;
                    display: inline-flex;
                    max-width: 100%
                }
                .reasons .more .more-block > div .btn {
                    margin-top: auto;

                }







    .ticket-details {

}

    .ticket-label {
        margin-top: 15px;
        margin-bottom: 5px;
        font-size: 1.1rem;
    }

    .ticket-info {
        font-size: 1.6rem;
    }
    .ticket-label,
    .ticket-info {
        font-weight: bold;
    }

/*Responsive*/

.btn-dropdown {
    display: inline-block;
}

.shapes {

    justify-content: center;
}
@media (max-width: 992px) {


.show-details.sidemenu {   
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: white;
    border-right: 1px solid #eee;
    border-left: 0;
}
    .show-details.sidemenu > * {   
        width: 320px;
        padding: 100px 1rem 30px 1rem; 
        max-height: 90vh;
        overflow: auto;
    }

    .show-details.sidemenu .close {
        display: block;
    }

    .show-details.sidemenu > *,
    .show-details.sidemenu {
        display: none;
    }

}


/*
@media(min-height: 900px) and (min-width: 768px) {
    section.menu .nav-list {
        padding-top: 36vh;
    }
    
}
@media(min-height: 600px) and (min-width: 768px) {
    
    section.menu .nav-list {
        padding-top: 26vh ;
    }
}
@media(min-height: 700px) and (min-width: 768px) {
    
    section.menu .nav-list {
        padding-top: 30vh;
    }
}
@media(min-height: 800px) and (min-width: 768px) {
    
    section.menu .nav-list {
        padding-top: 36vh;
    }
}
*/
        .fluid-blokkenschema.container {
    padding-top: 0;
        }
.film-title {
    margin-top: 107px;
}

@media (max-width: 1280px) {
    .subnavigation li {
        font-size: 1.3rem;
    }
    .nav-item a {
        font-size: 1.5rem;
    }
}
@media(max-width: 992px) {
    
    .content-2col img {
        display: block!important;
        float: none!important;
        margin-bottom: 1rem!important;
    }
.film-title {
    margin-top: 53px;
}


    .film-title i{
        position: absolute;
        left: 0;
        top: 7px;
    }
        
        .blokkenschema.container,
        .fluid-blokkenschema.container {
            padding-left: 2rem;
            padding-right: 2rem;
        }
        .navigation .nav-text h2 {
            font-size: 2.5rem;
        }
}
@media(max-width: 768px) {
        
        .blokkenschema.container,
        .fluid-blokkenschema.container {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    .reasons .more .more-block h3, 
    .reasons .more .more-block .h3 {
        height: auto;
    }
    section.menu .nav-list {
        padding-top: 130px;
    }
    .nav-item {
        margin-bottom: 15px;
    }
    .nav-item .icon-arrow:after {
        font-size: 1.7rem;
    }
    /*PROGRAM*/
    .home-blocks .heading {
        display: block;
        min-height: 0;
    }

        .home-blocks .heading > * {
            display: block;
        }
}
@media(min-width: 768px) {
    section.menu .nav-list {
        min-height: 565px;
    }
}

@media(min-width: 1200px) {
    section.menu .nav-list {
        min-height: 565px;
    }
}

@media(max-width: 576px) {

    .film-blocks {
        background: #f4f4f4;
    }

        .reasons .reason-number {
            top: -35px;
            width: 70px;
            height: 70px;
            padding: 12px 0;
            font-size: 2.8rem!important;
        }
    .tab-menu ul {
        white-space: nowrap;
        overflow: hidden;
    }
    .tab-menu li {
    width: auto;
    display: inline-block;
    white-space: nowrap;
    float: none;
    }
    .tab-menu li a {
        font-family: "gotham-book-webfont",sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 2px;
    }

}

@media(max-width: 480px) {


    .reasons .h1, .reasons h1 {
        font-size: 2.5rem;
    }
    
    .reasons .shapes, 
    .reasons .h2, .reasons h2 {
        font-size: 2rem;
    }


    .film-title i{
        top: 3px;
    }

    .tab-menu ul {
        white-space: nowrap;
        overflow: hidden;
    }
    .tab-menu li {
    width: auto;
    display: inline-block;
    white-space: nowrap;
    float: none;
    }
    .tab-menu li a {
        font-family: "gotham-book-webfont",sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 3px;
    }
}

@media(max-width: 380px) {


    .btn-group-lg > .btn, .btn-lg {
        font-size: 1.05rem;
    }
    .btn-dropdown,
    .btn.btn-primary {
        width: 100%;
        padding: 0.75rem 1rem
    }
    .btn.btn-primary,
    .btn-dropdown span,
    .btn.btn-primary span {
        font-size: 19px;
    }
    .btn-dropdown i,
    .btn.btn-primary i {
        font-size: 30px;
    }
    .big-head .btn.btn-scroll i {
        line-height: 0  
    }
    h2.big-head{
        font-size: 2.1rem;
    }
}

@media(max-width: 340px) {

    .individual-logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*
    Mobile Toggler
*/


.navbar-toggler {
  position: relative;
  border: 1px solid white;
  font-size: inherit;
  cursor: pointer;
    height: auto!important;
    width: auto!important;
  float: right; 
    display: flex;
    white-space: nowrap;
}
  .navbar-toggler.submenu-toggler {
    border: 0;
    background: rgba(255, 255, 255, 0.08);
    position: absolute;
    right: 15px;
    top: 30px;
    width: 50px;
    height: 40px; }
    .navbar-toggler.submenu-toggler span {
      background: white;
      width: auto;
      height: 3px;
      left: 10px;
      right: 10px;
      top: 18px; }
      .navbar-toggler.submenu-toggler span:last-of-type {
        margin-top: -8px; }
      .navbar-toggler.submenu-toggler span:first-of-type {
        margin-top: 8px; }
  .navbar-toggler span {
    position: absolute;
    top: 13px;
    right: 5px;
    bottom: 0;
    left: 5px;
    height: 3px;
    transition: .2s opacity ease .2s, .2s transform ease, .2s margin ease .2s;
    opacity: 1;
    background: #ec403e;
    width: 32px; }
    .navbar-toggler span:first-of-type, .navbar-toggler span:last-of-type {
      transform: rotate(0deg); }
    .navbar-toggler span:first-of-type {
      margin-top: 7px; }
    .navbar-toggler span:last-of-type {
      margin-top: -7px; }
  .navbar-toggler label {
    margin: 0; }
  .navbar-toggler label:last-child {
    padding-left: 30px; }
  .navbar-toggler label:first-child {
    padding-right: 30px; }
  .navbar-toggler.active span {
    transition: .2s opacity ease, .2s transform ease .2s, .2s margin ease;
    opacity: 0; }
    .navbar-toggler.active span:first-of-type, .navbar-toggler.active span:last-of-type {
      margin-top: 0;
      opacity: 1; }
    .navbar-toggler.active span:first-of-type {
      transform: rotate(45deg); }
    .navbar-toggler.active span:last-of-type {
      transform: rotate(-45deg); }


.modal.modal-program .modal-dialog {
    max-width: 100%;
    width: 992px;
}

    .modal.modal-program .modal-body {
        padding: 0
    }

        .modal.modal-program .movie-intro {
            padding: 40px;
        }

        .modal.modal-program .details {
            background: #FFF577 !important;
            padding: 40px;
        }
            .modal.modal-program .details .detail {
                margin-bottom: 20px
            }
            
                .modal.modal-program .details .detail .row [class*="col-"]:first-of-type .ticket-label {
                    margin: 0;
                }
                .modal.modal-program .details .detail .row [class*="col-"] .ticket-label {
                    font-size: inherit;
                    font-weight: bold;
                }
                .modal.modal-program .details .detail .ticket-info {
                    font-size: inherit;
                    font-weight: normal;
                }

        .modal.modal-program .modal-buttons {
            margin-top: 10px;
            background:#f2f2f2;
        }

            .modal.modal-program .modal-buttons .tickets {
                padding: 0;
                display: flex;
            }
            
            .modal.modal-program .modal-buttons .tickets > * {
                flex-grow: 1;
            }
            .modal.modal-program .modal-buttons .tickets .ticketbtn {
            }
            .modal.modal-program .modal-buttons .tickets .btn {
                padding: 23px;
                display: block;
                height: 100%;
                white-space: nowrap;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
            }
             .modal.modal-program .modal-buttons .tickets .ticketlabel:empty {
                display: none;
            }
             .modal.modal-program .modal-buttons .tickets .ticketlabel .alert {
                height: 100%;
                padding: 23px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                
                font-size: 1.6rem;
            }
            .modal.modal-program .modal-buttons .btn[data-dismiss="modal"] {
            }

            @media (max-width: 992px) {
                .modal.modal-program .movie-intro {
                    padding-bottom: 40px;
                }
                .detail [class*="col-"] {
                    display: block;
                    width: 100%;
                    max-width: 100%;
                    flex: 100%;
                }
            }


.cookie-melding {
  padding: 12px 2.25rem;
  background: rgba(255, 255, 255, 0.95);
  color: black;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: none;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  font-weight: bold;
  flex-direction: row;
  align-items: center;
}
.cookie-melding a {
    text-decoration: underline;
    margin-left: auto;
}
.cookie-melding:after, .cookie-melding:before {
  content: "";
  display: block;
  clear: both;
}
.cookie-melding > span {
  padding: 0 1.3rem 0 0;
  display: inline-block;
  max-width: 100%;
}
.cookie-melding .btn {
  float: right;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-decoration:  none;
}
.cookie-melding * {
  margin: 0;
}
@media (max-width:767px) {
    .cookie-melding {
        flex-direction: column;
    }
    .cookie-melding a {
        margin-left: auto;
        margin-top: 10px;
    }
}

.snel-bestellen .container-fluid {
    width: 1400px;
    max-width: 100%;
    margin: auto;
}

.snel-bestellen .home-block {
    padding: 2.5rem 3.5rem;
    min-height: 0;
    display: inline-block;
}

.snel-bestellen .btn.h2 {
    position: relative;
    top: 20px;
    z-index: 1;
}

.snel-bestellen a.btn {
    opacity: 0.5;
}
.snel-bestellen .btn.btn-primary {
    font-size: 160%;
}

.snel-bestellen .button-bar {
    text-align: right;
}
.snel-bestellen .button-bar .btn {
    margin-top: 1px;
}

.snel-bestellen .h1 {
    font-size: 3.6rem;
}

.snel-bestellen .bestel-blocks {
    margin: 0 0px;
    padding: 0 15px;
}
.bestel-block + .bestel-block:before {
    content: "";
    background: rgba(0,0,0,.2) url('../images/arrow-right-regular.svg') no-repeat center / 20px;
    width: 38px;
    height: 38px;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    left: -19px;
}

@media (max-width: 991px) {
    .bestel-block:before {
        display: none;
    }

    .bestel-blocks .home-block {
        display: flex!important;
        flex-direction: row;
    }
    .bestel-blocks .home-block:before {
            content: "1";
            position: relative;
            left: 0;
             background: rgba(0,0,0,.2);
            width: 38px;
            height: 38px;
            margin-right: 10px;
            display: block;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
    }
    .bestel-block:nth-of-type(2) .home-block:before {
            content: "2";
    }
    .bestel-block:nth-of-type(3) .home-block:before {
            content: "3";
    }

}
.snel-bestellen .bestel-blocks .bestel-block .home-block {
    padding-left: 20px;
    padding-right: 20px;
}

.first-item-activated select {
    opacity: 0.5
}

@media(max-width: 1400px ) {
    .home-block {
        padding: 3rem 2rem;
    }
    .snel-bestellen .home-block {
        padding: 25px;
    }
}

@media(max-width: 992px) {
    
    .snel-bestellen .bestel-blocks {
        margin-top: 10px!important;
        padding: 0;
    }
    .snel-bestellen .home-block {
        padding: 15px;
    }
    .snel-bestellen .bestel-blocks .bestel-block .home-block {
        padding-left: 0;
        padding-right: 0;
    }
    .snel-bestellen .bestel-block + .bestel-block .home-block {
        padding-top: 0;
    }
    .snel-bestellen .button-bar .btn {
        margin-top: 20px;
    }

    .snel-bestellen .container-fluid {
        width: 680px;
    }
    .snel-bestellen .h1 {
        font-size: 3rem;
    }
    
}

@media (max-width: 900px) {
    .nav-items {
        min-width: 100%;
    }
    section.menu > div:last-child {
        min-width: 415px;
    }
}
@media(max-width: 576px) {
    .snel-bestellen .custom-select {
        font-size: 75%;
    }
    .snel-bestellen .button-bar .btn {
        font-size: 120%;
    }
    .snel-bestellen .h1 {
        font-size: 2.5rem;
    }
    section.menu > div:last-child {
        min-width: auto;
        width: 100%;
        max-width: 100%;
    }

}
@media(max-width: 400px) {
   .snel-bestellen .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .snel-bestellen .bestel-blocks .bestel-block .home-block{
        padding-left: 0;
        padding-right: 0;
    }
}

.nowrap {
    white-space: nowrap;
}


.home-block .d-table-cell,
.home-block .d-table {
    vertical-align: middle;
}

.btn-top {
    padding: 30px;
    position: fixed; 
    bottom: 0;
    right: 0;
    z-index: 9;
    opacity: 0;
    transition: 0.2s ease all;
}
.btn-top.active {
    opacity: 1;
}
.btn-top svg {
    width: 53px;
    fill: #ec403e;
    transition: 0.2s ease fill;
}


@supports (-ms-ime-align:auto) {
    .animation {
        display: none;
    }
}
.btn-top svg:hover {
    fill: #ae282e;
}
        .parallax   {
            margin-top: 0;
            height: 85vh;
        }

            .animation {
                position: absolute;
                top: 100px;
                bottom: 20px;
                right: 0;
                left: 0;
                background: #FFF577;
                width: 100%;
            }
                .part1 {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    display: flex;
                    align-items: flex-end;
                    flex-direction: column-reverse;
                    width: 100%;
                    height: 49%;
                    overflow: hidden;
                }
                .part2 {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    display: flex;
                    align-items: flex-start;
                    flex-direction: column;
                    width: 100%;
                    height: 49%;
                    overflow: hidden;
                }
                .animation .image-holder {
                    min-height: 0;
                    width: 80%;
                    position: absolute;
                    left: 0;
                    right: 0;
                    margin-left: auto;
                    margin-right: auto;
                }
                .part1 .image-holder {
                    bottom: -16vh;
                    -webkit-animation: goUp 16s infinite cubic-bezier(0,0,.3,1); /* Safari 4.0 - 8.0 */
                    animation: goUp 16s infinite cubic-bezier(0,0,.3,1); /* Safari 4.0 - 8.0 */
                }
                .part2 .image-holder {
                    top: -16vh;
                    -webkit-animation: goDown 16s infinite cubic-bezier(0,0,.3,1); /* Safari 4.0 - 8.0 */
                    animation: goDown 16s infinite cubic-bezier(0,0,.3,1); /* Safari 4.0 - 8.0 */
                }
                .part2 .image-holder, 
                .part1 .image-holder {
                    -webkit-animation-delay: 1s;
                    animation-delay: 1s;
                }
                .image-holder + .image-holder {
                    -webkit-animation-delay: 3s;
                    animation-delay: 3s;
                }
                .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 5s;
                    animation-delay: 5s;
                }
                .image-holder + .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 7s;
                    animation-delay: 7s;
                }
                .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 9s;
                    animation-delay: 9s;
                }
                .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 11s;
                    animation-delay: 11s;
                }
                .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 13s;
                    animation-delay: 13s;
                }
                .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 15s;
                    animation-delay: 15s;
                }
                .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 17s;
                    animation-delay: 17s;
                }
                .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                    -webkit-animation-delay: 19s;
                    animation-delay: 19s;
                }
                @supports (-webkit-overflow-scrolling: touch) {
                         .part1 .image-holder {
                            bottom: -16vh;
                            -webkit-animation: goUp 16s infinite cubic-bezier(0,0,.25,1); /* Safari 4.0 - 8.0 */
                            animation: goUp 16s infinite cubic-bezier(0,0,.25,1); /* Safari 4.0 - 8.0 */
                        }
                        .part2 .image-holder {
                            top: -16vh;
                            -webkit-animation: goDown 16s infinite cubic-bezier(0,0,.25,1); /* Safari 4.0 - 8.0 */
                            animation: goDown 16s infinite cubic-bezier(0,0,.25,1); /* Safari 4.0 - 8.0 */
                        }
                        .part2 .image-holder, 
                        .part1 .image-holder {
                            -webkit-animation-delay: 0s;
                            animation-delay: 0s;
                        }
                        .image-holder + .image-holder {
                            -webkit-animation-delay: 2s;
                            animation-delay: 2s;
                        }
                        .image-holder + .image-holder + .image-holder {
                            -webkit-animation-delay: 4s;
                            animation-delay: 4s;
                        }
                        .image-holder + .image-holder + .image-holder + .image-holder {
                            -webkit-animation-delay: 6s;
                            animation-delay: 6s;
                        }
                        .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                            -webkit-animation-delay: 8s;
                            animation-delay: 8s;
                        }
                        .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                            -webkit-animation-delay: 10s;
                            animation-delay: 10s;
                        }
                        .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                            -webkit-animation-delay: 12s;
                            animation-delay: 12s;
                        }
                        .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                            -webkit-animation-delay: 14s;
                            animation-delay: 14s;
                        }
                        .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                            -webkit-animation-delay: 16s;
                            animation-delay: 16s;
                        }
                        .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder + .image-holder {
                            display: none;
                        }
                }
                .animation img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                }

                /* Safari 4.0 - 8.0 */
                @-webkit-keyframes goDown {
                    0%   {top: -50%; min-height: 16vh; }
                    100% {top: 100%; min-height: 0vh; }
                }
                @keyframes goDown {
                    0%   {top: -50%; min-height: 16vh; }
                    100% {top: 100%; min-height: 0vh; }
                }

                /* Safari 4.0 - 8.0 */
                @-webkit-keyframes goUp {
                    0%   {bottom: -50%; min-height: 16vh; }
                    100% {bottom: 100%; min-height: 0vh; }
                }

                @keyframes goUp {
                    0%   {bottom: -50%; min-height: 16vh; }
                    100% {bottom: 100%; min-height: 0vh; }
                }


.animated {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.delay {
    animation-delay: 0s;
}
.delay + .delay {
    animation-delay: .2s;
}
.delay + .delay + .delay {
    animation-delay: .4s;
}
.delay + .delay + .delay + .delay {
    animation-delay: .6s;
}
.delay + .delay + .delay + .delay + .delay {
    animation-delay: .8s;
}
.delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 1s;
}
.delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 1.2s;
}

.delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 1.2s;
}

.delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 1.4s;
}

.delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 1.6s;
}

.delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 1.8s;
}

.delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 2s;
}

.delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 2.2s;
}

.delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 2.4s;
}

.delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 2.6s;
}

.delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay + .delay {
    animation-delay: 2.8s;
}

.delay-1 {
    animation-delay: 0s;
}
.delay-2 {
    animation-delay: .2s;
}
.delay-3 {
    animation-delay: .4s;
}
.delay-4 {
    animation-delay: .6s;
}
.delay-5 {
    animation-delay: .8s;
}
.delay-6 {
    animation-delay: 1s;
}
.delay-7 {
    animation-delay: 1.2s;
}
.delay-8 {
    animation-delay: 1.4s;
}
.delay-9 {
    animation-delay: 1.6s;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft.go {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }

  100% {
    opacity: 1;
  }
}

.zoomIn {
    opacity: 0
}

.zoomIn.go {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  animation-fill-mode: linear;
  -webkit-animation-fill-mode: linear;
}




@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft.go {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight.go {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp.go {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight.go {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.slideInDown.go {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}



@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.slideInUp.go {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.fadeInLeft,
.fadeInRight,
.slideInDown,
.slideInUp {
    opacity: 0
}

.card {
    border: 0;
    border-radius: 0;
    color: black;
}
.card .card-body {
    padding: 30px 25px;
}
@media(max-width: 576px) {
    .card .card-body {
        padding: 20px 15px;
    }
}

.btn.tag {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    border: 3px solid transparent
}
.tag + .tag {
    margin-left: 10px;
}

.card-image {
    position: relative;
    overflow: hidden;
    height: 225px;
    max-width: 100%;
}
.card-tags {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.card-image img {
    transition: 0.2s ease all;
    height: 100%;
    width: 100%;
}
.card:hover .card-image img {
    transform: scale(1.1);
}

.card-body {
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
@media(max-width: 576px) {
    .card-body {
        padding-top: 15px;
    }
}
.stretched-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    
.movie-swiper {
    margin: 0 -50px;
}
@media(max-width: 576px) {
    .movie-swiper {
    margin: 0 0;
    }   
}
    .movie-swiper .swiper-wrapper {
        display: flex;
    }

        .movie-swiper .swiper-slide {
            max-width: 25%;
            padding: 0 7px;
            height: auto;
        }
        @media(max-width: 1500px) {
            .movie-swiper .swiper-slide {
                max-width: 33.33%;
            }   
        }
        @media(max-width: 1024px) {
            .movie-swiper .swiper-slide {
                max-width: 50%;
            }   
        }
        @media(max-width: 600px) {
            .movie-swiper .swiper-slide {
                max-width: 100%;
            }   
        }
        
            .movie-swiper .card-image {
                position: relative;
                height: auto;
            }
                .movie-swiper .card-image:before {
                    padding-top: 65%;
                    display: block;
                    content: "";
                }

                .movie-swiper .card-image img {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                }

            .movie-swiper .card-body {
                display: flex;
                flex-direction: column;
            }


                .movie-swiper .buttons {
                    margin-top: auto;
                    margin-bottom: 5px;
                }

                .movie-swiper .content {
                    overflow: hidden;
                    position: relative;
                    height: 210px;
                    margin-bottom: 0;
                }
                .movie-swiper .content:before {
                    content: "";
                    display: block;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 50px;
                    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
                }

.swiper {
    position: relative;
    padding: 0 65px;
}
.swiper .swiper-container-holder {
    overflow: hidden;
}
.swiper .swiper-container {
    position: static;  
    margin: 0 -7px;
}
.swiper [class*="col-"] {
    padding-left: 7px;
    padding-right: 7px;
}
.swiper-button-next, .swiper-button-prev {
    width: 44px;
    height: 44px;
    padding: 0;
}
.btn.swiper-button-next {
    background: #000 url('../images/arrow-right-regular.svg') no-repeat center / 22px;
}
.btn.swiper-button-prev {
    background: #000 url('../images/arrow-left-regular.svg') no-repeat center / 22px;
}
@media (max-width: 767px) {
    .swiper {
        position: relative;
        padding: 0 40px;
    }
}
@media (max-width: 576px) {
    .swiper {
        padding: 0;
    }
    .swiper-button-next {
        margin-right: -20px;
    } 
    .swiper-button-prev {
        margin-left: -20px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: 134px;
    }
}
section.Banner {
    padding: 125px 70px;
    margin: 15px 0;
    color: white;
}
@media (max-width: 576px) {
    section.Banner {
        padding-left: 50px;
        padding-right: 50px;
    }
}
section.Banner .stretched-link + div {
    transition: 0.2s ease all;
}
section.Banner .stretched-link:hover + div {
    transform: scale(1.05);
}


.status {
    display: inline-flex;
    background: #6cbedd;
    color: #fff;
    padding: 5px 12px;
    font-size: 95%;
    margin-top: 3px;
    border: 1px solid #6cbedd;
}
.status.sold-out {
    background: transparent;
    color: #6cbedd;
    border-color: #6cbedd;
}