/*!
Theme Name: vrc-basstheme
Author: Joep de Bruijn
Author URI: http://joepdebruijn.nl
Description: A custom wordpress theme based on Basscss
Version: 1.0.0



/* Reset */

img,
video {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%;
}

iframe {
	width: 100% !important;
	height: 450px !important;
}

blockquote {
	font-size: 1.75rem;
	font-style: ;
	text-align: center;
	color: #0f7247;
	padding: 2rem 1rem 2rem 1rem;
	margin: 5rem 0 5rem 0;
	border-top: 2px solid #0f7247;
	border-bottom: 2px solid #0f7247;
	font-family: 'Signika', sans-serif;
}

blockquote:before {
	content: '“ ';
	font-size: 2rem;
}

blockquote:after {
	content: ' ”';
	font-size: 2rem;
}

blockquote a {
	font-weight: 800;
	text-decoration: underline;
}

/*! Basscss core | http://basscss.com | MIT License */

h1, h2, h3 { 
    font-weight: 700;
    margin-bottom: 1.75rem; 
}

h1 {
    font-family: 'Signika', sans-serif;
}

h4, h5, h6 {
    margin-bottom: 1rem;
}

h4 {
	font-family: 'Signika', sans-serif;
}

p a {
	color: #0f7247;
	text-decoration: underline;
}

p strong {
	color: #0f7247;
}

.xl-headline {
    font-family: 'Signika', sans-serif;
    font-size: 3.5rem;
}

.headline {
    font-family: 'Signika', sans-serif;
    font-size: 3rem;
}

@media (max-width: 52rem) {
	.headline, .xl-headline {
		font-size: 2.5rem;
	}
}

@media (max-width: 28rem) {
	.headline, .xl-headline {
		font-size: 1.8rem;
	}
}

@media (max-width: 24rem) {
	.xl-headline {
		font-size: 1.65rem;
	}

    .headline {
        font-size: 2rem;
    }
}

@media (max-width: 20rem) {
	.xl-headline {
		font-size: 1.25rem;
	}
}

.signika {
	font-family: 'Signika', sans-serif;
}

.roboto {
    font-family: 'Roboto', sans-serif !important;
}


h1, .h1 { font-size: 1.25rem; line-height: 1.25; }
@media (min-width: 52em) {
    h1, .h1 { font-size: 2rem } 
}
h2, .h2{ font-size: 1.5rem; line-height: 1.35; }
h3, .h3{ font-size: 1.25rem; line-height: 1.4; }

@media (max-width: 24em) {
    h2, .h2{ font-size: 1.25rem; line-height: 1.15; }
}

@media (max-width: 22em) {
    h2, .h2{ font-size: 1rem; line-height: 1.15; }
}

h4, .h4{ font-size: 1.25rem }
@media (min-width: 52em) {
    h4, .h4 { font-size: 1.5rem } 
}
h5, .h5{ font-size: .875rem }
h6, .h6{ font-size: .8125rem }

.font-family-inherit{ font-family:inherit }
.font-size-inherit{ font-size:inherit }
.text-decoration-none, .text-decoration-none:hover{ text-decoration:none }


.bold{ font-weight: 700 }
.semi-bold{ font-weight: 600 }
.regular{ font-weight: 400 }
.medium{ font-weight: 500 }
.thin{ font-weight: 300 }
.italic{ font-style:italic }
.uppercase{ text-transform: uppercase }
.caps{ text-transform:uppercase; letter-spacing: .2em; }

.left-align{ text-align:left }
.center{ text-align:center }
.right-align{ text-align:right }
.justify{ text-align:justify }


@media (min-width: 52rem) {
    .md-column-2 {
		column-count: 2;
		-webkit-column-gap: 2.5rem; /* Chrome, Safari, Opera */
	    -moz-column-gap: 2.5rem; /* Firefox */
	    column-gap: 2.5rem;
	}

    .md-column-3 {
        column-count: 3;
        -webkit-column-gap: 2.5rem; /* Chrome, Safari, Opera */
        -moz-column-gap: 2.5rem; /* Firefox */
        column-gap: 2.5rem;
    }
}

@media (min-width: 40rem) {
    .sm-left-align   { text-align: left }
    .sm-center       { text-align: center }
    .sm-right-align  { text-align: right }
    .sm-justify      { text-align: justify }
}

@media (min-width: 52rem) {
    .md-left-align   { text-align: left }
    .md-center       { text-align: center }
    .md-right-align  { text-align: right }
    .md-justify      { text-align: justify }
}

@media (min-width: 64rem) {
    .lg-left-align   { text-align: left }
    .lg-center       { text-align: center }
    .lg-right-align  { text-align: right }
    .lg-justify      { text-align: justify }
}

.nowrap{ white-space:nowrap }
.break-word{ word-wrap:break-word }

.line-height-1{ line-height: 1 }
.line-height-2{ line-height: 1.25 }
.line-height-3{ line-height: 1.5 }
.line-height-4{ line-height: 1.75 }

.list-style-none{ list-style:none }
.underline{ text-decoration:underline }

.truncate{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}


.list-reset{
    list-style:none;
    padding-left:0;
}

.hover-reset:hover {
    text-decoration: none;
}

