/*!
Theme Name: Famostar
Theme URI: https://prosos.nl
Author: Prosos
Author URI: https://prosos.nl
Description: Famostar
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: famostar
*/

/* Fonts
--------------------------------------------- */

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('fonts/MyriadPro-Semibold.eot');
    src: url('fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('fonts/MyriadPro-Semibold.woff') format('woff'),
        url('fonts/MyriadPro-Semibold.ttf') format('truetype'),
        url('fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('fonts/MyriadPro-Regular.woff') format('woff'),
        url('fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-display: swap;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); 
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; 
  font-style: normal;
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important;
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal!important;
    word-wrap: normal!important;
    padding: 0;
    position: absolute!important;
    width: 1px;
}

/* Logged in
--------------------------------------------- */

.admin-bar header#masthead {
	top: 32px;
}

/* Basis code
--------------------------------------------- */

body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
}

html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	font-family: 'MyriadPro-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	color: #333;
	font-size: 1rem;
}

main {
	display: block;
	padding-top: 110px;
	width: 100%;
	overflow: hidden;
}

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

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

a {
	background-color: transparent;
}

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

b,
strong {
	font-weight: normal;
	font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

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

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

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

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

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

html {
	box-sizing: border-box;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #333;
	font-size: 16px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.2;
	font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 30px;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0px;
}

h1 {
	font-size: 30px;
}

p {
	margin: 0px 0px 15px 0px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 20px;
}

address {
	margin: 0 0 20px;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 20px;
	max-width: 100%;
	overflow: auto;
	padding: 20px;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

ul,
ol {
	margin: 0 0 20px 20px;
	padding: 0px;
}

li {
    margin-bottom: 10px;
}

li:last-child {
    margin-bottom: 0px!important;
}


ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 20px;
}

dt {
	font-weight: normal;
	font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

dd {
	margin: 0 20px 20px;
}

embed,
iframe,
object {
	max-width: 100%;
	width: 100%!important;
}

img {
	height: auto;
	max-width: 100%;
	-webkit-mask-image: -webkit-radial-gradient(white,black);
}

figure {
	margin: 20px 0;
}

table {
	margin: 30px 0px 0px;
	width: 100%;
}

.wpb_vc_table.wpb_content_element:first-child table {
	margin: 0px 0px 0px;
}

a {
	color: #06c;
}

a:visited {
	color: #06c;
}

a:hover,
a:focus,
a:active {
	color: #06c;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0px;
	border-color: #fff;
	border-radius: 0px;
	background-color: #06c;
	color: #ffffff;
	line-height: 1;
	padding: 15px 20px 12px 20px;
	cursor: pointer;
	font-size: 15px;
	transition: background-color .25s ease;
	display: inline-block;
	-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
	box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
	font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    transition: background-color .25s ease-in;
    text-decoration: underline;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    background-color: #204d74;
    transition: background-color .25s ease-in;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #333;
	border: 2px solid #d3d6db;
	border-radius: 0px;
	padding: 15px 15px 10px 15px;
	font-size: 15px;
	line-height: 15px;
	border-radius: 10px;
	width: 100%;
	font-family: 'MyriadPro-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #333;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/* Header
--------------------------------------------- */

header#masthead {
    width: 100%;
    display: block;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 100;
    border-bottom: 2px #d3d6db solid;
    background-color: #fff;
}

.headerboxinside {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.maxwidthbasis {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.site-branding {
    line-height: 0;
    display: flex;
    height: 70px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.site-branding img {
    width: 180px;
    height: auto;
    margin-top: 12px;
    margin-bottom: 12px;
}

/* Header -- Topbar
--------------------------------------------- */

.topbarmenu {
    width: 100%;
    background-color: #F1F4F9;
    padding: 10px 0px 8px 0px;
}

ul#top-bar-menu {
    padding: 0px;
    margin: 0px -15px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    font-family: 'MyriadPro-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

ul#top-bar-menu li {
    margin-bottom: 0px;
    padding: 0px 15px;
    font-size: 14px;
}

.topbarmenuinside a {
    color: #333;
    text-decoration: none;
}

.topbarmenuinside a:hover, .topbarmenuinside .current-menu-item > a, .topbarmenuinside .current-menu-ancestor > a {
    text-decoration: underline;
}

a.custom-logo-link {
    display: block;
}

/* Header -- Menu
--------------------------------------------- */

.sitenavigationandsearch {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    height: 70px;
    position: relative;
}

ul#primary-menu {
    margin: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

ul#primary-menu > li {
    font-size: 16px;
    line-height: 16px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    margin: 0px;
}

ul#primary-menu > li:last-child > a {
    padding-right: 0px!important;
    margin-right: 0px!important;
}

ul#primary-menu > li:first-child > a {
    padding-left: 0px!important;
    margin-left: 0px!important;
}

ul#primary-menu > li:first-child {
    padding-left: 0px;
}

ul#primary-menu > li:first-child > a {
    padding-left: 0px;
}

ul#primary-menu > li > a {
    text-decoration: none;
    color: #06c;
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.current-menu-item > a {
    text-decoration: underline!important;
}

.current-menu-ancestor > a {
    text-decoration: underline!important;
}

.mobielmenu .menu-topbar-container {
    display: none;
}

/* Header -- Menu -- Submenu -- Blauw
--------------------------------------------- */

ul#primary-menu ul.sub-menu > li:first-child > a {
    border-top: 0px;
}

ul#primary-menu ul.sub-menu > li:hover > a {
	text-decoration: underline;
}

ul#primary-menu ul.sub-menu > li:hover > ul.sub-menu {
    position: absolute;
    display: inline-block;
    width: 225px;
    margin-left: 0px;
    list-style: none;
    background-color: #ffffff;
    max-height: calc(100vh - 80px);
    overflow: auto;
    left: 221px;
    top: 0px;
    border: 2px solid #d3d6db;
    max-height: calc(100vh - 157px);
}

ul#primary-menu ul.sub-menu > li:first-child > ul.sub-menu {
	top: -2px;
}

ul#primary-menu > li:hover > ul.sub-menu {
    position: absolute;
    display: inline-block;
    width: 225px;
    left: 0px;
    top: 70px;
    margin-left: 0px;
    list-style: none;
    z-index: -10;
    background-color: #ffffff;
    border: 2px solid #d3d6db;
}

ul#primary-menu > li > a:hover {
    color: #06c;
    text-decoration: underline;
}

ul#primary-menu ul.sub-menu > li > a {
    width: 100%;
    float: left;
    display: inline-block;
    padding: 15px 15px 12.5px 15px;
    box-sizing: border-box;
    border-top: 2px solid #d3d6db;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    text-decoration: none;
    font-family: 'MyriadPro-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

ul.sub-menu {
    display: none;
}

ul#primary-menu ul.sub-menu button.arrowopenclose {
    position: absolute;
    right: 15px;
    top: 18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 15px;
    color: #06c;
    box-shadow: none;
}

ul#primary-menu ul.sub-menu button.arrowopenclose:after {
    content: "\f105";
}

ul#primary-menu ul.sub-menu > li {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0px;
}

span.boxicon2 {
    position: absolute;
    left: 15px;
    top: 18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 15px;
    color: #f2ca58;
    content: "\f002";
}

.boxicon a {
    padding-left: 38px!important;
}

.searchicon .boxicon2:after {
    content: "\f002";
}

.callicon .boxicon2:after {
    content: "\f879";
}

.mailicon .boxicon2:after {
    content: "\f0e0";
}

ul#primary-menu > li:hover > a {
    padding-left: 35px;
    padding-right: 35px;
    margin-left: -20px;
    margin-right: -20px;
    z-index: 2000;
}

ul#primary-menu > li > a {
    padding: 27.5px 15px 27.5px 15px;
    height: 70px;
}

ul#primary-menu button.arrowopenclose {
    padding: 0px;
    background-color: #fff!important;
}



/* Header -- Search
--------------------------------------------- */

.searchboxinsideheader form {
    position: absolute;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: stretch;
    right: 45px;
    width: 600px;
    top: -12px;
    transition: opacity .25s ease-out;
    z-index: -1;
}

.searchboxinsideheader {
    margin-left: 30px;
}

.searchboxinsideheader .searchicon {
    font-size: 17px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}

.searchicon button {
    padding: 0px;
    border: 0px;
    color: #06c;
    background-color: #fff!important;
    transition: color .25s ease-out;
    font-size: 15px;
    box-shadow: none;
}

.searchicon button:hover {
    color: #333;
    transition: color .25s ease-in;
}

.activesearch > nav#site-navigation {
    opacity: 0;
    transition: opacity .5s ease-in;
    z-index: -1;
}

nav#site-navigation {
    opacity: 1;
    transition: opacity .25s ease-out;
    z-index: 1;
}

.activesearch .searchboxinsideheader form {
    opacity: 1;
    transition: opacity .5s ease-in;
    z-index: 1;
}

.searchboxinsideheader {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: stretch;
    position: relative;
}

.searchboxinsideheader form > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: stretch;
}

.searchboxinsideheader input[type="text"] {
    width: 450px;
    margin-right: 10px;
}

button.buttonheadersearch .fa-times {
    display: none;
}

.activesearch .fa-times {
    display: block!important;
    font-size: 21.8px;
}

.activesearch .fa-search {
    display: none;
}

.menubuttonmenu {
    display: none;
}

.mobielmenu {
	display: none;
}

/* Header -- @media - 1099px
--------------------------------------------- */

@media (max-width: 1099px){

.mobilemenuactive {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    overflow: hidden;
    position: absolute;
}
	
nav#site-navigation {
    display: none;
}

.searchboxmobielmenu { 
    display: none;
}

.menubuttonmenu {
    display: block;
    background-color: #fff!important;
    height: 35px;
    width: 35px;
    margin-left: 30px;
    position: relative;
    padding: 0px;
    box-shadow: none;
}

span.spanmenubutton {
    width: 35px;
    height: 3px;
    display: block;
    background: #333;
    right: 0px;
    position: absolute;
    font-size: 0px;
}

span.spanmenubutton:after {
    width: 35px;
    height: 3px;
    display: block;
    background: #333;
    content: '';
    position: absolute;
    right: 0px;
    top: -10px;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

span.spanmenubutton:before {
    width: 35px;
    height: 3px;
    display: block;
    background: #333;
    content: '';
    position: absolute;
    right: 0px;
    bottom: -10px;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.mobilemenuactive span.spanmenubutton:after {
    width: 35px;
    transform: rotate(-45deg);
    top: 0px;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.mobilemenuactive span.spanmenubutton:before {
    width: 35px;
    transform: rotate(45deg);
    top: 0px!important;
    bottom: unset;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.mobilemenuactive span.spanmenubutton {
    background-color: #fff;
}
	
.mobielmenu {
    opacity: 0;
    display: block;
    visibility: hidden;
    height: 0px;
    position: fixed;
    transition: all 0.5s ease-out;
    width: 100%;
    z-index: 99;
    right: -100%;
}

.mobilemenuactive .mobielmenu {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    padding-top: 108px;
    transition: all 0.5s ease-in;
    right: 0px;
    top: 0px;
    opacity: 1;
    visibility: visible;
}

.mobielmenuinside {
    height: calc(100% - 0px);
    overflow: scroll;
    position: relative;
    padding-left: 40px;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    background-color: #fff;
    max-width: 420px;
    right: 0px;
    width: 100%;
    float: right;
    top: 0px;
}

.searchboxinsideheader .searchicon {
    font-size: 20px;
}

.searchboxinsideheader input[type="text"] {
    width: 300px;
}

.searchicon button {
    font-size: 18px;
}

.mobilemenuactive .mobielmenu:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgb(0 102 204 / 0.9);
    position: absolute;
}

ul#mobiel-menu {
    list-style: none;
    margin: 0px;
}

ul#mobiel-menu > li > a {
    color: #333;
    font-size: 17px;
    text-decoration: none;
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

ul#mobiel-menu > li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #d3d6db;
}

.maxwidthbasis {
    padding-left: 40px;
    padding-right: 40px;
}

ul#mobiel-menu button.arrowopenclose {
    position: absolute;
    right: -20px;
    top: -14px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 15px;
    color: #06c;
    padding: 20px;
    background-color: rgb(255 255 255 / 0%);
    box-shadow: none;
}

