* {
outline: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
margin: 0;
padding: 0;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
border-radius: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
border-radius: 0;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/* GRID ======================================================================== */
.clear:before,
.clear:after {
content: "";
display: table;
}
.clear:after {
clear: both;
}
body {
width: 100%;
}
body:before,
body:after {
content: "";
display: table;
}
body:after {
clear: both;
}
body:before,
body:after {
content: "";
display: table;
}
body:after {
clear: both;
}
/* EXTRA ======================================================================= */
::-moz-selection {
background: #C74625;
color: #fff;
}
::selection {
background: #C74625;
color: #fff;
}
::-moz-selection {
background: #C74625;
color: #fff;
}
#privacypolicy {
position: fixed;
right: 30px;
bottom: 30px;
background: #eeeeee;
color: #C74625;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
max-width: 400px;
font-size: 14px;
line-height: 22px;
margin-left: 30px;
opacity: 0;
-webkit-transform: translate(0, 300px);
-ms-transform: translate(0, 300px);
transform: translate(0, 300px);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 5;
}
#privacypolicy.active {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
#privacypolicy a {
color: #C74625;
}
#privacypolicy .privacy-btn {
background-image: url('../images/privacy-close.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
cursor: pointer;
}
/* CMS ========================================================================= */
/* PLUGINS ===================================================================== */
/* PLUGINS ===================================================================== */
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
body.hidden-scroll {
overflow: hidden;
}
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #121212;
opacity: 0.95;
display: none;
z-index: 1035;
}
.sl-wrapper {
z-index: 1040;
}
.sl-wrapper button {
border: 0 none;
background: transparent;
font-size: 28px;
padding: 0;
cursor: pointer;
}
.sl-wrapper button:hover {
opacity: 0.7;
}
.sl-wrapper .sl-close {
display: none;
position: fixed;
right: 30px;
top: 30px;
z-index: 10060;
margin-top: -14px;
margin-right: -14px;
height: 44px;
width: 44px;
line-height: 44px;
font-family: Lato, sans-serif;
font-style: normal;
font-weight: 100;
color: #fff;
font-size: 3rem;
}
.sl-wrapper .sl-close:focus {
outline: none;
}
.sl-wrapper .sl-counter {
display: none;
position: fixed;
top: 30px;
left: 30px;
z-index: 1060;
color: #fff;
font-size: 1rem;
}
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
height: 44px;
width: 22px;
line-height: 44px;
text-align: center;
display: block;
z-index: 10060;
font-family: Lato, sans-serif;
font-style: normal;
font-weight: 100;
color: #fff;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button:focus {
outline: none;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width: 44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width: 44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
}
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 10000;
}
.sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
border: 0 none;
width: 100%;
height: auto;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-image img {
border: 0 none;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-image img {
border: 0 none;
}
}
.sl-wrapper .sl-image iframe {
background: #000;
border: 0 none;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {
border: 0 none;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {
border: 0 none;
}
}
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 1060;
}
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.sl-transition {
transition: -ms-transform ease 200ms;
transition: -webkit-transform ease 200ms;
-webkit-transition: -webkit-transform ease 200ms;
transition: transform ease 200ms;
transition: transform ease 200ms, -webkit-transform ease 200ms;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
/* VARIABLES =================================================================== */
.mobile {
display: none;
}
h1 {
font-family: objektiv-mk1, sans-serif;
}
h2 {
font-family: objektiv-mk1, sans-serif;
font-size: 30px;
line-height: 35px;
color: #294F55;
font-style: normal;
font-weight: 700;
}
h3 {
font-family: objektiv-mk1, sans-serif;
font-size: 23px;
line-height: 40px;
color: #294F55;
font-style: normal;
font-weight: 700;
}
.color {
color: #C74625;
}
/*
@keyframes fadeInUp {
from {
transform: translate3d(-0px,40px,0px)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}
@-webkit-keyframes fadeInUp {
from {
transform: translate3d(0,60px,0)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}*/
/*
.animated {
animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
//animation-delay:.3s;
&.delay1{
animation-delay:.3s;
}
&.delay2{
animation-delay:.5s;
}
&.delay3{
animation-delay:.7s;
}
}
.animatedFadeInUp {
opacity: 0
}
.fadeInUp {
opacity: 0;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
}
*/
/* STYLES ====================================================================== */
a {
color: inherit;
}
*,
::after,
::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
background: #F4F7F6;
}
body {
font-family: objektiv-mk1, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #1D687C;
}
body .inner {
padding: 0 5%;
max-width: 1500px;
margin: auto;
position: relative;
}
header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px 0 40px 0;
}
header .logo {
display: block;
margin: 0;
padding: 0;
}
header .logo img {
width: 180px;
height: 106px;
display: block;
}
@media only screen and (max-width: 900px) {
header .logo img {
width: 135px;
height: 80px;
}
}
header .headerfixed {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
header .headermenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
header .headermenu .menu_up {
text-align: right;
}
header .headermenu .menu_up .menu_up_a {
margin-left: 20px;
display: inline-block;
color: #050505;
font-size: 13px;
line-height: 19px;
padding: 5px;
text-decoration: none;
position: relative;
}
header .headermenu .menu_up .menu_up_a:after {
content: '';
position: absolute;
width: 50px;
left: 50%;
margin-left: -25px;
height: 1px;
border-top: 1px solid #C74625;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header .headermenu .menu_up .menu_up_a.active:after,
header .headermenu .menu_up .menu_up_a:hover:after {
opacity: 1;
}
header .headermenu .menu_up .menu_up_border {
text-transform: uppercase;
font-size: 10px;
padding: 5px 10px;
border: 1px solid #1D687C;
text-decoration: none;
margin-left: 20px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header .headermenu .menu_up .menu_up_border.active,
header .headermenu .menu_up .menu_up_border:hover {
background: #1D687C;
color: white;
}
header .headermenu .menu_up .menu_up_border:after {
display: none;
}
header .headermenu .menu_up .menu_zoek {
display: inline-block;
width: 14px;
height: 14px;
margin-left: 20px;
position: relative;
cursor: pointer;
}
header .headermenu .menu_up .menu_zoek img {
vertical-align: middle;
display: inline-block;
width: 14px;
height: 14px;
}
header .headermenu .menu_up .menu_zoek form {
display: none;
position: absolute;
top: 0px;
right: 37px;
}
header .headermenu .menu_up .menu_zoek form.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header .headermenu .menu_up .menu_zoek form .submit {
background: #1D687C;
color: white;
border: #1D687C;
}
header .headermenu .menu_up .menu_zoek form input[type="submit"],
header .headermenu .menu_up .menu_zoek form input[type="text"] {
padding: 5px 10px;
font-size: 10px;
line-height: 16px;
font-weight: 400;
border: none;
}
header .headermenu .menu_up .menu_zoek form input[type="text"] {
width: 300px;
border: none;
border: 1px solid #1D687C;
}
header .headermenu nav ul {
list-style: none;
padding: 0;
margin: 0;
}
header .headermenu nav ul li {
padding: 0;
margin: 0;
display: inline-block;
margin-left: 30px;
}
header .headermenu nav ul li:first-child {
margin-left: 0;
}
header .headermenu nav ul li a {
display: inline-block;
color: #050505;
padding: 5px;
text-decoration: none;
position: relative;
font-weight: 500;
}
header .headermenu nav ul li a:after {
content: '';
position: absolute;
width: 50px;
left: 50%;
margin-left: -25px;
height: 1px;
border-top: 1px solid #C74625;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header .headermenu nav ul li a.active:after,
header .headermenu nav ul li a:hover:after {
opacity: 1;
}
@media only screen and (max-width: 900px) {
header .headermenu nav ul li {
margin-left: 8px;
font-size: 13px;
}
header .headermenu nav ul li:first-child {
margin-left: 0;
}
}
main {
min-height: 300px;
}
.body {
overflow-x: hidden;
}
.maleholder {
position: relative;
}
.maleholder .male {
position: absolute;
right: -70px;
width: 320px;
height: 644px;
z-index: -1;
}
.maleholder .male .fixed {
position: fixed;
top: 200px;
width: 320px;
height: 644px;
}
.maleholder .male .fixed.home {
top: 660px;
}
.maleholder .male .fixed::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/male.png);
background-size: contain;
background-position: cover;
background-repeat: no-repeat;
}
.maleholder:before,
.maleholder:after {
content: "";
display: table;
}
.maleholder:after {
clear: both;
}
.maleholder:before,
.maleholder:after {
content: "";
display: table;
}
.maleholder:after {
clear: both;
}
@media only screen and (max-width: 750px) {
.maleholder {
display: none;
}
}
.femaleholder {
position: relative;
}
.femaleholder .female {
position: absolute;
left: -150px;
width: 385px;
height: 550px;
z-index: -1;
}
.femaleholder .female .fixed {
position: fixed;
bottom: -1000px;
width: 385px;
height: 550px;
}
.femaleholder .female .fixed.home {
bottom: -130px;
}
.femaleholder .female .fixed::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/female.png);
background-size: contain;
background-position: cover;
background-repeat: no-repeat;
}
.femaleholder:before,
.femaleholder:after {
content: "";
display: table;
}
.femaleholder:after {
clear: both;
}
.femaleholder:before,
.femaleholder:after {
content: "";
display: table;
}
.femaleholder:after {
clear: both;
}
@media only screen and (max-width: 750px) {
.femaleholder {
display: none;
}
}
.more {
text-transform: uppercase;
font-size: 10px;
padding: 0px 8px;
border: 1px solid #C74625;
font-weight: 500;
color: #C74625;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
}
.more:hover {
color: white;
background: #C74625;
}
.home_banner {
position: relative;
margin-bottom: 50px;
}
.home_banner .banner {
height: 490px;
width: 75%;
margin-left: 25%;
background-position: center;
background-repeat: none;
background-size: cover;
position: relative;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.home_banner .banner.loaded {
opacity: 1;
}
.home_banner .banner img {
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
}
.home_banner .banner img.loaded {
display: none;
}
.home_banner .banner_info {
padding: 50px;
width: 445px;
background: white;
margin-top: 50px;
position: absolute;
top: 0;
left: 0;
}
.home_banner .banner_info .titel {
font-size: 10px;
line-height: 14px;
color: #C74625;
display: inline-block;
font-weight: 700;
text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
.home_banner .banner {
margin-left: 0%;
width: 100%;
}
.home_banner .banner_info {
padding: 50px 20px;
position: relative;
margin-top: -5%;
width: 90%;
margin-left: 5%;
}
.home_banner .banner_info h2 {
font-size: 25px;
}
}
.home_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 50px;
}
.home_info .info_tekst {
color: #749098;
font-size: 21px;
font-weight: 400;
line-height: 40px;
margin-left: 20%;
width: 50%;
}
.home_info .info_tekst strong {
color: #C74625;
}
.home_info .info_side {
text-align: center;
padding: 0 50px;
margin: 5px auto;
}
.home_info .info_side h2 {
color: #C74625;
font-size: 30px;
max-width: 200px;
}
@media only screen and (max-width: 800px) {
.home_info .info_tekst {
margin-left: 0;
font-size: 18px;
width: auto;
}
.home_info .info_side {
padding: 0 50px;
}
.home_info .info_side h2 {
font-size: 16px;
}
}
@media only screen and (max-width: 750px) {
.home_info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home_info .info_tekst {
width: 100%;
}
.home_info .info_side {
padding: 0 20px;
width: 100%;
text-align: center;
}
.home_info .info_side h2 {
margin: auto;
margin-bottom: 20px;
}
}
.center {
margin: auto;
}
.infodrop {
position: relative;
z-index: 3;
}
.infodrop span {
font-size: 13px;
line-height: 24px;
padding-right: 20px;
min-width: 150px;
display: inline-block;
}
.infodrop.second {
z-index: 2;
margin-left: 30px;
display: inline-block;
}
@media only screen and (max-width: 1000px) {
.infodrop.second {
margin-top: 50px;
margin-left: 0;
display: block!important;
}
}
.dropdown {
position: relative;
z-index: 2;
width: 180px;
text-align: left;
}
.dropdown.themas {
width: 270px;
}
.dropdown.inline {
display: inline-block;
}
.dropdown span {
display: block;
border: 1px solid #C74625;
font-size: 13px;
padding: 5px 10px;
font-weight: 500;
color: #C74625;
text-decoration: none;
cursor: pointer;
position: relative;
}
.dropdown span:after {
content: '';
width: 15px;
height: 15px;
position: absolute;
top: 8px;
right: 8px;
background: url(../images/_ionicons_svg_ios-arrow-down.svg);
background-size: contain;
}
.dropdown:hover ul {
visibility: visible;
opacity: 1;
}
.dropdown ul {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
display: block;
width: 100%;
}
.dropdown ul li {
padding: 0;
margin: 0;
display: block;
}
.dropdown ul li a {
display: block;
padding: 5px 10px;
text-align: left;
border: 1px solid #C74625;
border-top: 0px;
border-bottom: 0px;
font-size: 13px;
font-weight: 500;
color: #C74625;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #F4F7F6;
}
.dropdown ul li a:hover {
color: white;
background: #C74625;
}
.dropdown ul li:last-child a {
border-bottom: 1px solid #C74625;
}
.full_white_balk {
padding: 100px 150px;
background: white;
margin-bottom: 50px;
}
.full_white_balk .maxwidth {
max-width: 750px;
margin: auto;
text-align: center;
}
.full_white_balk .maxwidth h2 {
text-align: center;
}
.full_white_balk .maxwidth .more {
margin: 10px 5px;
display: inline-block;
}
.full_white_balk .maxwidth .more.el1 {
color: #96A1B5;
border-color: #96A1B5;
}
.full_white_balk .maxwidth .more.el1:hover {
background: #96A1B5;
border-color: #96A1B5;
}
.full_white_balk .maxwidth .more.el2 {
color: #1D687C;
border-color: #1D687C;
}
.full_white_balk .maxwidth .more.el2:hover {
background: #1D687C;
border-color: #1D687C;
}
.full_white_balk .maxwidth .more.el3 {
color: #2EC1C3;
border-color: #2EC1C3;
}
.full_white_balk .maxwidth .more.el3:hover {
background: #2EC1C3;
border-color: #2EC1C3;
}
.full_white_balk .maxwidth .more.el4 {
color: #ED7244;
border-color: #ED7244;
}
.full_white_balk .maxwidth .more.el4:hover {
background: #ED7244;
border-color: #ED7244;
}
.full_white_balk .maxwidth .more.el5 {
color: #454343;
border-color: #454343;
}
.full_white_balk .maxwidth .more.el5:hover {
background: #454343;
border-color: #454343;
}
.full_white_balk .maxwidth .more.el6 {
color: #9F2214;
border-color: #9F2214;
}
.full_white_balk .maxwidth .more.el6:hover {
background: #9F2214;
border-color: #9F2214;
}
.full_white_balk .maxwidth .more.el7 {
color: #236C66;
border-color: #236C66;
}
.full_white_balk .maxwidth .more.el7:hover {
background: #236C66;
border-color: #236C66;
}
.full_white_balk .maxwidth .more.el8 {
color: #149F7A;
border-color: #149F7A;
}
.full_white_balk .maxwidth .more.el8:hover {
background: #149F7A;
border-color: #149F7A;
}
.full_white_balk .maxwidth .more.el9 {
color: #3A7CB2;
border-color: #3A7CB2;
}
.full_white_balk .maxwidth .more.el9:hover {
background: #3A7CB2;
border-color: #3A7CB2;
}
.full_white_balk .maxwidth .more.el10 {
color: #C92545;
border-color: #C92545;
}
.full_white_balk .maxwidth .more.el10:hover {
background: #C92545;
border-color: #C92545;
}
.full_white_balk .maxwidth .more.el11 {
color: #4B0350;
border-color: #4B0350;
}
.full_white_balk .maxwidth .more.el11:hover {
background: #4B0350;
border-color: #4B0350;
}
.full_white_balk .maxwidth .more:hover {
color: white;
background: #294F55;
border-color: #294F55;
}
.full_white_balk .maxwidth .more.nohover:hover {
color: white!important;
background: #294F55 !important;
border-colofr: #294F55 !important;
}
@media only screen and (max-width: 800px) {
.full_white_balk {
padding: 50px 2%;
}
}
.pagination {
top: 0;
left: 0;
padding: 5px 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 500;
}
.pagination a {
display: block;
margin: 5px;
background: none;
color: #1D687C;
padding: 5px 7px;
display: inline-block;
font-size: 10px;
line-height: 10px;
cursor: pointer;
text-decoration: none;
border: 1px solid #1D687C;
}
.pagination a.active {
border: 1px solid #C74625;
}
.newsdetail_header {
position: relative;
margin-top: 100px;
margin-bottom: 100px;
}
.newsdetail_header .tekst {
background: white;
padding: 70px;
padding-left: 50%;
}
.newsdetail_header figure {
position: absolute;
top: -50px;
left: 0;
height: calc(100% + 100px);
width: 45%;
background-size: cover;
background-position: center;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.newsdetail_header figure.loaded {
opacity: 1;
}
.newsdetail_header figure img {
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.newsdetail_header figure img.loaded {
display: none;
}
@media only screen and (max-width: 800px) {
.newsdetail_header {
margin-top: 20px;
margin-bottom: 50px;
}
.newsdetail_header .tekst {
padding: 5%;
}
.newsdetail_header .tekst h2 {
font-size: 24px;
line-height: 30px;
}
.newsdetail_header figure {
position: static;
width: 100%;
height: 20vh;
}
}
.home_storie {
padding-top: 50px;
padding-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home_storie .slogan {
width: 18%;
margin-right: 7%;
}
.home_storie .storie {
width: 50%;
}
.home_storie .storie .titel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
}
.home_storie .storie .titel img {
width: 77px;
height: 77px;
margin-right: 20px;
border-radius: 50%;
}
.home_storie .storie .tekst .slogan_onder {
color: #C74625;
font-size: 18px;
line-height: 26px;
font-weight: 700;
}
@media only screen and (max-width: 800px) {
.home_storie {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home_storie .slogan {
width: 100%;
}
.home_storie .storie {
width: 100%;
}
}
.full_blue_balk {
margin-top: 200px;
position: relative;
background: #D7E5EA;
}
.full_blue_balk.nomargin {
margin-top: 0;
padding-top: 200px;
}
.full_blue_balk .femalefooter {
position: absolute;
top: -280px;
left: -50px;
z-index: -1;
width: 385px;
height: 550px;
}
.full_blue_balk .femalefooter::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/female.png);
background-size: contain;
background-position: cover;
background-repeat: no-repeat;
}
@media only screen and (max-width: 750px) {
.full_blue_balk .femalefooter {
display: none;
}
}
.full_blue_balk .maxwidth {
max-width: 1100px;
margin: auto;
text-align: center;
}
.full_blue_balk .maxwidth .news_steun_block {
position: relative;
top: -130px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: white;
margin: 0 5%;
}
.full_blue_balk .maxwidth .news_steun_block .news_block {
padding: 70px 50px;
background: #1D687C;
width: 60%;
}
@media only screen and (max-width: 750px) {
.full_blue_balk .maxwidth .news_steun_block .news_block {
padding: 50px 50px;
}
}
.full_blue_balk .maxwidth .news_steun_block .news_block h2 {
color: white;
}
.full_blue_balk .maxwidth .news_steun_block .news_block p {
font-size: 16px;
font-weight: 700;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .newsform {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .newsform input[type="email"] {
border: none;
-webkit-appearance: none;
font-size: 13px;
line-height: 30px;
margin: 0;
display: inline-block;
padding: 0 15px;
color: #050505;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .newsform input[type="email"]::-webkit-input-placeholder {
color: #999;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .newsform input[type="email"]::-moz-placeholder {
color: #999;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .newsform input[type="email"]:-ms-input-placeholder {
color: #999;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .newsform input[type="email"]::-ms-input-placeholder {
color: #999;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .newsform input[type="email"]::placeholder {
color: #999;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .newsform input[type="submit"] {
border: none;
-webkit-appearance: none;
font-size: 11px;
background: #C74625;
line-height: 30px;
text-transform: uppercase;
margin: 0;
display: inline-block;
padding: 0 15px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-style: normal;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .newsform input[type="submit"]:hover {
background: #050505;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .social a {
display: inline-block;
padding: 0 5px;
font-size: 20px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .social a.logox {
display: inline-block;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .social a.logox svg {
width: 19px;
position: relative;
top: 2px;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .social a.bluesky {
display: inline-block;
}
.full_blue_balk .maxwidth .news_steun_block .news_block .social a.bluesky img {
width: 19px;
position: relative;
top: 1px;
}
.full_blue_balk .maxwidth .news_steun_block .steun_block {
width: 40%;
background: #C74625;
padding: 50px 50px;
}
@media only screen and (max-width: 750px) {
.full_blue_balk .maxwidth .news_steun_block .steun_block {
padding: 50px 50px;
}
}
.full_blue_balk .maxwidth .news_steun_block .steun_block h2 {
color: white;
}
.full_blue_balk .maxwidth .news_steun_block .steun_block p {
font-size: 15px;
line-height: 22px;
}
.full_blue_balk .maxwidth .news_steun_block .steun_block .more {
margin-top: 10px;
display: inline-block;
background: white;
}
.full_blue_balk .maxwidth .news_steun_block .steun_block .more:hover {
background: #050505;
color: white;
}
@media only screen and (max-width: 800px) {
.full_blue_balk .maxwidth .news_steun_block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.full_blue_balk .maxwidth .news_steun_block .news_block {
width: 100%;
}
.full_blue_balk .maxwidth .news_steun_block .steun_block {
width: 100%;
}
}
.full_blue_balk .maxwidth .footerlinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
margin: 0 50px;
position: relative;
top: -75px;
/*.col3{
width:25%;
font-size:16px;
.titel{
font-weight:@bold;
}
}*/
}
.full_blue_balk .maxwidth .footerlinks a {
text-decoration: none;
}
.full_blue_balk .maxwidth .footerlinks .col1 {
width: 50%;
}
.full_blue_balk .maxwidth .footerlinks .col1 .titel {
font-weight: 700;
}
.full_blue_balk .maxwidth .footerlinks .col1 .more {
border-color: #1D687C;
color: #1D687C;
}
.full_blue_balk .maxwidth .footerlinks .col1 .more:hover {
background: #1D687C;
color: white;
}
.full_blue_balk .maxwidth .footerlinks .col2 {
width: 50%;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.full_blue_balk .maxwidth .footerlinks .col2 .titel {
font-weight: 700;
}
.full_blue_balk .maxwidth .footerlinks .col2 .col2a {
width: 50%;
}
.full_blue_balk .maxwidth .footerlinks .col2 .col2b {
width: 50%;
}
@media only screen and (max-width: 900px) {
.full_blue_balk .maxwidth .footerlinks .col1 {
width: 60%;
}
.full_blue_balk .maxwidth .footerlinks .col2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 40%;
}
.full_blue_balk .maxwidth .footerlinks .col2 .col2a,
.full_blue_balk .maxwidth .footerlinks .col2 .col2b {
width: 100%;
}
}
@media only screen and (max-width: 625px) {
.full_blue_balk .maxwidth .footerlinks {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.full_blue_balk .maxwidth .footerlinks .col1 {
width: 100%;
}
.full_blue_balk .maxwidth .footerlinks .col2 {
margin-top: 20px;
width: 100%;
}
}
.alg_header .tekst {
font-size: 18px;
line-height: 32px;
color: #749098;
max-width: 950px;
}
.themagrid .themawrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: -1%;
}
.themagrid .themawrap .themaitem {
width: 23%;
margin: 1%;
background: white;
position: relative;
}
@media only screen and (max-width: 1100px) {
.themagrid .themawrap .themaitem {
width: 31.333%;
}
}
@media only screen and (max-width: 900px) {
.themagrid .themawrap .themaitem {
width: 48%;
}
}
@media only screen and (max-width: 500px) {
.themagrid .themawrap .themaitem {
width: 98%;
}
}
.themagrid .themawrap .themaitem.vacature {
width: 31.333%;
}
.themagrid .themawrap .themaitem.vacature figure {
border: none;
}
.themagrid .themawrap .themaitem figure {
width: 100%;
padding-bottom: 58.620689%;
position: relative;
opacity: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.themagrid .themawrap .themaitem figure.contain {
width: 60%;
background-size: contain;
padding-bottom: 80px;
margin: 40px auto;
margin-bottom: 0;
}
.themagrid .themawrap .themaitem figure.loaded {
opacity: 1;
}
.themagrid .themawrap .themaitem figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.themagrid .themawrap .themaitem figure img.loaded {
display: none;
}
.themagrid .themawrap .themaitem .watermark {
position: absolute;
bottom: 1px;
right: 1px;
width: 170px;
height: 170px;
background-size: contain;
background-position: bottom right;
background-repeat: no-repeat;
}
.themagrid .themawrap .themaitem .tekst {
z-index: 1;
position: relative;
padding: 20px 40px;
padding-bottom: 40px;
}
.themagrid .themawrap .themaitem .tekst .titel {
font-size: 18px;
line-height: 34px;
font-weight: 700;
color: #1D687C;
}
.themagrid .themawrap .themaitem .tekst .vacaturetitel {
font-size: 13px;
text-transform: uppercase;
}
.themagrid .themawrap .themaitem .tekst .more {
margin-top: 20px;
background: #1D687C;
color: white;
border-color: #1D687C;
}
.themagrid .themawrap .themaitem .tekst .more:hover {
background: #C74625;
border-color: #C74625;
}
.themagrid .themawrap .themaitem .tekst a.links {
display: inline-block;
text-decoration: none;
color: #1D687C;
font-size: 15px;
}
.themagrid .themawrap .themaitem .tekst a.links span {
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
position: relative;
top: 2px;
background: url(../images/_ionicons_svg_ios-arrow-forward.svg);
background-position: center ;
background-size: contain;
background-repeat: no-repeat;
}
.vereniginggrid .verenigingwrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: -1%;
}
.vereniginggrid .verenigingwrap .item {
width: 31.3333%;
margin: 1%;
margin-bottom: 40px;
background: white;
position: relative;
padding: 50px 20px;
padding: 40px 20px;
}
@media only screen and (max-width: 1000px) {
.vereniginggrid .verenigingwrap .item {
width: 48%;
}
}
@media only screen and (max-width: 500px) {
.vereniginggrid .verenigingwrap .item {
width: 98%;
}
}
.vereniginggrid .verenigingwrap .item figure {
width: 100%;
height: 93px;
position: relative;
background-size: contain;
background-position: left;
background-repeat: no-repeat;
margin-bottom: 30px;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.vereniginggrid .verenigingwrap .item figure.loaded {
opacity: 1;
}
.vereniginggrid .verenigingwrap .item figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.vereniginggrid .verenigingwrap .item figure img.loaded {
display: none;
}
.vereniginggrid .verenigingwrap .item .tekst .titel {
font-size: 18px;
line-height: 25px;
font-weight: 700;
color: #1D687C;
padding-bottom: 20px;
}
.vereniginggrid .verenigingwrap .item .tekst p {
font-size: 15px;
color: #1D687C;
}
.vereniginggrid .verenigingwrap .item .tekst p strong {
font-weight: 700;
font-size: 18px;
line-height: 34px;
}
.vereniginggrid .verenigingwrap .item .tekst .more {
color: white;
background: #1D687C;
border-color: #1D687C;
display: inline-block;
margin: 20px 0 0px 0;
}
.vereniginggrid .verenigingwrap .item .tekst .more:hover {
background: #C74625;
border-color: #C74625;
}
@media only screen and (min-width: 1000px) {
.newsgrid[data-columns]::before {
content: '3 .column.size-1of3';
}
}
@media only screen and (min-width: 500px) and (max-width: 1000px) {
.newsgrid[data-columns]::before {
content: '2 .column.size-1of2';
}
}
@media only screen and (max-width: 500px) {
.newsgrid[data-columns]::before {
content: '1 .column.size-1of1';
}
}
.newsgrid .column {
float: left;
}
.newsgrid .size-1of1 {
width: 100%;
}
.newsgrid .size-1of2 {
width: 50%;
}
.newsgrid .size-1of3 {
width: 33.333%;
}
.newsgrid:before,
.newsgrid:after {
content: "";
display: table;
}
.newsgrid:after {
clear: both;
}
.newsgrid:before,
.newsgrid:after {
content: "";
display: table;
}
.newsgrid:after {
clear: both;
}
.newsgrid {
margin: 0 -20px;
}
.newsgrid .newsitem {
margin-bottom: 40px;
position: relative;
}
.newsgrid .newsitem .newswrap {
margin: 20px;
background: white;
}
.newsgrid .newsitem figure {
width: 100%;
padding-bottom: 58.620689%;
position: relative;
}
.newsgrid .newsitem figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.newsgrid .newsitem figure img.loaded {
opacity: 1;
}
.newsgrid .newsitem .tekst {
padding: 20px;
position: relative;
/*a{
display:inline-block;
text-decoration:none;
color:@basiccolor;
span{
display:inline-block;
width: 15px;
height:15px;
margin-right:5px;
background:url(../images/_ionicons_svg_ios-arrow-forward.svg);
background-position:center;
background-size:contain;
}
}*/
}
.newsgrid .newsitem .tekst .icon {
position: absolute;
top: 20px;
right: 20px;
z-index: 0;
width: 170px;
height: 170px;
display: block;
}
.newsgrid .newsitem .tekst .hashtags {
position: relative;
z-index: 1;
float: right;
text-align: right;
}
.newsgrid .newsitem .tekst .hashtags span {
display: inline-block;
margin-left: 5px;
}
.newsgrid .newsitem .tekst p {
position: relative;
z-index: 1;
}
.newsgrid .newsitem .tekst .titel {
position: relative;
z-index: 1;
font-size: 23px;
line-height: 34px;
font-weight: 700;
color: #294F55;
}
.newsgrid .newsitem .tekst .datum {
position: relative;
z-index: 1;
font-size: 13px;
}
.newsgrid .newsitem .tekst .more {
border-color: #1D687C;
background: #1D687C;
color: white;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 20px 0;
}
.newsgrid .newsitem .tekst .more:hover {
background: #C74625;
border-color: #C74625;
}
.newsgrid .newsitem .tekst .more.download {
background: white;
color: #1D687C;
}
.newsgrid .newsitem .tekst .more.download:hover {
background: #1D687C;
color: white;
border-color: #1D687C;
}
.dienst_block {
padding: 50px 0;
}
.dienst_block.odd {
background: #E7EFF0;
}
.dienst_block .dienst_header {
margin-bottom: 20px;
width: 66%;
}
@media only screen and (max-width: 700px) {
.dienst_block .dienst_header {
width: 100%;
}
}
.dienst_block .dienst_header h3 {
font-size: 23px;
line-height: 35px;
}
.dienst_block .dienstgrid .dienstwrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: -1%;
}
.dienst_block .dienstgrid .dienstwrap .dienstitem {
width: 31.333%;
margin: 1%;
margin-bottom: 40px;
background: white;
position: relative;
}
@media only screen and (max-width: 900px) {
.dienst_block .dienstgrid .dienstwrap .dienstitem {
width: 48%;
}
}
@media only screen and (max-width: 500px) {
.dienst_block .dienstgrid .dienstwrap .dienstitem {
width: 98%;
}
}
.dienst_block .dienstgrid .dienstwrap .dienstitem figure {
width: 100%;
padding-bottom: 58.620689%;
position: relative;
}
.dienst_block .dienstgrid .dienstwrap .dienstitem figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.dienst_block .dienstgrid .dienstwrap .dienstitem figure img.loaded {
opacity: 1;
}
.dienst_block .dienstgrid .dienstwrap .dienstitem .tekst {
padding: 20px;
font-size: 15px;
line-height: 24px;
/*a{
display:inline-block;
text-decoration:none;
color:@basiccolor;
span{
display:inline-block;
width: 15px;
height:15px;
margin-right:5px;
background:url(../images/_ionicons_svg_ios-arrow-forward.svg);
background-position:center;
background-size:contain;
}
}*/
}
.dienst_block .dienstgrid .dienstwrap .dienstitem .tekst .more {
background: #1D687C;
color: white;
border-color: #1D687C;
}
.dienst_block .dienstgrid .dienstwrap .dienstitem .tekst .titel {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: #1D687C;
}
.dienst_block .dienstgrid .dienstwrap .dienstitem .tekst .more {
margin: 20px 0 5px 0;
}
.about_header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 60px;
}
.about_header .col_left {
width: 57%;
}
.about_header .col_left .background {
background: white;
}
.about_header .col_left figure {
width: 100%;
padding-bottom: 37%;
position: relative;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.about_header .col_left figure.small {
padding-bottom: 20%;
}
.about_header .col_left figure.loaded {
opacity: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.about_header .col_left figure img {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.about_header .col_left figure img.loaded {
display: none;
}
.about_header .col_left .menublocks ul {
padding: 30px;
margin: 0;
}
.about_header .col_left .menublocks ul li {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
margin-right: 5px;
margin-bottom: 10px;
}
@media only screen and (max-width: 750px) {
.about_header .col_left .menublocks ul li {
margin-right: 5px;
margin-bottom: 10px;
}
}
.about_header .col_left .menublocks ul li a {
color: #1D687C;
background: white;
border: 1px solid #1D687C;
display: inline-block;
text-transform: uppercase;
font-size: 10px;
padding: 5px 10px;
font-weight: 500;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.about_header .col_left .menublocks ul li a.active,
.about_header .col_left .menublocks ul li a:hover {
background: #1D687C;
color: white;
}
.about_header .col_right {
width: 43%;
}
.about_header .col_right .tekst {
margin: 0 0 0 45px;
}
.about_header .col_right .tekst h2 {
font-size: 30px;
}
.about_header .col_right .tekst .more {
margin: 20px 0;
background: #1D687C;
color: white;
border-color: #1D687C;
}
.about_header .col_right .tekst .more:hover {
border-color: #C74625;
background: #C74625;
}
@media only screen and (max-width: 1150px) {
.about_header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about_header .col_right {
width: 100%;
}
.about_header .col_left {
width: 100%;
}
.about_header .col_left .menublocks {
text-align: center;
}
}
.vereninging_picker {
margin-bottom: 50px;
}
.vereninging_picker label {
display: block;
margin-bottom: 10px;
padding: 0;
font-weight: 700;
font-size: 14px;
line-height: 20px;
}
.vereninging_picker select,
.vereninging_picker input[type="number"],
.vereninging_picker input[type="email"],
.vereninging_picker input[type="text"] {
border: none;
padding: 10px;
border-radius: 0;
-webkit-appearance: none;
border: 1px solid #1D687C;
width: 100%;
margin-bottom: 20px;
font-size: 13px;
line-height: 24px;
background: none;
}
.vereninging_picker select::-webkit-input-placeholder, .vereninging_picker input[type="number"]::-webkit-input-placeholder, .vereninging_picker input[type="email"]::-webkit-input-placeholder, .vereninging_picker input[type="text"]::-webkit-input-placeholder {
color: #999;
}
.vereninging_picker select::-moz-placeholder, .vereninging_picker input[type="number"]::-moz-placeholder, .vereninging_picker input[type="email"]::-moz-placeholder, .vereninging_picker input[type="text"]::-moz-placeholder {
color: #999;
}
.vereninging_picker select:-ms-input-placeholder, .vereninging_picker input[type="number"]:-ms-input-placeholder, .vereninging_picker input[type="email"]:-ms-input-placeholder, .vereninging_picker input[type="text"]:-ms-input-placeholder {
color: #999;
}
.vereninging_picker select::-ms-input-placeholder, .vereninging_picker input[type="number"]::-ms-input-placeholder, .vereninging_picker input[type="email"]::-ms-input-placeholder, .vereninging_picker input[type="text"]::-ms-input-placeholder {
color: #999;
}
.vereninging_picker select::placeholder,
.vereninging_picker input[type="number"]::placeholder,
.vereninging_picker input[type="email"]::placeholder,
.vereninging_picker input[type="text"]::placeholder {
color: #999;
}
.vereninging_picker select {
background-image: url("data:image/svg+xml;utf8,");
background-position: center right;
background-repeat: no-repeat;
}
.vereninging_picker .btn_gaverder {
cursor: pointer;
border: 1px solid #1D687C;
display: inline-block;
text-transform: uppercase;
font-size: 10px;
line-height: 32px;
padding: 0 8px;
font-weight: 500;
width: auto;
text-decoration: none;
background: #1D687C;
color: white;
margin-top: 20px;
}
.vereninging_picker .btn_gaverder:hover {
background: #C74625;
border-color: #C74625;
}
.vereninging_picker .btn_gaverder.disabled {
background: #1D687C;
opacity: 0.7;
pointer-events: none;
cursor: not-allowed;
}
.vereninging_picker .btn_gaverder.notactive {
display: none;
}
.successblock {
background: #C74625;
color: white;
padding: 20px;
margin: 20px 0;
}
.contact_holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 100px;
}
.contact_holder h3 {
font-size: 18px;
line-height: 34px;
color: #1D687C;
}
.contact_holder .notvisible {
display: none;
}
.contact_holder .col_left {
width: 48%;
}
.contact_holder .col_left.full {
width: 100%;
}
.contact_holder .col_left form {
/*label, input, textarea {
display: block;
}*/
/*@media only screen and (max-width: 450px) {
max-width:100%;
}*/
text-align: left;
margin-bottom: 20px;
/* input[type="radio"],
input[type="checkbox"]{
border-color: #e1e1e1;
background-color: #fcfcfc;
color: #333333;
margin:6px 0;
width:auto;
font-size:11px;
} */
/*.check{
cursor:pointer;
position:relative;
margin: 10px 0;
label{
// color:grey;
font-size:15px;
line-height:26px;
margin-left:30px;
//text-transform: uppercase;
font-weight:400;
font-style:normal;
// display:inline-block;
}
&:not(#IE8) label:before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
position: absolute;
left: 0;
top: 5px;
//background-color: #fff;
border: 1px solid @black;
}
&:not(#IE8) input[type=checkbox] {
display: none;
}
&:not(#IE8) input[type=checkbox]:checked + label:before {
content: "\2713";
text-align: center;
line-height: 10px;
font-size: 18px;
color: @black;
}
}
*/
/*.checkbox{
label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 20px;
margin-left:0;
//font-size:11px;
//text-transform:uppercase;
}
&:not(#IE8) label:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
position: absolute;
left: 0;
top: 4px;
background-color: #ffffff;
border: 1px solid @black;
}
&:not(#IE8) input[type=radio]{
display:none;
}
&:not(#IE8) input[type=checkbox] {
display: none;
}
&:not(#IE8) input[type=radio]:checked + label:before{
content: "\f383";
//content:"";
// font-family:'Ionicons';
text-align: center;
line-height: 10px;
font-size: 20px;
color: @black;
border: 1px solid @black;
background:@color;
}
&:not(#IE8) input[type=checkbox]:checked + label:before {
content: "\f383";
//content:"";
//font-family:'Ionicons';
text-align: center;
line-height: 10px;
font-size: 20px;
color: @black;
border: 1px solid @black;
background:@color;
}
}
*/
}
.contact_holder .col_left form .small {
font-size: 13px;
display: inline-block;
margin-left: 10px;
}
.contact_holder .col_left form .hide {
display: none;
}
.contact_holder .col_left form .colholder .col1 {
width: 48%;
float: left;
}
.contact_holder .col_left form .colholder .col2 {
width: 48%;
float: right;
}
@media only screen and (max-width: 1000px) {
.contact_holder .col_left form .colholder .col1,
.contact_holder .col_left form .colholder .col2 {
width: 100%;
}
}
.contact_holder .col_left form.invisible {
display: none;
}
.contact_holder .col_left form .attest.hide,
.contact_holder .col_left form .betalingholder.hide {
display: none;
}
.contact_holder .col_left form .uniform__potty {
position: absolute;
left: -9999px;
}
.contact_holder .col_left form .error,
.contact_holder .col_left form .erroneous {
border-color: red!important;
color: red!important;
}
.contact_holder .col_left form select,
.contact_holder .col_left form input[type="number"],
.contact_holder .col_left form input[type="email"],
.contact_holder .col_left form input[type="text"] {
border: none;
padding: 10px;
border-radius: 0;
-webkit-appearance: none;
border: 1px solid #1D687C;
width: 100%;
margin-bottom: 20px;
font-size: 13px;
line-height: 24px;
background: none;
}
.contact_holder .col_left form select::-webkit-input-placeholder, .contact_holder .col_left form input[type="number"]::-webkit-input-placeholder, .contact_holder .col_left form input[type="email"]::-webkit-input-placeholder, .contact_holder .col_left form input[type="text"]::-webkit-input-placeholder {
color: #999;
}
.contact_holder .col_left form select::-moz-placeholder, .contact_holder .col_left form input[type="number"]::-moz-placeholder, .contact_holder .col_left form input[type="email"]::-moz-placeholder, .contact_holder .col_left form input[type="text"]::-moz-placeholder {
color: #999;
}
.contact_holder .col_left form select:-ms-input-placeholder, .contact_holder .col_left form input[type="number"]:-ms-input-placeholder, .contact_holder .col_left form input[type="email"]:-ms-input-placeholder, .contact_holder .col_left form input[type="text"]:-ms-input-placeholder {
color: #999;
}
.contact_holder .col_left form select::-ms-input-placeholder, .contact_holder .col_left form input[type="number"]::-ms-input-placeholder, .contact_holder .col_left form input[type="email"]::-ms-input-placeholder, .contact_holder .col_left form input[type="text"]::-ms-input-placeholder {
color: #999;
}
.contact_holder .col_left form select::placeholder,
.contact_holder .col_left form input[type="number"]::placeholder,
.contact_holder .col_left form input[type="email"]::placeholder,
.contact_holder .col_left form input[type="text"]::placeholder {
color: #999;
}
.contact_holder .col_left form select {
background-image: url("data:image/svg+xml;utf8,");
background-position: center right;
background-repeat: no-repeat;
}
.contact_holder .col_left form textarea {
border: none;
-webkit-appearance: none;
padding: 10px ;
border: 1px solid #1D687C;
width: 100%;
resize: none;
height: 100px;
overflow-x: hidden;
color: #1D687C;
background: none;
margin-bottom: 20px;
}
.contact_holder .col_left form textarea::-webkit-input-placeholder {
text-transform: uppercase;
color: #2c2b2a;
font-size: 10px;
}
.contact_holder .col_left form textarea::-moz-placeholder {
text-transform: uppercase;
color: #2c2b2a;
font-size: 10px;
}
.contact_holder .col_left form textarea:-ms-input-placeholder {
text-transform: uppercase;
color: #2c2b2a;
font-size: 10px;
}
.contact_holder .col_left form textarea::-ms-input-placeholder {
text-transform: uppercase;
color: #2c2b2a;
font-size: 10px;
}
.contact_holder .col_left form textarea::placeholder {
text-transform: uppercase;
color: #2c2b2a;
font-size: 10px;
}
.contact_holder .col_left form .feedback {
color: red;
}
.contact_holder .col_left form #form-bc-submit,
.contact_holder .col_left form #form-submit {
border: 1px solid #1D687C;
display: inline-block;
text-transform: uppercase;
font-size: 10px;
line-height: 32px;
padding: 0 8px;
font-weight: 500;
width: auto;
text-decoration: none;
background: #1D687C;
color: white;
margin-top: 20px;
}
.contact_holder .col_left form #form-bc-submit:hover,
.contact_holder .col_left form #form-submit:hover {
background: #C74625;
border-color: #C74625;
}
.contact_holder .col_left form #form-bc-submit.disabled,
.contact_holder .col_left form #form-submit.disabled {
background: #1D687C;
opacity: 0.7;
pointer-events: none;
cursor: not-allowed;
}
.contact_holder .col_left form #form-bc-submit.notactive,
.contact_holder .col_left form #form-submit.notactive {
display: none;
}
.contact_holder .col_left form label {
display: block;
margin-bottom: 10px;
padding: 0;
font-weight: 700;
font-size: 14px;
line-height: 20px;
}
.contact_holder .col_left form .check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.contact_holder .col_left form .check input {
margin-top: 3px;
}
.contact_holder .col_left form .check label {
display: inline-block;
font-weight: 400;
font-style: normal;
font-size: 13px;
margin: 0px 20px 20px 10px;
}
.contact_holder .col_right {
width: 35%;
}
.contact_holder .col_right .googlemaps {
display: inline-block;
}
.contact_holder .col_right .googlemaps img {
margin-right: 10px;
display: block;
width: 22px;
height: 22px;
display: inline-block;
}
@media only screen and (max-width: 1000px) {
.contact_holder .col_left {
width: 45%;
}
.contact_holder .col_right {
width: 45%;
}
}
@media only screen and (max-width: 700px) {
.contact_holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact_holder .col_left {
width: 100%;
}
.contact_holder .col_right {
width: 100%;
}
}
.bg_img_t_blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 100px;
}
.bg_img_t_blocks .imgblock {
width: 48%;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.bg_img_t_blocks .imgblock:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(29, 104, 124, 0.58);
}
.bg_img_t_blocks .imgblock.loaded {
opacity: 1;
}
.bg_img_t_blocks .imgblock img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.bg_img_t_blocks .imgblock img.loaded {
display: none;
}
.bg_img_t_blocks .imgblock .tekst {
position: relative;
z-index: 1;
padding: 50px 70px 50px 90px;
color: white;
}
.bg_img_t_blocks .imgblock .tekst h2 {
color: white;
}
@media only screen and (max-width: 750px) {
.bg_img_t_blocks .imgblock .tekst {
padding: 20px 30px 40px 30px;
}
}
.bg_img_t_blocks .imgblock .tekst .more {
background: white;
border: none;
}
.bg_img_t_blocks .imgblock .tekst .more:hover {
background: #C74625;
}
@media only screen and (max-width: 1000px) {
.bg_img_t_blocks {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 50px;
width: 100%;
padding: 0%;
margin: 0%;
}
.bg_img_t_blocks .imgblock {
width: 100%;
margin-bottom: 50px;
}
}
.newsfeedback {
color: white;
}
.alternate_columns {
padding-top: 20px;
padding-bottom: 20px;
}
.alternate_columns .blockitem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 80px;
}
.alternate_columns .blockitem.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.alternate_columns .blockitem.reverse .tekst {
padding: 0;
}
.alternate_columns .blockitem .imageblock {
width: 48%;
position: relative;
}
.alternate_columns .blockitem .imageblock figure {
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
padding-bottom: 67%;
padding-bottom: 450px;
/*&:before{
content:'';
position: absolute;
top:0;left:0;
width:100%;height:100%;
background:rgba(29, 104, 124, .58);
}*/
}
@media only screen and (max-width: 700px) {
.alternate_columns .blockitem .imageblock figure {
padding-bottom: 50vh;
}
}
.alternate_columns .blockitem .imageblock figure.loaded {
opacity: 1;
}
.alternate_columns .blockitem .imageblock figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.alternate_columns .blockitem .imageblock figure img.loaded {
display: none;
}
.alternate_columns .blockitem .tekst {
width: 48%;
padding: 0px 50px;
}
.alternate_columns .blockitem .tekst h2 {
font-size: 23px;
}
.alternate_columns .blockitem .tekst ol,
.alternate_columns .blockitem .tekst ul {
padding: 0 15px;
}
.alternate_columns .blockitem .tekst .more {
background: #1D687C;
border-color: #1D687C;
color: white;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.alternate_columns .blockitem .tekst .more:hover {
background: #C74625;
border-color: #C74625;
}
@media only screen and (max-width: 750px) {
.alternate_columns .blockitem {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.alternate_columns .blockitem.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.alternate_columns .blockitem .imageblock {
width: 100%;
}
.alternate_columns .blockitem .tekst {
padding: 0;
width: 100%;
}
}
.thema_detail_header {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 100px;
}
.thema_detail_header .col_left {
width: 57%;
}
.thema_detail_header .col_left .background {
background: white;
}
.thema_detail_header .col_left figure {
width: 100%;
padding-bottom: 37%;
position: relative;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.thema_detail_header .col_left figure.small {
padding-bottom: 20%;
}
.thema_detail_header .col_left figure.loaded {
opacity: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.thema_detail_header .col_left figure img {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.thema_detail_header .col_left figure img.loaded {
display: none;
}
.thema_detail_header .col_left .menublocks_holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px;
margin: 0;
}
.thema_detail_header .col_left .menublocks_holder > p {
font-size: 13px;
color: #749098;
}
@media only screen and (max-width: 750px) {
.thema_detail_header .col_left .menublocks_holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.thema_detail_header .col_left .menublocks_holder > p {
margin: auto;
}
}
@media only screen and (max-width: 750px) {
.thema_detail_header .col_left .menublocks_holder .menublocks {
text-align: center;
}
}
@media only screen and (max-width: 750px) {
.thema_detail_header .col_left .menublocks_holder .menublocks > ul {
padding: 0;
}
}
.thema_detail_header .col_left .menublocks_holder .menublocks > ul > li {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
margin-right: 5px;
margin-bottom: 10px;
}
@media only screen and (max-width: 750px) {
.thema_detail_header .col_left .menublocks_holder .menublocks > ul > li {
margin-right: 5px;
margin-bottom: 10px;
}
}
.thema_detail_header .col_left .menublocks_holder .menublocks > ul > li > a {
color: #1D687C;
background: white;
border: 1px solid #1D687C;
display: inline-block;
text-transform: uppercase;
font-size: 10px;
padding: 5px 10px;
font-weight: 500;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.thema_detail_header .col_left .menublocks_holder .menublocks > ul > li > a.active,
.thema_detail_header .col_left .menublocks_holder .menublocks > ul > li > a:hover {
background: #1D687C;
color: white;
}
.thema_detail_header .col_left .menublocks_holder .menublocks > ul .dropdown {
top: 1px;
}
.thema_detail_header .col_left .menublocks_holder .menublocks > ul .dropdown span {
color: #1D687C;
border-color: #1D687C;
}
.thema_detail_header .col_left .menublocks_holder .menublocks > ul .dropdown span:after {
background: url(../images/_ionicons_svg_ios-arrow-down_blue.svg);
}
.thema_detail_header .col_left .menublocks_holder .menublocks > ul .dropdown ul li {
border-color: #1D687C;
}
.thema_detail_header .col_left .menublocks_holder .menublocks > ul .dropdown ul li a {
border-color: #1D687C;
color: #1D687C;
}
.thema_detail_header .col_left .menublocks_holder .menublocks > ul .dropdown ul li a:hover {
color: white;
background: #1D687C;
}
.thema_detail_header .col_right {
width: 43%;
}
.thema_detail_header .col_right .tekst {
margin: 0 0 0 45px;
}
.thema_detail_header .col_right .tekst .tekst_grey {
color: #749098;
}
.thema_detail_header .col_right .tekst h2 {
font-size: 30px;
}
.thema_detail_header .col_right .tekst .contactpersoon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
}
.thema_detail_header .col_right .tekst .contactpersoon img {
width: 110px;
height: 110px;
display: block;
margin-right: 30px;
border-radius: 50%;
margin-top: 8px;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.thema_detail_header .col_right .tekst .contactpersoon img.loaded {
opacity: 1;
}
@media only screen and (max-width: 1150px) {
.thema_detail_header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.thema_detail_header .col_right {
width: 100%;
}
.thema_detail_header .col_left {
width: 100%;
}
}
.news_home .spacer {
height: 50px;
width: 100%;
}
@media only screen and (max-width: 850px) {
.news_home .spacer {
display: none;
}
}
.news_home .row_home_news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 850px) {
.news_home .row_home_news {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.news_home .row_home_news .last_item {
width: calc(40% - 25px);
height: 490px;
}
@media only screen and (max-width: 1150px) {
.news_home .row_home_news .last_item {
width: calc(50% - 25px);
}
}
@media only screen and (max-width: 850px) {
.news_home .row_home_news .last_item {
width: 100%;
}
}
.news_home .row_home_news .last_item.large {
width: calc(60% - 25px);
}
@media only screen and (max-width: 1150px) {
.news_home .row_home_news .last_item.large {
width: calc(50% - 25px);
}
}
@media only screen and (max-width: 850px) {
.news_home .row_home_news .last_item.large {
width: 100%;
}
}
.news_home .row_home_news .last_item .extra_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.news_home .row_home_news .last_item .extra_block h2 {
font-size: 30px;
display: inline-block;
margin-right: 30px;
}
.news_home .row_home_news .row_news_item {
width: calc(40% - 25px);
height: 490px;
position: relative;
}
@media only screen and (max-width: 1150px) {
.news_home .row_home_news .row_news_item {
width: calc(50% - 25px);
}
}
@media only screen and (max-width: 850px) {
.news_home .row_home_news .row_news_item {
width: 100%;
}
}
.news_home .row_home_news .row_news_item.large {
width: calc(60% - 25px);
}
@media only screen and (max-width: 1150px) {
.news_home .row_home_news .row_news_item.large {
width: calc(50% - 25px);
}
}
@media only screen and (max-width: 850px) {
.news_home .row_home_news .row_news_item.large {
width: 100%;
}
}
.news_home .row_home_news .row_news_item.full {
width: 100%;
}
.news_home .row_home_news .row_news_item.smallheight {
height: 370px;
}
@media only screen and (max-width: 850px) {
.news_home .row_home_news .row_news_item {
margin-bottom: 50px;
}
}
.news_home .row_home_news .row_news_item figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: relative;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
border-bottom: 2px solid #1D687C;
}
.news_home .row_home_news .row_news_item figure.bordercolor {
border-color: #C74625;
}
.news_home .row_home_news .row_news_item figure.loaded {
opacity: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.news_home .row_home_news .row_news_item figure img {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.news_home .row_home_news .row_news_item figure img.loaded {
display: none;
}
.news_home .row_home_news .row_news_item .info_overlay {
position: absolute;
bottom: 2px;
left: 0;
width: 366px;
max-width: 100%;
background: #FFFFFF;
}
.news_home .row_home_news .row_news_item .info_overlay .info_content {
padding: 40px;
}
.news_home .row_home_news .row_news_item .info_overlay .info_content h3 {
font-size: 18px;
line-height: 26px;
}
.news_home .row_home_news .row_news_item .info_overlay .info_content .hashtags {
color: #C74625;
font-size: 10px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 20px;
}
.news_home .row_home_news .row_news_item .info_overlay .info_content .hashtags span {
display: inline-block;
margin-right: 5px;
}
.news_home .row_home_news .row_news_item .info_overlay .info_content .hashtags span a {
text-decoration: none;
}
.news_home .row_home_news .row_news_item .info_overlay .info_content .more {
color: white;
background: #1D687C;
border-color: #1D687C;
}
.news_home .row_home_news .row_news_item .info_overlay .info_content .more:hover {
background: #C74625;
border-color: #C74625;
}
.team {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 900px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto;
margin-bottom: 50px;
}
.team .teamitem {
width: 48%;
margin-bottom: 0px;
}
@media only screen and (max-width: 850px) {
.team .teamitem {
width: 100%;
margin-bottom: 0px;
}
}
.team .teamitem .titel {
color: #749098;
font-size: 18px;
line-height: 32px;
}
.team .teamitem .contactpersoon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
}
.team .teamitem .contactpersoon img {
width: 110px;
height: 110px;
display: block;
margin-right: 30px;
border-radius: 50%;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.team .teamitem .contactpersoon img.loaded {
opacity: 1;
}
.team .teamitem .contactpersoon .tekst {
margin-right: 30px;
width: 100%;
}
.team .teamitem .contactpersoon .tekst .subtitel {
font-weight: 700;
margin-top: 0;
padding-top: 0;
}
.faq-accordion .faqitem {
padding: 0px 0px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
/*&.bestellingen{
.faqtitel{
padding-left:20px;
}
.block{
.blockwrap{
margin:20px 0 0px 20px;
}
}
}*/
}
.faq-accordion .faqitem.active .faqtitel:after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.faq-accordion .faqitem .faqtitel {
cursor: pointer;
border-bottom: 1px solid #1D687C;
color: #749098;
font-size: 18px;
padding: 15px;
padding-right: 70px;
padding-left: 0px;
position: relative;
/*h1{
display:block;
margin:0;
padding:0;
//padding-bottom:30px;
}*/
}
.faq-accordion .faqitem .faqtitel:after {
/*content:">";
position: absolute;
right:0;
top:12px;
height:20px;width:20px;
font-weight:300;
text-align:center;
line-height:20px;
font-size:20px;
padding:0;margin:0;*/
content: '';
width: 15px;
height: 15px;
position: absolute;
top: 25px;
right: 20px;
background: url(../images/_ionicons_svg_ios-arrow-down_blue.svg);
background-size: contain;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.faq-accordion .faqitem .block {
display: none;
}
.faq-accordion .faqitem .block .blockwrap {
margin: 20px 0 60px 0px;
}
.faq-accordion .faqitem .block .blockwrap ol,
.faq-accordion .faqitem .block .blockwrap ul {
padding-left: 18px;
}
.werking_container {
max-width: 620px;
margin: auto;
padding-bottom: 5px;
}
.werking_container h2 {
font-size: 18px;
margin-bottom: 20px;
color: #1D687C;
}
.facts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 50px;
}
.facts .factitem {
width: 29.333%;
margin: 2%;
text-align: center;
font-size: 30px;
line-height: 40px;
font-weight: 700;
color: #294F55;
/*.thin{
font-weight:@thin;
.big{
font-size: 60px;
line-height:40px;
}
}
.normal{
font-size:18px;
line-height:34px;
color:@basiccolor;
}*/
}
.facts .factitem .fact_holder {
max-width: 300px;
margin: auto;
position: relative;
}
.facts .factitem .fact_holder img {
width: 100%;
height: auto;
display: block;
}
@media only screen and (max-width: 600px) {
.facts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.facts .factitem {
width: 96%;
}
}
.social {
max-width: 1100px;
margin: auto;
}
.social .socialcontainer {
margin: 0 5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social .socialcontainer .socialitem {
width: 180px;
height: 95px;
margin: 25px;
background: #050505;
position: relative;
}
.social .socialcontainer .socialitem img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.social .socialcontainer .socialitem img.loaded {
opacity: 1;
}
.social .socialcontainer .socialitem.tw {
background: #33A5FD;
}
.social .socialcontainer .socialitem.yt::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
background-image: url('../images/youtube.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 50px;
height: 50px;
}
.social .socialcontainer .socialitem.fb::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
background-image: url('../images/Emoticons-Facebook_kort.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 50px;
height: 50px;
}
.buildercontent {
max-width: 620px;
margin: auto;
padding-bottom: 100px;
}
.buildercontent .builderitem {
margin-bottom: 70px;
}
.buildercontent h2 {
font-size: 18px;
}
.buildercontent .tekst {
font-size: 18px;
line-height: 34px;
}
.buildercontent .tekst a {
color: #C74625;
}
.buildercontent .tekst ol,
.buildercontent .tekst ul {
padding-left: 20px;
}
.buildercontent .quote {
text-align: center;
max-width: 450px;
margin: 0 auto;
}
.buildercontent .quote_knop {
background: white;
}
.buildercontent .quote_knop .quote_tekst {
text-align: center;
padding: 50px 70px;
margin: 0 auto;
}
.buildercontent .quote_knop .quote_tekst .more {
color: white;
background: #C74625;
}
.buildercontent .beelden {
width: 100%;
position: relative;
}
.buildercontent .beelden figure {
width: 100%;
position: relative;
margin-bottom: 50px;
}
.buildercontent .beelden figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.buildercontent .beelden figure img.loaded {
opacity: 1;
}
.buildercontent .beelden .onderschrift {
display: block;
font-weight: bold;
font-size: 15px;
margin-top: -30px;
}
.video-section .onderschrift {
display: block;
font-weight: bold;
font-size: 15px;
margin: 10px 0;
}
.video-section figure {
position: relative;
padding-bottom: 56.25%;
background: #000;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 20px;
box-shadow: rgba(0, 0, 0, 0.2) 0 5px 20px;
}
.video-section iframe {
border: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.whitebg {
background: #F4F7F6;
float: left;
width: 100%;
}
footer {
background: white;
padding: 50px 0px;
}
footer .logos_holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer .logos_holder .col1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer .logos_holder .col1 p {
margin-right: 50px;
font-size: 13px;
line-height: 19px;
color: #050505;
}
footer .logos_holder .col1 img {
display: inline-block;
margin-right: 50px;
vertical-align: middle;
}
footer .logos_holder .col2 {
text-align: right;
}
footer .logos_holder .col2 a {
text-decoration: none;
font-size: 13px;
line-height: 19px;
color: #050505;
}
footer .logos_holder .col2 .siteby {
font-size: 12px;
color: #050505;
display: inline-block;
position: relative;
top: 20px;
}
footer .logos_holder .col2 .siteby a {
font-size: 12px;
text-decoration: underline;
}
@media only screen and (max-width: 1100px) {
footer .logos_holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
footer .logos_holder .col1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
footer .logos_holder .col1 .logos {
text-align: center;
margin: 20px auto;
}
footer .logos_holder .col1 .logos img {
margin: 8px;
}
footer .logos_holder .col1 p {
margin: 0;
}
footer .logos_holder .col2 {
text-align: center;
}
footer .logos_holder .col2 a {
margin: 0;
}
}
@media only screen and (max-width: 750px) {
header .toggle {
display: block;
width: 35px;
height: 15px;
position: absolute;
right: 5%;
top: 50px;
cursor: pointer;
z-index: 99990;
}
header .toggle:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: #C74625;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header .toggle:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: #C74625;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header .toggle.open {
position: fixed;
}
header .toggle.open:before {
background: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
}
header .toggle.open:after {
background: white;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
}
header .headerfixed {
position: fixed;
top: 0;
/*width:100%;
height:100%;
overflow-y:scroll;
*/
left: -100vw;
display: block;
z-index: 5;
}
header .headerfixed .headermenu {
display: block;
position: absolute;
background: #1D687C;
width: 100vw;
height: 100vh;
overflow: scroll;
position: relative;
-webkit-transition: left 0.5s ease;
transition: left 0.5s ease;
left: 0;
}
header .headerfixed .headermenu.active {
left: 100vw;
}
header .headerfixed .headermenu .menu_up {
text-align: center;
width: 100%;
margin-top: 100px;
padding-bottom: 20px;
}
header .headerfixed .headermenu .menu_up .menu_up_a {
display: block;
color: white;
font-size: 13px;
line-height: 19px;
margin: 0;
}
header .headerfixed .headermenu .menu_up .menu_up_a:after {
display: none;
}
header .headerfixed .headermenu .menu_up .menu_up_a.active {
color: #050505;
}
header .headerfixed .headermenu .menu_up .menu_zoek {
display: block;
position: relative;
width: 100%;
margin: auto;
margin-top: 5px;
}
header .headerfixed .headermenu .menu_up .menu_zoek img {
display: none;
}
header .headerfixed .headermenu .menu_up .menu_zoek form.active,
header .headerfixed .headermenu .menu_up .menu_zoek form {
display: block;
position: static;
}
header .headerfixed .headermenu .menu_up .menu_zoek form.active input[type=text],
header .headerfixed .headermenu .menu_up .menu_zoek form input[type=text] {
width: 150px;
}
header .headerfixed .headermenu .menu_up .menu_zoek form.active .submit,
header .headerfixed .headermenu .menu_up .menu_zoek form .submit {
background: #050505;
margin-top: 10px;
}
header .headerfixed .headermenu .menu_up .menu_zoek .spacer {
display: block;
height: 20px;
width: 100%;
}
header .headerfixed .headermenu .menu_up .menu_up_border {
text-transform: uppercase;
font-size: 10px;
padding: 5px 10px;
text-decoration: none;
margin: 0px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: white;
border-color: white;
}
header .headerfixed .headermenu .menu_up .menu_up_border.active {
border-color: #050505;
background: #050505;
}
header .headerfixed .headermenu .menu_up .menu_up_border:after {
display: none;
}
header .headerfixed .headermenu nav ul {
padding-top: 50px;
padding-bottom: 20px;
}
header .headerfixed .headermenu nav ul li {
display: block;
margin: 0px;
text-align: center;
}
header .headerfixed .headermenu nav ul li a {
display: inline-block;
color: #050505;
padding: 5px;
color: white;
text-decoration: none;
position: relative;
font-weight: 500;
}
header .headerfixed .headermenu nav ul li a:after {
display: none;
}
header .headerfixed .headermenu nav ul li a.active {
color: #050505;
}
}
/**
* The CSS shown here will not be introduced in the Quickstart guide, but shows
* how you can use CSS to style your Element's container.
*/
.StripeElement {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
border: 1px solid #1D687C;
/* box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;*/
border-radius: 0px;
width: 100%;
color: #2c2b2a;
margin-bottom: 20px;
}
.StripeElement--invalid {
border-color: red;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
#card-errors {
margin-top: 20px;
margin-bottom: 20px;
color: red;
}
#payment_method {
margin-bottom: 20px;
}
.kredietkaartholder {
display: none;
min-height: 40px;
}
.kredietkaartholder.active {
display: block;
}
/*
border:1px solid #999;
border-radius:5px;
width:100%;
color:#2c2b2a;
// font-size:12px;
margin-bottom:20px;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
*/
/*#submitOrder{
&.disabled{
//background:crimson;
opacity:.5;
pointer-events:none;
cursor:not-allowed;
}
}*/