h1 {
font-size: 80px;
margin-bottom: 16px;
line-height: 1.2;
}
h2 {
font-size: 60px;
}
h3 {
font-size: 24px;
}
p {
font--size: 16px;
}
@keyframes bounce { 
0%, 
20%, 
50%, 
80%, 
100% { 
transform: translateY(0); 
} 
40% { 
transform: translateY(-16px); 
} 
60% { 
transform: translateY(-8px); 
} 
} 
.scroll-for-more { 
animation: bounce 4s infinite; 
} 
a.icon:not(.button), button.icon:not(.button) {
margin-right: 0px !important;
}
.header:not(.transparent) .header-nav-main.nav > li.active > a {
color: #FF61E3 !important;
}	
.header-wrapper.stuck:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(-45deg, #31E1F7 0%, #2B63F3 33%, #8C62EC 66%, #FD61E3 100% );
filter: blur(10px);
opacity: var(0.4);
transition: opacity 0.3s;
border-radius: inherit;
}
.header-wrapper.stuck::after {
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
border-radius: inherit;
}
[data-text-color="primary"] {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
[data-text-color="secondary"] {
background: -webkit-linear-gradient(0deg, #2B63F3 0%, #31E1F7 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.vacatures .white span {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
font-weight: normal;
}
ol {
padding-left: 40px;
}
ol > li::marker {
color: #FD61E3;
font-size: 60px;
}
.voorwaarden ol {
padding-left: 0px;
}
.voorwaarden ol > li::marker {
color: #FFFFFF;
font-size: 16px;
}
.voorwaarden li {
padding-bottom: 8px;
}
ol > li > ol {
padding-left: 0px;
margin:0px;
list-style-type: circle;
}
li > ul > li::marker {
color: #fff;
font-size: 16px;
}
.kennisbank span {
text-decoration: underline;
}
.kennisbank h3 span {
text-decoration: none;
}
.box-image .image-cover {
background: transparent linear-gradient(136deg, #FD61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 14px 14px 0 0;
}
.box-image .image-cover img {
opacity: 0.7;
}
.ruit1 .img-inner, .ruit2 .img-inner, .ruit3 .img-inner {
background: transparent linear-gradient(135deg, #FD61E3 0%, #8C62EC 35%, #2B63F3 68%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 14px 14px 0 0;
}
.ruit1 img, .ruit2 img, .ruit3 img {
opacity: 0.7;
}
.header-button .button {
background: #101010;
padding:0px 20px 0px 20px;
color: #fff;
font-size: 16px;
}
.menu-item a {
font-size: 16px !important;
}
.box-text.text-center {
padding: 16px !important;
}
.box-blog-post h5 {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
text-align: left;
min-height: 70px; 
}
.from_the_blog_excerpt {
min-height: 125px; 
}
.student .box-blog-post h5 {
background: -webkit-linear-gradient(0deg, #2B63F3 0%, #31E1F7 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;	
}
.dark .has-shadow .box:not(.box-overlay):not(.box-shade) {
background-color: #151519;
border-radius: 14px;
border: 1px solid #505050;
}
.box-blog-post .is-divider {
display: none;
}
.box-blog-post {
padding-bottom: 15px;
}
.box-blog-post .post-meta {
position: absolute;
bottom: 10px;
right: 16px;
}
.from_the_blog_excerpt {
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
}
.box-text p {
margin-bottom: -20px !important;
}
.has-hover [class*="image-"] img {
border-radius: 14px 14px 0 0;
}
.has-shadow > .col > .col-inner {
background-color: #101010;
}
.flickity-page-dots {
margin-bottom: 30px;
}
.flickity-button {
margin-top: -70px !important;
}
.flickity-prev-next-button.previous {
left: 0 !important;
}
.flickity-prev-next-button.next {
right: 0 !important;
}
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg {
background: linear-gradient(60deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7);
}
.row-slider .flickity-page-dots .dot {
background: #ccc;
}
.slider-nav-light .flickity-prev-next-button {
color: #FD61E3 !important;
}
.nav:hover > li:not(:hover) > a::before {
opacity: 1;
}
.mobile-nav .button:before {
content: '';
position: absolute;
top: calc(-1 * 2px);
left: calc(-1 * 2px);
height: calc(100% + 2px * 2);
width: calc(100% + 2px * 2);
background: linear-gradient(60deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7);
border-radius: 8px !important;
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%;
}
.mobile-nav .circle {
border-radius: 10px !important;
}
.header-button .button:hover {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 50%, #2B63F3 75%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown::before, .nav-dropdown-has-arrow li.has-dropdown::after { 
display: none;
}
.nav-dropdown > li > a {
padding-left:10px !important;
padding-top:6px;
padding-bottom: 6px;
border-radius: 10px;
border: 1px solid #151619 !important;
opacity: 1;
transition: 0.1s;
}
.nav-dropdown li.active > a {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.nav-dropdown > li > a:hover {
background: linear-gradient( to right , rgba(253,97,227,0.4) 0%, rgba(140,98,236,0.4) 100%);
animation: animatedgradient 5s ease alternate infinite;
color: #fff;
border-radius: 8px;
border: 1px solid #8753ae !important;
opacity: 1
}
.stuck .header-main .nav > li > a {
line-height: 16px !important;
}
.primary, .alert, .secondary {
background: #101010;	
padding:10px 20px 10px 20px;
font-weight: normal;
-webkit-transition: background 1s; transition: background 1s; }
.primary:before {
content: "";
position: absolute;
inset: 0;
border-radius: 6px;
padding: 1px; background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
background-color: rgba(0,0,0,0);
animation: animatedgradient 3s ease alternate infinite;	
}
.primary:hover {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
box-shadow: none !important;
}
.alert:before  {
content: '';
position: absolute;
top: calc(-1 * 1px);
left: calc(-1 * 1px);
height: calc(100% + 1px * 2);
width: calc(100% + 1px * 2);
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 50%, #2B63F3 75%, #31E1F7 100%);
border-radius: 6px;
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;	
}
.alert:hover {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 50%, #2B63F3 75%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
box-shadow: none !important;
}
.success:before, .success:hover::before  {
content: '';
position: absolute;
top: calc(-1 * 2px);
left: calc(-1 * 2px);
height: calc(100% + 2px * 2);
width: calc(100% + 2px * 2);
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 50%, #2B63F3 75%, #31E1F7 100%);
border-radius: 6px;
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;	
}
.success:hover {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
animation: animatedgradient 5s ease alternate infinite;
box-shadow: none !important;
}
.success {
background: #101010;	
font-weight: normal;
transition: background .8s ease-in-out;
}
.waarom .button {
float: right;
}
.block .button {
position: relative;
padding: 10px 20px 10px 20px;
margin: 5px;
display: inline-block;
font-size: 14px;
font-weight: 500;  
}
.toepassingen .button {
position: relative;
padding: 0px 20px 0px 20px;
margin: 5px;
display: inline-block;
font-size: 14px;
font-weight: 500;  
}
.kennisbank .button {
position: relative;
padding: 0px;
margin: 0px;
display: inline-block;
font-size: 14px;
font-weight: 500;  
}
.secondary {
background-color: rgba(0,0,0,0);
}
.secondary:after {
content: "";
position: absolute;
inset: 0;
border-radius: 6px;
padding: 1px; background: linear-gradient( to right , #2B63F3 0%, #31E1F7 100%);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
background-color: rgba(0,0,0,0);
}
.secondary:hover {
background: linear-gradient( to right , #2B63F3 0%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
}
.easion:before {
content: '';
position: absolute;
top: calc(-1 * 2px);
left: calc(-1 * 2px);
height: calc(100% + 2px * 2);
width: calc(100% + 2px * 2);
background: linear-gradient( to right , #2B63F3 0%, #31E1F7 100%);
border-radius: 6px;
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%;	
}
.easion:hover {
background: linear-gradient( to right , #2B63F3 0%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
}
.nav > li > a > i {
margin-left: 10px !important;
}
.nav-dropdown {
background: #151619;
color: #fff;
border-radius: 0px 0px 10px 10px;
min-width: 150px;
padding-top:10px;
margin-top: 17px;
transition: opacity .1s,visibility .1s !important;
}
.nav-dropdown-has-border .nav-dropdown {
border-top: #FD61E3 solid 1px;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
}
.nav-dropdown.nav-dropdown-default > li > a {
padding-right:5px;
margin: 0px !important;
}
.nav-column > li > a, .nav-dropdown > li > a, .nav-vertical-fly-out > li > a, .nav > li > a {
color: #fff;
}
.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a {
border:0px;
}
#footer {
font-size: 14px;
}
.icon-box-text {
padding-bottom: 15px;
}
.team .icon-box-text {
min-height: 90px;
display:flex;
align-items:center;
margin-bottom: -10px;
}
.team .icon-box-text p {
margin: auto;
}
.ruit-rechts {
padding-left: -100px !important;
}
.ruit-rechts:before {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px;
--angle: 0deg;  
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -200px;
margin-top: 200px;
width: 700px;
height: 700px;
overflow:hidden;
z-index:-10;
animation: rotateGradient 8s linear infinite;
}
.ruit {
padding-left: 200px !important;
}
.ruit:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background: linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 300px;
margin-top: -100px;
width: 700px;
height: 700px;
animation: rotateGradient 8s linear infinite;
}
.ruit-top-easion {
padding-left: 200px !important;
}
.ruit-top-easion:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 300deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 200px;
margin-top: -100px;
width: 700px;
height: 700px;
animation: rotateGradient 8s linear infinite;
}
.ruit1:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background: linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7);
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 150px;
margin-left: 30px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
@property --angle {
syntax: '<angle>';
inherits: false;
initial-value: 90deg; }
@keyframes rotateGradient {
to { --angle: 450deg; } } @media (prefers-reduced-motion: reduce) {
.ruit1::before { animation: none; }
}
.ruit1 .col-inner {
transform: rotate(-45deg);
width: 400px;
height: 400px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 120px !important;
margin-left: 15px !important;
background: rgba(34, 167, 240, .5);
}
.ruit1 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 1000px;
height: 880px;
margin-left: -500px;
margin-top: -300px;
border-radius: 16px;
}
.ruit2:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background: linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 80px;
margin-top: -80px;
width: 200px;
height: 200px;
animation: rotateGradient 8s linear infinite;
}
.ruit2 .col-inner {
transform: rotate(-45deg);
width: 200px;
height: 200px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: -55px !important;
margin-left: 65px !important;
}
.ruit2 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 400px;
height: 380px;
margin-left: -140px;
margin-top: -60px;
border-radius: 16px;
}
.ruit3:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 10px;
margin-top: 155px;
width: 100px;
height: 100px;
animation: rotateGradient 8s linear infinite;
}
.ruit3 .col-inner {
transform: rotate(-45deg);
width: 100px;
height: 100px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 155px !important;
margin-left: -30px !important;
}
.ruit3 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 200px;
height: 180px;
margin-left: -70px;
margin-top: -20px;
border-radius: 16px;
}
.ruit5 .img-inner {
position: relative;
top: 10px;
left: 10px;
content: '';
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 400px;
width: 400px;
line-height: 200px;
text-align: center;
margin: 10px 40px;
border-radius: 10px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
}
.ruit5:before {
content: "";
position: absolute;
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 400px;
width: 400px;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 20px;
margin-left: 150px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit5 img {
transform: rotate(-45deg);
opacity: 0.7;
width: 100%; height: 100%; 
object-fit: fill;
scale: 1.5;
border-radius: 10px;
}
.ruit6:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 120px;
margin-left: 40px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit6 .col-inner {
transform: rotate(-45deg);
width: 400px;
height: 400px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 120px !important;
margin-left: 80px !important;
}
.ruit6 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 950px;
height: 680px;
margin-left: -250px;
margin-top: -50px;
border-radius: 16px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.ruit6 img {
opacity: 0.7;
}
.ruit7:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 120px;
margin-left: 60px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit7 .col-inner {
transform: rotate(-45deg);
width: 400px;
height: 400px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 120px !important;
margin-left: 80px !important;
}
.ruit7 .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 850px;
height: 680px;
margin-left: -350px;
margin-top: -150px;
border-radius: 16px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.ruit7 img {
opacity: 0.7;
}
.ruit-easion .img-inner {
position: relative;
top: 10px;
left: 10px;
content: '';
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 400px;
width: 400px;
line-height: 200px;
text-align: center;
margin: 10px 40px;
border-radius: 10px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
}
.ruit-easion:before {
content: "";
position: absolute;
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 400px;
width: 400px;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 240deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 20px;
margin-left: 150px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit-easion img {
transform: rotate(-45deg);
opacity: 0.7;
width: 100%; height: 100%; 
object-fit: fill;
scale: 1.5;
border-radius: 10px;
}
.ruit5-links:before  {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 120px;
margin-left: -30px;
width: 400px;
height: 400px;
animation: rotateGradient 8s linear infinite;
}
.ruit5-links .col-inner {
transform: rotate(-45deg);
width: 400px;
height: 400px;
margin: 24px;
overflow: hidden;
border-radius: 16px;
margin-top: 120px !important;
margin-left: 15px !important;
}
.ruit5-links .img-inner {
transform: rotate(45deg);
overflow: hidden;
width: 850px;
height: 680px;
margin-left: -350px;
margin-top: -110px;	border-radius: 16px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.ruit5 img {
opacity: 0.7;
}
.ruit-contact .img-inner {
position: relative;
top: 10px;
left: 10px;
content: '';
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 300px;
width: 300px;
line-height: 200px;
text-align: center;
margin: 10px 40px;
border-radius: 10px;
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
}
.ruit-contact:before {
content: "";
position: absolute;
height: calc(100% - 22px); width: calc(100% - 22px); transform: rotateX(45deg) rotateZ(45deg);
height: 300px;
width: 300px;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 90deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-top: 20px;
margin-left: 0px;
width: 300px;
height: 300px;
animation: rotateGradient 8s linear infinite;
}
.ruit-contact img {
transform: rotate(-45deg);
opacity: 0.7;
width: 100%; height: 100%; 
object-fit: fill;
scale: 1.5;
border-radius: 10px;
}
.banner-bg {
border-radius: 16px;
}
.gradient-border-9-blokken:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1500px;
max-width: 98vw;
margin: auto;
margin-bottom: 400px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-6-blokken:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 300deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1500px;
max-width: 98vw;
margin: auto;
margin-bottom: 400px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-3-items:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
margin-left:40px;
margin-top: -80px;
margin-bottom: 100px;
animation: rotateGradient 8s linear infinite;
}
.item h1 {
background: #101010;
margin-top: -30px;
}
.gradient-border:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1600px;
max-width: 98vw;
margin: auto;
animation: rotateGradient 8s linear infinite;
}
.contact .icon-box-img .icon-inner:before {
content: "";
position: absolute;
inset: 0;
border-radius: 10px; 
padding: 1px; 
background:linear-gradient(120deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
height: 30px;
width: 30px;
margin-left: -5px;
margin-top: -2px;  
}
hr {
height: 8px;
background-image: linear-gradient(120deg,#FD61E3, #8C62EC); 
border: 0;
height: 1px;
opacity: 1 !important;
}
.gradient-border2:before {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
width: 350px;
height: 350px;
margin-top: -50px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border3:before {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
width: 350px;
height: 350px;
margin-top: 50px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-3-easion:before {
content: "";
position: absolute;
transform: rotate(45deg);	
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 280deg;
background:linear-gradient(var(--angle), #FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
width: 350px;
height: 350px;
margin-top: 50px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-4:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1400px;
max-width: 98vw;
margin: auto;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-5:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
--angle: 300deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 1400px;
margin: auto;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -40px;
margin-top: -40px;
margin-bottom: 80px;
margin-right: 40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-easion:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -40px;
margin-top: -40px;
margin-bottom: 90px;
margin-right: 40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-foto img {
border-radius: 16px !important;
opacity: 0.7;	
}
.gradient-border-top-foto .image-cover {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-foto:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -10px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 500px;
animation: rotateGradient 8s linear infinite;
}
.vierkant-easion img {
border-radius: 16px !important;
opacity: 0.7;	
}
.vierkant-easion .image-cover {
background: transparent linear-gradient(316deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.vierkant-easion:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 316deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 0px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 500px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-werken-bij:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 60px;
margin-top: 70px;
margin-bottom: 20px;
margin-right: 0px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-werken-bij .banner-bg, .gradient-border-top-kennisbank .banner-bg {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-werken-bij .bg-loaded,  .gradient-border-top-kennisbank .bg-loaded {
opacity: 0.7;
border-radius: 14px !important;
}
.gradient-border-top-werken-bij img, .gradient-border-top-kennisbank img {
border-radius: 16px !important;
opacity: 0.7;	
}
.gradient-border-top-kennisbank .banner {
border-radius: 16px !important;
}
.gradient-border-top-werken-bij .image-cover {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-werken-bij .image-cover {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-kennisbank:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 50px;
margin-top: -10px;
margin-bottom: 80px;
margin-right: 0px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-top-kennisbank .image-cover {
background: transparent linear-gradient(136deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-top-kennisbank img {
border-radius: 14px !important;
opacity: 0.7;
}
.gradient-border-image img:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin: auto;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-bottom:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: 50px;
margin-bottom: -20px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-bottom-contact:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 145deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 90px;
margin-top: 90px;
margin-bottom: 90px;
margin-right: -20px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-bottom-visie:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 300deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: -40px;
margin-bottom: 60px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-bottom-easion:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: -40px;
margin-bottom: 90px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-easion:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: -40px;
margin-bottom: 60px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-werken:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle),#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -40px;
margin-top: -40px;
margin-bottom: 160px;
margin-right: 40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-stage:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
--angle: 120deg;
background:linear-gradient(var(--angle), #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 100px;
margin-top: -40px;
margin-bottom: 160px;
margin-right: -40px;
animation: rotateGradient 8s linear infinite;
}
.gradient-border-easion .image-cover {
background: transparent linear-gradient(180deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-easion img {
border-radius: 16px !important;
opacity: 0.7;	
}
.gradient-border-easion-top:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(120deg, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: -20px;
margin-top: -20px;
margin-bottom: 60px;
margin-right: 60px;
}
.gradient-border-easion-top .image-cover {
background: transparent linear-gradient(180deg, #FF61E3 0%, #8C62EC 32%, #2B63F3 67%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.gradient-border-easion-top img {
border-radius: 16px !important;
opacity: 0.7;	
}
.student-vierkant:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(145deg, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 0px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 500px;
}
.student-vierkant img {
border-radius: 16px !important;
opacity: 0.7;	
}
.student-vierkant .image-cover {
background: transparent linear-gradient(145deg, #2B63F3 0%, #31E1F7 100%) 0% 0% no-repeat padding-box;
border-radius: 16px;
}
.block {
background: #151519 0% 0% no-repeat padding-box;
border-radius: 14px;
opacity: 1;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
border: 1px solid #2A2B32;
}
.block-easion {
background: #151519 0% 0% no-repeat padding-box;
border-radius: 14px;
opacity: 1;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
border: 1px solid #2A2B32;
}
.block .button {
float: right;
}
.kennisbank .button {
float: left;
}
.kennisbank .button span {
min-width: 400px !important;
text-align: left;
}
.kennisbank {
margin-bottom: 15px;
}
.wbc-timeline__content {
background: none !important;
border: 0px !important;
box-shadow: none !important;
}
.wbc-timeline__content::before {
display: none;
}
.wbc-timeline__content h2 {
background: -webkit-linear-gradient(0deg, #FD61E3 0%, #8C62EC 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
font-size: 60px !important;  
}
.team img {
border-radius: 10px 10px 0 0;
}
.kubus img {
position: absolute;
margin-right:-100px;
}
.kubus2 .img-inner{
margin-right:-100px;
}
.sollicitatie {
margin-left: -80px;
}
.datum {
position: absolute;
right: 70px;
}
.accordion-item {
border: 1px solid;
border-color: hsla(0,0%,100%,.2);
background: #151519 0% 0% no-repeat padding-box;	
}
.accordion-title, .accordion-inner {
border-top: 0px;
border: 0px solid;
border-color: hsla(0,0%,100%,.2);
background: #151519 0% 0% no-repeat padding-box;
font-size: 16px;
padding: 1.2em 1em !important;
color: #666564;
}
.accordion-title.active {
border-color: hsla(0,0%,100%,.2);
background: #151519 0% 0% no-repeat padding-box;
font-size: 16px;
padding: 1.2em 1em !important;
color: #666564;
}
.accordion-title.active + .accordion-inner {
border-top: 1px solid;
width:98%;
margin: auto;
border-color: hsla(0,0%,100%,.2);
} 
.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-title {
border-radius: 10px 10px 0 0;
}
.accordion-item:last-of-type, .accordion-item:last-of-type .accordion-title {
border-radius: 0px 0px 10px 10px;
}
accordion-item:last-of-type .accordion-title.active {
border-radius: 0px;
}
.accordion .toggle {
position: relative !important;
float: right;
width: 45px;
margin-top: -10px;
}
.accordion-item i.icon-angle-down::before {
content:"";
background-image:url(https://scorion.com/wp-content/themes/flatsome-child/chevron-down.svg);
width: 15px;
height: 10px;
display: inline-block;
background-position:center;
background-size:cover;
margin-bottom: 6px;
}
.follow-icons .circle {
padding: 3px 0px 0px 0px !important;
background-color: rgba(255,255,255,0.7) !important;
margin-right: 5px;
}
.follow-icons .circle:hover {
padding: 3px 0px 0px 0px !important;
background-color: rgba(255,255,255,1) !important;
margin-right: 5px;
}
.follow-icons .circle i, .follow-icons .circle i:hover {
color: #272727;
}
.scroll-for-more  i.icon-angle-down::before {
content:"";
background-image:url(https://scorion.com/wp-content/themes/flatsome-child/chevron-down.svg);
width: 35px;
height: 20px;
display: inline-block;
background-position:center;
background-size:cover;
margin-bottom: 6px;
color: #fff !important;
}
.scroll-for-more i {
color: #fff !important;
}
.html_topbar_right {
margin-right: 0px !important;
}
.login {
padding: 0px 10px 0px 0px !important;
width: 40px !important;
}
.demo {
padding: 0px 15px 0px 15px !important;
margin-bottom: 2px;
text-transform: none !important;
font-size: 16px !important;
margin-right: 0px !important;
}
.inloggen {
width: 20px;
height: 32px;
filter: invert(100%) sepia(0%) saturate(7421%) hue-rotate(211deg) brightness(110%) contrast(95%);
margin: 4px 8px 4px 8px;
padding-left: 3px;
}
.button {
border:0px !important;
}
.header-button {
margin: 0px;
}
.header-button span {
text-transform: none !important;
}
.gform-field-label a {
color: #FF61E3 !important;
}
.gfield_label {
text-transform: none;
border: 0px;
}
.gform_wrapper.gravity-theme .gfield_label {
font-weight: normal !important;
}
.gfield_required {
display: none !important;
}
#gform_1 .gfield_label {
padding-bottom:0px !important;
font-weight: normal;
}
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
background: #151519 0% 0% no-repeat padding-box;
color: #fff;
border-radius: 8px !important;
border: 1px solid #2A2B32 !important;
height:50px;
}
.gform_wrapper.gravity-theme select {
background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 12px;
}
.icon-color {
width: 50px;
}
.gform_required_legend {
display: none;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label, .gform_wrapper.gravity-theme .gfield-choice-input + label:hover {
font-size:16px;
font-weight: normal;
margin-bottom:25px;
color: #fff;
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number,.gform_wrapper.gravity-theme .gf_step_number {
display:none;
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_label {
background: #e2e2e8 !important;
border-radius: 99px;
width: 40px;
}
.gform_wrapper.gravity-theme .gf_step {
margin: 8px 8px 8px 0;
}
.gform_wrapper.gravity-theme .gf_step_label {
background: #747494;
border-radius: 99px;
padding-left: 12px;
}
.gform_page_footer {
position: absolute;
bottom: -100px;
width: 100%;
}
.gform_wrapper.gravity-theme .gf_page_steps {
border:0px;
position: absolute;
bottom: -90px;
left: 160px;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
margin-top: -20px;
margin-right: 20px;
background: #151519 0% 0% no-repeat padding-box;
}
#gform_8_validation_container {
display: none;
}
.gform_wrapper.gravity-theme .gform_previous_button.button {
background: #FFC933;
border-radius: 99px;
padding: 0px;
width: 40px;
height: 40px;
}
.gform_wrapper.gravity-theme .gform_previous_button.button::before {
font-family: 'Font Awesome 5 Pro';
content: "\f060" !important;	
font-size: 18px;
background-color: #FFC933;
border-radius: 99px;
padding:10px;
}
.gform_next_button::after {
font-family: 'Font Awesome 5 Pro';
content: "\f061" !important;	
font-size: 18px;
background-color: #FFC933;
border-radius: 99px;
padding:10px;
}
body .gform_wrapper ul li.gfield, 
.gform_wrapper li.hidden_label input,
body .gform_wrapper .top_label div.ginput_container{
margin-top: 0px !important;
font-size: 14.5px;
}
.gform_wrapper{
margin-top: 0px !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_next_button {
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
animation: animatedgradient 5s ease alternate infinite;
text-transform: none;
width: 100%;
}
.gform_footer span:after
{
content: "\f061";
font-family: 'Font Awesome 5 Pro';
z-index: 100; 
margin-left: -35px;
position:absolute;
margin-top: 10px;
color: #17174C;
padding-left: 10px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
margin: 0px -5px 8px 0 !important;
border-radius: 10px;
width:100%;
}
input[type="checkbox"] {
display: none !important;
}
input[type="checkbox"] + label {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 20px;
font: 14px/20px "Open Sans", Arial, sans-serif;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
input[type="checkbox"]:hover + label:hover {
color:#fff;;
}
input[type="checkbox"]:hover + label:before {
background: #50565a;
box-shadow: inset 0px 0px 0px 2px #f7f2f2;
}
input[type="checkbox"] + label:last-child {
margin-bottom: 0;
}
input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.4em;
height: 1.4em;
border: 1px solid #343a3f;
border-radius: 0.2em;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.2s, background 0.2s ease-in-out;
transition: all 0.2s, background 0.2s ease-in-out;
background: #151519 0% 0% no-repeat padding-box;
}
input[type="checkbox"]:checked + label:before {
width: 1.3em;
height: 1.3em;
border-radius: 0.2em;
border: 2px solid #fff;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
box-shadow: 0 0 0 1px #000;
}
input[type="radio"] {
display: none !important;
}
input[type="radio"] + label {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 20px;
font: 14px/20px "Open Sans", Arial, sans-serif;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
input[type="radio"]:hover + label:hover {
color: rgb(23, 86, 228);
}
input[type="radio"]:hover + label:before {
background: #50565a;
box-shadow: inset 0px 0px 0px 2px #f7f2f2;
}
input[type="radio"] + label:last-child {
margin-bottom: 0;
}
input[type="radio"] + label:before {
content: "";
display: block;
width: 1.4em;
height: 1.4em;
border: 1px solid #343a3f;
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.2s, background 0.2s ease-in-out;
transition: all 0.2s, background 0.2s ease-in-out;
background: #151519 0% 0% no-repeat padding-box;
}
input[type="radio"]:checked + label:before {
width: 1.3em;
height: 1.3em;
border-radius: 100%;
border: 2px solid #fff;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: linear-gradient( to right , #FD61E3 0%, #8C62EC 100%);
box-shadow: 0 0 0 1px #000;
}
.gfield--type-fileupload label {
position: relative;
z-index: 0;
display: inline-block;
width: 100%;
background: #151519 0% 0% no-repeat padding-box;
cursor: pointer;
color: #fff;
padding: 10px 30px 10px 30px !important;
text-transform:uppercase;
font-size:12px;
border: 1px solid #2B63F3;
border-radius: 10px;
text-align:center;
}
.gfield--type-fileupload label:hover {
background: linear-gradient( to right ,#2B63F3 0%, #31E1F7 100%);
animation: animatedgradient 5s ease alternate infinite;
}
#input_2_17, #input_2_16 {
display: inline-block;
position: absolute;
z-index: 1;
width: 100%;
height: 50px;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.gform_fileupload_rules {
display: none !important;
}
.button span {
font-weight: normal !important;
}
.google-map {
border-radius: 16px;
overflow: hidden;
}
.portaal .button {
width: 100% !important;
text-align:left;
padding-left: 50px !important;
margin-bottom: -5px;
}
.portaal .button span {
text-decoration: underline;
}
.comments-area {
display: none;
}
.blog-single .section {
padding-left: 0px !important;
padding-right: 0px !important;
}
.absolute-footer {
display: none !important;
}
.col {
padding: 0 16px 30px !important;
}
@media only screen and (max-width: 48em) { h1 {
font-size: 40px;
margin-bottom: 10px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 20px;
}
p {
font--size: 16px;
}
ol > li::marker {
color: #FD61E3;
font-size: 30px;
}
ol {
padding-left: 10px;
}
.kennisbank .button span {
min-width: 150px !important;
text-align: left;
max-width: 340px;
}
.off-canvas-right.dark .mfp-content {
background: #101010;
}
.header-button .primary {
background: #101010 !important;
}
.html_topbar_left {
width: 80px !important;
position: relative !important;
right: 0px !important;
border:0px !important;
}
.sidebar-menu .html_topbar_left {
width: 100% !important;
}
.inloggen {
width: 20px;
height: 32px;
filter: invert(100%) sepia(0%) saturate(7421%) hue-rotate(211deg) brightness(110%) contrast(95%);
margin: 4px 20px 4px 8px;
}
.gradient-border-top-foto:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(120deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 0px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 80%;
}
.gradient-border:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(120deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 95%;
margin-bottom: 200px;
}
.gradient-border-4:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
background:linear-gradient(120deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 95%;
margin: auto;
}
.gradient-border-5:before {
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 2px; 
background:linear-gradient(300deg,#FD61E3, #8C62EC, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
width: 95%;
margin: auto;
}
.student-vierkant:before{
content: "";
position: absolute;
inset: 0;
border-radius: 16px; 
padding: 5px; 
background:linear-gradient(145deg, #2B63F3, #31E1F7); 
-webkit-mask: 
linear-gradient(#fff 0 0) content-box, 
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude; 
margin-left: 0px;
margin-top: 30px;
margin-bottom:100px;
margin-right: 60px;
height: 80%;
}
.sollicitatie {
margin-left: 16px;
margin-right: 16px;
}
.flickity-prev-next-button.previous {
left: 2% !important;
}
.flickity-prev-next-button.next {
right: 2% !important;
}
#footer .is-border {
border: 0px !important
}
}