.hover-shadow {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.hover-shadow:hover {
    box-shadow: 0px 0px 3px rgba(0,0,0,.5)
}

.display-none {
	display: none;
}

.list-inline {
    letter-spacing: -.31em;
}
.list-inline li {
    letter-spacing: normal;
    display: inline-block;
}

.display-none{ display:none }
.inline{ display:inline }
.block{ display:block }
.inline-block{ display:inline-block }
.table{ display:table; border-spacing: 0 }
.table-cell{ display:table-cell }

.overflow-hidden{ overflow:hidden }
.overflow-y-hidden{ overflow-y:hidden }
.overflow-scroll{ overflow:scroll }
.overflow-x-scroll{ overflow-x:scroll }
.overflow-auto{ overflow:auto }
.overflow-ellipsis{ text-overflow: ellipsis; }

.clearfix:before,
.clearfix:after{
    content:" ";
    display:table
}
.clearfix:after{ clear:both }

.left{ float:left }
.right{ float:right }

@media (min-width: 40em) {
    .sm-inline       { display: inline }
    .sm-block        { display: block }
    .sm-inline-block { display: inline-block }
    .sm-table        { display: table }
    .sm-table-cell   { display: table-cell }

    .sm-overflow-hidden { overflow: hidden }
    .sm-overflow-scroll { overflow: scroll }
    .sm-overflow-auto   { overflow: auto }

    .sm-left  { float: left }
    .sm-right { float: right }
}

@media (min-width: 52em) {
    .md-inline       { display: inline }
    .md-block        { display: block }
    .md-inline-block { display: inline-block }
    .md-table        { display: table }
    .md-table-cell   { display: table-cell }

    .md-overflow-hidden { overflow: hidden }
    .md-overflow-scroll { overflow: scroll }
    .md-overflow-auto   { overflow: auto }

    .md-left  { float: left }
    .md-right { float: right }
}

@media (min-width: 64em) {
    .lg-inline       { display: inline }
    .lg-block        { display: block }
    .lg-inline-block { display: inline-block }
    .lg-table        { display: table }
    .lg-table-cell   { display: table-cell }

    .lg-overflow-hidden { overflow: hidden }
    .lg-overflow-scroll { overflow: scroll }
    .lg-overflow-auto   { overflow: auto }

    .lg-left  { float: left }
    .lg-right { float: right }
}

.fit{ max-width:100% }

.max-width-1{ max-width: 24rem }
.max-width-2{ max-width: 32rem }
.max-width-3{ max-width: 48rem }
.max-width-4{ max-width: 64rem }

.border-box{ box-sizing:border-box }
.content-box{ box-sizing:content-box }

.align-baseline{ vertical-align:baseline }
.align-top{ vertical-align:top }
.align-middle{ vertical-align:middle }
.align-bottom{ vertical-align:bottom }
.align-text-top{ vertical-align:text-top }
.align-text-bottom{ vertical-align:text-bottom }

.mxn1{ margin-left: -.5rem; margin-right: -.5rem; }
.mxn2{ margin-left: -1rem; margin-right: -1rem; }
.mxn3{ margin-left: -2rem; margin-right: -2rem; }
.mxn4{ margin-left: -4rem; margin-right: -4rem; }

/* Minified margins, paddings & cols */
.ml0,.mx0{margin-left:0}.mr0,.mx0{margin-right:0}.mt0,.my0{margin-top:0}.mb0,.my0{margin-bottom:0}.pl0,.px0{padding-left:0}.pr0,.px0{padding-right:0}.pt0,.py0{padding-top:0}.pb0,.py0{padding-bottom:0}.col,.col-right{box-sizing:border-box}.m0{margin:0}.ml1,.mx1{margin-left:.5rem}.mr1,.mx1{margin-right:.5rem}.mt1,.my1{margin-top:.5rem}.mb1,.my1{margin-bottom:.5rem}.m1{margin:.5rem}.ml2,.mx2{margin-left:1rem}.mr2,.mx2{margin-right:1rem}.mt2,.my2{margin-top:1rem}.mb2,.my2{margin-bottom:1rem}.m2{margin:1rem}.ml3,.mx3{margin-left:2rem}.mr3,.mx3{margin-right:2rem}.mt3,.my3{margin-top:2rem}.mb3,.my3{margin-bottom:2rem}.m3{margin:2rem}.ml4,.mx4{margin-left:4rem}.mr4,.mx4{margin-right:4rem}.mt4,.my4{margin-top:4rem}.mb4,.my4{margin-bottom:4rem}.m4{margin:4rem}.ml-auto,.mx-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.p0{padding:0}.pl1,.px1{padding-left:.5rem}.pr1,.px1{padding-right:.5rem}.pt1,.py1{padding-top:.5rem}.pb1,.py1{padding-bottom:.5rem}.p1{padding:.5rem}.pt2,.py2{padding-top:1rem}.pb2,.py2{padding-bottom:1rem}.pl2,.px2{padding-left:1rem}.pr2,.px2{padding-right:1rem}.p2{padding:1rem}.pt3,.py3{padding-top:2rem}.pb3,.py3{padding-bottom:2rem}.pl3,.px3{padding-left:2rem}.pr3,.px3{padding-right:2rem}.p3{padding:2rem}.pt4,.py4{padding-top:4rem}.pb4,.py4{padding-bottom:4rem}.pl4,.px4{padding-left:4rem}.pr4,.px4{padding-right:4rem}.p4{padding:4rem}.col{float:left}.col-right{float:right}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.col-auto{width:auto}@media (min-width:40em){.sm-mt0,.sm-my0{margin-top:0}.sm-mb0,.sm-my0{margin-bottom:0}.sm-mxn1{margin-left:-.5rem;margin-right:-.5rem}.sm-mxn2{margin-left:-1rem;margin-right:-1rem}.sm-mxn3{margin-left:-2rem;margin-right:-2rem}.sm-mxn4{margin-left:-4rem;margin-right:-4rem}.sm-ml0,.sm-mx0{margin-left:0}.sm-mr0,.sm-mx0{margin-right:0}.sm-m0{margin:0}.sm-ml1,.sm-mx1{margin-left:.5rem}.sm-mr1,.sm-mx1{margin-right:.5rem}.sm-mt1,.sm-my1{margin-top:.5rem}.sm-mb1,.sm-my1{margin-bottom:.5rem}.sm-m1{margin:.5rem}.sm-ml2,.sm-mx2{margin-left:1rem}.sm-mr2,.sm-mx2{margin-right:1rem}.sm-mt2,.sm-my2{margin-top:1rem}.sm-mb2,.sm-my2{margin-bottom:1rem}.sm-m2{margin:1rem}.sm-ml3,.sm-mx3{margin-left:2rem}.sm-mr3,.sm-mx3{margin-right:2rem}.sm-mt3,.sm-my3{margin-top:2rem}.sm-mb3,.sm-my3{margin-bottom:2rem}.sm-m3{margin:2rem}.sm-ml4,.sm-mx4{margin-left:4rem}.sm-mr4,.sm-mx4{margin-right:4rem}.sm-mt4,.sm-my4{margin-top:4rem}.sm-mb4,.sm-my4{margin-bottom:4rem}.sm-m4{margin:4rem}.sm-ml-auto,.sm-mx-auto{margin-left:auto}.sm-mr-auto,.sm-mx-auto{margin-right:auto}.sm-pl0,.sm-px0{padding-left:0}.sm-pr0,.sm-px0{padding-right:0}.sm-pt0,.sm-py0{padding-top:0}.sm-pb0,.sm-py0{padding-bottom:0}.sm-p0{padding:0}.sm-pl1,.sm-px1{padding-left:.5rem}.sm-pr1,.sm-px1{padding-right:.5rem}.sm-pt1,.sm-py1{padding-top:.5rem}.sm-pb1,.sm-py1{padding-bottom:.5rem}.sm-p1{padding:.5rem}.sm-pl2,.sm-px2{padding-left:1rem}.sm-pr2,.sm-px2{padding-right:1rem}.sm-pt2,.sm-py2{padding-top:1rem}.sm-pb2,.sm-py2{padding-bottom:1rem}.sm-p2{padding:1rem}.sm-pl3,.sm-px3{padding-left:2rem}.sm-pr3,.sm-px3{padding-right:2rem}.sm-pt3,.sm-py3{padding-top:2rem}.sm-pb3,.sm-py3{padding-bottom:2rem}.sm-p3{padding:2rem}.sm-pl4,.sm-px4{padding-left:4rem}.sm-pr4,.sm-px4{padding-right:4rem}.sm-pt4,.sm-py4{padding-top:4rem}.sm-pb4,.sm-py4{padding-bottom:4rem}.sm-p4{padding:4rem}.sm-col,.sm-col-right{box-sizing:border-box}.sm-col{float:left}.sm-col-right{float:right}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}.sm-col-auto{width:auto}}@media (min-width:52em){.md-mt0,.md-my0{margin-top:0}.md-mb0,.md-my0{margin-bottom:0}.md-mxn1{margin-left:-.5rem;margin-right:-.5rem}.md-mxn2{margin-left:-1rem;margin-right:-1rem}.md-mxn3{margin-left:-2rem;margin-right:-2rem}.md-mxn4{margin-left:-4rem;margin-right:-4rem}.md-ml0,.md-mx0{margin-left:0}.md-mr0,.md-mx0{margin-right:0}.md-m0{margin:0}.md-ml1,.md-mx1{margin-left:.5rem}.md-mr1,.md-mx1{margin-right:.5rem}.md-mt1,.md-my1{margin-top:.5rem}.md-mb1,.md-my1{margin-bottom:.5rem}.md-m1{margin:.5rem}.md-ml2,.md-mx2{margin-left:1rem}.md-mr2,.md-mx2{margin-right:1rem}.md-mt2,.md-my2{margin-top:1rem}.md-mb2,.md-my2{margin-bottom:1rem}.md-m2{margin:1rem}.md-ml3,.md-mx3{margin-left:2rem}.md-mr3,.md-mx3{margin-right:2rem}.md-mt3,.md-my3{margin-top:2rem}.md-mb3,.md-my3{margin-bottom:2rem}.md-m3{margin:2rem}.md-ml4,.md-mx4{margin-left:4rem}.md-mr4,.md-mx4{margin-right:4rem}.md-mt4,.md-my4{margin-top:4rem}.md-mb4,.md-my4{margin-bottom:4rem}.md-m4{margin:4rem}.md-ml-auto,.md-mx-auto{margin-left:auto}.md-mr-auto,.md-mx-auto{margin-right:auto}.md-pl0,.md-px0{padding-left:0}.md-pr0,.md-px0{padding-right:0}.md-pt0,.md-py0{padding-top:0}.md-pb0,.md-py0{padding-bottom:0}.md-p0{padding:0}.md-pl1,.md-px1{padding-left:.5rem}.md-pr1,.md-px1{padding-right:.5rem}.md-pt1,.md-py1{padding-top:.5rem}.md-pb1,.md-py1{padding-bottom:.5rem}.md-p1{padding:.5rem}.md-pl2,.md-px2{padding-left:1rem}.md-pr2,.md-px2{padding-right:1rem}.md-pt2,.md-py2{padding-top:1rem}.md-pb2,.md-py2{padding-bottom:1rem}.md-p2{padding:1rem}.md-pl3,.md-px3{padding-left:2rem}.md-pr3,.md-px3{padding-right:2rem}.md-pt3,.md-py3{padding-top:2rem}.md-pb3,.md-py3{padding-bottom:2rem}.md-p3{padding:2rem}.md-pl4,.md-px4{padding-left:4rem}.md-pr4,.md-px4{padding-right:4rem}.md-pt4,.md-py4{padding-top:4rem}.md-pb4,.md-py4{padding-bottom:4rem}.md-p4{padding:4rem}.md-col,.md-col-right{box-sizing:border-box}.md-col{float:left}.md-col-right{float:right}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}.md-col-auto{width:auto}}@media (min-width:64em){.lg-mt0,.lg-my0{margin-top:0}.lg-mb0,.lg-my0{margin-bottom:0}.lg-mxn1{margin-left:-.5rem;margin-right:-.5rem}.lg-mxn2{margin-left:-1rem;margin-right:-1rem}.lg-mxn3{margin-left:-2rem;margin-right:-2rem}.lg-mxn4{margin-left:-4rem;margin-right:-4rem}.lg-ml0,.lg-mx0{margin-left:0}.lg-mr0,.lg-mx0{margin-right:0}.lg-m0{margin:0}.lg-ml1,.lg-mx1{margin-left:.5rem}.lg-mr1,.lg-mx1{margin-right:.5rem}.lg-mt1,.lg-my1{margin-top:.5rem}.lg-mb1,.lg-my1{margin-bottom:.5rem}.lg-m1{margin:.5rem}.lg-ml2,.lg-mx2{margin-left:1rem}.lg-mr2,.lg-mx2{margin-right:1rem}.lg-mt2,.lg-my2{margin-top:1rem}.lg-mb2,.lg-my2{margin-bottom:1rem}.lg-m2{margin:1rem}.lg-ml3,.lg-mx3{margin-left:2rem}.lg-mr3,.lg-mx3{margin-right:2rem}.lg-mt3,.lg-my3{margin-top:2rem}.lg-mb3,.lg-my3{margin-bottom:2rem}.lg-m3{margin:2rem}.lg-ml4,.lg-mx4{margin-left:4rem}.lg-mr4,.lg-mx4{margin-right:4rem}.lg-mt4,.lg-my4{margin-top:4rem}.lg-mb4,.lg-my4{margin-bottom:4rem}.lg-m4{margin:4rem}.lg-ml-auto,.lg-mx-auto{margin-left:auto}.lg-mr-auto,.lg-mx-auto{margin-right:auto}.lg-pl0,.lg-px0{padding-left:0}.lg-pr0,.lg-px0{padding-right:0}.lg-pt0,.lg-py0{padding-top:0}.lg-pb0,.lg-py0{padding-bottom:0}.lg-p0{padding:0}.lg-pl1,.lg-px1{padding-left:.5rem}.lg-pr1,.lg-px1{padding-right:.5rem}.lg-pt1,.lg-py1{padding-top:.5rem}.lg-pb1,.lg-py1{padding-bottom:.5rem}.lg-p1{padding:.5rem}.lg-pl2,.lg-px2{padding-left:1rem}.lg-pr2,.lg-px2{padding-right:1rem}.lg-pt2,.lg-py2{padding-top:1rem}.lg-pb2,.lg-py2{padding-bottom:1rem}.lg-p2{padding:1rem}.lg-pl3,.lg-px3{padding-left:2rem}.lg-pr3,.lg-px3{padding-right:2rem}.lg-pt3,.lg-py3{padding-top:2rem}.lg-pb3,.lg-py3{padding-bottom:2rem}.lg-p3{padding:2rem}.lg-pl4,.lg-px4{padding-left:4rem}.lg-pr4,.lg-px4{padding-right:4rem}.lg-pt4,.lg-py4{padding-top:4rem}.lg-pb4,.lg-py4{padding-bottom:4rem}.lg-p4{padding:4rem}.lg-col,.lg-col-right{box-sizing:border-box}.lg-col{float:left}.lg-col-right{float:right}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}.lg-col-auto{width:auto}}


