/* P5 WEB TEMPLATE 3.1 */
/* normalize.css v4.1.1 */
progress,
sub,
sup {
    vertical-align: baseline
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

button,
hr,
input {
    overflow: visible
}

[type=checkbox],
[type=radio],
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

*,
*:after,
*:before {
    box-sizing: border-box;
}

a {
    color: #9b4dca;
    text-decoration: none;
    outline: 0;
}

a:hover {
    color: #606c76;
}

.hide,
.hidden,
[hidden] {
    display: none !important;
}

.show,
article {
    display: block;
}

.invisible {
    visibility: hidden;
}

address {
    font-style: normal;
    line-height: inherit;
}

hr {
    border: 0;
    border-top: 0.1rem solid #f4f5f6;
    margin-bottom: 3.5rem;
    margin-top: 3rem;
    box-sizing: content-box;
    height: 0
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.breadcrumb:after {
    content: "";
    display: table;
}

.clearfix:after,
.row:after,
.breadcrumb:after {
    clear: both;
}

.disabled {
    pointer-events: none;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa,
.card-img_overlay:after,
.social-video:after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Styles */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    overflow: auto;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: white;
    color: #212121;
    font-family: 'Lato', sans-serif;
    font-size: 1.6em;
    position: relative;
    line-height: 1.6;
}

.disable-hover {
    pointer-events: none;
}

body,
input,
button {
    -webkit-font-smoothing: antialiased;
}

.c {
    width: 96%;
    max-width: 160rem;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.c.w-s {
    max-width: 120rem;
}

/* Basics */
.bgcover,
.bgcontain {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.bgcontain {
    background-size: contain;
}

.lazyload:not(.nofade),
.lazyloading:not(.nofade),
.overlay-img {
    opacity: 0;
}

.lazyloaded:not(.nofade),
.overlay-img.show {
    opacity: 1;
    transition: opacity 300ms;
}

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

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

.text-center {
    text-align: center;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
}

h1,
.size1 {
    font-size: 3.6rem;
    line-height: 1.2;
}

h2,
.size2 {
    font-size: 3.0rem;
    line-height: 1.25;
    font-family: 'Francois One', sans-serif;
}

h3,
.size3 {
    font-size: 2.4rem;
    line-height: 1.3;
    font-family: 'Francois One', sans-serif;
}

h4,
.size4 {
    font-size: 1.8rem;
    line-height: 1.35;
}

h5,
.size5 {
    font-size: 1.6rem;
    line-height: 1.5;
}

h6,
.size6 {
    font-size: 1.4rem;
    line-height: 1.4;
}

@media (max-width: 40rem) {

    h1,
    .size1 {
        font-size: 3rem;
    }

    h2,
    .size2 {
        font-size: 2.4rem;
    }

    h3,
    .size3 {
        font-size: 2rem;
    }

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

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

    h6,
    .size6 {
        font-size: 1.2rem;
    }
}

.text-aftertitle {
    margin-top: 1.5rem;
}

.transition,
a,
button,
.button {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.artiest_kleuterpop #uitgelicht.bgTheme .color_white_primary,
.artiest_kleuterpop .button,
.artiest_robertpater .button,
.color_primary {
    color: #454545;
}

.artiest_robertpater .colorTheme {
    color: #cda429;
}

.artiest_kleuterpop #uitgelicht.bgTheme .color_white_secondary,
.artiest_kleuterpop #newsletter .colorTheme,
.color_secondary {
    color: #757575;
}

.color_muted,
.breadcrumb-item:before {
    color: #BDBDBD;
}

.color_white_primary {
    color: #fafafa;
}

.color_white_secondary {
    color: #eee;
}

.color_highlight {
    color: #3D81FF;
}

.color_highlight_muted {
    color: #759EE8;
}

.color_error,
.error:not(.input) {
    color: #E53935;
}

.input.error {
    border-color: #E53935;
}

.color_correct,
.correct:not(.input) {
    color: #7CB342;
}

.input.correct {
    border-color: #7CB342;
}

.section {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.fullwidth_padding {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.fullwidth_left {
    left: 2.5rem;
}

.fullwidth_right {
    right: 2.5rem;
}

.big_shadow {
    border-radius: 0.4rem;
    box-shadow: 0.5rem 0.9rem 3rem rgba(0, 0, 0, 0.35);
}

.big_shadow:after {
    border: 0.1rem solid rgba(255, 255, 255, 0.2);
    display: block;
    pointer-events: none;
    z-index: 1;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.4rem;
}

/* End-Basics */
/* Home */
#home.section {
    height: 93vh;
}

#home:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    z-index: 6;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 2rem;
    z-index: 10;
}

#header .logo {
    float: left;
    width: 28rem;
    height: 10rem
}

.artiest_jeroenvanzelst #header .logo {
    height: 12rem;
}

.artiest_wesleyklein #header .logo {
    height: 9rem;
}

.artiest_brianmore #header .logo {
    width: 33rem;
}

.artiest_janbiggel #header .logo {
    height: 17rem;
}
.artiest_partyfriex #header .logo {
    height: 3.4rem;
}
.artiest_bontecarlo #header .logo {
    height: 8rem;
    width: 18rem;
}

.artiest_gebroedersrossig #header .logo {
    height: 15rem;
    margin-top: -3rem;
}

#header .logo img,
#menu .logo img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

#header .logo img[src$=".svg"],
#menu .logo img[src$=".svg"] {
    width: 100%;
    height: 100%;
}

#header .socials {
    color: white;
    float: right;
    text-align: right;
    font-size: 2.8rem;
}

.home-release {
    width: 20vw;
    height: 20vw;
    position: absolute;
    z-index: 8;
    bottom: 2rem;
}

.home-release button {
    position: absolute;
    bottom: 0.8rem;
    right: -1.6rem;
    z-index: 3;
}

/* End-Home */
/* Menu */
#menu {
    display: flex;
    align-items: center;
    background: #fff;
    border-bottom: 0.1rem solid #ddd;
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 4.5rem;
    width: 100%;
    z-index: 15;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.flex-grow {
    flex-grow: 1;
}

#menu.sticky {
    position: fixed;
    top: 0;
    left: 0;
}

#menu.sticky.sticky-hidden {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

#menu .logo {
    width: 15rem;
    height: 7rem;
    margin-right: 1rem;
    position: relative;
}

.artiest_marcokanters #menu {
    background: #161616;
}

.artiest_marcokanters #menu .logo {
    display: flex;
    align-items: center;
}

.artiest_alpenzusjes #menu .logo {
    margin-top: -2rem;
    margin-bottom: -2rem;
    width: auto;
}

.artiest_bontecarlo #menu .logo {
    width: auto;
    height: 6rem;
}

.artiest_mikealderson #menu .logo {
    height: auto;
}

.artiest_jeffreyheesen #menu .logo {
    height: auto;
}

.artiest_jeroenvanzelst #menu {
    background: #f5f5f5;
}

.artiest_jeroenvanzelst #menu .logo {
    width: auto;
}

.artiest_janvanest #menu {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.artiest_janvanest #menu .logo {
    height: auto;
}

.artiest_ferrydelits #menu .logo {
    height: 6rem;
    width: auto;
}

.artiest_snollebollekes #menu .logo {
    height: 9rem;
    width: auto;
    margin-top: -2rem;
    margin-bottom: -1.8rem;
}

.artiest_partyfriex #menu .logo {
    height: 8rem;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

.artiest_djangowagner #menu .logo {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

.artiest_joeriplaizier #menu .logo {
    width: 18rem;
    height: auto;
}

.artiest_roydonders #menu .logo {
    height: 6rem;
    margin-bottom: -0.5rem;
}

.artiest_schorrechef #menu .logo {
    width: 23rem;
    height: auto;
}

.artiest_nickelbass #menu {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.artiest_nickelbass #menu .logo {
    width: auto;
}

.artiest_stefekkel #menu {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.artiest_stefekkel #menu .logo {
    height: auto;
}

.artiest_wilbertpigmans #menu {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.artiest_wilbertpigmans #menu .logo {
    width: auto;
}

.artiest_alex #menu .logo {
    width: auto;
    margin-top: -0.4rem;
    margin-bottom: -1.5rem;
}

.artiest_brianmore #menu .logo {
    width: 25rem;
    height: auto;
    margin-right: 0;
}

.artiest_janbiggel #menu .logo {
    height: 11rem;
    margin: -3rem 1rem;
}

.artiest_robertpater #menu {
    padding-bottom: 0;
}

.artiest_robertpater #menu .logo {
    margin-top: -1rem;
}

.artiest_gebroedersrossig #menu .logo {
    height: 13rem;
    margin-top: -3rem;
    margin-bottom: -5rem;
    width: 18rem;
}


#nav {
    display: block;
    list-style: none;
}

#nav li {
    display: block;
    float: left;
    position: relative;
}

#nav li a {
    display: block;
    color: #757575;
    padding: 0 1rem
}

#nav li:last-child a {
    padding-right: 0;
}

#nav li.current a,
#nav li a:hover {
    color: red;
}

#menu .socials {
    float: left;
    font-size: 2rem;
}

.socials a {
    display: inline-block;
    padding: 0 0.3em;
    color: inherit;
    vertical-align: middle;
}

.socials a.svg-icon,
.social-filters .svg-icon {
    width: 41px;
    height: 28px;

    svg {
        width: auto;
        height: 100%;
        vertical-align: top;
        fill: currentColor;
    }
}

.social-filters .svg-icon {
    width: 32px;
    height: 23px;
}

.socials a.svg-icon[title="deezer"] svg {
    width: 100%;
    height: auto;
}

.socials a:not(:hover),
.opacityhover:hover {
    opacity: 0.6;
}

#header .socials a:not(:hover) {
    opacity: 0.8;
}

/* End-Menu */
/* Agenda */
#agenda {
    min-height: 95vh;
    background-color: #ccc;
}

#agenda:after {
    content: '';
    background: #fff;
    position: absolute;
    display: block;
    top: -0.1rem;
    left: -0.1rem;
    right: -0.1rem;
    bottom: -0.1rem;
    opacity: 0.8;
    z-index: 1;
    pointer-events: none;
}

.agenda-text {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 43rem;
    padding-top: 5rem;
}

#agenda .swiper-container,
#videos .swiper-container {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

#agenda .swiper-wrapper,
#videos .swiper-wrapper {
    padding: 5rem 0;
}

#agenda .swiper-slide,
#videos .swiper-slide {
    width: 26rem;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    z-index: 2;
    box-shadow: 0 0 1.3rem rgba(0, 0, 0, 0.17);
}

#agenda.has-swiper .swiper-slide-active,
#videos.has-swiper .swiper-slide-active {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    -ms-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
    z-index: 5;
}

/* Videos */
.videoSection {
    padding: 2.5rem 0;
}

#videos .swiper-slide {
    width: 36rem;
}

#videos .swiper-slide.card {
    padding: 0;
}

#videos .swiper-slide .video-title {
    padding: 0.8rem 1.5rem;
    display: block;
}

/* End-Videos */

#agenda:not(.has-swiper) .agenda-content {
    padding-bottom: 2rem;
}

#agenda:not(.has-swiper) .agenda-buttons,
#videos:not(.has-swiper) .agenda-buttons {
    display: none;
}

#agenda:not(.has-swiper) .card,
#videos:not(.has-swiper) .card {
    margin: 0 0.5rem;
}

#agenda:not(.has-swiper) .swiper-container,
#videos:not(.has-swiper) .swiper-container {
    overflow-x: auto;
    padding: 0 2rem;
}

#agenda.has-swiper .agenda-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 2;
}

.card,
.bio-foto,
.uitgelicht-foto {
    border-radius: 0.4rem;
    border: 0.5rem solid white;
    position: relative;
    padding: 2rem;
}

.card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.85;
    z-index: 1;
}

.card>* {
    position: relative;
    z-index: 2;
}

.card-img {
    display: block;
    height: 0;
    padding-bottom: 40%;
}

.lazyloaded.card-img_overlay {
    opacity: 0.7;
    cursor: pointer;
}

.lazyloaded.card-img_overlay:hover {
    opacity: 1;
}

.card-img_overlay:after,
.social-video:after {
    content: '\f002';
    background: white;
    opacity: 0.7;
    border-radius: 50%;
    width: 16%;
    height: 0;
    padding-bottom: 16%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #454545;
    text-align: center;
    line-height: 2.2;
    font-size: 1.8rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.card-img_bottom {
    margin: 2rem -2rem -2rem;
}

.button-next,
.button-prev {
    position: relative;
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem;
    line-height: 4.8rem;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    border-radius: 50%;
    background: #dbd8d7;
    font-size: 2.5rem;
}

#agenda .swiper-button-next:hover,
#agenda .swiper-button-prev:hover,
#videos .swiper-button-next:hover,
#videos .swiper-button-prev:hover {
    color: white;
}

.button-next.swiper-button-disabled,
.button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.unslider .button-next,
.unslider .button-prev {
    background: rgba(255, 255, 255, 0.3);
    color: white;
    position: absolute;
    top: 50%;
    margin-top: -2.4rem;
    left: 1.5rem;
}

.unslider .button-next {
    left: auto;
    right: 1.5rem;
}

/* End-Agenda */
/* Uitgelicht */
#uitgelicht {
    margin: 2.5rem 0;
    overflow: visible;
}

.uitgelicht-foto {
    padding: 0 0 70%;
    margin: -2rem 0;
}

/* End-Uitgelicht */
/* Webshop */
#webshop {
    padding: 3rem;
    background-repeat: no-repeat;
    background-size: 150px;
    animation: webshopbg 20s linear infinite;
    transform: translate3d(0, 0, 0);
}

@keyframes webshopbg {

    0%,
    100% {
        background-position: 0 7px, 150px 7px, 300px 7px, 450px 7px, 600px 7px, 750px 7px, 900px 7px, 1050px 7px, 1200px 7px, 1350px 7px, 1500px 7px, 1650px 7px, 1800px 7px, 1950px 7px, 2100px 7px, 2250px 7px, 2400px 7px, 2550px 7px, 2700px 7px,
            75px 157px, 225px 157px, 375px 157px, 525px 157px, 675px 157px, 825px 157px, 975px 157px, 1125px 157px, 1275px 157px, 1425px 157px, 1575px 157px, 1725px 157px, 1875px 157px, 2025px 157px, 2175px 150px, 2325px 157px, 2475px 157px, 2625px 157px, 2775px 150px;
    }

    99.999% {
        background-position: -600px 7px, -450px 7px, -300px 7px, -150px 7px, 0 7px, 150px 7px, 300px 7px, 450px 7px, 600px 7px, 750px 7px, 900px 7px, 1050px 7px, 1200px 7px, 1350px 7px, 1500px 7px, 1650px 7px, 1800px 7px, 1950px 7px, 2100px 7px,
            -525px 157px, -375px 157px, -225px 157px, -75px 157px, 75px 157px, 225px 157px, 375px 157px, 525px 157px, 675px 157px, 825px 157px, 975px 157px, 1125px 157px, 1275px 157px, 1425px 157px, 1575px 157px, 1725px 157px, 1875px 157px, 2025px 157px, 2175px 150px;
    }
}

#webshop .release-cont {
    background: rgba(33, 33, 33, 0.88);
    overflow: visible;
}

.webshop-uitgelicht-foto {
    transform: rotate(-5deg);
}

/* End-Webshop */
/* Biografie */
#bio {
    padding: 9rem 0;
}

#bio:before,
#muziek:before,
#social:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/img/rain.php?fill=000');
    background-size: 1.6rem auto;
    opacity: 0.03;
    pointer-events: none;
    z-index: 1;
}

#muziek:before,
#social:before {
    background-image: url('/img/rain.php?fill=fff');
    opacity: 0.08;
    background-position: bottom left;
}

#social:before {
    background-position: top left;
}

.artiest_losbanderos #muziek:before,
.artiest_losbanderos #social:before {
    opacity: 1;
    background: url('../img/losbanderos_bgpattern.png'), rgb(186, 24, 24);
    background: url('../img/losbanderos_bgpattern.png'), radial-gradient(circle, rgba(193, 56, 56, 1) 0%, rgba(170, 27, 24, 1) 100%);
    background-size: 35rem, auto;
}

.artiest_snollebollekes #muziek:before,
.artiest_snollebollekes #social:before {
    background-image: url('../img/snollebollekes_bgpattern.png');
    opacity: 0.5;
    background-size: 20rem 20rem;
}

.artiest_schorrechef #muziek:before,
.artiest_schorrechef #social:before {
    background-color: #fff;
    background-image: url('../img/schorrechef_bgpattern.png');
    opacity: 1;
    background-size: 50rem auto;
}

.artiest_bontecarlo #agenda {
    background-image: url('../img/bontecarlo_bgpattern.jpg');
    background-size: cover;
    opacity: 1;
}

.artiest_snollebollekes #newsletter:before {
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    width: 7rem;
    height: 7rem;
    content: '';
    background: url('../img/snollebollekes_logo_menu.png') no-repeat 50% 50% / contain;
}

.bio-fotos {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 108%;
}

.bio-foto {
    display: block;
    height: 0;
    position: absolute;
    padding: 0;
}

.bio-foto:not(.big_shadow) {
    box-shadow: 0 0 1.3rem rgba(0, 0, 0, 0.17);
}

.bio-foto1 {
    width: 37%;
    left: 13%;
    top: 0;
    padding-bottom: 47%;
    z-index: 3;
}

.bio-foto2 {
    width: 55%;
    padding-bottom: 65%;
    z-index: 1;
    top: 8%;
    right: 0;
}

.bio-foto3 {
    bottom: 0;
    left: 0;
    width: 80%;
    padding-bottom: 50%;
    z-index: 2;
}

.schorrechef_kleurplaten {
    display: block;
    width: 80%;
    margin: 0 auto;
    position: relative;
}

.schorrechef_kleurplaten img {
    display: block;
    width: 100%;
    transition: transform .2s ease;
}

.schorrechef_kleurplaten button {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 37px;
}

.schorrechef_kleurplaten:hover img {
    transform: scale(1.1);
}

/* End-Biografie */
/* Nieuwsbrief */
#newsletter {
    background: #fff;
    border-bottom: 0.1rem solid #ddd;
    padding: 5rem 0 4rem;
}

#mc_embed_signup_scroll {
    position: relative;
}

#mc_embed_signup_scroll input {
    position: relative;
    z-index: 2;
}

#mc_embed_signup_scroll button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

/* End Nieuwsbrief */
/* Region Linkslist */
#linkslist {
    border-bottom: 0.1rem solid #ddd;
    padding: 5rem 0 4rem;
    text-align: center;
}

#linkslist .c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

#linkslist a {
    padding: 1rem 1.6rem;
    font-size: 18px;
    margin-bottom: 8px;
    background: var(--color-theme);
    color: white;
}

/* endregion */
/* Releases */
#muziek {
    height: 92vh;
    padding: 3rem;
}

.release-cont {
    height: 100%;
    background: #212121;
    border-radius: 0.6rem;
    overflow: hidden;
    z-index: 2;
    position: relative;
}

.muziek-title {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    top: 3rem;
}

.muziek-text {
    float: left;
}

.muziek-buttons {
    float: right;
}

.muziek-buttons>span,
.muziek-buttons .button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.1rem;
}

.muziek-buttons>span {
    margin-right: 0.5rem;
    font-size: 1.3rem;
}

#muziek .slider li:after,
#muziek .slider li:before {
    content: '';
    background: #212121;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

#muziek .slider li:before {
    z-index: 2;
    background-image: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0;
    -webkit-filter: blur(0.3rem);
    filter: blur(0.3rem);
    transition: opacity 350ms ease;
}

#muziek .slider li.lazyloaded:before {
    opacity: 0.15;
}

.release-info {
    z-index: 5;
    display: block;
    padding-top: 20rem;
    max-width: 95rem;
}

.release-cover {
    padding-bottom: 41.666667%;
    height: 0;
    position: relative;
}

.release-text {
    padding: 1.5rem 0 0 2.5rem !important;
}

.release-links {
    display: block;
    margin-top: 1.5rem;
}

.release-links a {
    display: block;
    color: white;
    padding: 0.7rem 0;
    line-height: 2.5rem;
}

.release-links a span {
    font-size: 2.5rem;
    width: 4rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.svg-icon {
    padding: 0 7px;
}

.svg-icon svg {
    width: 100%;
    fill: currentColor;
}

.release-video {
    display: block;
    width: 96%;
    margin: 0 auto;
    max-width: 109rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 88%;
    z-index: 6;
    cursor: pointer;
    opacity: 0.9;
}

.release-video:hover {
    top: 85%;
    opacity: 1;
}

.release-video:after {
    content: '';
    position: absolute;
    display: block;
    top: 5%;
    left: 0;
    right: 0;
    height: 20%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.release-video-img,
.video-video-img {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
}

/* End-Releases */
/* Social */
#social {
    padding: 5rem 0 7rem 0;
}

.social-content {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    height: 90vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.social-content::-webkit-scrollbar {
    width: .4rem;
}

.social-content::-webkit-scrollbar,
.social-content::-webkit-scrollbar-thumb {
    overflow: visible;
}

.social-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .4);
}

.social-content .card {
    margin-bottom: 1.3rem;
    padding: 1rem 1.5rem;
    line-height: 1.4;
    max-height: 80rem;
    overflow: hidden;
    transition: all 550ms ease;
}

.social-img {
    margin: -1rem -1.5rem 1rem;
    cursor: pointer;
    overflow: hidden;
}

.social-img img {
    transition: all 300ms !important;
}

.social-img:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.social-video {
    position: relative;
    height: 0;
    padding-bottom: 56%
}

.social-video:after {
    content: '\f04b';
    width: 4rem;
    height: 4rem;
    padding: 0;
    line-height: 4rem;
    transition: all 300ms;
}

.social-video:hover:after {
    opacity: 1;
}

.social-subtitle {
    margin-top: 1rem;
}

.social-subtitle .fa,
.video-title .fa {
    float: right;
}

.hide-twitter .card:not(.social-card_twitter),
.hide-facebook .card:not(.social-card_facebook),
.hide-youtube .card:not(.social-card_youtube),
.hide-instagram .card:not(.social-card_instagram) {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    opacity: 0;
}

/* End-Social */
/* Contact Footer */
#footer {
    background: #eee;
    padding: 3rem 0 2rem;
}

.siteBy {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* End-Contact */
/* Overlay */
#overlay,
#overlayContainer,
.overlay-arrow {
    position: fixed;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

#overlay.ov-show,
#overlayContainer.ov-show,
.overlay-arrow.ov-show {
    opacity: 1;
    visibility: visible;
}

#overlay {
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

#overlayContainer {
    z-index: 101;
    top: 5%;
    left: 10%;
    width: 80%;
    height: 90%;
}

#overlayContainer.ov-tracklist {
    max-width: 50rem;
    left: 50%;
    margin-left: -25rem;
    max-height: 50rem;
}

.overlay-arrow {
    z-index: 102;
    top: 50%;
    left: 0;
    padding: 3rem 3rem 3rem 1.5rem;
    color: white;
    font-size: 3.5rem;
    margin-top: -5.7rem;
}

.overlay-arrow.oa-next {
    right: 0;
    left: auto;
    padding: 3rem 1.5rem 3rem 3rem;
}

.overlay-arrow:hover,
.siteBy:hover,
.opacityhover:hover {
    opacity: 0.7;
}

.overlay-img {
    position: fixed;
    z-index: 104;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    cursor: pointer;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.8);
}

#tracklist {
    padding: 2rem;
    position: relative;
    height: 100%;
}

#tracklist:before {
    content: '';
    background: #212121;
    opacity: 0.85;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

#tracklist #main {
    z-index: 2;
    position: relative;
    margin-bottom: 2rem;
    height: 100%;
    overflow: auto;
}

/* End-Overlay */

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins_semibold_600-webfont.woff2') format('woff2'),
        url('../fonts/poppins_semibold_600-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.artiest_kleuterpop #nav li a,
.artiest_kleuterpop h2,
.artiest_kleuterpop .size2,
.artiest_kleuterpop h3,
.artiest_kleuterpop .size3 {
    font-family: 'poppinssemibold';
    text-transform: uppercase;
}

.artiest_kleuterpop #header {
    display: none;
}

.artiest_kleuterpop.kleurplaatactie .subpage {
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}

.artiest_kleuterpop .unslider,
.artiest_kleuterpop.kleurplaatactie .subpage {
    background: radial-gradient(farthest-corner at 50% 100%, #f2fafe, #00a3dc);
}

.artiest_kleuterpop .unslider::before,
.artiest_kleuterpop #bio::before,
.artiest_kleuterpop.kleurplaatactie .subpage::before {
    content: '';
    z-index: 1;
    width: 100vw;
    height: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, white, #bfd4dc);
    -webkit-mask-image: repeating-conic-gradient(transparent 0 10deg, black 0 20deg);
    mask-image: repeating-conic-gradient(transparent 0 10deg, black 0 20deg);
    opacity: 0.2;
}

.artiest_kleuterpop #bio {
    background: radial-gradient(farthest-corner at 50% 100%, #f2fafe, #81bed4);
}

.artiest_kleuterpop #bio::before {
    opacity: 0.1;
}

.artiest_kleuterpop .unslider::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: 2;
    background-image: url('../img/kleuterpop_monique.png'), url('../img/kleuterpop_dingen.png'), url('../img/kleuterpop_vlinders.png'), url('../img/kleuterpop_vloer.png'), url('../img/kleuterpop_cloud.svg'), url('../img/kleuterpop_cloud.svg');
    background-position: 90% 100%, 58% 51%, 62% 55%, 0 100%, -5vw 3vw, 80vw 0;
    background-size: 30vw auto, 300px auto, 300px auto, 100% auto, 38vw 19vw, 28vw 11vw;
    background-repeat: no-repeat;
    animation: movebg 18s ease infinite;
    transform: translate3d(0, 0, 0);
}

.artiest_kleuterpop.kleurplaatactie .subpage::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: 2;
    background-image: url('../img/kleuterpop_vloer.png'), url('../img/kleuterpop_cloud.svg'), url('../img/kleuterpop_cloud.svg');
    background-position: 0 100%, -5vw 3vw, 80vw 0;
    background-size: 100% auto, 38vw 19vw, 28vw 11vw;
    background-repeat: no-repeat;
}

.kleuterpop_kid1,
.kleuterpop_kid2,
.kleuterpop_kid3,
.kleuterpop_kid4 {
    position: absolute;
    bottom: 10%;
    width: 199px;
    z-index: 4;
    left: 3%;
}

.kleuterpop_kid2 {
    left: 18%;
    bottom: 12%;
    animation: move2 2s ease infinite;
}

.kleuterpop_kid3 {
    animation: move3 3s ease infinite;
    animation-delay: 1s;
    left: 11%;
    bottom: 6%;
    z-index: 5;
    transform-origin: bottom left;
}

.kleuterpop_kid4 {
    left: 28%;
    bottom: 6%;
    animation: move4 2s ease infinite;
}

.kleuterpop_kid1 {
    animation: move1 4s ease infinite;
}

@media (max-width: 1450px) {

    .kleuterpop_kid1,
    .kleuterpop_kid2,
    .kleuterpop_kid3,
    .kleuterpop_kid4 {
        width: 150px;
    }
}

@media (max-width: 1030px) {
    .kleuterpop_kid3 {
        left: 14%;
    }

    .kleuterpop_kid2 {
        left: 25%;
    }

    .kleuterpop_kid4 {
        left: 37%;
    }

    .artiest_kleuterpop .unslider::after {
        background-position: 98% 100%, 46% 51%, 62% 28%, 0 100%, -5vw 3vw, 80vw 0;
        background-size: 39vw auto, 300px auto, 150px auto, 100% auto, 38vw 19vw, 28vw 11vw;
        animation: movebg_tablet 18s ease infinite;
    }
}

@media (max-width: 830px) {
    .kleuterpop_kid2 {
        display: none;
    }

    .kleuterpop_kid4 {
        left: 29%;
    }
}

@media (max-width: 830px) and (max-height: 450px) {

    .kleuterpop_kid1,
    .kleuterpop_kid2,
    .kleuterpop_kid3,
    .kleuterpop_kid4 {
        width: 100px;
    }

    .artiest_kleuterpop #home.section {
        height: 70vh;
    }

    .artiest_kleuterpop .unslider::after {
        background-position: 98% 60%, 46% 51%, 62% 28%, 0 100%, -5vw 3vw, 80vw 0;
        background-size: 39vw auto, 300px auto, 150px auto, 100% auto, 38vw 19vw, 28vw 11vw;
        animation: movebg_phone 18s ease infinite;
    }
}

@media (max-width: 650px) {

    .kleuterpop_kid1,
    .kleuterpop_kid2,
    .kleuterpop_kid3,
    .kleuterpop_kid4 {
        width: 100px;
    }

    .kleuterpop_kid4 {
        display: none;
    }

    .kleuterpop_kid3 {
        left: 26%;
        bottom: 3%;
    }

    .artiest_kleuterpop .unslider::after {
        background-image: url('../img/kleuterpop_monique.png'), url('../img/kleuterpop_vlinders.png'), url('../img/kleuterpop_vloer.png'), url('../img/kleuterpop_cloud.svg');
        background-position: 95% 100%, 59% 35%, 0 100%, -23vw -2vw;
        background-size: 60vw auto, 120px auto, 200% auto, 88vw 44vw;
        animation: unset;
    }
}

@media (max-width: 33.9em) {
    .artiest_kleuterpop #menu .logo.hidden-xs-down {
        width: 14rem;
        height: 8rem;
        display: block !important;
    }

    .artiest_kleuterpop #home.section {
        height: 35vh;
    }
}

@keyframes move1 {
    0% {
        transform: translateY(0);
    }

    5% {
        transform: translateY(0);
    }

    15% {
        transform: translateY(-70px);
    }

    25% {
        transform: translateY(0);
    }

    28% {
        transform: translateY(-7px);
    }

    32% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes movebg {
    0% {
        background-position: 90% 100%, 58% 51%, 62% 55%, 0 100%, -5vw 3vw, 80vw 0;
    }

    50% {
        background-position: 90% 100%, 58% 51%, 58% 45%, 0 100%, -2vw 2vw, 78vw 20px;
    }

    100% {
        background-position: 90% 100%, 58% 51%, 62% 55%, 0 100%, -5vw 3vw, 80vw 0;
    }
}

@keyframes movebg_tablet {
    0% {
        background-position: 98% 100%, 46% 51%, 62% 28%, 0 100%, -5vw 3vw, 80vw 0;
    }

    50% {
        background-position: 98% 100%, 46% 51%, 58% 45%, 0 100%, -2vw 2vw, 78vw 20px;
    }

    100% {
        background-position: 98% 100%, 46% 51%, 62% 28%, 0 100%, -5vw 3vw, 80vw 0;
    }
}

@keyframes movebg_phone {
    0% {
        background-position: 98% 60%, 46% 51%, 62% 28%, 0 100%, -5vw 3vw, 80vw 0;
    }

    50% {
        background-position: 98% 60%, 46% 51%, 58% 45%, 0 100%, -2vw 2vw, 78vw 20px;
    }

    100% {
        background-position: 98% 60%, 46% 51%, 62% 28%, 0 100%, -5vw 3vw, 80vw 0;
    }
}

@keyframes move2 {
    0% {
        transform: translateY(0);
    }

    5% {
        transform: translateY(0);
    }

    15% {
        transform: translateY(-5px);
    }

    25% {
        transform: translateY(0);
    }

    28% {
        transform: translateY(-2px);
    }

    32% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes move3 {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(0);
    }

    40% {
        transform: rotate(-7deg);
    }

    60% {
        transform: rotate(0);
    }

    80% {
        transform: rotate(3deg);
    }

    90% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes move4 {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(0);
    }

    40% {
        transform: rotate(-7deg);
    }

    60% {
        transform: rotate(0);
    }

    80% {
        transform: rotate(3deg);
    }

    90% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

@media (min-width:62em) {
    .artiest_kleuterpop #menu:not(.sticky) {
        position: absolute;
        top: 3rem;
        left: 0;
        right: 0;
    }
}

.artiest_kleuterpop #menu {
    background-color: var(--color-theme);
    border: 0;
}

.artiest_kleuterpop #menu .logo {
    width: 22rem;
    height: 11rem;
    margin-top: -3rem;
    margin-bottom: -4rem;
}

.artiest_kleuterpop #menu.sticky .logo {
    margin-top: 0;
}

.artiest_kleuterpop #nav li a {
    color: black;
}

.artiest_kleuterpop .socials.colorTheme {
    color: black;
}

.artiest_kleuterpop #nav li a:hover {
    color: #f74a94 !important;
}

.artiest_kleuterpop .subpage .logo {
    margin: 0 auto;
    width: 90%;
    max-width: 25rem;
    display: block;
}

.artiest_kleuterpop .subpage>* {
    position: relative;
    z-index: 3;
}

.artiest_kleuterpop .file-upload .button:not(:hover) {
    background-color: #f74a94;
}

.artiest_kleuterpop .file-upload__input:invalid+label .valid-text,
.artiest_kleuterpop .file-upload__input:valid+label .invalid-text {
    display: none;
}

.artiest_kleuterpop .file-upload__input:valid+label.button:not(:hover) {
    background-color: #c2da20;
}

.artiest_kleuterpop .submitbutton {
    color: #000;
}

.fullWidth {
    display: block;
    width: 100%;
}

/* Toast */
#toast {
    background: #323232;
    overflow: hidden;
    color: #f1f1f1;
    display: block;
    opacity: 0;
    padding: 1rem 1.5rem 0.8rem 1.5rem;
    z-index: 500;
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.258824);
    border-radius: 0.5rem;
    max-width: 92%;
}

#toast.error {
    background: #E74C3C;
}

.mobile #toast {
    max-width: 100%;
    left: 0;
    right: 0;
    border-radius: 0;
    box-shadow: none;
}

.toastBut {
    color: #eeff41;
    padding-left: 1.5rem;
    text-transform: uppercase;
}

.showToast #toast {
    opacity: 1;
}

/* End-Toast */
/* Form */
/* Labels */
label {
    display: block;
    margin-bottom: 0.3rem;
}

.label-inline label,
label.label-inline {
    display: inline-block;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
}

fieldset.inline {
    display: inline-block;
    margin-right: 1.5rem;
}

.label-float label {
    width: 30%;
    position: absolute;
    left: 0;
    top: 0.3rem;
}

.label-float .input,
.label-float textarea {
    width: 70%;
    margin-left: 30%;
}

/* End-Labels */
/* Inputs */
.input,
.select2-container {
    background-color: #dde7f6;
    border: 0.2rem solid #fff;
    border-radius: 0.4rem;
    box-shadow: none;
    height: 3.8rem;
    padding: 0.6rem 1rem;
    width: 100%;
    margin-bottom: 1rem;
    box-shadow: 0 0 1.3rem rgba(0, 0, 0, 0.17);
}

.input:not(select) {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.input:focus,
.select2-container:focus {
    border: 0.1rem solid #9b4dca;
    outline: 0;
}

.input.error,
.select2-container.error {
    background-color: #ffcece;
}

.input:read-only {
    background-color: #eee;
}

textarea,
textarea.input {
    padding-bottom: 0.6rem;
    padding-top: 0.6rem;
    min-height: 12.5rem;
}

/* Checkbox & Radio */
input[type=radio],
input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

.input-radio,
.input-checkbox {
    padding-left: 2.4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-radio:before,
.input-radio:after,
.input-checkbox:before,
.input-checkbox:after {
    content: '';
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0.4rem;
}

.input-radio:before,
.input-checkbox:before {
    left: 0;
    border: 0.1rem solid #ccc;
    box-shadow: inset 0.1rem 0.1rem rgba(0, 0, 0, 0.03);
    border-radius: 50%;
}

.input-radio:after,
.input-checkbox:after {
    left: 0.25rem;
    display: none;
    content: '\f00c';
    font-family: 'FontAwesome';
    color: white;
    line-height: 1.65rem;
    font-size: 1.1rem;
}

input[type=radio]:checked+label:after,
input[type=checkbox]:checked+label:after {
    display: block;
}

.input-checkbox:before {
    border-radius: 0.3rem;
}

input[type=radio]:checked+label:before,
input[type=checkbox]:checked+label:before {
    background-color: #5f8ee4;
    border: none;
    box-shadow: none;
}

/* Number inputs */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* File */
.file-upload {
    position: relative;
}

.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    opacity: 0;
}

.file-upload__input.error+label {
    background: #E53935;
}

/* End-Inputs */
/* Buttons */
.button {
    background-color: #E74C3C;
    border: 0.1rem solid rgba(255, 255, 255, 0.2);
    border-radius: 0.4rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    height: 3.8rem;
    line-height: 3.8rem;
    padding: 0 1.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
}

/* Sizes */
.button_small {
    height: 3.8rem;
    line-height: 3.8rem;
    padding: 0 1rem;
    font-size: 1.5rem;
}

.button_large {
    height: 5rem;
    line-height: 5rem;
    padding: 0 4rem;
    font-size: 1.8rem;
}

.button_block {
    display: block;
    width: 100%;
}

.button_icon {
    font-size: 2rem;
    padding: 0 0.5rem;
}

.button_raised {
    box-shadow: 0.15rem 0.3rem 1rem rgba(0, 0, 0, 0.35);
}

/* Colors */
.button_outline,
.button_clear {
    color: #E74C3C;
}

.button_blue {
    background: #1E88E5;
    border-color: #1E88E5;
}

.button_blue.button_outline,
.button_blue.button_clear {
    color: #1E88E5;
}

.button_neutral {
    background: #eee;
    border-color: #ccc;
    color: #424242
}

/* Variations */
.button_outline,
.button_outline:hover,
.button_outline:focus,
.button_clear,
.button_clear:hover,
.button_clear:focus {
    background: transparent !important;
    border-color: currentColor;
}

.button_clear,
.button_clear:hover,
.button_clear:focus {
    background: transparent !important;
    border-color: transparent !important;
}

/* Hover */
.button:hover,
.button:focus,
.social-filters .button.selected,
#linkslist a:hover {
    background-color: #263238;
    border-color: #263238;
    color: #fff;
    outline: 0;
}

.social-filters .button.selected {
    background-color: #263238 !important;
    border-color: #263238 !important;
}

.button_outline:hover,
.button_outline:focus,
.button_clear:hover,
.button_clear:focus {
    color: #263238;
}

/* Loading */
.button_loading {
    cursor: wait;
    color: rgba(0, 0, 0, 0) !important;
}

.button_loading:before {
    margin: -0.9rem 0 0 -0.9rem;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    border-radius: 50%;
    background-clip: padding-box;
    border: rgba(255, 255, 255, 0.25) 0.2rem solid;
    border-top-color: #fff;
    -webkit-animation: rotate 750ms linear infinite;
    animation: rotate 750ms linear infinite;
}

.button_outline.button_loading:before,
.button_clear.button_loading:before {
    border-color: rgba(0, 0, 0, 0.25);
    border-top-color: #212121;
}

/* End-Buttons */
/* End-Form */
/* Unslider */
.unslider-wrap {
    position: relative
}

.unslider-wrap.unslider-carousel>li {
    float: left
}

.unslider-vertical>ul {
    height: 100%
}

.unslider-vertical li {
    float: none;
    width: 100%
}

.unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8
}

.unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10
}

.unslider li,
.unslider ol,
.unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none
}

.unslider {
    overflow: hidden;
    position: relative;
    height: 100%;
    margin: 0;
}

#home .slider {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#muziek .slider {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 3;
}

.unslider ul {
    height: 100%;
    display: block;
}

.unslider li {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
}

.unslider-arrow {
    position: absolute;
    right: 30px;
    bottom: 25px;
    color: white;
    font-size: 21px;
    cursor: pointer;
    z-index: 10;
}

.unslider-arrow:hover {
    color: #212121;
}

.unslider-arrow.prev {
    right: 60px;
}

/* End-Unslider */
/* Columns */
.jscol {
    font-size: 1.6rem;
    float: left;
}

.in_jscol {
    display: none;
}

.jscol .in_jscol {
    display: block;
}

.jscol-xs-1 {
    font-size: 1px;
}

.jscol-xs-1 .jscol {
    width: 100%;
}

.jscol-xs-2 {
    font-size: 2px;
}

.jscol-xs-2 .jscol {
    width: 50%
}

.jscol-xs-3 {
    font-size: 3px;
}

.jscol-xs-3 .jscol {
    width: 33.33%;
}

.jscol-xs-4 {
    font-size: 4px;
}

.jscol-xs-4 .jscol {
    width: 25%;
}

.jscol-xs-5 {
    font-size: 5px;
}

.jscol-xs-5 .jscol {
    width: 20%;
}

@media (min-width:34em) {
    .jscol-sm-1 {
        font-size: 1px;
    }

    .jscol-sm-1 .jscol {
        width: 100%;
    }

    .jscol-sm-2 {
        font-size: 2px;
    }

    .jscol-sm-2 .jscol {
        width: 50%
    }

    .jscol-sm-3 {
        font-size: 3px;
    }

    .jscol-sm-3 .jscol {
        width: 33.33%;
    }

    .jscol-sm-4 {
        font-size: 4px;
    }

    .jscol-sm-4 .jscol {
        width: 25%;
    }

    .jscol-sm-5 {
        font-size: 5px;
    }

    .jscol-sm-5 .jscol {
        width: 20%;
    }
}

@media (min-width:48em) {
    .jscol-md-1 {
        font-size: 1px;
    }

    .jscol-md-1 .jscol {
        width: 100%;
    }

    .jscol-md-2 {
        font-size: 2px;
    }

    .jscol-md-2 .jscol {
        width: 50%
    }

    .jscol-md-3 {
        font-size: 3px;
    }

    .jscol-md-3 .jscol {
        width: 33.33%;
    }

    .jscol-md-4 {
        font-size: 4px;
    }

    .jscol-md-4 .jscol {
        width: 25%;
    }

    .jscol-md-5 {
        font-size: 5px;
    }

    .jscol-md-5 .jscol {
        width: 20%;
    }
}

@media (min-width:62em) {
    .jscol-lg-1 {
        font-size: 1px;
    }

    .jscol-lg-1 .jscol {
        width: 100%;
    }

    .jscol-lg-2 {
        font-size: 2px;
    }

    .jscol-lg-2 .jscol {
        width: 50%
    }

    .jscol-lg-3 {
        font-size: 3px;
    }

    .jscol-lg-3 .jscol {
        width: 33.33%;
    }

    .jscol-lg-4 {
        font-size: 4px;
    }

    .jscol-lg-4 .jscol {
        width: 25%;
    }

    .jscol-lg-5 {
        font-size: 5px;
    }

    .jscol-lg-5 .jscol {
        width: 20%;
    }
}

@media (min-width:75em) {
    .jscol-xl-1 {
        font-size: 1px;
    }

    .jscol-xl-1 .jscol {
        width: 100%;
    }

    .jscol-xl-2 {
        font-size: 2px;
    }

    .jscol-xl-2 .jscol {
        width: 50%
    }

    .jscol-xl-3 {
        font-size: 3px;
    }

    .jscol-xl-3 .jscol {
        width: 33.33%;
    }

    .jscol-xl-4 {
        font-size: 4px;
    }

    .jscol-xl-4 .jscol {
        width: 25%;
    }

    .jscol-xl-5 {
        font-size: 5px;
    }

    .jscol-xl-5 .jscol {
        width: 20%;
    }
}

/* End-Columns */
/* Columns, nicked from Bootstrap 4 alpha 2 & Media Queries */
.row {
    margin-right: -.9375rem;
    margin-left: -.9375rem
}

.row_nomargin {
    margin-right: 0;
    margin-left: 0;
}

.jscol,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: .9375rem;
    padding-left: .9375rem
}

.col_nopadding>* {
    padding-left: 0;
    padding-right: 0;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.333333%
}

.col-xs-2 {
    width: 16.666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.333333%
}

.col-xs-5 {
    width: 41.666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.333333%
}

.col-xs-8 {
    width: 66.666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.333333%
}

.col-xs-11 {
    width: 91.666667%
}

.col-xs-12 {
    width: 100%
}

.pull-xs-0 {
    right: auto;
}

.pull-xs-1 {
    right: 8.333333%;
}

.pull-xs-2 {
    right: 16.666667%;
}

.pull-xs-3 {
    right: 25%;
}

.pull-xs-4 {
    right: 33.333333%;
}

.pull-xs-5 {
    right: 41.666667%;
}

.pull-xs-6 {
    right: 50%;
}

.pull-xs-7 {
    right: 58.333333%;
}

.pull-xs-8 {
    right: 66.666667%;
}

.pull-xs-9 {
    right: 75%;
}

.pull-xs-10 {
    right: 83.333333%;
}

.pull-xs-11 {
    right: 91.666667%;
}

.pull-xs-12 {
    right: 100%;
}

.push-xs-0 {
    left: auto;
}

.push-xs-1 {
    left: 8.333333%;
}

.push-xs-2 {
    left: 16.666667%;
}

.push-xs-3 {
    left: 25%;
}

.push-xs-4 {
    left: 33.333333%;
}

.push-xs-5 {
    left: 41.666667%;
}

.push-xs-6 {
    left: 50%;
}

.push-xs-7 {
    left: 58.333333%;
}

.push-xs-8 {
    left: 66.666667%;
}

.push-xs-9 {
    left: 75%;
}

.push-xs-10 {
    left: 83.333333%;
}

.push-xs-11 {
    left: 91.666667%;
}

.push-xs-12 {
    left: 100%;
}

.offset-xs-1 {
    margin-left: 8.333333%;
}

.offset-xs-2 {
    margin-left: 16.666667%;
}

.offset-xs-3 {
    margin-left: 25%;
}

.offset-xs-4 {
    margin-left: 33.333333%;
}

.offset-xs-5 {
    margin-left: 41.666667%;
}

.offset-xs-6 {
    margin-left: 50%;
}

.offset-xs-7 {
    margin-left: 58.333333%;
}

.offset-xs-8 {
    margin-left: 66.666667%;
}

.offset-xs-9 {
    margin-left: 75%;
}

.offset-xs-10 {
    margin-left: 83.333333%;
}

.offset-xs-11 {
    margin-left: 91.666667%;
}

.float-xs-left {
    float: left !important;
}

.float-xs-right {
    float: right !important;
}

.float-xs-none {
    float: none !important;
}

.text-xs-left {
    text-align: left !important;
}

.text-xs-right {
    text-align: right !important;
}

.text-xs-center {
    text-align: center !important;
}

.hidden-xs-up,
.hidden-xl-down {
    display: none !important;
}

@media (min-width:34em) {
    .hidden-sm-up {
        display: none !important;
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.333333%
    }

    .col-sm-2 {
        width: 16.666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.333333%
    }

    .col-sm-5 {
        width: 41.666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.333333%
    }

    .col-sm-8 {
        width: 66.666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.333333%
    }

    .col-sm-11 {
        width: 91.666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .pull-sm-0 {
        right: auto;
    }

    .pull-sm-1 {
        right: 8.333333%;
    }

    .pull-sm-2 {
        right: 16.666667%;
    }

    .pull-sm-3 {
        right: 25%;
    }

    .pull-sm-4 {
        right: 33.333333%;
    }

    .pull-sm-5 {
        right: 41.666667%;
    }

    .pull-sm-6 {
        right: 50%;
    }

    .pull-sm-7 {
        right: 58.333333%;
    }

    .pull-sm-8 {
        right: 66.666667%;
    }

    .pull-sm-9 {
        right: 75%;
    }

    .pull-sm-10 {
        right: 83.333333%;
    }

    .pull-sm-11 {
        right: 91.666667%;
    }

    .pull-sm-12 {
        right: 100%;
    }

    .push-sm-0 {
        left: auto;
    }

    .push-sm-1 {
        left: 8.333333%;
    }

    .push-sm-2 {
        left: 16.666667%;
    }

    .push-sm-3 {
        left: 25%;
    }

    .push-sm-4 {
        left: 33.333333%;
    }

    .push-sm-5 {
        left: 41.666667%;
    }

    .push-sm-6 {
        left: 50%;
    }

    .push-sm-7 {
        left: 58.333333%;
    }

    .push-sm-8 {
        left: 66.666667%;
    }

    .push-sm-9 {
        left: 75%;
    }

    .push-sm-10 {
        left: 83.333333%;
    }

    .push-sm-11 {
        left: 91.666667%;
    }

    .push-sm-12 {
        left: 100%;
    }

    .offset-sm-0 {
        margin-left: 0%;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }

    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }

    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width:48em) {
    .hidden-md-up {
        display: none !important;
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.333333%
    }

    .col-md-2 {
        width: 16.666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.333333%
    }

    .col-md-5 {
        width: 41.666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.333333%
    }

    .col-md-8 {
        width: 66.666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.333333%
    }

    .col-md-11 {
        width: 91.666667%
    }

    .col-md-12 {
        width: 100%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.333333%
    }

    .pull-md-2 {
        right: 16.666667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.333333%
    }

    .pull-md-5 {
        right: 41.666667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.333333%
    }

    .pull-md-8 {
        right: 66.666667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.333333%
    }

    .pull-md-11 {
        right: 91.666667%
    }

    .pull-md-12 {
        right: 100%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.333333%
    }

    .push-md-2 {
        left: 16.666667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.333333%
    }

    .push-md-5 {
        left: 41.666667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.333333%
    }

    .push-md-8 {
        left: 66.666667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.333333%
    }

    .push-md-11 {
        left: 91.666667%
    }

    .push-md-12 {
        left: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }

    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width:62em) {
    .hidden-lg-up {
        display: none !important;
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.333333%
    }

    .col-lg-2 {
        width: 16.666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.333333%
    }

    .col-lg-5 {
        width: 41.666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.333333%
    }

    .col-lg-8 {
        width: 66.666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.333333%
    }

    .col-lg-11 {
        width: 91.666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.333333%
    }

    .pull-lg-2 {
        right: 16.666667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.333333%
    }

    .pull-lg-5 {
        right: 41.666667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.333333%
    }

    .pull-lg-8 {
        right: 66.666667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.333333%
    }

    .pull-lg-11 {
        right: 91.666667%
    }

    .pull-lg-12 {
        right: 100%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.333333%
    }

    .push-lg-2 {
        left: 16.666667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.333333%
    }

    .push-lg-5 {
        left: 41.666667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.333333%
    }

    .push-lg-8 {
        left: 66.666667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.333333%
    }

    .push-lg-11 {
        left: 91.666667%
    }

    .push-lg-12 {
        left: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }

    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .bio-text {
        padding-top: 4rem;
    }
}

@media (min-width:75em) {
    .hidden-xl-up {
        display: none !important;
    }

    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left
    }

    .col-xl-1 {
        width: 8.333333%
    }

    .col-xl-2 {
        width: 16.666667%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-4 {
        width: 33.333333%
    }

    .col-xl-5 {
        width: 41.666667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.333333%
    }

    .col-xl-8 {
        width: 66.666667%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.333333%
    }

    .col-xl-11 {
        width: 91.666667%
    }

    .col-xl-12 {
        width: 100%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.333333%
    }

    .pull-xl-2 {
        right: 16.666667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.333333%
    }

    .pull-xl-5 {
        right: 41.666667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.333333%
    }

    .pull-xl-8 {
        right: 66.666667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.333333%
    }

    .pull-xl-11 {
        right: 91.666667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.333333%
    }

    .push-xl-2 {
        left: 16.666667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.333333%
    }

    .push-xl-5 {
        left: 41.666667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.333333%
    }

    .push-xl-8 {
        left: 66.666667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.333333%
    }

    .push-xl-11 {
        left: 91.666667%
    }

    .push-xl-12 {
        left: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }

    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

@media (max-width:74.9em) {
    .hidden-lg-down {
        display: none !important;
    }
}

@media (max-width:61.9em) and (min-width:47.9em) {
    .bio-fotos {
        padding-bottom: 128%;
    }
}

@media (max-width:65em) {
    #muziek {
        padding: 2rem 0;
    }

    #muziek .release-cont {
        border-radius: 0;
    }
}

@media (max-width:61.9em) {
    #bio {
        padding: 5rem 0;
    }

    .hidden-md-down {
        display: none !important;
    }

    .home-release {
        width: 32vw;
        height: 32vw;
    }

    .release-info {
        padding-top: 13rem;
    }

    #muziek {
        height: auto;
    }

    #muziek .unslider li {
        padding-bottom: 10rem;
    }

    .release-video {
        top: 100%;
        margin-top: -7rem;
    }

    .release-video:hover {
        top: 100%;
        margin-top: -13rem;
    }

    .release-video:after {
        height: 15rem;
    }

    #home.section {
        height: 60vh;
    }

    #webshop {
        padding: 3rem 0;
    }

    #webshop .c {
        width: 100%;
    }

    #webshop .release-cont {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width:47.9em) {
    .hidden-sm-down {
        display: none !important;
    }

    #overlayContainer {
        width: 100%;
        left: 0;
    }

    #menu .socials {
        float: right;
        clear: right;
    }

    #menu {
        line-height: 3rem;
        padding-top: 0.5rem;
    }

    #header .socials {
        font-size: 2rem;
    }

    #header .logo {
        width: 20rem;
        height: 8rem;
    }

    .home-release {
        width: 25vw;
        height: 25vw;
    }

    .fullwidth_padding {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .fullwidth_left {
        left: 1.5rem;
    }

    .fullwidth_right {
        right: 1.5rem;
    }

    .bio-fotos {
        margin-top: 3rem;
    }

    .release-cover {
        padding-bottom: 66.666667%;
    }

    .release-links a {
        display: inline-block;
    }

    .release-info {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .release-text {
        padding: 1.5rem 0 0 0 !important;
    }

    #videos .swiper-slide {
        width: 25rem;
    }
}

@media (orientation:portrait) {
    #home.section {
        height: 60vh;
    }
}

@media (max-width:33.9em) {
    .hidden-xs-down {
        display: none !important;
    }

    .article-img {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none;
    }

    #nav,
    #menu .socials {
        float: none;
        display: block;
        text-align: center;
        clear: both;
    }

    #menu {
        line-height: 2.5rem;
        padding-bottom: 0.5rem;
    }

    #nav {
        font-size: 0;
    }

    #nav li {
        display: inline-block;
        float: none;
        font-size: 1.6rem;
    }

    #nav li a {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }

    #menu .logo {
        margin: 0 auto;
        float: none;
        display: block;
    }

    .release-cover {
        padding-bottom: 100%;
    }

    .socials a {
        width: 3.6rem;
        height: 3rem;
    }

    #home.section {
        height: 45vh;
    }
}

/* End-Columns */
/* Animaties */
.fadeInDown,
.fadeInUp,
.fadeOutUp,
.fadeOutDown,
.zoomInFadeIn,
.zoomOutBigFadeOut {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

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

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.zoomInFadeIn {
    -webkit-animation-name: zoomInFadeIn;
    animation-name: zoomInFadeIn;
}

.zoomOutBigFadeOut {
    -webkit-animation-name: zoomOutBigFadeOut;
    animation-name: zoomOutBigFadeOut;
}

.rotate {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1.25rem);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-1.25rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1.25rem);
    }

    70% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(1.25rem);
    }

    70% {
        opacity: 1;
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1.25rem);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-1.25rem);
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1.25rem);
    }
}

@keyframes fadeOutDown {
    0% {
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(1.25rem);
    }
}

@-webkit-keyframes zoomInFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoomInFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes zoomOutBigFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes zoomOutBigFadeOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

/* End-Animaties */
/* 404 */
.errorContainerInner {
    max-width: 38rem;
    width: 100%;
    margin: 0 auto;
}

.errorContainerInner ul {
    padding-left: 4rem;
    margin: 1em 0;
}

/* End-404 */
/* Swiper 3.4.0 */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

/* Print Stylesheet */
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
    }

    *,
    *::before,
    *::after,
    *::first-letter,
    *::first-line {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    thead {
        display: table-header-group;
    }

    .hidden-print {
        display: none !important;
    }

    .visible-print-block {
        display: block !important;
    }

    .visible-print-inline {
        display: inline !important;
    }

    .visible-print-inline-block {
        display: inline-block !important;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* End-Print stylesheet */