ul#mobiel-menu button.arrowopenclose:before {
    content: "\f078";
}

ul#mobiel-menu ul#mobiel-menu > li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border: none;
}

ul#mobiel-menu ul.sub-menu {
    list-style: none;
    margin: 0px;
}

ul#mobiel-menu ul.sub-menu.opensubmenu {
    height: auto;
    visibility: visible;
    overflow: auto;
    transition: all 0.5s ease-out;
    opacity: 1;
}

ul#mobiel-menu ul.sub-menu li {
    display: block;
    margin: 15px 0px;
    position: relative;
}

ul#mobiel-menu a:hover {
    color: #333;
    text-decoration: underline!important;
}

ul#mobiel-menu ul.sub-menu li:last-child {
    margin-bottom: 0px;
}

ul#mobiel-menu ul.sub-menu li a {
    text-decoration: none;
    color: #333;
    font-family: 'MyriadPro-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

ul#mobiel-menu span.boxicon2 {
    top: 3px;
    left: 1px;
}

ul#mobiel-menu .boxicon a {
    padding-left: 25px!important;
}

ul#mobiel-menu .sub-menu ul.sub-menu.opensubmenu {
    padding-left: 15px;
    padding-bottom: 0px;
    border-left: 1px solid #d3d6db;
}

ul#mobiel-menu button.arrowopenclose.opensubmenu2 {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

ul.sub-menu {
	display: block;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
}
}

/* Header -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

.searchboxinsideheader input[type="text"] {
    width: 215px;
}

}

/* Header -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.searchboxinsideheader {
    display: none;
}

.topbarmenu {
    display: none;
}

main {
    padding-top: 70px;
}

.searchboxmobielmenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    width: 100%;
}

.searchboxmobielmenu div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}

ul#mobiel-menu > li:last-child {
    margin-bottom: 0px;
}

.searchboxmobielmenu input[type="text"] {
    width: calc(100% - 110px);
}

.searchboxmobielmenu form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.mobilemenuactive .mobielmenu {
    padding-top: 70px;
}

.mobielmenu .menu-topbar-container {
    display: block;
    margin-top: 30px;
}

ul#mobiel-menu-sub {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul#mobiel-menu-sub li {
    margin-bottom: 5px;
    font-size: 15px;
}

#mobiel-menu-sub a {
    color: #333;
    text-decoration: none;
}

#mobiel-menu-sub a:hover, #mobiel-menu-sub .current-menu-item > a, #mobiel-menu-sub .current-menu-ancestor > a {
    text-decoration: underline;
}

}

/* Header -- @media - 600px
--------------------------------------------- */

@media (max-width: 600px){


.site-branding img {
    width: 190px;
}

.maxwidthbasis {
    padding-left: 15px;
    padding-right: 15px;
}

.menubuttonmenu {
    margin-left: 25px;
}

.mobielmenuinside {
    padding: 40px 30px;
}

}
	
/* Home - Header image
--------------------------------------------- */
	
.headerhomepage {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 50px 0px;
    height: 50vh;
    min-height: 400px;
    position: relative;
    overflow: hidden;
}

img.imageheader {
	position: absolute;
	z-index: -1;
	min-width: 100%!important;
	min-height: 578px;
	max-width: unset!important;
	width: auto;
	height: auto;
}

img.imageheadermobiel {
    display: none;
}

h1.h1header {
    font-size: 45px;
    line-height: 1.2;
    color: #fff;
    max-width: 600px;
    margin-bottom: 30px;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
}

a.button {
    border: 0px;
    border-color: #fff;
    border-radius: 0px;
    background-color: #06c;
    color: #ffffff;
    line-height: 1;
    padding: 15px 20px 12px 20px!important;
    cursor: pointer;
    font-size: 15px;
    transition: background-color .25s ease-out;
    text-decoration: none;
    display: inline-block;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    border-radius: 10px!important;
}

a.button:hover {background-color: #00478F!important;}

a.buttonheader {
    font-size: 17px;
    padding: 18px 25px 16px 25px;
}

.centerlijn .insideboxheader {
    align-items: center;
}

.rechtslijn .insideboxheader {
    align-items: flex-end;
}

.linkslijn .insideboxheader {
    align-items: flex-start;
}

.centerlijn2 {
    text-align: center;
}

.rechtslijn2 {
    text-align: right;
}

.linkslijn2 {
    text-align: left;
}

.insideboxheader {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    z-index: 1;
    position: relative;
}

.paddinginside {
    padding-top: 62.5px;
    padding-bottom: 62.5px;
}

.margintop0pxheader {
    margin-top: -62.5px;
}


/* Header image -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

h1.h1header {
    font-size: 32px;
}

}

/* Header image -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.headerhomepage {
    height: 300px;
    min-height: 300px;
}

img.imageheadermobiel {
    position: absolute;
    z-index: -1;
    min-width: 100%;
    min-height: 400px;
    width: auto;
    height: 100%;
    display: block;
    max-width: unset;
}

img.imageheader {
    display: none;
}

}

/* Pagebuilder
--------------------------------------------- */

.wpb_text_column.wpb_content_element {
    margin-top: 30px;
}

.wpb_text_column.wpb_content_element:first-child {
    margin-top: 0px!important;
}


/* Home - Content
--------------------------------------------- */

.entry-content {
    padding-top: 62.5px;
    display: block;
}

h2 {
    font-size: 24px;
    line-height: 1.2;
}

.buttonfamostarbasis a, .buttonfamostarbasis button {
    border: 0px!important;
    border-color: #fff!important;
    border-radius: 0px!important;
    color: #ffffff!important;
    line-height: 1!important;
    padding: 15px 20px 12px 20px!important;
    cursor: pointer!important;
    font-size: 15px!important;
    transition: background-color .25s ease-out!important;
    text-decoration: none!important;
    display: inline-block!important;
    margin-top: 30px!important;
    margin-right: 20px;
    background-image: none!important;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    transition: background-color .25s ease-out!important;
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    border-radius: 10px!important;
}

.blauwbutton a, .blauwbutton button {
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    background-color: #06c!important;
}

.blauwbutton a:hover, .blauwbutton button:hover {
    background-color: #00478F!important;
}

.boxsmartscan .blauwbutton a:hover, .boxsmartscan button a:hover {
    background-color: #f2ca58!important;
    color: #fff!important;
}

.donkerblauw a, .donkerblauw button {
   background-color: #1c223c!important;
   color: #fff!important;
}

.donkerblauw a:hover, .donkerblauw button:hover {
    background-color: #00478F!important;
}

.geel a, .geel button {
   background-color: #f2ca58!important;
   color: #021831!important;
}

.geel a:hover, .geel button:hover {
    background-color: #00478F!important;
    color: #fff!important;
}

.buttonfamostarbasis a.vc_btn3-size-sm, .buttonfamostarbasis button.vc_btn3-size-sm  {
    font-size: 14px!important;
    margin-top: 20px!important;
}

.boximagesafter .donkerblauw a, .boximagesafter2 .donkerblauw a {
    background-color: #f2ca58!important;
    color: #021831!important;
}

.boximagesafter .donkerblauw a:hover, .boximagesafter2 .donkerblauw a:hover {
    background-color: #00478F!important;
	color: #fff!important;
}

.boximagesafter .donkerblauw button:hover, .boximagesafter2 .donkerblauw button:hover {
    text-decoration: underline!important;
}

.fixedbuttonnoodverlichting2, .fixedbuttonnoodverlichting {
    max-width: 110px;
    right: -130px;
    position: relative;
}

.fixedbuttonnoodverlichting2 {
    margin-top: 30px!important;
    max-width: 100px;
    right: -135px;
}

.boxzindextop {
    z-index: 50;
    position: relative;
}

.marginbottombox {
    margin-bottom: 62.5px;
    position: relative;
}

.boximagesafter > div {
    padding: 50px!important;
    color: #fff;
}

.boximagesafter2 > div {
    padding: 50px!important;
    border-radius: 10px;
    background-color: #0066cc!important;
}

.boximagesafter > div > div {
    z-index: 2;
    position: relative;
}

.boximagesafter h1, .boximagesafter h2, .boximagesafter h3, .boximagesafter h4, .boximagesafter h5, .boximagesafter h6 {
    color: #fff;
}

.boximagesafter a {
    color: #fff;
}

.boximagesafter2 h1, .boximagesafter2 h2, .boximagesafter2 h3, .boximagesafter2 h4, .boximagesafter2 h5, .boximagesafter2 h6 {
    color: #fff;
}

.boximagesafter2 p, .boximagesafter2 p, .boximagesafter2 p, .boximagesafter2 p, .boximagesafter2 p, .boximagesafter2 p {
    color: #fff;
}
.boximagesafter2 a {
    color: #fff;
}

.boxcalltoactionsidebarnew {
    margin-top: 30px;
}

/* Home Content Searchbox
--------------------------------------------- */

.boxdisplayflexsearch .boxzoeken {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: stretch;
    align-items: stretch;
    width: 100%;
    margin-top: 20px;
}

.boxdisplayflexsearch .boxzoeken > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: stretch;
    align-items: stretch;
    width: 100%;
}

.boxdisplayflexsearch .knopzoeken {
    width: 100px;
    margin-left: 10px;
}

.knopzoeken {
    width: 100px;
    margin-left: 10px;
}

.boxdisplayflexsearch input {
    width: calc(100% - 110px);
}

.boxicoon > div {
    background-color: #06c!important;
    border-radius: 10px!important;
}

.textsearch h2 {
    font-size: 26px;
}

.textsearch h1 {
    font-size: 30px;
}

.boxicoonsearch {
    max-width: 70px;
}

.kolomsearchbox {
    padding: 50px!important;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #f1f4f9;
    border-radius: 10px;
}

.textsearch {
    width: calc(100% - 70px)!important;
}

.fixedbuttonnoodverlichting2:hover img, .fixedbuttonnoodverlichting:hover img {
    transform: scale(1.025);
    transition: all .25s ease-in;
}

.fixedbuttonnoodverlichting2 img, .fixedbuttonnoodverlichting img {
    transition: all .25s ease-out;
}

.boxkeurmerkenfullwidth {
    border-top: 2px solid #d3d6db;
}

.boxcenterinside .boxgarantiesmall {
    margin-left: auto!important;
    margin-right: auto!important;
}

.boxcalltoactionincontent {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 2px solid #d3d6db;
}

.contactpersoonzondermarginenstreep .boxcalltoactionincontent {
    margin-top: 0px;
}

@media (min-width: 992px){

.contactpersoonzondermarginenstreep .boxcalltoactionincontent {
    padding-top: 0px;
    border: 0px;
}

}

/* Home Content -- @media - 1199px
--------------------------------------------- */

@media (max-width: 1199px){


.fixedbuttonnoodverlichting2, .fixedbuttonnoodverlichting {
    max-width: 110px;
    right: -100px;
}

.fixedbuttonnoodverlichting2 {
    max-width: 100px;
    right: -105px;
}

}

/* Home Content -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

.kolomrightmargintopmobiel {
    margin-top: 40px;
}

.boxcalltoactionincontent {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 2px solid #d3d6db;
}

.calltoactionomargin .boxcalltoactionincontent {
    padding-top: 40px!important;
    border-top: 1px solid #d3d6db!important;
}

.calltoactionomarginnoline .boxcalltoactionincontent {
    padding-top: 0px!important;
    border-top: 0px solid #d3d6db!important;
}

.fixedbuttonnoodverlichting, .fixedbuttonnoodverlichting2 {
    left: unset;
    right: unset;
    position: initial;
    margin-top: 0px!important;
    margin-left: auto;
    margin-right: auto;
}

.boxgaranties {
    padding: 50px;
    margin-top: 40px;
    background-color: #f1f4f9;
}

.boxkeurmerkenfullwidth {
    border-top: 0px;
    padding-top: 0px!important;
}

.boxcenterinside .boxgarantiesmall {
    margin-left: unset!important;
}

.boxgarantiesecond {
    margin-top: 30px!important;
    padding-top: 30px!important;
    border-top: 1px solid #d3d6db;
}

}

/* Home Content -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.entry-content {
    padding-top: 50px;
    display: block;
}

.marginbottombox {
    margin-bottom: 50px;
}

.textsearch h1 {
    font-size: 25px;
}

.margintop0pxheader {
    margin-top: -50px;
}

.boxfooterafsluitinggeenmargin {
	margin-top: -50px;
}

.paddinginside {
    padding-top: 50px;
    padding-bottom: 50px;
}

.boximagesafter > div {
    padding: 50px 40px!important;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: -50px;
}

.kolomsearchbox {
    padding: 50px 40px!important;
    margin-left: -40px!important;
    margin-right: -40px!important;
    width: calc(100% + 80px)!important;
}

.boximagesafter2 > div {
    padding: 50px 40px!important;
}

}

/* Home Content -- @media - 600px
--------------------------------------------- */

@media (max-width: 600px){


.boximagesafter > div {
    padding: 40px 15px!important;
    margin-left: -15px;
    margin-right: -15px;
}

.kolomsearchbox {
    padding: 40px 15px!important;
    margin-left: -15px!important;
    margin-right: -15px!important;
    width: calc(100% + 30px)!important;
}

.boximagesafter2 > div {
    padding: 50px 20px!important;
}

.boxgaranties {
    padding: 50px 15px!important;
}

}

/* Home Content Productfamilies
--------------------------------------------- */

.boxproductfamiliehome .vc_gitem_row .vc_gitem-col {
    padding: 20px 30px!important;
    position: relative;
    background-color: rgb(243 247 253 / 90%);
    z-index: 1;
    height: auto;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 10%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 10%);
}

.boxproductfamiliehome .vc_gitem-zone {
    border: 2px solid #d3d6db;
    border-radius: 10px!important;
}

.boxproductfamiliehome .linknaarpagina h3 {
    font-size: 20px;
    margin-bottom: 0px;
    padding-right: 50px;
}

.boxproductfamiliehome .vc_gitem-post-data {
    margin-bottom: 0px!important;
}

.boxproductfamiliehome .texthover {
    overflow: hidden;
    width: 100%;
    margin-bottom: 0px;
    transition: all  1.5s ease-out;
    max-height: 0px;
    padding-top: 10px;
    box-sizing: border-box;
    margin-bottom: -10px;
}

.boxproductfamiliehome .vc_gitem-zone:hover .texthover {
	max-height: 200px;
	transition: all 1s ease-out;
	padding-top: 10px;
	margin-bottom: 0px;
}

.boxproductfamiliehome {
    margin-top: 20px;
}

.boxproductfamiliehome .linknaarpagina h3:after {
    position: absolute;
    right: 30px;
    top: 21px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 22px;
    color: #06c;
    background-color: rgb(255 255 255 / 0%);
    content: "\f105";
}

.floatright {
    text-align: right;
}

/* Home Content Productfamilies - @media - 1199px 
--------------------------------------------- */

@media (max-width: 1199px){


.boxproductfamiliehome .vc_col-sm-4 {
    width: 50%!important;
}

.boxproductfamiliehome .vc_col-sm-6 {
    width: 50%!important;
}

}

/* Home Content Productfamilies - @media - 991px 
--------------------------------------------- */

@media (max-width: 991px){

.kolomrightmargintopmobielsmall {
    margin-top: 20px;
}

.floatright {
    text-align: left;
}

}

/* Home Content Productfamilies - @media - 768px 
--------------------------------------------- */

@media (max-width: 768px){


.boxproductfamiliehome .vc_col-sm-4 {
    width: 100%!important;
}

.boxproductfamiliehome .vc_col-sm-6 {
    width: 100%!important;
}

}

/* Home Content Boxsmartscan
--------------------------------------------- */

.boxsmartscan > div > div {
    padding: 50px!important;
    color: #fff;
    background-repeat: no-repeat!important;
    background-size: 194px!important;
    background-position: center!important;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    border-radius: 10px!important;
    overflow: hidden;
}

.boxsmartscan h1, .boxsmartscan h2, .boxsmartscan h3, .boxsmartscan h4, .boxsmartscan h5, .boxsmartscan h6 {
    font-size: 40px;
}

.boxreferentieimage > div:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgb(3 42 91 / 60%);
    border-radius: 10px;
}

.boxsmartscan {
    background-position: center!important;
    background-size: cover!important;
    border-radius: 10px;
}

.buttonfamostarbasis:first-child > a {
    margin-top: 0px!important;
}

.buttonright {
    text-align: right;
}

.buttonright a {
    width: 100%!important;
    margin-right: 0px!important;
    text-shadow: none!important;
}

.buttonright .buttonfamostarbasis {
    width: 100%;
}

/* Home Content Boxsmartscan - @media - 768px 
--------------------------------------------- */

@media (max-width: 768px){


.boxsmartscan {
    margin-left: -40px!important;
    margin-right: -40px!important;
	border-radius: 0px!important;
}

.boxsmartscan > div > div {
    padding: 50px 40px!important;
    border-radius: 0px!important;
}

}

/* Home Content Boxsmartscan - @media - 600px 
--------------------------------------------- */

@media (max-width: 600px){

.boxsmartscan {
    margin-left: -15px!important;
    margin-right: -15px!important;

    overflow: hidden;
}

.boxsmartscan > div > div {
    padding: 40px 15px!important;
    overflow: hidden;
}

.boxsmartscan h1, .boxsmartscan h2, .boxsmartscan h3, .boxsmartscan h4, .boxsmartscan h5, .boxsmartscan h6 {
    font-size: 40px;
}

}

/* Boxsmartscan 2
--------------------------------------------- */

.boxsmartscan2 {
    color: #fff;
    padding: 40px;
    background-repeat: no-repeat!important;
    background-size: 225px!important;
    background-position: center!important;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
}

.boxsmartscan2 h1, .boxsmartscan2 h2, .boxsmartscan2 h3, .boxsmartscan2 h4, .boxsmartscan2 h5, .boxsmartscan2 h6 {
    font-size: 40px;
}

.boxsmartscan2 {
    margin-top: 40px;
    background-color: #021831;
}

.boxsmartscan2 a {
	color: #fff!important;
}

.buttonfamostarbasis:first-child > a {
    margin-top: 0px!important;
}

.buttonright {
    text-align: right;
}

.buttonright a {
    width: 100%!important;
    margin-right: 0px!important;
    text-shadow: none!important;
}

.buttonright .buttonfamostarbasis {
    width: 100%;
}

/* Boxsmartscan 2 - @media - 768px 
--------------------------------------------- */

@media (max-width: 768px){


.boxsmartscan2 {
    margin-left: -40px!important;
    margin-right: -40px!important;
}

.boxsmartscan2 {
    padding: 50px 40px!important;
}

}

/* Boxsmartscan 2 - @media - 600px 
--------------------------------------------- */

@media (max-width: 600px){

.boxsmartscan2 {
    margin-left: -15px!important;
    margin-right: -15px!important;

    overflow: hidden;
}

.boxsmartscan2 {
    padding: 40px 15px!important;
    overflow: hidden;
}

.boxsmartscan2 h1, .boxsmartscan2 h2, .boxsmartscan2 h3, .boxsmartscan2 h4, .boxsmartscan2 h5, .boxsmartscan2 h6 {
    font-size: 40px;
}

}


/* Home Content Nieuws
--------------------------------------------- */

.boxnieuws .vc_gitem_row .vc_gitem-col {
    padding: 0px 25px 103px 25px!important;
    background-color: rgb(255 255 255 / 90%);
    transition: height 2s ease;
    z-index: 1;
    height: auto;
    position: initial;
    border-radius: 10px;
}

.boxnieuws .vc_gitem-post-data {
    margin-bottom: 0px!important;
    width: 100%;
    display: block;
}


h3 {
	font-size: 20px;
}

div.uitgelichteafbeelding {
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 25px!important;
    overflow: hidden;
}

.boxbefore .uitgelichteafbeelding {
    margin-top: -25px;
    border-bottom: 1px solid #d3d6db;
    background-color: #333;
    border-radius: 10px 10px 0px 0px;
}

.posttitle h3 {
    margin-bottom: 5px;
    font-size: 20px;
}

.boxnieuws .databox {
    font-size: 15px;
    margin-bottom: 15px!important;
    color: #333;
}

span.box1label {
    width: 100%;
    display: block;
}

.naamproject.marginbottom0px h2 {
    margin-bottom: 5px!important;
}

.boxnieuws .vc_custom_heading a:hover {
    opacity: 1;
    text-decoration: underline;
}

.blauwlicht h2 {
    color: #1292d4;
}

.posttitle.posttitlebranche h2 {
    font-size: 20px;
}

.boxnieuws .vc_grid-item {
    display: flex!important;
    flex-direction: column;
    position: relative;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.boxnieuws .vc_pageable-slide-wrapper.vc_clearfix {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
}

.boxnieuws .vc_gitem-zone {
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-start;
    position: initial;
    width: 100%;
    display: flex;
}

.boxnieuws .vc_grid-item-mini.vc_clearfix {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
}

.boxnieuws .buttonfamostarbasis {
    position: absolute;
    bottom: 60px;
    left: 30px;
}

.boxnieuws .buttonfamostarbasis a {
	left: 0px;
	position: relative;
}

.boxnieuws .vc_grid-item:before {
    background-color: #fff;
    display: block;
    content: '';
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    left: 0px;
    top: 0px;
    z-index: -1;
    position: absolute;
    border-radius: 10px;
    overflow: hidden;
}

/* Home Content Productfamilies - @media - 1199px 
--------------------------------------------- */

@media (max-width: 1199px){


.boxnieuws .vc_col-sm-4 {
    width: 50%!important;
}

.boxnieuws .vc_col-sm-3 {
    width: 50%!important;
}

}

/* Home Content Productfamilies - @media - 768px 
--------------------------------------------- */

@media (max-width: 768px){


.boxnieuws .vc_col-sm-4 {
    width: 100%!important;
}

}

/* Home Content Productfamilies - @media - 991px
--------------------------------------------- */

@media (max-width: 991px){


}

/* Home Content Productfamilies - @media - 600px 
--------------------------------------------- */

@media (max-width: 600px){


.boxnieuws .vc_col-sm-3 {
    width: 100%!important;
}

}



/* Home Content Boxcatalogus
--------------------------------------------- */

.rowcatalogus {
    margin-top: 40px;
    margin-bottom: -10px;
}

.rowcatalogus a {
    margin-right: 0px!important;
}

.rowcatalogus img {
    margin-left: 0px;
    min-width: 100%;
}

/* Home Content Boxcatalogus - @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

.rowcatalogus {
    margin-bottom: 0px;
}

}

/* Home Content Wij staan voor je klaar
--------------------------------------------- */

.boxfooterafsluiting h3, .boxfooterafsluiting h4, .boxfooterafsluiting h5 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.boxfooterafsluitinggeenmargin {
    margin-top: -62.5px;
}

.boxfooterafsluiting {
    color: #fff;
    text-align: center;
}

.boxfooterafsluiting h1, .boxfooterafsluiting h2, .boxfooterafsluiting h3, .boxfooterafsluiting h4, .boxfooterafsluiting h5, .boxfooterafsluiting h6 {
    color: #fff;
}

.boxfooterafsluiting a {
    color: #fff;
}

.boxrayonindeling img {
    width: 150px;
    height: 150px!important;
    position: relative;
    padding: 0px;
}

.boxrayonindeling {
    right: -45px;
    position: relative;
    width: 250px;
}

.boscontact {
    margin-top: 20px;
}

.boscontact a {
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 20px;
}

.boscontact a i {
    font-size: 15px;
    margin-right: 7.5px;
}

.boscontact a:last-child {
    margin-bottom: 0px;
}

.boxrayonindeling:hover img {
    transform: scale(1.025);
    transition: all .25s ease;
}

.boxrayonindeling img {
    transition: all .25s ease;
}

.boscontact a:hover {
    text-decoration: underline;
}

.boxrayonindeling a {
    padding: 20px;
    background-color: #f1f4f9;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    border-radius: 250px;
}


/* Home Content Wij staan voor je klaar -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){
	
.kolomrightmargintopmobiel.boxbefore991 {
    order: -2;
    margin-bottom: 40px;
    margin-top: 0px;
}

.boxrayonindeling {
    right: 0px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    display: block;
    max-width: 250px;
}

.boxrayonindeling img {
    width: 250px!important;
    height: auto!important;
    padding: 0px!important;
    border-radius: 0px!important;
    box-shadow: none!important;
}

.boxrayonindeling a {
    padding: 0px;
    box-shadow: none;
}

}

/* Home Content Wij staan voor je klaar -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){


.boxfooterafsluitinggeenmargin {
	margin-top: -50px;
}

}

/* Vervolg header
--------------------------------------------- */

.headervervolg {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

h1.h1header2 {
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    max-width: 700px;
    margin-bottom: 0px;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
}

.headervervolgeenachtergrond {
    margin-top: 50px;
    margin-bottom: 25px;
}

.headervervolg .contentinside.maxwidthbasis {
    position: absolute;
    padding: 50px;
}

img.imageheadervervolg {
    z-index: -1;
    height: auto;
    max-width: unset!important;
    width: 100%;
}

img.imageheadermobielvervolg {
    display: none;
}


/* Header image -- @media - 1099px
--------------------------------------------- */

@media (max-width: 1099px){


.headervervolg .contentinside.maxwidthbasis {
    position: absolute;
    padding: 50px 40px;
}

}

/* Vervolg header -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

h1.h1header2 {
    font-size: 32px;
}

}

/* Vervolg header -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){


img.imageheadermobielvervolg {
    display: block;
    max-width: calc(100% + 0px);
    width: calc(100% + 0px);
}

img.imageheadervervolg {
    display: none;
    max-width: 100%!important;
}

}

/* Header image -- @media - 600px
--------------------------------------------- */

@media (max-width: 600px){

.headervervolg .contentinside.maxwidthbasis {
    padding: 50px 15px;
}

}

/* Branche pagina
--------------------------------------------- */

.posttitle.posttitlebranche {
    margin-bottom: 15px!important;
}

.posttitle.posttitlebranche h2 {
    font-size: 20px;
}

h3 {
    margin-bottom: 15px;
}

h4, h5, h6 {
    font-size: 20px;
    margin-bottom: 10px;
}

.paddingrightgarantie {
    padding-right: 30px!important;
    max-width: 135px;
}

.boxgarantiesmall {
    margin-top: 30px;
    max-width: 450px;
}

.boxgarantiesmall:first-child {
    margin-top: 0px;
}

.boxcalltoactionsidebar {
    margin-top: 30px;
    max-width: 450px;
}

.boxcalltoactionsidebar:first-child {
    margin-top: 0px;
}

.boxcalltoactionsidebar p > a {
    margin-top: 10px;
    display: block;
}

.boxgarantiesmall p > a {
    margin-top: 10px;
    display: block;
}

.paddingrightgarantie a:hover img, .paddingrightgarantie2 a:hover img {
    transform: scale(1.025);
    transition: all .25s ease-in;
}

.paddingrightgarantie a img, .paddingrightgarantie2 a img  {
    transition: all .25s ease-out;
}

.calltoactionomargin .boxcalltoactionincontent {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0px solid #d3d6db;
}

.paddingrightgarantie2 {
    max-width: 170px;
    padding: 0px 30px 0px 0px!important;
    line-height: 0px;
    float: left;
    width: 33.33333333%;
}

.boxreferentieonderaan .vc_gitem-col {
    padding: 0px!important;
}

.linknaarpagina2 {
    margin-bottom: 0px!important;
}

.linknaarpagina2 h2 {
    margin-bottom: 20px;
    font-size: 22px;
    text-align: center!important;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    color: #fff;
}

.linknaarpagina2 h2 {
    margin-bottom: 20px;
    font-size: 22px;
    text-align: center!important;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    color: #fff;
}

.linknaarpagina2 h4 {
    margin-bottom: 0px;
    font-size: 20px;
    text-align: left!important;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    color: #fff;
}

.boxtekstunderp {
    color: #fff;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    margin-top: 0px;
    margin-bottom: 0px;
    transition: all 1.5s ease-out;
    max-height: 0px;
    overflow: hidden;
    padding-top: 10px;
}

.boxreferentieonderaan .vc_gitem-zone:hover .boxtekstunderp {
    max-height: 200px;
    transition: all 1s ease-out;
    margin-bottom: 0px;
}

.boxreferentieonderaan .vc_gitem_row.vc_gitem-row-position-bottom {
    z-index: 1;
    height: auto;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    display: block!important;
    padding: 30px 30px 20px 30px!important;
}

.boxreferentieonderaan .vc_gitem-zone:hover {
    background-size: 105%;
    transition: all .25s ease-in;
}

.boxreferentieonderaan .vc_gitem-zone {
    transition: all .25s ease-out;
    background-size: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.boxreferentietop p {
    border-radius: 0px!important;
    line-height: 1!important;
    padding: 14px 20px!important;
    cursor: pointer!important;
    font-size: 14px!important;
    background-color: rgb(243 247 253 / 0.90);
    color: #333;
    z-index: 1;
    height: auto;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    display: inline-block;
}

.boxtop {
    border-radius: 0px!important;
    line-height: 1!important;
    padding: 14px 20px!important;
    cursor: pointer!important;
    font-size: 14px!important;
    color: #333;
    display: inline-block;
    background-color: rgb(255 255 255 / 90%);
    z-index: 1;
    height: auto;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.boxreferentieonderaan .vc_gitem_row.vc_gitem-row-position-top > div {
    padding: 0px!important;
    text-align: center;
}



/* Klanten vertellen sidebar
--------------------------------------------- */

.boxklantenvertellenmain > div {
    padding-top: 30px;
}

.klantenvertellenblok {
    margin: 20px -1px 0px -1px;
    min-height: 150px;
    background-color: #f1f4f9;
    padding: 30px 30px 30px 30px;
    font-style: italic;
    text-align: left;
    background-image: url("../famostar/img/klantenvertellen-2.png");
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) calc(100% - 35px);
    position: relative;
}

.boxklantenvertellenmain:first-child > div {
    padding-top: 0px;
}

.naampersoon {
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    text-transform: capitalize;
    max-width: calc(100% - 100px);
    display: block;
    width: 100%;
    font-style: normal;
}

span.boxdatum2 {
    display: block;
    font-size: 15px;
    color: #8d8f92;
    font-family: 'MyriadPro-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}


/* Kenniscentrum
--------------------------------------------- */

.boxkenniscentruminside {
    padding: 30px 30px 0px 30px!important;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #ffffff;
    color: #8ac831;
}

.boxkenniscentrum {
    padding-top: 150px;
}

.kenniscentrumlogo img {
    width: 230px;
    height: auto;
}

.kenniscentrumlogo a:hover img {
    transform: scale(1.025);
    transition: all .25s ease-in;
}

.kenniscentrumlogo a img {
    transition: all .25s ease-out;
}


.kenniscentrumlogo {
    text-align: right!important;
    position: relative;
}

.boxkenniscentrum:before {
    content: ''!important;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    position: absolute;
    height: 195px;
    width: 150%;
    bottom: 0;
    left: -25%;
    display: block!important;
}

.buttonkenniscentrum a, .buttonkenniscentrum button {
    border: 0px!important;
    border-color: #fff!important;
    border-top: 1px solid #d3d6db!important;
    border-radius: 0px!important;
    color: #03295b!important;
    line-height: 1!important;
    padding: 30px 30px!important;
    cursor: pointer!important;
    font-size: 15px!important;
    transition: background-color .25s ease-out!important;
    text-decoration: none!important;
    display: inline-block!important;
    margin-top: 0px!important;
    background-image: none!important;
    background-color: #fff!important;
    margin-left: -30px;
    margin-right: -30px!important;
    width: calc(100% + 60px)!important;
}

.buttonkenniscentrum:last-child a, .buttonkenniscentrum:last-child button  {
    border-bottom: 0px!important;
}

.buttonkenniscentrum a:after, .buttonkenniscentrum button:after {
    position: absolute;
    right: 30px;
    top: 29px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 18px;
    color: #8ac831;
    box-shadow: none;
    content: "\f105";
}

.boxkenniscentruminside h3, .boxkenniscentruminside h2, .boxkenniscentruminside h4, .boxkenniscentruminside h5, .boxkenniscentruminside h6 {
    font-size: 25px;
    line-height: 1.2;
}

.buttonkenniscentrum a:hover, .buttonkenniscentrum button:hover {
    text-decoration: underline!important;
}

/* Kenniscentrum -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

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

.boxkenniscentruminside h3, .boxkenniscentruminside h2, .boxkenniscentruminside h4, .boxkenniscentruminside h5, .boxkenniscentruminside h6 {
    font-size: 20px;
    line-height: 1.2;
}

.boxkenniscentrum {
    padding-top: 250px;
}

}

/* Referentie pagina
--------------------------------------------- */

.repeatertable {
    margin-top: 20px;
    margin-left: -30px;
    margin-right: -30px;
    border-top: 1px solid #ffffff;
}

.repeatertable .reapeter-column, .repeater-header .column {
    border: 0px;
    display: inline-block;
}

.repeatertable .reapeater-row {
    display: flex!important;
    border-bottom: 1px solid #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.repeatertable .reapeater-row:last-child {
    border-bottom: 0px;
}
 
.repeatertable .reapeater-row > div:first-child {
    width: 33.3%;
    color: #fff;
    border: 0px!important;
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.repeatertable .reapeater-row > div {
    width: 66.6%;
    padding: 15px 15px 15px 15px;
    font-size: 15px;
    border: 0px!important;
}

.referentieinformatie * {
    color: #fff;
}

.referentieinformatie {
    padding: 30px 30px 0px 30px!important;
    border-radius: 10px;
    background-color: #06c;
}

.boxgebruikteproducten {
    margin-top: 30px;
}

.logoopdrachtgever img {
    width: 200px;
}

.logoopdrachtgever {
    line-height: 0px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

.boxgebruikteproducten:first-child {
    margin-top: 0px;
}

.repeatergebruikteproducten {
    margin-top: 0px;
}

.repeatergebruikteproducten .reapeter-column {
    border: 0px;
}

.repeatergebruikteproducten .reapeater-row {
    display: inline-block;
    width: auto;
}

.repeatergebruikteproducten ul {
    margin: 0px;
    list-style: none;
}

.repeatergebruikteproducten a {
    border: 0px!important;
    border-color: #fff!important;
    border-radius: 0px!important;
    color: #ffffff!important;
    line-height: 1!important;
    padding: 14px 20px!important;
    cursor: pointer!important;
    font-size: 14px!important;
    transition: background-color .25s ease-out!important;
    text-decoration: none!important;
    display: inline-block!important;
    margin-top: 20px!important;
    margin-right: 20px;
    background-image: none!important;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    background-color: #1292d4!important;
}

.repeatergebruikteproducten a:hover {
    background-color: #204d74!important;
    transition: background-color .25s ease-in;
}

.boxproductenimage {
    max-width: 105px;
    margin-bottom: 25px;
    width: 33.333%
}

.boxproductenimage img {
    width: 105px;
}

.boxgallerij {
    margin-top: 30px;
}

.boxgallerij > div {
    margin-bottom: -30px!important;
}

.boxervaringklant .boxproductenimage img {
    margin-left: auto;
    margin-right: auto;
}

.boxervaringklant .boxproductenimage {
    margin-left: auto;
    margin-right: auto;
}

.boxervaringklant {
    text-align: center;
    padding-top: 30px;
    border: 2px solid #f1f4f9;
    border-bottom: 0px;
}

.boxervaringklant h3 {
    color: #06c;
}

.boxproductfamilieoverall .vc_gitem-col {
    padding: 0px!important;
    position: initial;
}

.boxproductfamilieoverall {
    margin-top: 20px;
    margin-bottom: -10px!important;
}

.boxproductgroep {
    padding-top: 10px;
    padding-bottom: 10px;
}

.boxabsoluteproductfamilie a {
    font-size: 0px!important;
    background: none!important;
    position: absolute!important;
    border: none!important;
    width: 100%;
    height: 100%;
    left: 0px;
    padding: 0px!important;
}

.boxproductgroep .vc_gitem_row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

.boxproductgroep .vc_gitem_row:hover img {
    transform: scale(1.025);
    transition: all .25s ease-in;
}

.boxproductgroep .vc_gitem_row img  {
    transition: all .25s ease-out;
}

.boxproductgroep .vc_gitem_row:hover h4 {
    text-decoration: underline;
}

.posttitleboxfamilie {
    margin-bottom: -26px!important;
}

.posttitleboxfamilie h4 {
    margin-bottom: 0px!important;
    font-size: 20px;
    color: #06c;
}

.boxproductfamilieoverall .vc_col-sm-5 {
    padding-right: 30px!important;
    max-width: 150px!important;
}

.boxproductfamilieoverall .vc_grid-item {
    border-bottom: 1px solid #d3d6db;
    width: 100%;
}

.boxproductfamilieoverall .vc_grid-item:last-child {
    border-bottom: 0px;
}


.fastgallery.gallery .fastgallery-gallery-icon .fg_zoom:hover img {
    transform: scale(1.025)!important;
    transition: all .25s ease-in;   
}

.fastgallery.gallery .fastgallery-gallery-icon .fg_zoom img  {
    transition: all .25s ease-out;
}

.fg_zoom {
    overflow: hidden;
}

.marginbottomboxvideo {
    margin-bottom: 30px;
}

.marginbottomboxvideo:last-child {
    margin-bottom: 0px;
}


/* Referentie pagina -- @media - 1099px
--------------------------------------------- */

@media (max-width: 1099px){
    
.fastgallery.gallery {
    width: -webkit-calc(100% + 30px)!important;
    width: calc(100% + 30px)!important;
}
    
#gallery-1 .fg-gallery-item {
    max-width: -webkit-calc(33.3% - 30px);
    max-width: calc(33.3% - 30px);
}

}

/* Referentie pagina -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

.boxgebruikteproducten {
    border-top: 1px solid #d3d6db;
    margin-top: 0px;
    padding-top: 40px;
}

#gallery-1 .fg-gallery-item {
    max-width: calc(50% - 30px)!important;
    width: calc(50% - 30px)!important;
    margin-right: 30px!important;
}
    
.fastgallery.gallery {
    width: -webkit-calc(100% + 30px)!important;
    width: calc(100% + 30px)!important;
}

.logoopdrachtgever {
	margin-top: 20px;
}


}

/* Referentie pagina-- @media - 600px
--------------------------------------------- */

@media (max-width: 600px){

#gallery-1 .fg-gallery-item {
    max-width: calc(100% - 20px)!important;
    width: calc(100% - 20px)!important;
    margin-right: 20px!important;
    margin-bottom: 20px!important;
}

.fastgallery.gallery {
    width: -webkit-calc(100% + 15px)!important;
    width: calc(100% + 15px)!important;
}

.boxgallerij > div {
    margin-bottom: -20px!important;
}


}


/* Contactpersoon
--------------------------------------------- */

.boxrightsecond {
    padding: 0px!important;
    float: left;
    width: 66.666%!important;
}

.imageboxcontactpersoon img {
    border-radius: 100%;
}

.titeluitgelicht {
    font-size: 17px;
    margin-bottom: 10px;
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    width: 100%;
}

.ondertiteluitgelicht {
    margin-bottom: 20px;
    width: 100%;
}

.boxlinkcontact a {
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 20px;
    color: #333;
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.boxlinkcontact a:hover {
    text-decoration: underline;
}

.telefoonnummer a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f879";
    font-size: 15px;
    margin-right: 7.5px;
    color: #f2ca58;
}

.emailadres a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 15px;
    margin-right: 7.5px;
    content: "\f0e0";
    color: #f2ca58;
}

.boxlinkcontact:last-child a {
    margin-bottom: 0px;
}

/* Blog overzicht
--------------------------------------------- */

.vc_pageable-slide-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

/* Blog individueel
--------------------------------------------- */

.addtoany_shortcode {
    margin-left: -4px;
    margin-right: -4px;
}

.publish {
    font-size: 15px;
    margin-bottom: -20px!important;
}

.boxpostclassistop {
    margin-top: 94px;
}

/* Blog individueel -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

.boxpostclassistop {
    margin-top: 40px;
}

}

/* Blog individueel -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.vc_pageable-slide-wrapper {
    display: block;
}

.boxlinkcontact a {
    font-size: 16px;
}

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

}


/* Kennisbank
--------------------------------------------- */

.posttitlekennis {
    margin-top: 30px;
    padding-bottom: 20px;
}

/* Kennisbank kenniscentrum
--------------------------------------------- */

.boxkenniscentrum2 > div {
    padding: 50px!important;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 200px;
    background-color: #e6f1d7;
    text-align: center;
    margin-top: 30px;
}

.boxkenniscentrum2 .vc_btn3 {
    background-color: #8cc53e!important;
    margin-right: 0px;
}

div#imagekenniscentrum img {
    width: 250px;
    margin-top: 30px;
}

div#imagekenniscentrum {
    text-align: center;
}



/* Kennisbank kenniscentrum -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.boxkenniscentrum2 > div{
    padding: 50px 40px!important;
}

}

/* Kennisbank kenniscentrum -- @media - 600px
--------------------------------------------- */

@media (max-width: 600px){

.boxkenniscentrum2 > div{
    padding: 40px 15px!important;
}

}

/* Facet filter Kennisbank
--------------------------------------------- */

.facetwp-template {
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: -15px;
    align-content: flex-start;
}

.klantenvertellenblok .facetwp-template  {
    margin: 0px!important;
}

.projectbox {
    display: flex;
    flex-direction: row;
    width: 33.3%;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    padding: 15px;
    box-sizing: border-box;
}

.projectbox > div {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fff;
    padding: 25px;
    position: relative;
    width: 100%;
    border-radius: 10px;
}

a.linktitle {
    font-size: 20px;
    text-decoration: none;
    color: #333;
}

a.linktitle {
    text-decoration: none;
}

a.linktitle:hover {
    text-decoration: underline;
}

a.buttonmarkt {
    border: 0px;
    border-color: #fff;
    border-radius: 0px;
    color: #ffffff;
    line-height: 1;
    padding: 15px 20px 12px 20px;
    cursor: pointer;
    font-size: 15px;
    transition: background-color .25s ease-out;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    margin-right: 20px;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    background-color: #06c;
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    border-radius: 10px;
}

a.buttonmarkt:hover {text-decoration: underline!important;}

a.facetwp-page {
    color: #fff;
    font-size: 1rem;
    width: 30px;
    background-color: #333;
    padding: 0px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 0px 3px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-top: 30px;
    border-radius: 10px;
}

.facetwp-page.active {
    font-weight: normal!important;
    opacity: 1;
    filter: alpha(opacity=100);
}

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

a.facetwp-page:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.boxfiltersoveral .facetwp-facet {
    margin: 10px!important;
    width: calc(25% - 20px);
}

.facetwp-facet.facetwp-facet-pagination {
    width: 100%;
    margin: 0px!important;
}

.boxfilters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: unset;
    align-items: center;
    margin: -10px -20px;
    padding: 12px 10px;
}

select.facetwp-dropdown {
    color: #333!important;
    border: 2px solid #d3d6db!important;
    padding: 15px 15px 12px 15px!important;
    font-size: 15px!important;
    line-height: 15px!important;
    width: 100%;
    background-color: #fff;
    background-image: url("../famostar/img/chevron.svg");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) 17px;
    border-radius: 10px;
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
}

i.facetwp-icon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    opacity: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    color: #06c;
    align-items: center;
    transition: color .25s ease-out;
    animation: none!important;
    width: 50px;
    padding-left: 20px;
}

.facetwp-icon:before {
    background: none!important;
    font-size: 16px!important;
    text-align: center!important;
    display: flex!important;
    align-items: center!important;
    content: "\f002"!important;
    animation: none!important;
}

i.facetwp-icon:hover {
    color: #333;
    transition: color .25s ease-in;
}

::-webkit-input-placeholder { /* Edge */
  color: #333;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}

::placeholder {
  color: #333;
}

.facetwp-type-dropdown {
    position: relative;
}

span.facetwp-input-wrap {
    width: 100%;
}

p.filtertext {
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin-bottom: 10px;
}

span.smaltekst {display: block;margin-bottom: 20px!important;padding-top: 19px;color: #8d8f92;position: relative;padding-left: 75px;margin-top: -9px;font-size: 15px;height: 52px;}

span.filtertext {
    position: relative;
    padding: 0px 0px 0px 33px;
    margin: 5px 10px 0px 0px;
}

span.filtertext:before {
    left: 10px;
    top: 3px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 15px;
    color: #06c;
    content: "\f0b0";
    position: absolute;
}

.boxfiltersoveral {
    background-color: #fff;
    z-index: 1;
    box-shadow: 0px -1px 4px 0px #0000002b;
}

.boxfiltersoveral button.your-reset-btn {
    margin: 10px;
    background-color: #333;
    display: none;
}

button.your-reset-btn:hover {
	text-decoration: underline!important;
}

.geenresultaten {
    padding: 15px;
    width: 100%;
}

.boxbuttons {
    margin-top: 30px;
}


/* Facet filter Kennisbank - @media - 1199px 
--------------------------------------------- */

@media (max-width: 1199px){


.projectbox {
    width: 50%;
}
	
.boxfiltersoveral .facetwp-facet {
    width: calc(33.3% - 20px);
}

.boxfilters {
	margin: 0px -20px;
}

span.filtertext {
    width: 100%;
    margin-top: 10px;
}

}

/* Facet filter Kennisbank - @media - 991px 
--------------------------------------------- */

@media (max-width: 991px){

.boxfiltersoveral .facetwp-facet {
    width: calc(50% - 20px);
}

}



/* Facet filter Kennisbank - @media - 768px 
--------------------------------------------- */

@media (max-width: 768px){


.projectbox {
    width: 100%;
}
	
}

/* Facet filter Kennisbank - @media - 500px 
--------------------------------------------- */

@media (max-width: 500px){

	
.boxfiltersoveral .facetwp-facet {
    width: calc(100% - 20px);
}

}

/* Box FAQ
--------------------------------------------- */

.boxvragen {
    margin-top: 20px;
}

.boxfaqoverall .vc_tta.vc_general .vc_tta-panel-title {
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.boxfaqoverall .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #fff;
}

.boxfaqoverall .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #333;
    padding: 20px;
}

.boxfaqoverall .vc_tta.vc_general .vc_tta-panel-title>a {
    padding: 20px!important;
    color: #03295b!important;
    background-color: #fff!important;
}

.boxfaqoverall .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::after, .boxfaqoverall .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::before {
    border-color: #06c!important;
}

.boxfaqoverall .vc_tta.vc_general .vc_tta-panel-body {
    padding: 0px 20px 20px 20px!important;
}

.boxfaqoverall .vc_tta-color-white.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body {
    color: #03295b!important;
}

.boxfaqoverall .vc_tta.vc_general .vc_tta-panel.vc_active h4 a {
    color: #06c!important;
    text-decoration: none!important;
}

.boxfaqoverall .vc_tta.vc_general .vc_tta-panel-title>a:hover {
    text-decoration: underline;
}

.boxfaqoverall .vc_tta-container {
    margin-bottom: 0px!important;
}

.boxfaq {
    padding-top: 0px;
}

/* Boxverkooppunten
--------------------------------------------- */

.boxverkooppuntenfoto {
    position: absolute;
    z-index: 1;
    bottom: 22px;
    left: 20px;
}

.boxverkooppuntenfoto img {
    padding: 10px;
    background-color: #fff;
    max-height: 125px;
    max-width: 250px!important;
    width: auto;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.fotoright {
    left: unset;
    right: 20px;
}

/* Boxverkooppunten -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

.fotoright {
    left: 20px;
    right: unset;
}

}

/* Referenties 2.0
--------------------------------------------- */

.boxoutside {
    display: flex;
    flex-direction: row;
    width: 33.3%;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    padding: 15px;
    box-sizing: border-box;
}

.referentiebox {
    padding-bottom: 75%;
    position: relative;
    background-position: center;
    transition: all .25s ease-out;
    background-size: 100%;
    background-repeat: no-repeat;
}

a:hover > .referentiebox {
    background-size: 105%;
    transition: all .25s ease-in;
}

a.linkhide {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.naamreferentie {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: left;
    padding: 30px 30px 20px 30px!important;
    z-index: 1;
    height: auto;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    display: block!important;
}

.naamreferentie h2 {
    margin-bottom: 0px;
    font-size: 20px;
    text-align: left;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    color: #fff;
}

.categorytop {
    border-radius: 0px!important;
    line-height: 1!important;
    padding: 14px 20px!important;
    cursor: pointer!important;
    font-size: 14px!important;
    background-color: rgb(243 247 253 / 0.90);
    color: #333;
    z-index: 1;
    height: auto;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    display: inline-block;
    position: absolute;
    top: 0px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    max-width: fit-content;
}

.naamreferentie p {
    color: #fff;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    margin-top: 0px;
    margin-bottom: 0px;
    transition: all 1.5s ease-out;
    max-height: 0px;
    overflow: hidden;
    padding-top: 10px;
}

.referentiebox:hover .naamreferentie p {
    max-height: 200px;
    transition: all 1s ease-out;
    margin-bottom: 0px;
}

/* Referenties 2.0 -- @media - 1199px
--------------------------------------------- */

@media (max-width: 1199px){

.boxoutside {
    width: 50%;
}

}


/* Referenties 2.0 -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

.boxoutside {
    width: 100%;
}

}

/* Kenniscentrum 3
--------------------------------------------- */

.boxkenniscentrum3 .vc_btn3 {
    background-color: #8cc53e!important;
    margin-right: 0px;
}

.boxkenniscentrum3  .logoimg img {
    width: 250px;
}

.boxkenniscentrum3 h2, .boxkenniscentrum3 h3, .boxkenniscentrum3 h4, .boxkenniscentrum3 h5 {
    color: #8ac831;
}

.boxkenniscentrum3 {
    background-color: #e6f1d7;
}

.boxrightpadding {
    padding: 50px 0px;
}

/* Kenniscentrum 3 -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

.boxrightpadding {
    padding: 50px!important;
}

.boxleftimagesameheight > div {
    background-image: none!important;
}

}

/* Kenniscentrum 3 -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.boxrightpadding {
    padding: 50px 40px!important;
}

}

/* Kenniscentrum 3 -- @media - 600px
--------------------------------------------- */

@media (max-width: 600x){

.boxrightpadding {
    padding: 40px 15px!important;
}

}

/* Form page
--------------------------------------------- */

.rijsidebarcontact {
    padding: 50px!important;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #f1f4f9;
}

.rijsidebarcontact .boxcalltoactionincontent {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/* Form page -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){
	
.rijsidebarcontact {
	padding: 50px 40px!important;
    margin-left: -40px!important;
    margin-right: -40px!important;
    width: calc(100% + 80px)!important;
}

}

/* Form page -- @media - 600px
--------------------------------------------- */

@media (max-width: 600pxpx){

.rijsidebarcontact {
    padding: 40px 15px!important;
    margin-left: -15px!important;
    margin-right: -15px!important;
    width: calc(100% + 30px)!important;
}
	
}

/* Box blog item
--------------------------------------------- */

a.afbeeldingblog {
    display: block;
    line-height: 0;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white,black);
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
}

a.afbeeldingblog img {
    transition: all 0.5s ease-out;
    -webkit-mask-image: -webkit-radial-gradient(white,black);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.uitgelichteafbeelding.boxproduct {
    max-height: 300px;
}

.uitgelichteafbeelding.boxproduct img {
    max-height: 300px;
}

a.afbeeldingblog:hover img {
    transition: all 0.5s ease-out;
    transform: scale(1.05);
}

.playbutton {
    width: 100%;
    height: 100%;
    position: relative;
}

.playbutton i.fas.fa-play {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: rgb(0 0 0 / 50%);
    z-index: 1;
    text-align: center;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    color: #fff;
    padding-left: 4px;
    font-size: 20px;
}


/* Webinar
--------------------------------------------- */

.geek-frame-holder {
    width: calc(100% + 30px)!important;
    margin: -15px -15px -36px -15px;
}

.boxinschrijven {
    margin-left: -30px;
    padding-left: 30px;
    padding-right: 30px;
    border-top: 1px solid #d3d6db;
    width: calc(100% + 60px);
    max-width: unset!important;
    padding-bottom: 30px;
}

.boxinschrijven a {
    width: 100%;
}

/* Webinar -- @media - min 992px
--------------------------------------------- */

@media (min-width: 992px){

.margintoponlybefore991 {
    margin-top: 30px;
}
	
}

/* Productfamilies
--------------------------------------------- */

.boxproductfamilieproductfamiliepage {
    margin-top: 0px;
}

.boxproductfamilieproductfamiliepage .linknaarpagina h2 {
    font-size: 18px;
    margin-top: 4px;
    padding-right: 50px;
}

.boxproductfamilieproductfamiliepage .linknaarpagina h2:after {
    position: absolute;
    right: 30px;
    top: 22px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 22px;
    color: #06c;
    background-color: rgb(255 255 255 / 0%);
    content: "\f105";
}

.hidebefore992 {
	display: none!important;
}

.paddingright1199tot992 a {
    display: inline-block;
}

/* Productfamilies -- @media - max 1199px min 992px
--------------------------------------------- */

@media (max-width: 1199px){

@media (min-width: 992px){

.paddingright1199tot992 {
    padding-right: 30px!important;
}

}

}

/* Productfamilies -- @media - max 991px
--------------------------------------------- */

@media (max-width: 991px){

.hideafter992 {
    display: none!important;
}

.hidebefore992 {
	display: block!important;
}

.productfotofamilie.hidebefore992 {
	display: flex!important;
}
	
}


/* Productfamilies individueel
--------------------------------------------- */

.logoproductfamilie img {
    width: 250px;
}

.logoproductfamilie {
    line-height: 0px;
    margin-bottom: 0px;
    display: block;
    max-width: 150px;
}

.icoonsmall img {
    border-radius: 3px;
    max-height: 35px;
}

.boxproductfamilieinfo {
    padding: 30px 30px 30px 30px!important;
    background-color: #f1f4f9;
    border-top: 1px solid #d3d6db;
}

.boxtoepassing {
	border-top: 1px solid #d3d6db;
	padding: 30px 30px 20px 30px!important;
	background-color: #f1f4f9;
}

.boxtoepassingopsommikg .reapeter-column, .boxtoepassingopsommikg .repeater-header .column {
    border: 0px;
    display: block;
}

.boxtoepassingopsommikg .reapeater-row, .boxtoepassingopsommikg .repeater-header {
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}

.boxproductfamilieinfo .boxicoons {
    margin-bottom: -5px;
}

.boxtoepassingopsommikg {
    margin-top: 15px;
}

.boxtoepassingopsommikg .reapeater-row:before, .boxtoepassingopsommikg .repeater-header:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f111";
    font-size: 9px;
    margin-left: -17px;
    position: absolute;
    color: #06c;
    top: 6px;
}

.boxinschrijven2 a {
    width: 100%;
}

.boxinschrijven2 {
    display: block;
    width: calc(100% + 60px);
    border-bottom: 1px solid #d3d6db;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #f1f4f9;
    padding-bottom: 30px;
    padding-top: 30px;
}

.productfotofamilie {
    padding: 30px 30px 30px 30px!important;
    background-color: #f1f4f9;
}

.productfotofamilie > div {
    background-color: #333;
}

.boxleftimage .logoproductfamilie {
    margin-right: 0px;
    margin-left: auto;
    padding-right: 15px;
}

.boxrightimage .logoproductfamilie {
    margin-right: auto;
    margin-left: 0px;
    padding-left: 15px;
}

/* Downloads
--------------------------------------------- */

.boxdownloadhover h3 {
    position: absolute!important;
    bottom: 0px;
    padding: 20px 30px 16px 30px!important;
    background-color: rgb(255 255 255 / 90%);
    z-index: 1;
    height: auto;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    width: 100%;
}

.boxdownloadhover > div {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.boxtextdownload h3 {
    font-size: 16px;
    margin-bottom: 0px;
    padding-right: 50px;
    text-decoration: none;
    color: #333;
    width: 100%;
    display: block;
}

.boxtextdownload h3:after {
    position: absolute;
    right: 30px;
    top: 17px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 22px;
    color: #06c;
    background-color: rgb(255 255 255 / 0%);
    content: "\f56d";
}

.boxdownloadhover img {
    transition: all 0.5s ease-out;
    -webkit-mask-image: -webkit-radial-gradient(white,black);
}

.boxdownloadhover:hover img {
    transition: all 0.5s ease-out;
    transform: scale(1.05);
}

.boxdownloadhover .wpb_single_image {
    overflow: hidden;
}

.buttonhideabsolute {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 100;
}

.buttonhideabsolute a {
    position: absolute!important;
    top: 0px!important;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 100;
    background: none!important;
    font-size: 0px!important;
    padding: 0px!important;
    margin: 0px!important;
    border: 0px!important;
}

.boxdownloadstop {
    margin-top: -15px;
    margin-bottom: -21px;
    display: inline-block;
}

.boxdownloadsoverall {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 15px -15px -15px -15px;
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
}

.boxdownloadin > a {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 2px solid #06c;
}

.boximagesdownload {
    width: 90px;
    line-height: 0px;
    overflow: hidden;
    border-radius: 10px;
}

.boxdownloadin a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    text-decoration: none;
    align-items: flex-start;
}

.contentdownload {
    width: calc(100% - 90px);
    padding-left: 30px;
    padding-top: 15px;
}

.boximagesdownload img {
    border-radius: 10px;
}

a .contentdownload h4 {
    text-decoration: none;
}

.contentdownload p {
    font-size: 13px;
    color: #333;
    margin-bottom: 0px;
}

.boxdownloadin {
    width: 33.3%;
    padding: 15px;
}

a:hover .contentdownload h4 {
    text-decoration: underline;
}

.boximagesdownload img {
    transition: all 0.5s ease-out;
    -webkit-mask-image: -webkit-radial-gradient(white,black);
}

a:hover .boximagesdownload img {
    transition: all 0.5s ease-out;
    transform: scale(1.05);
}


/* Downloads -- @media - max 1199px
--------------------------------------------- */

@media (max-width: 1199px){

.boxdownloadin {
    width: 50%;
}
	
}


/* Downloads -- @media - max 991px
--------------------------------------------- */

@media (max-width: 991px){

.boxdownloadhover {
    width: 50%;
}
	
.boximagesdownload {
    width: 75px;
}

.contentdownload {
    width: calc(100% - 75px);
}
	
}

/* Downloads -- @media - max 768px
--------------------------------------------- */

@media (max-width: 768px){

.boxdownloadhover {
    width: 100%;
}
	
.boxdownloadin {
    width: 100%;
}

}

/* Downloads -- @media - max 600px
--------------------------------------------- */

@media (max-width: 600px){

.boxdownloadin {
    width: 100%;
}

}

/* 404
--------------------------------------------- */

.margintop20pxfooter {
	margin-top: 20px!important;
}

.box404 {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: 75vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

h1.h1header.header404 {
    max-width: unset;
}

p.onderschrift404 {
    color: #fff;
}

a.button.button404 {
    margin-top: 30px;
    background-color: #94c31e;
}

.box404pagina {
    position: relative;
    max-width: 650px;
}

img.afbeeldingflikkert {
    z-index: 3;
    max-width: 220px;
    top: -78px;
    left: calc(50% - 110px);
    position: absolute;
    -webkit-animation-name: grow;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: grow;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: grow;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes grow {
    2% {
        opacity: 0.5;
    }
    30% {
        opacity: 0.6;
    }
    40% {
        opacity: 0.2;
    }
    70% {
        opacity: 0.4;
    }
    100% {
        opacity: 0.5;
    }
}

.searchbox404 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
}

.searchbox404 form > div {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
}

form#searchform {
    width: 100%;
}

.searchbox404 input[type="text"] {
    width: calc(100% - 92px);
    margin-right: 10px;
}

.searchbox404 .knopzoeken {
    background-color: #94c31e;
    max-width: 92px;
}

.searchbox404 .knopzoeken:hover {
    background-color: #204d74;
}

.searchbox404 .boxzoeken {
    width: 100%;
}

/* Zoeken
--------------------------------------------- */

.boxzoekentop .facetwp-facet {
    width: unset!important;
    margin: 0px!important;
    display: inline-block!important;
}

.boxzoekentop i.facetwp-icon {
    display: none;
}

.boxzoekentop input.facetwp-search {
    padding: 0px;
    margin: 0px!important;
    font-size: inherit;
    width: auto!important;
    min-width: unset!important;
    display: inline-block!important;
    cursor: none;
    pointer-events: none;
    color: #03295b!important;
    border: 0px;
    outline: none;
}

.boxzoekentop span.facetwp-input-wrap {
    width: unset!important;
}

.boxzoekentop ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  display: none;
  opacity: 0;
}

.boxzoekentop ::-moz-placeholder { /* Firefox 19+ */
  display: none;
  opacity: 0;
}

.boxzoekentop :-ms-input-placeholder { /* IE 10+ */
  display: none;
  opacity: 0;
}

.boxzoekentop:-moz-placeholder { /* Firefox 18- */
  display: none;
  opacity: 0;
}

.boxlabel {
    position: absolute;
    left: 30px;
    top: -15px;
    font-size: 13px;
    padding: 5px 10px 3px 10px;
    background-color: #ffffff;
    color: #333;
    z-index: 1;
    border: 1px solid #d3d6db;
}

.projectbox.paddingtopkennis > div {
    padding-top: 50px;
}

.facetwp-selections ul {
    display: inline;
    padding: 0px;
    margin: 0px;
}

.facetwp-selections li {
    display: none!important;
}

li[data-facet="keywords"] {
    display: inline-block!important;
}

span.facetwp-selection-label {
    display: none;
}

.facetwp-selections .facetwp-selection-value {
    margin: 0px!important;
    padding: 0px!important;
    background: none!important;
}

.facetwp-selections {
    display: inline-block;
    pointer-events: none;
}

.boxh1 h1 {
	display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}
/* Product
--------------------------------------------- */

.boxproduct {
    border-bottom: 1px solid #d3d6db;
}

.skuproduct {
    font-size: 16px;
    margin-bottom: 15px!important;
    color: #8d8f92;
}

.textproduct {
    display: inline-block;
    width: 100%;
}

.firsttextproduct:after {
    display: none!important;
}

.boxproduct img {
    margin-left: auto;
    margin-right: auto;
}

.boxproduct a {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.boxnieuws .vc_grid-item > div {
    width: 100%;
}

.boxproduct figure {
    width: 100%;
    max-width: unset;
    text-align: center;
}

.boxbefore {
    width: 100%;
}

.uitgelichteafbeelding.boxproduct a {
    text-align: center;
    background-color: #fff;
}

/* Klanten vertellen
--------------------------------------------- */

.cijferpersoon10 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster10.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cijferpersoon9 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster9.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cijferpersoon8 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster8.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cijferpersoon7 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster7.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cijferpersoon6 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster6.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cijferpersoon5 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster5.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cijferpersoon4 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster4.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cijferpersoon3 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster3.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cijferpersoon2 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster2.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cijferpersoon1 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 23px;
    background-image: url("../famostar/img/ster1.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.boxcijfer {
    position: absolute;
    left: 185px;
    top: 32px;
    font-style: normal;
    font-size: 15px;
    color: #8d8f92;
}

.cijferpersoon8 .boxcijfer {
    left: 155px;
}

.cijferpersoon6 .boxcijfer {
    left: 125px;
}

.cijferpersoon4 .boxcijfer {
    left: 95px;
}

.cijferpersoon2 .boxcijfer {
    left: 65px;
}

.insidereview {
    min-height: 150px;
    padding: 30px 30px 30px 30px;
    font-style: italic;
    text-align: left;
    background-image: url(../famostar/img/klantenvertellen-2.png);
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) calc(100% - 35px);
    position: relative;
    background-color: #fff;
    width: 100%;
}

.boxreviewsgroot {
    display: flex;
    flex-direction: row;
    width: 33.3%;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    padding: 15px;
    box-sizing: border-box;
}

.boxreviewsgroot.metachtergrondblauw > div {
    background-color: #f1f4f9;
}

.boxonlymobiel {
    display: none!important;
}

.klantenvertellenwidget {
    max-width: 500px;
    border: 1px solid #d3d6db;
}

.klantenvertellenwidget .wpb_raw_html {
    line-height: 0px;
}

.reviewtekst {
    margin-bottom: 15px;
}

.aanraden {
    margin-bottom: 25px;
    margin-top: 25px;
    font-style: normal;
    border-top: 1px solid #d3d6db;
    padding-top: 15px;
    border-bottom: 1px solid #d3d6db;
    padding-bottom: 15px;
    font-size: 15px;
    width: 100%;
}

span.floatright2 {
    float: right;
    font-family: 'Frutiger-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Klanten vertellen - @media - 1199px 
--------------------------------------------- */

@media (max-width: 1199px){

.boxreviewsgroot {
    width: 50%;
}

}

/* Klanten vertellen - @media - 991px 
--------------------------------------------- */

@media (max-width: 991px){

.boxonlymobiel {
    display: block!important;
}
	
}

/* Klanten vertellen - @media - 768px 
--------------------------------------------- */

@media (max-width: 768px){

.boxreviewsgroot {
    width: 100%;
}

}

/* Template video
--------------------------------------------- */

.boxafbeeldingenenvideo2 h2 {
    font-size: 20px;
}

.margintopvideo {
    margin-top: 10px;
}

/* Template video - @media - 991px 
--------------------------------------------- */

@media (max-width: 991px){

.boxafbeeldingenenvideo2 h2 {
    font-size: 16px;
}
}

/* Template video - @media - 600px
--------------------------------------------- */

@media (max-width: 600px){

.margintopvideo {
    margin-top: 0px;
}
}


/* Template team
--------------------------------------------- */

.boxrayonindelingnieuw img {
    width: calc(100% - 30px);
    padding-right: 30px;
}

.boyrayonsmall span.smalltext {
	color: #8d8f92;
	font-size: 13px;
	display: block;
	max-width: 175px;
    margin-left: 0px;
}

.medewerkersbox {
    display: flex;
    flex-direction: row;
    width: 25%;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    padding: 15px;
    box-sizing: border-box;
}

.medewerkersbox > div {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    padding: 20px;
    position: relative;
    width: 100%;
}

.uitgelichteafbeelding2 {
    margin: -20px -20px 20px -20px;
    line-height: 0px;
}

.naammedewerker h3 {
    line-height: 1.2;
    font-family: 'Frutiger-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin-bottom: 5px;
    font-size: 18px;
    color: #06c;
}

.ondertitelmedewerker p {
    margin-bottom: 0px;
}

.ondertitelmedewerker {
    display: block;
    font-size: 15px;
    margin-bottom: 20px;
}

.quotemedewerker {
    font-style: italic;
    color: #8d8f92;
    font-size: 15px;
    display: block;
    margin-top: 20px;
}

.boxbeforemedewerker {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
}

.boxcontactgegevensfooter {
    width: 100%;
}

.boxbeforemedewerker .boxcontactgegevensfooter {
    font-size: 15px;
}

.boxrayonindelingnieuw figure, .boxrayonindelingnieuw  .vc_single_image-wrapper {
    width: 100%;
    max-width: unset;
}

.imagehover {
    position: absolute;
    top: 0px;
    opacity: 0;
    transition: all 1s ease;
    line-height: 0px;
}

.medewerkersbox > div:hover .imagehover {
    opacity: 1;
    transition: all 1s ease;
}

.boxmedewerkersflex {
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 25px -15px -15px -15px;
    align-content: flex-start;
}

.boxmedewerkersflex .ondertitelmedewerker {
    margin-bottom: 0px;
}

.boxmedewerkersflex .medewerkersbox > div {
    border: 1px solid #d3d6db;
}

.boxmedewerkersflex .uitgelichteafbeelding2 {
    margin: -21px -21px 20px -21px;
}

/* Template team -- @media - 1199px
--------------------------------------------- */

@media (max-width: 1199px){

.boxrayonindelingnieuw img {
    width: calc(100% - 60px);
    padding-right: 0px;
}
}

/* Template team -- @media - 1099px
--------------------------------------------- */

@media (max-width: 1099px){

.medewerkersbox {
    width: 33.3%;
}
	
}

/* Template team -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){
 
.medewerkersbox {
    width: 50%;
}

.boxrayonindelingnieuw img {
    padding-right: 30px;
}
	
}

/* Template team -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.boxrayonindelingnieuw img {
    width: calc(100% - 30px);
    padding-right: 30px;
}
	
}


/* Template team -- @media - 600px
--------------------------------------------- */

@media (max-width: 600px){

.medewerkersbox {
    width: 100%;
}

.boxrayonindelingnieuw img {
    padding-right: 0px;
    width: 300px;
}
	
}

/* Template geschiedenis -- @media - 600px
--------------------------------------------- */

@media (max-width: 600px){

.zindexfirstmobile {
    order: -1;
}
	
}

/* Samenwerking
--------------------------------------------- */

.bossamenwerking > a {
    padding: 0px;
    background-color: #fff;
}

.bossamenwerking .boximagesdownload {
    border-radius: 0px;
    overflow: visible;
    width: 120px;
}

.bossamenwerking .contentdownload {
    padding-top: 0px;
    width: calc(100% - 120px);
    padding-left: 20px;
}

.boxsamenwerking1 {
    margin-top: 35px;
}

.bossamenwerking .boximagesdownload img {
    border-radius: 0px;
}

.boxdownloadin.bossamenwerking {
    padding: 30px;
}

.boxsamenwerking1 .boxdownloadsoverall {
    margin: 0px -30px -30px -30px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
}



/* Samenwerking -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.boxsamenwerking1 {
    margin-top: 20px;
}

}

/* Samenwerking -- @media - 600px
--------------------------------------------- */

@media (max-width: 600px){

.bossamenwerking .boximagesdownload {
    border-radius: 0px;
    overflow: visible;
    width: 100px;
}

.bossamenwerking .contentdownload {
    width: calc(100% - 100px);
}

.boxdownloadin.bossamenwerking {
    padding: 15px;
}

.boxsamenwerking1 .boxdownloadsoverall {
    margin: 15px -15px -15px -15px;
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
}

}

/* Product zoeken
--------------------------------------------- */

.boxzoekenproduct {
	margin-top: -62.5px;
	min-height: 75vh;
}

.kolomsearchbox2 > div {
    padding: 50px!important;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #f1f4f9;
}

.buttonoranje {
    background-color: #f2ca58!important;
    color: #021831!important;
    border-radius: 10px!important;
}

.buttonoranje:hover {
    text-decoration: underline!important;
}

.vc_gitem-zone-mini {
	width: 100%!important;
}

/* Product zoeken -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.kolomsearchbox2 > div {
    padding: 50px 40px!important;
    margin-left: -40px!important;
    margin-right: -40px!important;
    width: calc(100% + 80px)!important;
}
	
}

/* Product zoeken -- @media - 600px
--------------------------------------------- */

@media (max-width: 600px){
	
.kolomsearchbox2 > div {
    padding: 40px 15px!important;
    margin-left: -15px!important;
    margin-right: -15px!important;
    width: calc(100% + 30px)!important;
}

.boxzoekenproduct {
	border-bottom: 1px solid #fff;
	margin-top: -100px;
	margin-bottom: -50px;
}
	
}

/* Sitemap
--------------------------------------------- */

strong.wsp-category-title a {
    text-decoration: none;
    color: #021831;
    pointer-events: none;
    cursor: default;
}

.wsp-container h2 { display: none; }

ul.children {
    margin-top: 10px;
}

/* Tabel
--------------------------------------------- */

.wpb_vc_table {
    line-height: 1.5!important;
    font-size: 15px;
}

table {
    border-spacing: 0px;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

tr {
    border-bottom: 1px solid #d3d6db;
}

td.vc_table_cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    min-width: 85px;
}

tr.vc-th {
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    background-color: #06c;
    color: #fff;
}

tbody {
    background-color: #fff;
    border: 1px solid #d3d6db;
}

/* Tabel -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

.wpb_vc_table {
    line-height: 1.4!important;
    font-size: 13px!important;
}
	
td.vc_table_cell {
    padding: 7.5px;
}
	
}

/* Filters product
--------------------------------------------- */

.boxfilterspage p {
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
}

.boxfilterspage .facetwp-facet {
    margin-bottom: 25px;
}

.boxfilterspage .facetwp-facet:last-child {
    margin-bottom: 0px;
}

.facetwp-toggle:hover {
    text-decoration: underline;
}

.facetwp-checkbox:hover {
    text-decoration: underline;
}

.boxfilterspage .facetwp-checkbox {
    font-size: 15px;
    background-position: left 1px;
}

.boxfilterspage {
    padding-right: 30px!important;
}

.facetwp-toggle {
    font-size: 15px;
}

.resetbutton2 .your-reset-btn {
    margin-bottom: 25px!important;
}

/* Footer
--------------------------------------------- */

.bottombar {
    padding: 20px 0px;
    color: #333;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.boxcontactformsharp {
    margin-top: 20px;
}

.paddinginsidefooter {
    padding-top: 47.5px;
    padding-bottom: 47.5px;
    background-color: #f1f4f9;
}

ul#Onderbalk-footer {
    list-style: none;
    padding: 0px;
    margin: -5px -10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

ul#Onderbalk-footer li {
    margin-bottom: 0px;
    padding: 5px 10px;
    position: relative;
}

ul#Onderbalk-footer li a {
    animation: none;
    font-size: 14px;
    text-decoration: none;
    color: #333;
}

ul#Onderbalk-footer li:before {
    content: '|';
    display: block;
    position: absolute;
    left: -1px;
    top: 4px;
}

ul#Onderbalk-footer > li:first-child:before {
    display: none;
}

ul#Onderbalk-footer > li > ul {
    display: none!important;
}

ul#Onderbalk-footer li a:hover {
    text-decoration: underline;
}

footer#colophon h4 {
    font-size: 20px;
    color: #fff;
}

.menufooter {
    margin-top: 20px;
}

.menufooter li {
    position: relative;
    margin-bottom: 16px;
}

.menufooter li > ul {
    display: none!important;
}

.menufooter ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.menufooter li a {
    box-sizing: border-box;
    line-height: 1.5;
    color: #fff;
    display: block;
    text-decoration: none;
}

.menufooter li.boxicon a {
    padding-left: 23px!important;
}

.menufooter span.boxicon2 {
    left: 0px;
    top: 3px;
}

.menufooter li a:hover {
    text-decoration: underline;
}

.afbeeldingfooterlogofamostar img {
    height: 48px!important;
    text-align: left;
    width: auto;
}

.boxcontactgegevensfooter ul {
    margin: 0px;
    list-style: none;
    color: #fff;
}

.boxcontactgegevensfooter li {
    margin-bottom: 0px;
    display: block;
    position: relative;
    padding-left: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.boxcontactgegevensfooter li:before {
    position: absolute;
    left: 0px;
    top: 3px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 15px;
    color: #f2ca58;
}

li.adres:before {
    content: "\f015";
}

li.postbus:before {
    content: "\f01c";
}

.telefoonnummerfooter:before {
    content: "\f879";
}

.e-mailadresfooter:before {
    content: "\f0e0";
}

.boxcontactgegevensfooter li a {
    text-decoration: none;
    color: #fff;
}

.boxcontactgegevensfooter li a:hover {
    text-decoration: underline;
}

.socialmediafooter {
    margin-top: 35px;
    font-size: 0px;
}

.socialmediafooter ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: -5px;
}

.socialmediafooter ul li a {
    width: 40px;
    height: 40px;
    margin-bottom: 0px;
    background-color: #06c;
    border-radius: 30px;
    margin: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    background-image: none!important;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    transition: background-color .25s ease-out!important;
}

.socialmediafooter ul li a:hover {
    background-color: #f2ca58!important;
    transition: background-color .25s ease-in;
    color: #fff!important;
}

.socialmediafooter ul li a:hover:before {
    color: #fff;
}

.socialmediafooter ul li {
    margin-bottom: 0px;
}

.socialmediafooter ul li a:before {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 20px;
    color: #fff;
}

.linkedin > a:before {
    content: "\f0e1";
}

.facebook > a:before {
    content: "\f39e";
}

.youtube > a:before {
    content: "\f167";
}

/* Footer -- @media - 1099px
--------------------------------------------- */

@media (max-width: 1099px){

.footermenu {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #d3d6db;
    padding-top: 20px;
}

.bottombar {
    justify-content: center;
}

ul#Onderbalk-footer {
    justify-content: center;
}

}

/* Footer -- @media - 768px
--------------------------------------------- */

@media (max-width: 768px){

ul#Onderbalk-footer li:before {
    display: none;
}

ul#Onderbalk-footer li {
    padding: 5px;
}

ul#Onderbalk-footer {
    margin: -5px;
}

}

/* Before footer
--------------------------------------------- */

.templatera_shortcode > p {
    display: none;
}

.breadcrumbsbox {
    padding: 15px 0px 10px 0px;
    color: #333;
    font-size: 15px;
    border-bottom: 2px solid #d3d6db;
}

.breadcrumbsbox p {
    margin-bottom: 0px;
}

.breadcrumbsbox a {
    color: #333;
    text-decoration: none;
}

span.last {
    text-decoration: underline;
}

.breadcrumbsbox a:hover {
    text-decoration: underline;
}

/* Cookie
--------------------------------------------- */

.cookielawinfo-row-cat-table {
    width: 100%!important;
    margin-left: 0px!important;
    margin-top: 0px!important;
    margin-bottom: 15px!important;
}

table.cookielawinfo-classic thead tr th {
    text-transform: none!important;
    font-family: 'MyriadPro-Bold',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;
    font-size: 14px!important;
    line-height: 1.5!important;
    padding-top: 8px!important;
    background-color: #06c!important;
    color: #fff!important;
    border-right: 1px solid #06c!important;
    border-bottom: 1px solid #06c!important;
	font-weight: normal!important;
}

table.cookielawinfo-classic {
    font-family: 'MyriadPro-Regular',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;
    border-left: 1px solid #06c!important;
    border-top: 1px solid #06c!important;
}

table.cookielawinfo-classic td {
    color: #03295b!important;
    font-size: 13px!important;
    border-right: 1px solid #d3d6db!important;
    border-bottom: 1px solid #d3d6db!important;
    line-height: 1.5!important;
}

div#cookie-law-info-bar {
    padding: 0px;
    text-align: left;
    opacity: 1!important;
    z-index: 1000!important;
}

span#wt-cli-cookie-banner .maxwidthbasis {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
}

.boxleft {
    width: calc(100% - 300px);
    padding-left: 75px;
}

.boxleft {
    background-image: url("../famostar/img/cookies.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 70px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.boxright {
    width: 300px;
    text-align: right;
}

.cli-style-v2 {
    font-size: 15px;
    line-height: 1.5;
}

a#wt-cli-accept-all-btn {
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
    border: 0px!important;
    border-color: #fff!important;
    border-radius: 0px!important;
    color: #ffffff!important;
    line-height: 1!important;
    padding: 15px 20px 12px 20px!important;
    cursor: pointer!important;
    font-size: 15px!important;
    transition: background-color .25s ease-out!important;
    text-decoration: none!important;
    display: inline-block!important;
    background-image: none!important;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    transition: background-color .25s ease-out!important;
    margin-left: 20px;
    border-radius: 10px!important;
    text-shadow: 0 1px 4px rgb(0 0 0 / 60%);
}

a#wt-cli-settings-btn {
    margin-right: 0px!important;
}

a#wt-cli-settings-btn:hover {
    text-decoration: underline;
}

a#wt-cli-privacy-save-btn, .wpb_text_column.wpb_content_element a#wt-cli-settings-btn {
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
    border: 0px!important;
    border-color: #fff!important;
    border-radius: 0px!important;
    color: #ffffff!important;
    line-height: 1!important;
    padding: 15px 20px 12px 20px!important;
    cursor: pointer!important;
    font-size: 15px!important;
    transition: background-color .25s ease-out!important;
    text-decoration: none!important;
    display: inline-block!important;
    background-image: none!important;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
    transition: background-color .25s ease-out!important;
    margin-left: 20px;
    background-color: #06c;
	border-radius: 10px!important;
}

.wpb_text_column.wpb_content_element a#wt-cli-settings-btn {
    margin-left: 0px!important;
}

.cli-modal-content, .cli-tab-content {
    border-radius: 0px;
}

h4#wt-cli-privacy-title {
    line-height: 1.2;
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.cli-privacy-overview {
    padding: 0px;
}

.cli-tab-header a.cli-nav-link {
    line-height: 1.2;
    font-family: 'MyriadPro-Bold', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    padding-left: 16px;
    padding-top: 2px;
}

.cli-tab-header a:before {
    position: absolute;
    top: 5px;
}

.cli-tab-section .cli-tab-content {
    padding: 10px 0px;
}

table.wt-cli-element.cookielawinfo-row-cat-table.cookielawinfo-classic {
    margin-bottom: 0px;
}

.wpb_text_column.wpb_content_element table.wt-cli-element.cookielawinfo-row-cat-table.cookielawinfo-classic {
    margin-bottom: 30px!important;
}

.cli-tab-header {
    border-radius: 0px;
}

button#cliModalClose {
    border-radius: 0px;
    background-color: #1c223c;
}

.cli-modal-close svg {
    fill: #fff;
}

a#wt-cli-accept-all-btn:hover, .wpb_text_column.wpb_content_element a#wt-cli-settings-btn:hover {
    background-color: #f2ca58!important;
}

a#wt-cli-privacy-save-btn:hover {
    background-color: #03295b;
}

button#cliModalClose:hover {
    background-color: #06c;
}

/* Cookies -- @media - 991px
--------------------------------------------- */

@media (max-width: 991px){

.boxleft {
    width: calc(100% - 250px);
    padding-left: 75px;
}

.boxright {
    width: 250px;
    text-align: right;
}

}

/* Cookies -- @media -768px
--------------------------------------------- */

@media (max-width: 768px){

.boxright {
    width: 175px;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding-left: 25px;
}

.boxleft {
    width: calc(100% - 175px);
}

a#wt-cli-accept-all-btn {
    margin-left: 0px;
    margin-right: 0px;
    order: -1;
}

}

/* Cookies -- @media - 500px
--------------------------------------------- */

@media (max-width: 500px){

.boxright {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    padding-left: 0px;
    align-content: center;
    align-items: center;
}

.boxleft {
    width: 100%;
}

a#wt-cli-accept-all-btn {
    margin-left: 0px;
    margin-right: 20px;
    order: -1;
    margin-top: 0px;
    margin-bottom: 20px;
    min-width: 200px;
}

a#wt-cli-settings-btn {
    margin-bottom: 20px!important;
}
	
.wpb_text_column.wpb_content_element a#wt-cli-settings-btn {
    margin-bottom: 0px!important;
}

}

/* Cookies -- @media - 320px
--------------------------------------------- */

@media (max-width: 320px){

a#wt-cli-settings-btn {
    margin-bottom: 20px!important;
}
	
.wpb_text_column.wpb_content_element a#wt-cli-settings-btn {
    margin-bottom: 0px!important;
}

a#wt-cli-accept-all-btn {
    min-width: unset;
}

.boxleft {
    padding-left: 50px;
    background-size: 44px;
    background-position: left 20px;
}

}