.mt5 { margin-top: 8rem; }
.mb5 { margin-bottom: 8rem; }
.ml5 { margin-right: 8rem; }
.mr5 { margin-left: 8rem; }

@media (min-width: 52em) {
    .md-mt5 { margin-top: 8rem; }
    .md-mb5 { margin-bottom: 8rem; }
    .md-ml5 { margin-right: 8rem; }
    .md-mr5 { margin-left: 8rem; }
}
@media (min-width: 64em) {
    .lg-mt5 { margin-top: 8rem; }
    .lg-mb5 { margin-bottom: 8rem; }
    .lg-ml5 { margin-right: 8rem; }
    .lg-mr5 { margin-left: 8rem; }
}


.flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }

@media (min-width: 40em){
    .sm-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

@media (min-width: 52em){
    .md-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
    .md-justify-center{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
}

@media (min-width: 64em){
    .lg-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

.flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }

.items-start{ -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start }
.items-end{ -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end }
.items-center{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center }
.items-baseline{ -webkit-box-align:baseline; -webkit-align-items:baseline; -ms-flex-align:baseline; -ms-grid-row-align:baseline; align-items:baseline }
.items-stretch{ -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch }

.self-start{ -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start }
.self-end{ -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end }
.self-center{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center }
.self-baseline{ -webkit-align-self:baseline; -ms-flex-item-align:baseline; align-self:baseline }
.self-stretch{ -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch }

.justify-start{ -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start }
.justify-end{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.justify-center{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.justify-between{ -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.justify-around{ -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around }

.content-start{ -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start }
.content-end{ -webkit-align-content:flex-end; -ms-flex-line-pack:end; align-content:flex-end }
.content-center{ -webkit-align-content:center; -ms-flex-line-pack:center; align-content:center }
.content-between{ -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.content-around{ -webkit-align-content:space-around; -ms-flex-line-pack:distribute; align-content:space-around }
.content-stretch{ -webkit-align-content:stretch; -ms-flex-line-pack:stretch; align-content:stretch }
.flex-auto{
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    min-width:0;
    min-height:0;
}
.flex-none{ -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none }

.order-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 }
.order-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 }
.order-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 }
.order-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 }
.order-last{ -webkit-box-ordinal-group:100000; -webkit-order:99999; -ms-flex-order:99999; order:99999 }

.relative{ position:relative }
.absolute{ position:absolute }
.fixed{ position:fixed }

.top-0{ top:0 }
.top-45{ top:45% }

.right-0{ right:0 }
.bottom-0{ bottom:0 }
.left-0{ left:0 }

@media (min-width: 40em) {
    .sm-relative { position: relative }
    .sm-absolute { position: absolute }
    .sm-fixed    { position: fixed }

    .sm-top-0    { top: 0 }
    .sm-right-0  { right: 0 }
    .sm-bottom-0 { bottom: 0 }
    .sm-left-0   { left: 0 }
}

@media (min-width: 52em) {
    .md-relative { position: relative }
    .md-absolute { position: absolute }
    .md-fixed    { position: fixed }

    .md-top-0    { top: 0 }
    .md-right-0  { right: 0 }
    .md-bottom-0 { bottom: 0 }
    .md-left-0   { left: 0 }
}

@media (min-width: 64em) {
    .lg-relative { position: relative }
    .lg-absolute { position: absolute }
    .lg-fixed    { position: fixed }

    .lg-top-0    { top: 0 }
    .lg-right-0  { right: 0 }
    .lg-bottom-0 { bottom: 0 }
    .lg-left-0   { left: 0 }
}


.z1{ z-index: 1 }
.z2{ z-index: 2 }
.z3{ z-index: 3 }
.z4{ z-index: 4 }
.z5{ z-index: 5 }
.z100 { z-index: 100 }
.z101 { z-index: 101 }
.z102 { z-index: 102 }
.z103 { z-index: 103 }

.border{
    border-style:solid;
    border-width: 1px;
}

.border-top{
    border-top-style:solid;
    border-top-width: 1px;
}

.border-right{
    border-right-style:solid;
    border-right-width: 1px;
}

.border-bottom{
    border-bottom-style:solid;
    border-bottom-width: 1px;
}

.border-left{
    border-left-style:solid;
    border-left-width: 1px;
}

.border-15 {
    border-width: .15rem;
}

hr {
    border: 0;
    height: 0;
    border-bottom: 1px solid currentColor;
    margin: 0;
    width: 8rem;
    text-align: left;
}

.border-none{ border:0 }

.rounded{ border-radius: 5px !important}
.circle
    { 
        border-radius:50%;
        width: 35rem;
        height: 35rem;
    }

@media (max-width: 40em) {
    .circle {
        width: 27.5rem;
        height: 27.5rem;
    }
}

.blend {
    mix-blend-mode: soft-light;
}


.rounded-top{ border-radius: 3px 3px 0 0 }
.rounded-right{ border-radius: 0 3px 3px 0 }
.rounded-bottom{ border-radius: 0 0 3px 3px }
.rounded-left{ border-radius: 3px 0 0 3px }

.not-rounded{ border-radius:0 }

.hide{
    position:absolute !important;
    height:1px !important;
    width:1px !important;
    overflow:hidden;
    clip:rect(1px, 1px, 1px, 1px);
}

/* End Basscss core */


/* Basscss Responsive Show / Hide */

.lg-show,
.md-show,
.sm-show,
.lg-show-inline, 
.md-show-inline,
.sm-show-inline,
.lg-show-flex, 
.md-show-flex,
.sm-show-flex {
    display: none!important
}

@media (min-width:40em) {
    .sm-show {
        display: block!important
    }

    .sm-show-inline {
        display: inline-block!important
    }
    
    .sm-show-flex {
        display: inline-flex !important
    }
}

@media (min-width:52em) {
    .md-show {
        display: block!important
    }

    .md-show-inline {
        display: inline-block!important
    }
    
    .md-show-flex {
        display: inline-flex !important
    }
}

@media (min-width:64em) {
    .lg-show {
        display: block!important
    }

    .lg-show-inline {
        display: inline-block!important
    }
    
    .lg-show-flex {
        display: inline-flex !important
    }
}

@media (min-width:40em) {
    .sm-hide {
        display: none!important
    }
}

@media (min-width:52em) {
    .md-hide {
        display: none!important
    }
}

@media (min-width:64em) {
    .lg-hide {
        display: none!important
    }
}

/* End Basscss Responsive Show / Hide */



/* Basscss Btn */

.btn {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: 2.9;
    padding: 0rem 3rem;
    text-align: center;
    height: 2.85rem;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-appearance: none;
    color: inherit;
    background-color: transparent;
    box-sizing: border-box;
}

.btn:hover {
    text-decoration: none;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn:focus {
    outline: none;
    border-color: rgba(0, 0, 0, .125);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .25);
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* btn dier gevonden */

.btn-int {
	border: 1px solid #272726;
	padding: 1rem 2rem .5rem 2rem;
	color: #272726;
}

.btn-int:hover {
	background: #272726;
	color: #fff;
}

.btn-int:hover span {
	fill: #fff !important;
}

.btn-int-small {
	background-color: #fff;
	color: #272726;
	padding: 0rem 2rem;
	height: 2.85rem;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	border: 1px solid #272726;
}

.btn-int-small:hover {
	background-color: #272726;
	color: #fff;
	padding: 0rem 2rem;
	height: 2.85rem;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	border: 1px solid #272726;
}

.btn-active {
	background-color: #272726 !important;
	color: #fff !important;
}

.btn-active span {
	fill: #fff !important;
}




/* Basscss Btn Primary */

.btn-primary {
    color: #000;
    background-color: #fdc300;
    -webkit-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
}

.btn-primary:hover {
    color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn-primary:active {
    -webkit-box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .05), inset 0 2px 4px 0 rgba(0, 0, 0, .125), 0 0 1px rgba(0, 0, 0, .125);
    box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .05), inset 0 2px 4px 0 rgba(0, 0, 0, .125), 0 0 1px rgba(0, 0, 0, .125);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.btn-primary:disabled,
.btn-primary.is-disabled {
    opacity: .5;
    pointer-events: none;
    cursor: default;
}

.btn-block {
	background-color: #272726;
	color: white;
	border-radius: 0;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
}

.btn-block:hover {
	background-color: #000;
}

.block-arrow {
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
}

.btn-block:hover .block-arrow {
	margin-left: 2rem;
}


.btn-small {
	background-color: #272726;
	color: white;
	padding: 0rem 2rem;
	height: 2.85rem;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	border-radius: 0;
}

/* Basscss Btn Outline */

.btn-outline {
    border-color: currentColor;
    -webkit-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
}

.btn-outline:hover {
    border-color: currentColor;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn-outline:active {
    -webkit-box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .125);
    box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, .125);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.btn-outline:disabled,
.btn-outline.is-disabled {
    opacity: .5;
    pointer-events: none;
    cursor: default;
}

@media (max-width: 40em) {
    .btn-mobile {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

.vacature-title:hover {
	background: #e6e6e6;
}


/* End Basscss Btn */


/* Basscss Background Images */

.bg-cover   { background-size: cover }
.bg-contain { background-size: contain }

.bg-center  { background-position: center }
.bg-top     { background-position: top }
.bg-right   { background-position: right }
.bg-bottom  { background-position: bottom }
.bg-left    { background-position: left }

.bg-no-repeat { background-repeat: no-repeat }
.bg-repeat-x { background-repeat: repeat-x }
.bg-repeat-y { background-repeat: repeat-y }

.bg-burger {
    background-color: #000 !important;
    opacity: .5;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform-origin: right top;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.hamburger-box {
    width: 34px !important;
    height: 10px !important;
}

/* End Basscss Background Images */



/* Colors */

.white              { color: #fff }
.black              { color: #1d1d1b }
.gray               { color: #888 }
.blue               { color: #2c2858 }
.green             { color: #0f7247 }
.gray              { color: #272726 }


.bg-white           { background-color: #fff }
.bg-black           { background-color: #111 }
.bg-light-gray      { background-color: #f8f7f3 }
.bg-dark-gray       { background-color: #272726 }
.bg-darker-gray       { background-color: #232323 }
.bg-gray            { background-color: #e1e1e1 }
.bg-blue            { background-color: #e9e9f2 }
.bg-red             { background-color: #bb1226 }
.bg-green	        { background-color: #0f7247; }

.border-white       { border-color: #fff }
.border-black       { border-color: #3c3c3b }
.border-gray        { border-color: #e6e6e6 }
.border-blue        { border-color: #2c2858 }
.border-red         { border-color: #ff1613 }

.fill-white         { fill: #fff }
.fill-black         { fill: #111 }
.fill-gray          { fill: #272726 }
.fill-blue          { fill: #2c2858 }
.fill-green           { fill: #0f7247 }

.fill-current       { fill: currentColor }



/* Global */

html {
    margin: 0;
    overflow-x: hidden;
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5; 
    color: #3c3c3b;
    overflow-x: hidden;
}

.heading {
    font-family: 'Roboto, sans-serif';
}

p {
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 1.2rem;
    text-align: left !important;
}

a {
    color: #3c3c3b;
    -webkit-transition: color 200ms, background-color 200ms;
    transition: color 200ms, background-color 200ms;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

::-moz-selection {
    color: #888;
    background: #eee;
}

::selection {
    color: #888; 
    background: #eee;
}


header, main, section {
    display: block;
}

.opac-0 { opacity: 0 }
.opac-25 {  opacity: .25 }
.opac-50 {  opacity: .5 }
.opac-55 {  opacity: .55 }
.opac-60 {  opacity: .6 }
.opac-65 {  opacity: .65 }
.opac-70 {  opacity: .70 }
.opac-75 {  opacity: .75 }
.opac-85 {  opacity: .85 }
.opac-90 { opacity: .9 }
.opac-100 { 
    opacity: 1 }

.pointer { cursor: pointer }

.pointer:hover { cursor: pointer }


/* Custom Typography */

.letter-spacing-25 {    letter-spacing: 0.025em }
.letter-spacing-50 {    letter-spacing: 0.05em }
.letter-spacing-100 {   letter-spacing: 0.1em }

.hyphenate {
    hyphens: auto;
    -webkit-hyphens: auto;
}

/* End Custom Typography */



/* Shadows */

.text-shadow-light {
    text-shadow: 0px 0px 15px rgba(0,0,0,.25);
}

.text-shadow-medium {
    text-shadow: 0px 0px 3px rgba(0,0,0,.5)
}

.text-shadow-dark {
    text-shadow: 0px 0px 5px rgba(0,0,0,1)
}

.box-shadow-light {
    box-shadow: 0px 0px 3px rgba(0,0,0,.25)
}

.box-shadow-medium {
    box-shadow: 0px 0px 3px rgba(0,0,0,.5)
}

.box-shadow-dark {
    box-shadow: 0px 0px 5px rgba(0,0,0,.75)
}

.shadow {
    /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
    -webkit-filter: drop-shadow( 0px 0px 3px rgba(0,0,0,.75) ); 
            filter: drop-shadow( 0px 0px 3px rgba(0,0,0,.75) );
}


/* Containers */

.container {
    width: 100%;
    box-sizing: border-box;
    max-width: 43rem;
    margin-left: auto;
    margin-right: auto
}

.text-container {
    max-width: 30rem;
}

.sm-container {
    max-width: 25rem;
}

.md-container {
    max-width: 44rem;
}

.lg-container {
    max-width: 48rem;
}

.xl-container {
    max-width: 68rem;
}

p iframe {
        height: 200px !important;
    }

@media (min-width: 24rem) {
    p iframe {
        height: 300px !important;
    }
}

@media (min-width: 52em) {
    p iframe {
        height: 350px !important;
    }
}

@media (min-width: 64em) {
    p iframe {
        height: 350px !important;
    }
}

/* End Containers */


/* Icons */

.icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 1;
    transition: all .3s;
}

.icon-small {
    width: 1.75rem;
    height: 1.75rem;
    vertical-align: middle;
    margin-left: -12px;
    margin-right: 8px;
    margin-top: -3px;
}

.icon-tiny {
    width: 1.25rem;
    height: 1.25rem;
    transform: translateY(3px);
}

.icon-btn {
    margin-left: -12px;
}

.icon-medium {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
}

.icon-large {
    width: 1.5rem;
    height: 1.5rem;
}

.icon-huge {
        width: 3rem;
        height: 3rem;
    }

@media (min-width: 52em) {
    .icon-large {
        width: 3rem;
        height: 3rem;
    }

    .icon-huge {
        width: 5rem;
        height: 5rem;
    }
}



.logo {
    display: inline-block;
    width: 4rem;
}

@media (min-width: 24rem) {
    .logo {
        width: 5.5rem;
    }
}

@media (min-width: 52em) {
    .logo {
        width: 9rem;
    }
}

@media (min-width: 64em) {
    .logo {
        width: 12rem;
    }
}

/* End Icons */


/* Responsive Cover Images */

.cover-img-parent {
    max-height: 100%;
    overflow: hidden;
    position: relative;
}

.cover-img-parent img {
    position: relative;
    height: auto;
    left: 50%;
    max-width: 1000%;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.cover-img-parent img.small {
    max-width: 150%;
}

.logo-fixed-width {
	width: 6.5rem !important;
	min-width: 0 !important;
}


/* Main Navigation */

#site-navigation .menu {
	list-style: none;
}

#site-navigation .menu li {
	display: inline-block;
}


#site-navigation .menu a {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	padding: .5rem 1.5rem .5rem 1.5rem;
	text-shadow: 0px 0px 4px rgba(0,0,0,1);
}

@media (max-width: 64em) {
    #site-navigation .menu a {
        padding: .5rem .75rem .5rem .75rem;
    }
}

#site-navigation .menu a:hover {
	background: #272726;
}

.search-field {
  -webkit-appearance: none;
  font-size: 3rem;
  background: #272726;
  color: white;
  border: 0;
  padding: .75rem;
  width: 100%;
  border: .5px solid #e6e6e6;
}

.search-form span {
    display: none;
}

.search-submit {
    display: none;
}

}



/* Scroll Navigation */

#scroll-navigation {
    top: -4rem !important;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.scroll-navigation {
    top: -4rem !important;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.scroll-navigation-top {
    top: 0 !important;
}

#scroll-navigation .menu {
    list-style: none;
    padding: 0;
    margin: .5rem 0rem .5rem 0rem;
}

#scroll-navigation .menu li {
    display: inline-block;
}

#scroll-navigation .menu a {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: .5rem 1.5rem .5rem 1.5rem;
    text-shadow: 0px 0px 3px rgba(0,0,0,1);
    font-size: .9rem;
}

#scroll-navigation .menu a:hover {
    background: #272726;
}



/* Mobile Navigation */

#mobile-navigation {
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5);
	right: 0px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

#mobile-navigation .menu {
	list-style: none;
}

#mobile-navigation ul {
	margin: 0;
	padding: 0;
}

#mobile-navigation a {
	color: #fff;
	margin:0;
	padding: 1.5rem 3.75rem 1.5rem 3.75rem;
	display: block;
	border-bottom: 1px solid #3d3d3b;
	text-transform: uppercase;
	font-weight: 500;
}

.menu-header {
	background: #fff;
	color: #000 !important;
	padding: 1.93rem 3rem 1.93rem 3rem !important;
}

.nav-slidein {
	right: -400px !important;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.overlay-darken {
	background: rgba(0,0,0,.75);
	opacity: 1;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	display: block;
}

.overlay-darker {
    background: rgba(0,0,0,.9);
    opacity: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    display: block;
}

.overlay-hide {
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.angle {
	transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	transform-origin: right;
	width: 125%;
}



/* Footer Navigation */

#footer-navigation .menu {
	list-style: none;
	margin: 0;
    padding: 0;
}

#footer-navigation .menu li {
}

#footer-navigation .menu a {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);
}



/* SLICK SLIDER SPONSOREN */

.sponsor-carousel .slick-list .slick-slide {
	margin: 0 1rem 0 1rem;
	padding: 1rem;
	background: white;
	box-shadow: 0px 0px 3px rgba(0,0,0,.25);
	transition: all .3s;
}

.sponsor-carousel .slick-slide:hover {
	box-shadow: 0px 0px 8px rgba(0,0,0,.5);
}

.sponsor-carousel .slick-track {
	display: flex !important; 
	align-items:center !important;
}

/* SLICK SLIDER FULLSCREEN */

.arrow-stretch-next {
	-ms-transform: scale(0.65, 1.2) translateY(-50%); /* IE 9 */
    -webkit-transform: scale(0.65, 1.2) translateY(-50%); /* Safari */
    transform: scale(0.65, 1.2) translateY(-50%);
    top: 50%;
}

.arrow-stretch-prev {
	-ms-transform: scale(0.65, 1.2) translateY(-62%) rotate(180deg); /* IE 9 */
    -webkit-transform: scale(0.65, 1.2) translateY(-62%) rotate(180deg); /* Safari */
    transform: scale(0.65, 1.2) translateY(-62%) rotate(180deg);
    top: 50%;
}





/* VEELGESTELDE VRAGEN */

.closed {
	height: 0;
}

.faq-arrow {
	-webkit-transition: all .3s;
}

.arrow-rotate {
	-ms-transform: scale(1, -1); /* IE 9 */
    -webkit-transform: scale(1, -1); /* Safari */
    transform: scale(1, -1);
    transition: all .3s;
    -webkit-transition: all .3s;
    transition-timing-function: cubic-bezier(.17,.67,.83,.67);
}



.searchwp-live-search-results-showing {
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
}

.searchwp-live-search-no-results:after {
    content: "Geen resultaten" !important;
    text-align: center;
}

.searchwp-live-search-no-min-chars:after {
    content: "Gebruik ten minste 4 karakters" !important;
}



/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
    .cover-img-parent img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
        width: 100%;
    }
}


.banner-overlay {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.06) 17%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.06) 17%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.06) 17%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    }


.cover-img-parent .loader {
    opacity: .5;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 0;
}



/* PAYTIUM VRAGEN */

.pt-checkout-form {
    background: #f5f5f5;
    border-radius: .5rem;
    width: 100%;
    padding: 2.25rem 2.75rem;
    box-sizing: border-box;
}

.pt-checkout-form label {
    font-weight: 300;
}

.pt-checkout-form input {
    font-size: 1.25rem;
    border: 1px solid #e6e6e6;
    border-radius: .25rem;
    padding: .75rem;
    box-sizing: border-box;
}

.pt-checkout-form input:focus {
    background: #def5eb;
    outline: 0;
    border-color: #0f7247;
}

.pt-uea-currency {
    font-size: 1.25rem;
    color: #fff;
    padding: .75rem 1rem;
    background: #0f7247;
    font-weight: 400;
    border-radius: .5rem;
    margin-right: .5rem;
}

.pt-uea-custom-amount {
    width: 50% !important;
}

.pt-payment-details-wrap {
    box-sizing: border-box;
    padding: 4rem;
    font-size: 1.25rem;
    text-align: center;
}

@media (max-width:40em) {
    .pt-checkout-form {
        padding: 2.25rem 2.25rem;
    }

    .pt-checkout-form input {
        font-size: 1rem;
        padding: .5rem;
    }

    .pt-uea-currency {
        font-size: 1rem;
        padding: .45rem .75rem;
    }

    .pt-uea-custom-amount {
        width: 70% !important;
    }

    .pt-form-group {
        margin: 0;
        padding: 0;
    }
}



/* Heights */

.vh25 { height: 25vh }
.vh30 { height: 30vh }
.vh35 { height: 35vh }
.vh40 { height: 40vh }
.vh50 { height: 30vh }
.vh60 { height: 60vh }
.vh70 { height: 70vh }
.vh75 { height: 72vh }
.vh80 { height: 80vh }
.vh90 { height: 75vh }
.vh100 { height: 100vh }

@media (min-width: 40em) {
    .vh50 { height: 50vh }
    .vh90 { height: 90vh }
}

.full-height { height: 100% }
.half-height { max-height: 50% }
.height-45 { height: 45%; }

.h-3    { height: 1.5rem; }
.h-5    { height: 5rem; }
.h-7    { height: 7rem; }
.h-10   { height: 10rem; }
.h-13   { height: 13rem; }
.h-15   { height: 15rem; }
.h-175  { height: 17.5rem; }
.h-20   { height: 20rem; }
.h-25   { height: 25rem; }
.h-30   { height: 30rem; }
.h-35   { height: 35rem; }
.h-40   { height: 40rem; }
.h-45   { height: 45rem; }
.h-50   { height: 50rem; }

.max-h-5    { max-height: 5rem; }
.max-h-7    { max-height: 7rem; }
.max-h-10   { max-height: 10rem; }
.max-h-13   { max-height: 13rem; }
.max-h-15   { max-height: 15rem; }
.max-h-20   { max-height: 20rem; }
.max-h-25   { max-height: 25rem; }
.max-h-30   { max-height: 30rem; }
.max-h-35   { max-height: 35rem; }
.max-h-40   { max-height: 40rem; }
.max-h-50   { max-height: 50rem; }

@media (min-width: 40em) {
    .sm-h-10   { height: 10rem; }
    .sm-h-13   { height: 13rem; }
    .sm-h-15   { height: 15rem; }
    .sm-h-20   { height: 20rem; }
    .sm-h-25   { height: 25rem; }
    .sm-h-30   { height: 30rem; }
    .sm-h-35   { height: 35rem; }
    .sm-h-40   { height: 40rem; }
    .sm-h-50   { height: 50rem; }

    .sm-max-h-10   { max-height: 10rem; }
    .sm-max-h-13   { max-height: 13rem; }
    .sm-max-h-15   { max-height: 15rem; }
    .sm-max-h-20   { max-height: 20rem; }
    .sm-max-h-25   { max-height: 25rem; }
    .sm-max-h-30   { max-height: 30rem; }
    .sm-max-h-35   { max-height: 35rem; }
    .sm-max-h-40   { max-height: 40rem; }
    .sm-max-h-50   { max-height: 50rem; }
}

@media (min-width: 52em) {
    .md-h-5   { height: 5rem; }
    .md-h-10   { height: 10rem; }
    .md-h-13   { height: 13rem; }
    .md-h-15   { height: 15rem; }
    .md-h-175  { height: 17.5rem; }
    .md-h-20   { height: 20rem; }
    .md-h-25   { height: 25rem; }
    .md-h-30   { height: 30rem; }
    .md-h-35   { height: 35rem; }
    .md-h-40   { height: 40rem; }
    .md-h-50   { height: 50rem; }

    .md-max-h-10   { max-height: 10rem; }
    .md-max-h-13   { max-height: 13rem; }
    .md-max-h-15   { max-height: 15rem; }
    .md-max-h-20   { max-height: 20rem; }
    .md-max-h-25   { max-height: 25rem; }
    .md-max-h-30   { max-height: 30rem; }
    .md-max-h-35   { max-height: 35rem; }
    .md-max-h-40   { max-height: 40rem; }
    .md-max-h-50   { max-height: 50rem; }
}

@media (min-width: 64em) {
    .lg-h-10   { height: 10rem; }
    .lg-h-13   { height: 13rem; }
    .lg-h-15   { height: 15rem; }
    .lg-h-20   { height: 20rem; }
    .lg-h-25   { height: 25rem; }
    .lg-h-30   { height: 30rem; }
    .lg-h-35   { height: 35rem; }
    .lg-h-40   { height: 40rem; }
    .lg-h-45   { height: 45rem; }
    .lg-h-50   { height: 50rem; }

    .lg-max-h-10   { max-height: 10rem; }
    .lg-max-h-13   { max-height: 13rem; }
    .lg-max-h-15   { max-height: 15rem; }
    .lg-max-h-20   { max-height: 20rem; }
    .lg-max-h-25   { max-height: 25rem; }
    .lg-max-h-30   { max-height: 30rem; }
    .lg-max-h-35   { max-height: 35rem; }
    .lg-max-h-40   { max-height: 40rem; }
    .lg-max-h-50   { max-height: 50rem; }
}

@media (min-width: 76em) {
    .xl-h-10   { height: 10rem; }
    .xl-h-13   { height: 13rem; }
    .xl-h-15   { height: 15rem; }
    .xl-h-20   { height: 20rem; }
    .xl-h-25   { height: 25rem; }
    .xl-h-30   { height: 30rem; }
    .xl-h-35   { height: 35rem; }
    .xl-h-40   { height: 40rem; }
    .xl-h-50   { height: 50rem; }
}

.center-all {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* End Heights */



/* Lazyload / visible animations */

.no-js .lazyload {
    display: none;
}


.js .fade-in {
    opacity: 0;
}

.fade-in.visible {
    -webkit-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    opacity: 1;
}

.fade-in.lazyloaded {
    -webkit-animation: fadein 400ms ease-in forwards;
    animation: fadein 400ms ease-in forwards;
}


@-webkit-keyframes fadein {
    from { 
        opacity: 0; 
    }
    to {
        opacity: 1; 
    }
} 

@keyframes fadein {
    from { 
        opacity: 0; 
    }
    to {
        opacity: 1; 
    }
}



@keyframes rotate_right {
    0% {
        transform: rotate(0deg) translate(0) rotate(0deg) scale(1);
        -webkit-transform: rotate(0deg) translate(0) rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) translate(-35px) rotate(-180deg) scale(1.1);
        -webkit-transform: rotate(180deg) translate(-35px) rotate(-180deg) scale(1.1);
    }
    100% {
        transform: rotate(360deg) translate(0px) rotate(-360deg) scale(1);
        -webkit-transform: rotate(360deg) translate(0px) rotate(-360deg) scale(1);
    }
}

@-webkit-keyframes rotate_right {
    0% {
        transform: rotate(0deg) translate(0) rotate(0deg) scale(1);
        -webkit-transform: rotate(0deg) translate(0) rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) translate(-35px) rotate(-180deg) scale(1.1);
        -webkit-transform: rotate(180deg) translate(-35px) rotate(-180deg) scale(1.1);
    }
    100% {
        transform: rotate(360deg) translate(0) rotate(-360deg) scale(1);
        -webkit-transform: rotate(360deg) translate(0) rotate(-360deg) scale(1);
    }
}

@keyframes grow {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes grow {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes nudge_left {
    0% {
        margin-left: 0px;
        margin-bottom: 0px;
    }
    100% {
        margin-left: -40px;
        margin-bottom: -40px;
    }
}

@-webkit-keyframes nudge_left {
    0% {
        margin-left: 0px;
        margin-bottom: 0px;
    }
    100% {
        margin-left: -40px;
        margin-bottom: -40px;
    }
}

@keyframes nudge_right {
    0% {
        margin-right: 0px;
        margin-top: 0px;
    }
    100% {
        margin-right: -40px;
        margin-top: -40px;
    }
}

@-webkit-keyframes nudge_right {
    0% {
        margin-right: 0px;
        margin-top: 0px;
    }
    100% {
        margin-right: -40px;
        margin-top: -40px;
    }
}

.fade-header {
    animation: fadein 1s forwards;
    -webkit-animation: fadein 1s forwards;
}

.fade-header-img {
    animation: fadein 2s forwards;
    -webkit-animation: fadein 2s forwards;
}

.starting {
    transform: scale(0);
    -webkit-transform: scale(0);
}

.grow {
    animation: grow 1s forwards cubic-bezier(0,.49,.33,.99);
    -webkit-animation: grow 1s forwards cubic-bezier(0,.49,.33,.99);
}


.rotate-right {
    animation: rotate_right 9s infinite cubic-bezier(.26,.49,.84,.56));
    -webkit-animation: rotate_right 9s infinite cubic-bezier(.26,.49,.84,.56);
}

.rotate-left {
    animation: rotate_right 13s infinite cubic-bezier(.26,.49,.84,.56);
    -webkit-animation: rotate_right 13s infinite cubic-bezier(.26,.49,.84,.56);
    animation-direction: reverse;
    -webkit-animation-direction: reverse;
}

.nudge-left {
    animation: nudge_left .25s  forwards cubic-bezier(.72,.11,.82,.58);
    -webkit-animation: nudge_left .25s  forwards cubic-bezier(.72,.11,.82,.58);

}

.nudge-right {
    animation: nudge_right .25s  forwards cubic-bezier(.72,.11,.82,.58);
    -webkit-animation: nudge_right .25s  forwards cubic-bezier(.72,.11,.82,.58);

}

.header-img {
    animation: move_right 25s infinite ease-in-out;
    -webkit-animation: move_right 25s infinite ease-in-out;
}


.js .fly-in-right, .js .fly-in-left {
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.19, 1, 0.22, 1), opacity 400ms ease-in;
    transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1), opacity 400ms ease-in;
    -webkit-transform: translate(8rem, 0);
    transform: translate(8rem, 0);
    opacity: 0;
}

.js .fly-in-left {
    -webkit-transform: translate(-8rem, 0);
    transform: translate(-8rem, 0);
}

.fly-in-right.visible, .fly-in-left.visible {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}



.js .slide-in-right, .js .slide-in-left {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.js .slide-in-left {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.slide-in-right.visible, .slide-in-right.visible {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.animation-slow {
    animation-duration: 25s;
    -webkit-animation-duration: 25s;
}


.delay-1 {
    -webkit-transition-delay: 250ms !important;
    transition-delay: 250ms !important;
    animation-delay: 250ms;
    -webkit-animation-delay: 250ms;
}
.delay-2 {
    -webkit-transition-delay: 1s !important;
    transition-delay: 1s !important;
    animation-delay: 450ms;
    -webkit-animation-delay: 450ms;
}
.delay-3 {
    -webkit-transition-delay: 1.25s !important;
    transition-delay: 1.25s !important;
    animation-delay: 650ms;
    -webkit-animation-delay: 650ms;
}

.delay-4 {
    -webkit-transition-delay: 1.3s !important;
    transition-delay: 1.3s !important;
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
}

.delay-5 {
    -webkit-transition-delay: 2s !important;
    transition-delay: 1.5s !important;
    animation-delay: 1.75s;
    -webkit-animation-delay: 1.75s;
}

.delay-6 {
    -webkit-transition-delay: 2s !important;
    transition-delay: 1.5s !important;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}


/* HAMBURGERS */

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 35px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }


/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }