@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
@font-face {
font-family: 'Helvetica Neue';
font-weight: 500;
font-style: normal;
src: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue-Medium.woff2) format('woff2'), url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue-Medium.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue';
font-weight: 300;
font-style: normal;
src: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue-Light.woff2) format('woff2'), url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue-Light.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue';
font-weight: bold;
font-style: normal;
src: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue-Bold.woff2) format('woff2'), url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue-Bold.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue';
font-weight: normal;
font-style: normal;
src: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue.woff2) format('woff2'), url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue';
font-weight: normal;
font-style: italic;
src: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue-Italic.woff2) format('woff2'), url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/fonts/HelveticaNeue-Italic.woff) format('woff');
font-display: swap;
}  * { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.2; color: #494d4e; }
body { background: #fff; }
input,
select,
fieldset { display: block; border: 0; }
textarea { font-family: sans-serif; font-size: 16px; color: #494d4e; }
img { display: block; max-width: 100%; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
::placeholder { opacity: 1; } .clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; padding: 0 15px; position: relative; max-width: 1375px; }
.small_center { margin: 0 auto; padding: 0 15px; position: relative; max-width: 1075px; }
.center:after { display: block; clear: both; content: ''; overflow: hidden; }
.centered { padding-right: calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); }
p { font-weight: 300; line-height: 1.45; }
a { -webkit-transition: all 0.3s; transition: all 0.3s; }
.button { padding: 8px 20px; display: inline-block; font-size: 16px; font-weight: 700; line-height: 1.4; text-decoration: none; color: #1b3c6a; vertical-align: top; border: 2px solid #0097d5; -webkit-border-radius: 20px; border-radius: 20px; background: #fff; cursor: pointer; }
.button.active,
.button:hover { color: #fff; border-color: #1696d5; background: #1696d5; }
.button.no_bg:not(:hover) { background: none; }
.button.small { padding: 5px 15px; font-size: 10px; font-weight: 300; line-height: 14px; border-width: 1px; }
.btn { padding: 5px 20px; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 25px; text-align: center; text-decoration: none; color: #1b3c6a; -webkit-border-radius: 20px; border-radius: 20px; background: #9bceed; cursor: pointer; }
.btn:hover { color: #fff; background: #1696d5; }
.pt-0 { padding-top: 0 !important; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 500; line-height: 1.2; color: #1b3c6a; }
h1 { font-size: 34px; }
h2 { font-size: 27px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
blockquote { margin-bottom: 45px; padding: 30px 40px; border-left: 10px solid #1398d3; background: #e5f2fb; }
blockquote p { padding: 0 !important; font-size: 16px; line-height: 1.65; letter-spacing: 0.01em; }
hr { margin: 22px 0; display: block; height: 2px; border: 0; background: #cde6f7; }
hr.no_space { margin: 0; }
.concept_tag { position: absolute; top: 50%; left: 0; display: block; width: 100%; font-size: 50px; font-weight: 300; text-align: center; text-transform: uppercase; color: #fff; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.head_bar { padding-bottom: 25px; width: 100%; }
.head_bar h2:after,
.head_bar h1:after { margin: 12px 0 0; display: block; width: 260px; height: 6px; background: #0097d5; content: ''; }
.head_bar h1 { padding: 5px; display: inline-block; font-size: 34px; font-weight: 300; line-height: 1.5; color: #1b3c6a; vertical-align: top; }
.head_bar h2 { padding: 5px 5px 5px 0; display: inline-block; font-size: 27px; font-weight: 300; line-height: 1.5; color: #1b3c6a; vertical-align: top; }
.head_bar h1 strong,
.head_bar h2 strong { font-weight: 500; }
.head_bar .button { margin: 5px 5px 5px 15px; }
.head_bar .button:not(:hover) { color: #1b3c6a; }
.row { -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; } #mainCntr { width: 100%; } #headerCntr { position: relative; z-index: 99; width: 100%; }
#headerCntr .mobileMenu { position: relative; z-index: 15; display: none; float: left; width: 40px; height: 40px; transition: 0.2s; cursor: pointer; overflow: hidden; }
#headerCntr .mobileMenu span { position: absolute; top: 50%; right: 20%; left: 20%; display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #000; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 4px; border-radius: 5px; background-color: #000; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .covidBox { padding: 12px 0; width: 100%; font-family: 'Open Sans', sans-serif; background: #1b3c6a; }
.covidBox p { padding: 0; font-size: 14px; font-weight: 300; line-height: 1.3; color: #fff; }
.covidBox p small { padding: 0 0 0 10px; display: inline-block; font-size: 8px; font-weight: 700; line-height: 1.3; vertical-align: middle; } .logoBox { padding: 20px 0 18px; width: 100%; background: #fff; }
.home .logoBox { padding: 25px 0 30px; }
.logoBox .logo { margin: 0 0 0 10px; float: left; max-width: 288px; }
.logoBox .tag_line { margin: 25px 0 0 35px; float: left; font-family: 'Helvetica Neue', sans-serif; font-size: 24px; font-style: italic; line-height: 1.2; letter-spacing: 0.1em; color: #1b3c6a; }
.logoBox .right { margin: 22px -50px 0 0; float: right; }
.logoBox .group_sites { padding: 7px 0; display: inline-block; font-size: 18px; font-weight: 700; line-height: 1.3; text-transform: uppercase; text-decoration: none; color: #ed2524; vertical-align: top; }
.logoBox .group_sites.icon { margin: -18px 50px 0 0; padding: 0; font-size: 16px; font-weight: 400; text-align: center; text-transform: none; }
.logoBox .group_sites:hover { color: #0097d5; }
.logoBox .response_btn { margin: 0 40px; padding: 7px 15px; display: inline-block; font-size: 16px; font-weight: 700; line-height: 1.3; text-transform: uppercase; text-decoration: none; color: #fff; vertical-align: top; -webkit-border-radius: 20px; border-radius: 20px; background: #0097d5; }
.logoBox .response_btn:hover { background: #173c69; }
.logoBox .search { display: inline-block; width: 220px; vertical-align: top; }
.logoBox .search input[type='search'] { padding: 6px 15px; width: 100%; height: 36px; font-size: 16px; color: #0097d5; border: 2px solid #00aeef; -webkit-border-radius: 20px; border-radius: 20px; }
.logoBox .icon-globe { margin: 0 auto 5px; display: block; font-size: 48px; line-height: 1; }
.logoBox .search_icon { display: none; } .menuBox { width: 100%; background: #0097d5; }
.menuBox ul { width: 100%; }
.menuBox ul li { margin: 0 22px; position: relative; display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-size: 19px; line-height: 1.1; letter-spacing: 0.01em; text-align: center; vertical-align: top; }
.menuBox ul li:first-child { margin-right: 25px; margin-left: 15px; }
.menuBox ul li a { padding: 8px 10px; display: flex; align-items: center; justify-content: center; min-height: 58px; text-decoration: none; color: #fff; }
.menuBox ul li a.home { font-size: 30px; }
.menuBox ul li:hover > a,
.menuBox ul li a.active,
.menuBox ul li a:hover { background: #1b3c6b; }
.menuBox li ul { padding: 20px 0; position: absolute; top: 100%; left: 0; visibility: hidden; width: 355px; text-align: left; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.menuBox li:hover ul { visibility: visible; transform: scale(1); }
.menuBox li li:first-child,
.menuBox li li { margin: 0 !important; padding: 0; display: block; width: 100%; font-size: 18px; text-align: left; }
.menuBox li li a { padding: 4px 10px 4px 25px; display: block; min-height: inherit; color: #231f20; -webkit-transition: none; transition: none; }
.menuBox li li a.active,
.menuBox li:hover li a:hover { font-weight: 700; letter-spacing: -0.004em; color: #1b3c6a; background: none; }
.menuBox li li a.active { font-weight: 700; } #contentCntr { width: 100%; } .bannerBox { position: relative; width: 100%; background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/banner-bg.jpg) center center no-repeat; background-size: cover; height:400px;}
.bannerBox .wrap { padding: 35px 0; display: table; width: 100%; min-height: 340px; }
.bannerBox .left { padding: 0 0 20px 100px; display: table-cell; width: 68.5%; vertical-align: middle; }
.bannerBox .left h1:after { margin: 13px 0 0; position: relative; z-index: 1; display: block; width: 260px; height: 6px; background: #0097d5; content: ''; }
.bannerBox .right { display: table-cell; width: 31.5%; vertical-align: bottom; }
.bannerBox .right .inner { padding: 0 30px 0 25px; position: relative; z-index: 1; width: 100%; border-left: 1px solid #d76e58; }
.bannerBox .right h2 { padding: 0 0 5px; font-size: 17px; font-weight: 700; line-height: 1.2; color: #1b3c6a; }
.bannerBox .right p { padding: 0; font-size: 17px; line-height: 1.45; letter-spacing: 0.02em; color: #1b3c6a; }
.bannerBox h1 { padding: 5px; position: relative; z-index: 1; display: inline-block; font-size: 34px; font-weight: 300; line-height: 1.2; color: #1b3c6a; vertical-align: top; }
.bannerBox h1 strong { font-weight: 500; }
.bannerBox .button { margin: 5px; position: relative; z-index: 1; }
.bannerBox canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .contactBox { padding: 80px 0; width: 100%; background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/page-texture.png) calc(50% + 255px) 45px no-repeat; }
.contactBox .center { max-width: 1190px; }
.contactBox .left_side { padding: 30px 70px 0 0; float: left; width: 51.5%; max-width: 465px; }
.contactBox .right_side { margin-right: 30px; padding: 50px 55px 30px 50px; float: right; width: calc(48.5% - 30px); background: rgba(255, 255, 255, 0.2); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); }
.contactBox .left_side p { padding: 5px 0 25px; font-size: 14px; line-height: 1.75; }
.contactBox .left_side span.call { font-size: 14px; font-weight: 700; }
.contactBox .left_side span.call a { text-decoration: none; color: #494d4e; }
.contactBox .field { margin-bottom: 12px; padding: 9px 15px; width: 100%; height: 37px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: inherit; color: #1b3c6a; border: 1px solid #0096d4; -webkit-border-radius: 25px; border-radius: 25px; }
.contactBox .right_side h2 { padding: 0 0 25px 15px; font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 700; letter-spacing: -0.005em; }
.contactBox .field.half { float: left; width: calc(50% - 5px); }
.contactBox .field.half + .half { float: right; }
.contactBox select.field { background: rgba(22, 150, 213, 0.1) url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/arrow-down.svg) calc(100% - 15px) center no-repeat; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; cursor: pointer; }
.contactBox .btn { float: right; }
.contactBox .note { padding: 15px 0 0 20px; display: block; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0.01em; overflow: hidden; }
.contactBox .field.checked { padding-right: 40px; background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/check-icon.svg) calc(100% - 15px) no-repeat; background-size: 17px auto; }
.contactBox .checkbox { margin: 15px 0 15px 20px; padding: 0 0 0 30px; position: relative; }
.contactBox .checkbox input[type='checkbox'] { position: absolute; top: 2px; left: 0; opacity: 0; width: 18px; height: 18px; cursor: pointer; }
.contactBox .checkbox input[type='checkbox'] + label { font-size: 12px; font-weight: 300; line-height: 18px; cursor: pointer; }
.contactBox .checkbox input[type='checkbox'] + label:before { position: absolute; top: 2px; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 17px; height: 17px; border: 1px solid #1b3c6a; -webkit-border-radius: 5px; border-radius: 5px; content: ''; }
.contactBox .checkbox input[type='checkbox']:checked + label:before { background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/check-icon.svg) center center no-repeat; } .serviceBox { padding: 60px 0; width: 100%; }
.serviceBox .row { -webkit-justify-content: space-between; justify-content: space-between; }
.serviceBox .col3 { width: calc(33.33% - 17px); border: 2px solid #017fc4; overflow: hidden; background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/texture1.png) right top no-repeat; background-size: auto 100%; }
.serviceBox .col3:nth-of-type(2) { background-image: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/texture2.png); }
.serviceBox .col3:nth-of-type(3) { background-image: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/texture3.png); }
.serviceBox .heading { padding: 25px 60px; position: relative; }
.serviceBox .heading:after { position: absolute; top: 100%; left: 0; width: 100%; height: 1000px; background: rgba(0, 0, 0, 0.1); content: ''; }
.serviceBox .content { padding: 15px 40px 35px 60px; position: relative; z-index: 1; }
.serviceBox [class*='icon-'] { margin-bottom: 15px; display: block; width: 90px; height: 90px; font-size: 65px; line-height: 90px; text-align: center; color: #017fc4; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; }
.serviceBox p { padding: 0; line-height: 1.45; } .aboutBox { padding: 70px 0 0; width: 100%; background: #9bd0f0; overflow: hidden; }
.aboutBox .left_side { padding: 40px 30px 50px 0; float: left; width: 34%; }
.aboutBox .right_side { position: relative; -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; float: right; width: 66%; background: #1296d6; }
.aboutBox .right_side:after { position: absolute; top: 0; right: -5000px; width: 5000px; height: 100%; background: #1296d6; content: ''; }
.aboutBox h2 { font-size: 27px; font-weight: 300; color: #e8322a; }
.aboutBox h2 strong { font-weight: 500; }
.aboutBox h2:after { margin: 15px 0; display: block; width: 255px; height: 5px; background: #1095d8; content: ''; }
.aboutBox p { padding-bottom: 35px; line-height: 1.55; }
.aboutBox .right_side .image { position: relative; width: 49%; background-position: center center; background-size: cover; }
.aboutBox .right_side .image .mobile { display: none; }
.aboutBox .right_side .text { padding: 40px 40px 85px 150px; width: 51%; }
.aboutBox .right_side h2 { color: #fff; }
.aboutBox .right_side h2:after { margin-bottom: 0; background: #9bcdef; }
.aboutBox ul { margin: 0; padding: 0; list-style: none; }
.aboutBox li { padding: 13px 0; position: relative; width: 100%; border-bottom: 1px solid #9bcdef; }
.aboutBox li [class*='icon-'] { position: absolute; top: 50%; left: -90px; font-size: 62px; color: #fff; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.aboutBox li p { margin-right: -20px; padding: 0; font-size: 16px; line-height: 1.7; letter-spacing: 0.01em; color: #fff; } .partnerBox { margin: 0 0 -90px; padding: 35px 0 0; width: 100%; }
.partnerBox .row { margin: 0 -15px; position: relative; z-index: 1; }
.partnerBox .row .col2 { margin: 0 15px; width: calc(50% - 30px); background: #fff; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); }
.partnerBox .row .col4 { margin: 0 15px; width: calc(25% - 30px); background: #fff; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); }
.partnerBox .row .col2 img, .partnerBox .row .col4 img { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
.partnerBox .row .col2 .image:hover img, .partnerBox .row .col4 .image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.partnerBox .row .col2 .image, .partnerBox .row .col4 .image { position: relative; display: block; overflow: hidden; }
.partnerBox .row .col2 .title, .partnerBox .row .col4 .title { padding: 10px 10px 10px 15px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 90px; line-height: 1.4; background: #fff; }
.partnerBox .row .col2 .title a, .partnerBox .row .col4 .title a { display: inline-block; text-decoration: none; color: #494d4e; vertical-align: top; -webkit-transition: none; transition: none; }
.partnerBox .row .col2 .title a:hover, .partnerBox .row .col4 .title a:hover { font-weight: 700; letter-spacing: -0.01em; color: #0097d5; } .solutionBox { padding: 130px 0 50px; width: 100%; color: #fff; background: #1296d6; }
.solutionBox .head_bar { padding-bottom: 50px; }
.solutionBox .head_bar h2 { color: #fff; }
.solutionBox .head_bar h2:after { background: rgba(255, 255, 255, 0.6); }
.solutionBox .col6 { width: 16.66%; text-align: center; }
.solutionBox [class*='icon-'] [class*='path'],
.solutionBox [class*='icon-'] { margin: 0 auto; position: relative; display: block; width: 150px; height: 150px; font-size: 150px; line-height: 150px; color: #183c6c; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; }
.solutionBox [class*='icon-'] { -webkit-transition: all 2.5s; transition: all 2.5s; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); }
.solutionBox .animate [class*='icon-'] { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.solutionBox [class*='icon-'] [class*='path'] { position: absolute; top: 0; left: 0; background: none; }
.solutionBox span.value { position: absolute; top: 0; left: 0; width: 100%; font-family: 'Roboto', sans-serif !important; font-size: 32px; line-height: 150px; text-align: center; color: #183c6c; }
.solutionBox .title { padding: 20px 0; display: block; font-size: 22px; font-weight: 300; text-align: center; color: #fff; }
.solutionBox.inner { padding-top: 40px; }
.solutionBox.inner [class*='icon-'],
.solutionBox.inner [class*='icon-'] [class*='path'] { color: #183c6c; }
.solutionBox .graphic { position: relative; display: inline-block; vertical-align: top; }
.solutionBox .icon-graphic4:before { display: block; -webkit-transform: translate(-4px, 0); transform: translate(-4px, 0); }
.solutionBox .icon-graphic6:before { display: block; -webkit-transform: translate(-2px, 1px); transform: translate(-2px, 1px); } .mapBox { position: relative; width: 100%; background: #e4e4e4; }
.mapBox .inner { margin: auto; position: relative; }
.map_wrapper { position: relative; width: 100%; }
.mapBox .map { width: 100%; }
.mapBox .text { position: absolute; bottom: 50px; left: 70px; width: 100%; max-width: 420px; font-family: 'Open Sans', sans-serif; }
.mapBox .text h2 { padding-bottom: 25px; font-size: 60px; font-weight: 300; line-height: 1.2; }
.mapBox .text h2 strong { font-weight: 700; }
.mapBox .tooltip { position: absolute; }
.mapBox .tooltip1 { top: 22%; left: 32%; }
.mapBox .tooltip2 { top: 28.6%; left: 29%; }
.mapBox .tooltip3 { top: 16%; left: 57.3%; }
.mapBox .tooltip4 { top: 81.8%; left: 62%; }
.mapBox .tooltip5 { top: 43.7%; left: 76.5%; }
.mapBox .tooltip6 { top: 27%; left: 92%; }
.mapBox .tooltip .tip_icon { position: relative; z-index: 1; display: block; font-size: 33px; line-height: 1; text-decoration: none; color: #ed1c24; }
.mapBox .tooltip .tip { padding: 20px; position: absolute; top: 17px; left: 17px; width: 250px; border: 1px solid #1b3c6a; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
.mapBox .tooltip.right_bottom .tip { right: 17px; left: auto; -webkit-transform-origin: right top; transform-origin: right top; }
.mapBox .tooltip.left_top .tip { top: auto; bottom: 17px; -webkit-transform-origin: left bottom; transform-origin: left bottom; }
.mapBox .tooltip:hover .tip { visibility: visible; -webkit-transform: scale(1); transform: scale(1); }
.mapBox .tooltip:hover .tip_icon { color: #1b3c6a; }
.mapBox .tooltip:hover { z-index: 2; } #catalogueCntr { width: 100%; background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/page-texture.png) calc(50% + 255px) 45px no-repeat; } .topBox { padding: 110px 0 125px; width: 100%; }
.topBox .right,
.topBox .mid,
.topBox .left { padding: 0 25px; max-width: 33.33%; }
.topBox .mid { border-right: 1px solid #e8322a; border-left: 1px solid #e8322a; }
.topBox .row { margin: 0 -25px; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.topBox .button { font-weight: 300; }
.topBox .button strong { font-weight: 500; }
.topBox .mid h2 { padding: 0 0 5px; font-size: 14px; font-weight: 700; line-height: 1.2; color: #1b3c6a; }
.topBox .mid p { padding: 0; font-size: 14px; line-height: 1.65; color: #1b3c6a; }
.topBox .head_bar { padding: 0; }
.topBox.left_align .row { padding-left: 50px; -webkit-justify-content: flex-start; justify-content: flex-start; } .apiBox { width: 100%; }
.apiBox .center { max-width: 1275px; }
.apiBox .search_box { margin: 0 auto 60px; position: relative; width: 100%; max-width: 520px; }
.apiBox .search_box input[type='search'] { padding: 18px 70px 18px 40px; width: 100%; height: 60px; font-family: 'Open Sans', sans-serif; font-size: 19px; font-weight: 300; color: #1b3c6a; -webkit-border-radius: 40px; border-radius: 40px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }
.apiBox .search_box .submit { position: absolute; top: 15px; right: 25px; font-size: 33px; line-height: 33px; color: #9bcdee; border: 0; background: none; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; }
.apiBox .search_box .submit:hover { color: #1b3c6a; }
.apiBox .left_sidebar { padding: 20px 0 0; float: left; width: 265px; }
.apiBox .left_sidebar h3 { padding-bottom: 20px; font-size: 18px; font-weight: 700; }
.apiBox .left_sidebar ul { padding-bottom: 16px; }
.apiBox .left_sidebar li { padding-bottom: 22px; }
.apiBox .left_sidebar .checkbox { padding: 0 0 0 30px; position: relative; }
.apiBox .left_sidebar .checkbox input[type='checkbox'] { position: absolute; top: 2px; left: 0; opacity: 0; width: 18px; height: 18px; cursor: pointer; }
.apiBox .left_sidebar .checkbox input[type='checkbox'] + label { font-size: 12px; font-weight: 300; line-height: 18px; cursor: pointer; }
.apiBox .left_sidebar .checkbox input[type='checkbox'] + label:before { position: absolute; top: 2px; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 17px; height: 17px; border: 1px solid #1b3c6a; -webkit-border-radius: 5px; border-radius: 5px; content: ''; }
.apiBox .left_sidebar .checkbox input[type='checkbox']:checked + label:before { background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/check-icon.svg) center center no-repeat; }
.apiBox .right_sidebar { padding: 0 0 0 40px; overflow: hidden; border-left: 1px solid #e8322a; }
.apiBox .right_sidebar table { width: 100%; text-align: left; border: 0; border-collapse: collapse; }
.apiBox .right_sidebar table th,
.apiBox .right_sidebar table td { padding: 5px 10px; height: 41px; font-size: 14px; font-weight: 300; border-bottom: 1px solid #1b3c6a; }
.apiBox .right_sidebar table th { padding: 10px; height: auto; font-weight: 700; color: #1b3c6a; vertical-align: top; }
.apiBox .right_sidebar .table_wrap { padding-top: 0; }
.apiBox .right_sidebar table tr:first-child { border-top: 0; }
.apiBox .right_sidebar table tr td:last-child { width: 95px; }
.apiBox .right_sidebar table tr td:nth-of-type(1) { width: 17.5%; }
.apiBox .right_sidebar table tr td:nth-of-type(2) { width: 10%; }
.apiBox .right_sidebar table tr td:nth-of-type(3) { width: 17.5%; }
.apiBox .right_sidebar table tr td:nth-of-type(4) { width: 15.5%; }
.apiBox .right_sidebar table tr td:nth-of-type(5) { width: 16.5%; }
.apiBox .right_sidebar table tr:nth-of-type(even) { background: rgba(21, 150, 208, 0.08); }
.apiBox .right_sidebar table tr:nth-of-type(odd) { background: none; }
.apiBox .right_sidebar table tr:hover td { font-weight: 700; letter-spacing: -0.02em; }
.apiBox .right_sidebar .table_wrap table tr:nth-of-type(even):hover { background: rgba(8, 134, 253, 0.15); }
.apiBox .right_sidebar .table_wrap table tr:nth-of-type(odd):hover { background: rgba(0, 0, 0, 0.03); }
.apiBox .right_sidebar .table_wrap table tr:first-child:hover { background: none !important; }
.apiBox .head_bar.bottom { padding-top: 10px; }
.apiBox .right_sidebar .btn { padding: 0 5px; display: block; font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: 700; line-height: 25px; text-align: center; text-decoration: none; color: #1b3c6a; -webkit-border-radius: 20px; border-radius: 20px; background: #9bceed; }
.apiBox .right_sidebar .btn:hover { color: #fff; background: #1696d5; }
.apiBox .apply_filter { display: none; } .valueBox { padding: 15px 0 5px; width: 100%; }
.valueBox .row { overflow: hidden; border: 2px solid #0097d5; }
.valueBox .left_content { width: 34.2%; }
.valueBox .right_image { order: 1; width: 65.8%; min-height: 450px; background-position: center center; background-size: cover; }
.valueBox .right_image img.mobile { display: none; }
.valueBox .left_content .heading { padding: 10px 20px 10px 50px; position: relative; -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; min-height: 120px; }
.valueBox .left_content .heading:after { position: absolute; top: 100%; left: 0; width: 100%; height: 1000px; background: #eee; content: ''; }
.valueBox h2 { font-size: 27px; font-weight: 300; }
.valueBox h2 strong { font-weight: 500; }
.valueBox .content { padding: 30px 50px; position: relative; z-index: 1; }
.valueBox .content p { line-height: 1.5; }
.valueBox .content h4 { padding: 45px 0 0; font-family: 'Open Sans', sans-serif; font-size: 21px; font-weight: 300; color: #343738; }
.valueBox .content .call { display: block; font-family: 'Open Sans', sans-serif; font-size: 21px; font-weight: 700; color: #343738; }
.valueBox .content .call a { text-decoration: none; color: #343738; } #globalCntr { width: 100%; background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/page-texture.png) calc(50% + 255px) 45px no-repeat; } .top_headBox { padding: 110px 0 115px; width: 100%; }
.top_headBox .col1 { padding: 0 25px; width: 50%; }
.top_headBox .col2 { padding: 0 25px; width: 42%; border-right: 1px solid #e8322a; border-left: 1px solid #e8322a; }
.top_headBox .row { margin: 0 -25px; -webkit-align-items: center; align-items: center; }
.top_headBox h2 { padding: 0 0 5px; font-size: 14px; font-weight: 700; line-height: 1.2; color: #1b3c6a; }
.top_headBox p { padding: 0; font-size: 14px; line-height: 1.65; color: #1b3c6a; }
.top_headBox .head_bar { padding: 0; } .paginationBox { margin-bottom: 50px; padding: 13px 5px 13px 0; width: 100%; border-bottom: 1px solid #9bcdee; overflow: hidden; }
.paginationBox .breadcrumb { float: left; }
.paginationBox .breadcrumb li { padding: 4px 5px 4px 10px; position: relative; float: left; font-size: 12px; font-weight: 300; line-height: 16px; color: #2d3032; }
.paginationBox .breadcrumb li a { text-decoration: none; color: #2d3032; }
.paginationBox .breadcrumb li:before { position: absolute; top: 4px; left: 0; color: #2d3032; content: '>'; }
.paginationBox .breadcrumb li:first-child { padding-left: 0; }
.paginationBox .breadcrumb li:first-child:before { display: none; }
.paginationBox .breadcrumb li a:hover { text-decoration: underline; }
.paginationBox .button { float: right; } .contentBox { width: 100%; color: #58585b; }
.contentBox h3 { padding-bottom: 20px; font-weight: 700; letter-spacing: 0.01em; }
.contentBox p { padding-bottom: 35px; font-size: 16px; line-height: 1.65; letter-spacing: 0.01em; }
.contentBox .wrap_content { padding-right: 130px; }
.contentBox .list { padding-bottom: 35px; }
.contentBox .list li { padding: 0 0 0 13px; position: relative; font-size: 16px; font-weight: 300; line-height: 1.65; letter-spacing: 0.01em; }
.contentBox .list li:before { position: absolute; top: 0; left: 0; content: '>'; }
.contentBox .links_group .button + .button { margin-left: 20px; }
.contentBox .links_group { margin: -10px 0 40px; }
.contentBox .button { padding-right: 25px; padding-left: 25px; }
.contentBox .table_wrap { overflow: auto; margin-bottom: 50px; }
.contentBox .row { margin: 0 -15px; }
.contentBox .col-12 { padding: 0 15px; width: 100%; }
.contentBox .col-9 { padding: 0 15px; width: 75%; }
.contentBox .col-8 { padding: 0 15px; width: 66.66%; }
.contentBox .col-6 { padding: 0 15px; width: 50%; }
.contentBox .col-4 { padding: 0 15px; width: 33.33%; }
.contentBox .col-3 { padding: 0 15px; width: 25%; }
.contentBox h1.heading { font-size: 47px; font-weight: 700; color: #58585b; }
.contentBox h2.heading { font-size: 37px; font-weight: 700; color: #58585b; }
.contentBox h3.heading { font-size: 26px; font-weight: 700; color: #58585b; }
.contentBox h4.heading { font-size: 20px; font-weight: 700; color: #58585b; }
.contentBox h5.heading { font-size: 16px; font-weight: 700; color: #58585b; }
.contentBox h6.heading { font-size: 14px; font-weight: 700; color: #58585b; }
.contentBox .light { font-weight: 300 !important; }
.contentBox.bottom .heading { padding: 0 0 20px; }
.contentBox.bottom { padding-bottom: 25px; } .table_wrap { padding: 10px 0; width: 100%; overflow: auto; }
.table_wrap table { width: 100%; text-align: left; border: 0; border-collapse: collapse; }
.table_wrap table th,
.table_wrap table td { padding: 5px 10px; height: 41px; font-size: 14px; font-weight: 300; border-bottom: 1px solid #1b3c6a; }
.table_wrap table th { padding: 0 10px 10px; height: auto; font-weight: 700; color: #1b3c6a; vertical-align: top; }
.table_wrap table tr td:last-child { width: 95px; }
.table_wrap table tr td:nth-of-type(1) { width: 20%; }
.table_wrap table tr:first-child { border-top: 1px solid #1b3c6a; }
.table_wrap table tr:nth-of-type(odd) { background: rgba(8, 134, 253, 0.08); }
.table_wrap table tr:hover { background: rgba(0, 0, 0, 0.03); }
.table_wrap table tr:nth-of-type(odd):hover { background: rgba(8, 134, 253, 0.15); }
.table_wrap table tr:hover td { font-weight: 700; letter-spacing: -0.02em; }
.table_wrap .btn { padding: 0 5px; display: block; font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: 700; line-height: 25px; text-align: center; text-decoration: none; color: #1b3c6a; -webkit-border-radius: 20px; border-radius: 20px; background: #9bceed; }
.table_wrap .btn:hover { color: #fff; background: #1696d5; } .two_columnBox { width: 100%; }
.two_columnBox .row { margin: 0 -15px; }
.two_columnBox .column { padding: 0 15px 20px; width: 50%; }
.two_columnBox .column .image { float: left; width: 47.5%; overflow: hidden; }
.two_columnBox .column .image a { display: block; }
.two_columnBox .column .image img { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
.two_columnBox .column .text { padding: 15px 0 0 25px; overflow: hidden; }
.two_columnBox .column .image:hover img { opacity: 0.5; }
.two_columnBox .column .text h5 { padding: 0 0 5px; font-size: 16px; font-weight: 700; line-height: 20px; }
.two_columnBox .column .text h5 a { text-decoration: none; color: #002c73; }
.two_columnBox .column .text h5 a:hover { text-decoration: underline; }
.two_columnBox .column .text p { font-size: 16px; line-height: 1.65; letter-spacing: 0.01em; } .four_columnBox { padding: 40px 0 20px; width: 100%; }
.four_columnBox .row { margin: 0 -13px; }
.four_columnBox .column { padding: 0 13px 20px; position: relative; width: 25%; }
.four_columnBox .column a { box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); display: block; text-decoration: none; background: #fff; }
.four_columnBox .column a img { opacity: 0.5; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
.four_columnBox .column a h5 { padding: 10px 20px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 75px; font-size: 15px; font-weight: 300; line-height: 1.32; color: #58585b; }
.four_columnBox .column a h5:hover { font-weight: 700;  color: #002c73; }
.four_columnBox .column a:hover img { opacity: 100; }
.four_columnBox .column .button { position: absolute; top: 10px; right: 25px; border-color: transparent; background: #fff; }
.four_columnBox .column .button:hover { background: #1e376d; }
#filterlist .column { display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; }
.filter_bar { padding-bottom: 35px; width: 100%; }
.filter_bar .filtering { display: inline-block; max-width: calc(100% - 120px); vertical-align: top; }
.filter_bar h5 { padding-right: 20px; display: inline-block; line-height: 26px; vertical-align: top; }
.filter_bar ul { display: inline-block; vertical-align: top; }
.filter_bar ul li { margin-right: 10px; display: inline-block; vertical-align: top; }
.filter_bar a.trigger { display: none; }
.pagination_bar { padding: 60px 0 10px; width: 100%; font-size: 0; text-align: center; }
.pagination_bar a { margin: 5px; padding: 0 5px; display: inline-block; min-width: 34px; font-size: 14px; line-height: 32px; text-decoration: none; color: #58585b; vertical-align: top; border: 1px solid #9bcdee; -webkit-border-radius: 3px; border-radius: 3px; }
.pagination_bar .next,
.pagination_bar .prev { font-size: 17px; border: 0; }
.pagination_bar a span { line-height: 32px; }
.pagination_bar a:hover { background: #9cceef; } .three_columnBox { padding: 0 0 45px; width: 100%; }
.three_columnBox .row { margin: 0 -17px; }
.three_columnBox .column { padding: 0 17px 20px; width: 33.33%; }
.three_columnBox .column a { display: block; text-decoration: none; border: 1px solid #1596d4; }
.three_columnBox .column a img { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
.three_columnBox .column a h3 { padding: 10px 20px 10px 30px; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 115px; font-size: 20px; font-weight: 300; line-height: 1.42; color: #58585b; }
.three_columnBox .column a h3:hover { font-weight: 700; letter-spacing: -0.015em; color: #1895d3; }
.three_columnBox .column a:hover img { opacity: 0.5; } #footerCntr { overflow: hidden; width: 100%; } .topFooterBox { padding: 25px 0; width: 100%; text-align: right; }
.topFooterBox h2 { font-size: 25px; font-weight: 300; line-height: 1.3; }
.topFooterBox h2 strong { font-weight: 500; } .footerBox { padding: 70px 0; width: 100%; min-height: 385px; background: #9bcdef; }
.footerBox h3 { font-size: 16px; line-height: 1.3; }
.footerBox h3:after { margin: 10px 0; display: block; width: 70px; height: 3px; background: #2c93cc; content: ''; }
.footerBox .center { max-width: 1340px; }
.footerBox p,
.footerBox li { padding-bottom: 5px; font-size: 12px; font-weight: 300; line-height: 1.3; letter-spacing: 0.02em; color: #1b3c6a; }
.footerBox li a { text-decoration: none; color: #1b3c6a; }
.footerBox .col { padding-right: 20px; }
.footerBox .col1 { padding-left: 20px; width: 23%; }
.footerBox .col2 { width: 17.5%; }
.footerBox .col3 { width: 17%; }
.footerBox .col4 { width: 24%; }
.footerBox .col5 { padding-right: 0; width: 18.5%; }
.footerBox p { padding-bottom: 25px; }
.footerBox h4 { padding-bottom: 10px; font-size: 18px; }
.footerBox li a:hover { text-decoration: underline; } @media only screen and (max-width: 1499px) {
.logoBox .right { margin-right: 0; }
}
@media only screen and (max-width: 1365px) {
.logoBox .logo { max-width: 250px; }
.logoBox .tag_line { margin-top: 20px; letter-spacing: 0.04em; }
.logoBox .response_btn { margin: 0 20px; font-size: 15px; }
.logoBox .right { margin-top: 12px; }
.menuBox ul li { margin: 0 15px; }
.bannerBox .left { padding-left: 0; }
.home .logoBox { padding: 25px 0; }
.serviceBox .heading { padding: 25px 40px; }
.serviceBox .content { padding: 15px 40px 30px; }
.aboutBox .right_side .text { padding: 30px 20px 60px 110px; }
.partnerBox .row .col4 .title a br { display: none; }
.partnerBox .row .col4 .title { font-size: 15px; }
.mapBox .text h2 { font-size: 45px; }
.mapBox .text { left: 20px; }
}
@media only screen and (max-width: 1279px) {
h1 { font-size: 30px; }
.valueBox h2,
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
.logoBox .logo { margin-left: 0; max-width: 200px; }
.logoBox .tag_line { margin: 15px 0 0 20px; font-size: 20px; letter-spacing: normal; }
.logoBox .response_btn { margin: 0 20px; font-size: 13px; line-height: 22px; }
.logoBox .right { margin-top: 8px; }
.logoBox .search { width: 180px; }
.logoBox .group_sites { font-size: 16px; }
.menuBox ul li { margin: 0 7px; font-size: 18px; }
.menuBox ul li:first-child { margin-right: 10px; margin-left: 0; }
.menuBox li li a { padding: 4px 15px; }
.bannerBox .wrap { min-height: 280px; }
.head_bar h1,
.bannerBox h1 { font-size: 30px; }
.serviceBox .heading { padding: 20px; }
.serviceBox .content { padding: 15px 20px 20px; }
.serviceBox [class*='icon-'] { width: 60px; height: 60px; font-size: 50px; line-height: 60px; }
.aboutBox li [class*='icon-'] { left: -55px; font-size: 40px; }
.aboutBox .right_side .text { padding-bottom: 30px; padding-left: 70px; }
.aboutBox li p { margin-right: 0; font-size: 15px; line-height: 1.45; }
.aboutBox p { padding-bottom: 20px; line-height: 1.3; }
.aboutBox .left_side { padding-top: 20px; padding-bottom: 10px; }
.aboutBox { padding: 35px 0 0; }
.concept_tag { font-size: 35px; }
.partnerBox .row .col4 .title { line-height: 1.3; }
.partnerBox .row .col4 { margin: 0 10px; width: calc(25% - 20px); background: #fff; }
.partnerBox .row { margin: 0 -10px; }
.solutionBox [class*='icon-'] [class*='path'],
.solutionBox [class*='icon-'] { width: 130px; height: 130px; font-size: 120px; line-height: 130px; }
.solutionBox span.value { font-size: 25px; line-height: 130px; }
.solutionBox .title { padding: 15px 0 0; font-size: 18px; }
.mapBox .text h2 { padding-bottom: 15px; font-size: 35px; }
.mapBox .text { max-width: 290px; }
.mapBox .tooltip .tip_icon { font-size: 25px; }
.mapBox .tooltip .tip { padding: 15px; width: 200px; font-size: 15px; }
.footerBox .col { padding-right: 15px; }
.footerBox .col1 { padding-left: 0; width: 28%; }
.footerBox .col2 { width: 19%; }
.footerBox .col4 { width: 14%; }
.footerBox .col5 { padding-right: 0; width: 20%; }
.footerBox { min-height: inherit; }
.logoBox .icon-globe { font-size: 35px; }
.logoBox .group_sites.icon { margin: -13px 50px -9px 0; }
.topBox { padding: 60px 0; }
.head_bar h1 { line-height: 1.25; }
.apiBox .left_sidebar { padding-bottom: 10px; width: 180px; }
.apiBox .right_sidebar { padding-left: 20px; }
.apiBox .right_sidebar table th,
.apiBox .right_sidebar table td { font-size: 13px; }
.valueBox .left_content .heading { padding: 10px 20px; min-height: 100px; }
.valueBox .content { padding: 20px; }
.valueBox .content h4 { padding-top: 20px; font-size: 18px; }
.valueBox .content .call { font-size: 18px; }
.valueBox .right_image { min-height: 390px; }
.contactBox,
#catalogueCntr { background-position: right 30px; background-size: 80% auto; }
.contentBox h1.heading { font-size: 40px; }
.contentBox h2.heading { font-size: 32px; }
.contentBox h3.heading { font-size: 24px; }
.contentBox h4.heading { font-size: 20px; }
.contentBox h5.heading { font-size: 16px; }
.contentBox h6.heading { font-size: 14px; }
}
@media only screen and (max-width: 1023px) {
html,
body { font-size: 16px; }
h1 { font-size: 25px; }
.valueBox h2,
h2 { font-size: 20px; }
.contentBox h1.heading { font-size: 28px; }
.contentBox h2.heading { font-size: 25px; }
.contentBox h3.heading { font-size: 22px; }
.contentBox h4.heading { font-size: 18px; }
.contentBox h5.heading { font-size: 16px; }
.contentBox h6.heading { font-size: 14px; }
.logoBox .logo { margin-left: 0; max-width: 150px; }
.logoBox .tag_line { margin: 10px 0 0 15px; font-size: 15px; letter-spacing: normal; }
.logoBox .response_btn { margin: 0 10px; font-size: 12px; }
.logoBox .right { margin-top: 0; }
.logoBox .search { position: absolute; top: 0; right: 65px; visibility: hidden; width: 0; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }
.logoBox .group_sites { font-size: 15px; }
.menuBox ul li { margin: 0; font-size: 15px; }
.menuBox ul li:first-child { margin-right: 0; margin-left: 0; }
.menuBox li li a { padding: 4px 15px; }
.menuBox ul li a.home { font-size: 20px; }
.menuBox ul li a { padding: 4px 9px; }
.menuBox li ul { padding: 10px 0; }
.menuBox li li:first-child,
.menuBox li li { font-size: 15px; }
.head_bar h1,
.bannerBox h1 { font-size: 23px; }
.bannerBox .right p { line-height: 1.2; }
.bannerBox .right .inner { padding-right: 0; padding-left: 20px; }
.button { padding: 8px 15px; font-size: 14px; }
.serviceBox { padding: 40px 0; width: 100%; }
.serviceBox .heading { padding: 10px; }
.serviceBox .content { padding: 10px; }
.serviceBox p { line-height: 1.3; }
.aboutBox .left_side { padding: 0 15px 30px; width: 100%; }
.aboutBox .right_side { width: 100%; }
.aboutBox .center { padding: 0; }
.head_bar h2 { font-size: 20px; }
.head_bar h1 { font-size: 25px; }
.concept_tag { font-size: 25px; }
.partnerBox .row .col4 .title { padding: 10px; font-size: 14px; }
.solutionBox [class*='icon-'] [class*='path'],
.solutionBox [class*='icon-'] { width: 100px; height: 100px; font-size: 90px; line-height: 100px; }
.solutionBox span.value { font-size: 18px; line-height: 100px; }
.solutionBox .title { padding: 15px 0 0; font-size: 15px; }
.mapBox .text h2 { font-size: 25px; }
.mapBox .text { bottom: 30px; }
.mapBox .tooltip5 .tip { right: 17px; left: auto; -webkit-transform-origin: right top; transform-origin: right top; }
.footerBox .col2 { width: 21%; }
.footerBox { padding: 50px 0 40px; }
.footerBox p,
.footerBox li { line-height: 1.1; }
.footerBox li { padding-bottom: 7px; }
.logoBox .search_icon { padding: 0; display: inline-block; width: 36px; line-height: 36px; text-align: center; text-decoration: none; color: #fff; vertical-align: top; -webkit-border-radius: 50%; border-radius: 50%; background: #0097d5; }
.logoBox .search.expand { visibility: visible; width: 200px; }
.home .logoBox { padding: 20px 0; }
.serviceBox .col3 { width: calc(33.33% - 10px); }
.logoBox .group_sites.icon { margin: -11px 30px -11px 0; }
.head_bar h2:after,
.head_bar h1:after { width: 200px; }
.apiBox .table_wrap { padding-bottom: 10px; width: 100%; overflow: auto; }
.apiBox .table_wrap table { width: 750px; }
.contactBox { padding: 60px 0; }
.contactBox .right_side { margin-right: 0; padding: 20px; }
.contactBox .right_side h2 { padding-left: 0; font-size: 20px; }
.contactBox .left_side { padding-right: 40px; }
.four_columnBox .column { padding: 0 10px 20px; }
.top_headBox { padding: 70px 0; }
.contentBox .wrap_content { padding-right: 0; }
.contentBox h3 { padding-bottom: 15px; }
.two_columnBox .column .image { width: 40%; }
.two_columnBox .column .text { padding: 0 0 0 15px; }
.two_columnBox .column { padding: 0 10px 20px; }
.two_columnBox .row { margin: 0 -10px; }
.two_columnBox .column .text p { font-size: 15px; line-height: 1.4; letter-spacing: normal; }
.two_columnBox .column .text h5 { font-size: 15px; }
.three_columnBox .column { padding: 0 10px 20px; }
.three_columnBox .row { margin: 0 -10px; }
.three_columnBox .column a h3 { padding: 10px 15px; font-size: 18px; }
.three_columnBox .column a h3 br { display: none; }
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a,
.mm-listview > li > a,
.mm-listview > li > span { text-transform: uppercase; color: #fff; }
.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after,
.mm-menu .mm-listview > li .mm-prev:before,
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after,
.mm-menu .mm-listview > li .mm-prev:after,
.mm-menu .mm-listview > li .mm-next:before,
.mm-menu .mm-listview > li:after,
.mm-menu .mm-navbar { border-color: #fff; }
.mm-listview > li:not(.mm-divider):after { left: 0; }
.mm-listview > li > a.home { font-size: 18px !important; }
.mm-listview > li > a br { display: none; }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span,
.mm-menu .mm-listview > li a.active { background: #1b3c6b; }
.home .logoBox,
.logoBox { padding: 50px 0 10px; position: relative; }
.logoBox:before { position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: #9bcdef; content: ''; }
.logoBox .logo { margin-top: 5px; display: block; float: none; max-width: 140px; }
.logoBox .tag_line { margin: 5px 0 0 30px; font-size: 12px; }
.logoBox .group_sites { font-size: 13px; }
.logoBox .response_btn { margin: 0; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; min-height: 40px; font-size: 11px; line-height: 1.2; }
.home #headerCntr .mobileMenu { top: -2px; }
#headerCntr .mobileMenu { position: absolute; top: 27px; right: 15px; display: block; }
.menuBox ul li { display: block; }
.mm-menu { background: #0097d5; }
.logoBox .search_icon { position: absolute; top: -50px; left: 15px; width: 30px; height: 30px; line-height: 30px; background: #173c69; }
.logoBox .search { top: -54px; right: auto; left: 50px; }
.logoBox .search.expand { width: calc(100% - 105px); }
.logoBox .right { margin-top: -46px; padding: 0; width: calc(100% - 160px); max-width: 180px; text-align: center; }
.logoBox .center { padding: 0 10px; }
.menuBox { display: none; }
.bannerBox .wrap { display: block; }
.bannerBox .right,
.bannerBox .left { display: block; width: 100%; }
.covidBox { padding: 7px 0; }
.logoBox .group_sites.icon { margin: 18px 0 0; float: right; }
.logoBox .icon-globe { font-size: 25px; }
#headerCntr { border-bottom: 4px solid #0097d5; }
.topBox .right,
.topBox .mid,
.topBox .left { padding-bottom: 30px; width: 100%; max-width: 100%; }
.topBox .right { padding-bottom: 0; }
}
@media only screen and (max-width: 767px) {
blockquote { padding: 20px; }
.serviceBox .col3 { margin-bottom: 15px; width: 100%; }
.aboutBox .right_side .image { width: 100%; background: none !important; }
.aboutBox .right_side .image .mobile { display: block; width: 100%; }
.aboutBox .right_side .text { width: 100%; }
.partnerBox .row .col4 { margin-bottom: 20px; width: calc(50% - 20px); }
.head_bar .button { margin: 20px 0 0; }
.head_bar h2,
.head_bar h1 { padding: 0; display: block; }
.solutionBox .col6 { margin-bottom: 20px; width: 140px; }
.solutionBox .row { -webkit-justify-content: center; justify-content: center; }
.mapBox .text { padding: 15px; position: static; width: 100%; max-width: 100%; text-align: center; }
.mapBox .text h2 { font-size: 20px; }
.mapBox .text h2 br { display: none; }
.partnerBox { margin-bottom: 0; }
.solutionBox { padding: 30px 0; }
.mapBox .tooltip .tip_icon { font-size: 15px; }
.mapBox .tooltip .tip { display: none; }
.topFooterBox { padding: 15px 0; text-align: center; }
.topFooterBox h2 { font-size: 20px; }
.footerBox .col { margin-bottom: 15px; padding-bottom: 15px; width: 100% !important; border-bottom: 2px dashed rgba(0, 0, 0, 0.1); }
.footerBox .col5 { margin-bottom: 0; padding-bottom: 0; border: 0; }
.bannerBox .right .inner { padding-left: 0; border: 0; }
.bannerBox h1 { padding: 0; display: block; }
.bannerBox .button { margin: 20px 0 0; }
.contactBox,
#catalogueCntr { background-position: right 30px; background-size: 100% auto; }
.apiBox .apply_filter { padding: 10px 40px 10px 20px; position: relative; display: block; width: 100%; font-size: 16px; font-weight: 700; line-height: 20px; text-decoration: none; color: #1b3c6a; border: 1px solid #1b3c6a; -webkit-border-radius: 25px; border-radius: 25px; }
.apiBox .apply_filter:after { position: absolute; top: 11px; right: 15px; width: 20px; height: 20px; background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/arrow-down.svg) center center no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s; content: ''; }
.apiBox .apply_filter.active:after { -webkit-transform: scale(1, -1); transform: scale(1, -1); }
.apiBox .left_sidebar { display: none; width: 100%; }
.apiBox .right_sidebar { padding: 20px 0; width: 100%; border: 0; }
.valueBox .right_image { order: 0; width: 100%; min-height: inherit; background: none !important; }
.valueBox .right_image img.mobile { display: block; width: 100%; }
.valueBox .left_content { width: 100%; }
.valueBox .left_content .heading { min-height: inherit; }
.contactBox { padding: 40px 0; }
.contactBox .left_side { padding: 0; width: 100%; }
.contactBox .left_side p { padding-bottom: 15px; }
.contactBox .right_side { margin-top: 25px; padding: 20px 15px; width: 100%; background: rgba(255, 255, 255, 0.5); }
.filter_bar h5 { padding: 0 0 10px; display: block; text-align: center; }
.filter_bar a.trigger { padding: 5px 30px 5px 15px; position: relative; display: block; width: 100%; min-height: 34px; font-weight: 700; line-height: 20px; text-decoration: none; color: #0097d5; border: 2px solid #0097d5; -webkit-border-radius: 5px; border-radius: 5px; }
.filter_bar a.trigger:before { position: absolute; top: 5px; right: 15px; font-family: 'icomoon', sans-serif !important; font-size: 16px; font-weight: normal; transform: rotate(90deg); content: '\e913'; }
.filter_bar .filtering { margin: auto; position: relative; z-index: 9; width: 100%; max-width: 100%; }
.filter_bar .filters { position: absolute; top: 32px; left: 0; display: none; width: 100%; text-align: left; border: 2px solid #0097d5; background: #fff; }
.filter_bar .filters li:first-child,
.filter_bar .filters li { margin: 0; width: 100%; border: 0; border-top: 1px solid #fff; border-bottom: 1px solid #0097d5; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.filter_bar .filters li .button { padding: 5px 15px; display: block; font-size: 14px; line-height: 20px; color: #0097d5; border: 0 !important; -webkit-border-radius: 0; border-radius: 0; }
.filter_bar .filters li .button.active { color: #fff; }
.four_columnBox .column { padding: 0 10px 20px; width: 50%; }
.top_headBox { padding: 60px 0; }
.top_headBox .col2,
.top_headBox .col1 { padding-bottom: 30px; width: 100%; max-width: 100%; }
.top_headBox .col2 { padding-bottom: 0; }
.table_wrap table { min-width: 600px; }
.contentBox h3 { padding-bottom: 10px; }
.two_columnBox .column { width: 100%; }
.contentBox .col-9,
.contentBox .col-8,
.contentBox .col-6,
.contentBox .col-4,
.contentBox .col-3 { width: 100%; }
.three_columnBox .column a h3 { padding: 10px; min-height: 90px; font-size: 16px; }
.table_wrap table tr td:nth-of-type(1) { width: 25%; }
.contentBox p { line-height: 1.4; }
.three_columnBox { padding-bottom: 20px; }
.contentBox.bottom .heading { padding: 0 0 10px; }
.contentBox .links_group .button + .button { margin-left: 5px; }
}
@media only screen and (max-width: 639px) {
.three_columnBox .column { width: 100%; }
.three_columnBox .column a h3 { padding: 15px 10px; min-height: inherit; }
}
@media only screen and (max-width: 479px) {
.partnerBox .row .col4 { margin-bottom: 20px; width: calc(100% - 20px); }
.covidBox p { font-size: 11px; }
.covidBox p small { padding-left: 5px; font-size: 7px; }
.contactBox .field.half { width: 100%; }
.four_columnBox .column { padding: 0 10px 20px; width: 100%; }
}.user-role-subscriber{margin-top:-32px !important;}
.user-role-subscriber #wpadminbar{display: none;}
.no-bg{background:none !important; background-image:none !important;}
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
.menuBox .current-menu-item, .current-menu-parent{background: #1b3c6b;}
.menuBox .sub-menu .current-menu-item{background:#0097d5}
.menuBox .sub-menu .current-menu-item a{color:#ffffff;}
.menuBox ul li{margin:0 17px;}
.menuBox ul li a{padding:8px 15px;}
.header_container{position: relative; overflow:hidden; max-width:100%; margin:0 auto; padding: 0 150px; background-position:center; background-size:cover; min-height:400px;}
.archive .header_container {min-height:250px;}
.header_container .head_bar h1{color:#ffffff;}
.header_container .top_headBox p{color:#ffffff;}
.header_container .top_headBox h2{color:#ffffff;}
.header_container.compact{min-height:auto;}
.header_container.compact .top_headBox{padding:50px 150px;}
.header_container.compact .top_headBox .col1{width:100%;}
.covidBox .featured_text{float:left; width:50%; display:inline-block;}
.loginlink{float:right; color:#ffffff; font-weight:bold;}
.loginlink a{color:#ffffff; text-decoration:none; }
.login_icon{width:10px; height:10px; background-size:contain; background-repeat:no-repeat; background-image:url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/login.svg); display:inline-block; margin-right:5px;}
.logout_icon{width:10px; height:10px; background-size:contain; background-repeat:no-repeat; background-image:url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/logout.svg);  display:inline-block; margin-right:5px;}
.gform_fields {list-style:none !important}
#headerCntr *{transition: all 0.3s ease;}
#headerCntr{transition: all 0.3 ease; position: relative; top:0;} #headerCntr.fixed{position: fixed; top:0px; } #headerCntr.fixed .covidBox {
display: none;
}
#headerCntr.fixed .logoBox .center .logo,
#headerCntr.fixed .logoBox .center .tag_line,
#headerCntr.fixed .logoBox .center .right,
#headerCntr.fixed .menuBox a {
transform: scale(0.80);  
}
#headerCntr.fixed .logoBox {
padding: 10px 0 15px;
}
#headerCntr .search{position: relative;}
#headerCntr .search button{position: absolute; top: 7px; right: 17px; font-size: 22px; line-height: 22px; color: #0097d5; border: 0; background: none; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer;}
.imageFader{z-index:10; position: absolute; top:0; left:0; width:100%; height:100%; content:' '}
.header_container.light .imageFader{background:#ffffff; opacity: 0.6;}
.header_container.dark .imageFader{background:#002D74; opacity: 0.4;}
.header_container.light .head_bar h1,  .header_container.no-image .head_bar h1{color:#1b3c6a;}
.header_container.light .top_headBox p, .header_container.no-image .top_headBox p{color:#1b3c6a;}
.header_container.light .top_headBox h2, .header_container.no-image .top_headBox h2{color:#1b3c6a;}
.single-post .header_container.light .top_headBox .col1 {
width: 100%;
}
.serviceBox .col3:hover .heading:after{opacity:0;}
.serviceBox .col3 .heading:after{transition: all 0.2s ease-in;}
.searchitem{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid red; width:100%;}
.searchitem .featured_image_container{float:left; width:75px; height:75px; overflow:hidden; background: rgba(0, 0, 0, 0.1); margin-right:20px;}
.searchitem a{text-decoration:none;}
.searchitem h5{margin-bottom:5px;}
.searchitem .page_url{margin-top:5px; color:#0097D5; font-size:12px; display: inline-block;}
.topBox .mid{border-right:none;}
.apiBox .form_collapse{cursor: pointer; padding: 5px 15px; font-size: 15px; color: red; display: inline-block; border: 1px solid red;  border-radius: 20px; margin-bottom: 40px;}
.apiBox .left_sidebar ul{height: 125px; overflow: hidden; transition: all 0.5s ease-in;}
.apiBox .left_sidebar .checkbox input[type='radio'] + label {font-size: 12px; font-weight: 300; line-height: 18px; cursor: pointer;}
.apiBox .left_sidebar .checkbox input[type='radio'] {position: absolute; top: 2px; left: 0; opacity: 0; width: 18px; height: 18px; cursor: pointer;}
.apiBox .left_sidebar .checkbox input[type='radio'] + label:before { position: absolute; top: 2px; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 17px; height: 17px; border: 1px solid #1b3c6a; -webkit-border-radius: 10px; border-radius: 10px; content: '';}
.apiBox .left_sidebar .checkbox input[type='radio']:checked + label:before {background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/check-icon.svg) center center no-repeat;}
.apiBox .right_sidebar table th.nobreak, .apiBox .right_sidebar table td.nobreak{white-space: nowrap;}
.apiBox .right_sidebar table tr td.nobreak{width:auto !important;}
.top_headBox{z-index:11; position:relative; max-width: 1130px; width: 100%; margin: 0 auto; padding: 110px 150px 115px;}
.archive .top_headBox {padding: 110px 150px 40px 150px;}
.breadcrumbs_container{max-width:100%; width:1375px; margin:0 auto; padding: 0 150px;}
.paginationBox .breadcrumbs { float: left; }
.paginationBox .breadcrumbs span span { padding: 4px 0 4px 5px; position: relative; font-size: 12px; font-weight: 300; line-height: 16px; color: #2d3032; }
.paginationBox .breadcrumbs span span a { text-decoration: none; color: #2d3032; margin-right:5px;}
.paginationBox .breadcrumbs span span:first-child { padding-left: 0; }
.paginationBox .breadcrumbs span span:first-child:before { display: none; }
.paginationBox .breadcrumbs span span a:hover { text-decoration: underline; }
.single .contentBox .wrap_content, .page .contentBox .wrap_content{padding-bottom:100px;;}
.serviceBox a{text-decoration:none !important}
.serviceBox .content{color:#494d4e}
.serviceBox .content span{border: 2px solid rgba(0, 0, 0, 0.1); margin-bottom:15px; width:65px; height:65px; box-sizing: content-box; padding:15px; display:inline-block; background:#ffffff; border-radius: 50px;}
.serviceBox .content img{width:65px; height:65px; display: inline-block;}
.partnerBox .row .col4 .title{color: #494d4e; text-decoration: none !important; transition: color;}
.partnerBox .row .col4 .title:hover a{color: #0097d5; font-weight: 700; letter-spacing: -0.01em;}
.wp-block-pullquote{text-align:left;}
.wp-block-pullquote p{padding-bottom: 20px !important;  font-weight: 700; letter-spacing: 0.01em; font-size:24px; line-height:1.2; color: #1b3c6a;}
.wp-block-pullquote cite{font-size: 16px; line-height: 1.65; letter-spacing: 0.01em; font-weight: 300; font-style: normal;}
.wp-block-quote p{font-size: 16px; line-height: 1.65; letter-spacing: 0.01em;}
.wp-block-column:not(:first-child){margin-left:15px !important}
.wp-block-image img{height:auto;}
.wp-block-button__link{padding: 8px 20px; display: inline-block; font-size: 16px; font-weight: 700; line-height: 1.4; text-decoration: none; color: #1b3c6a; vertical-align: top; border: 2px solid #0097d5; -webkit-border-radius: 20px; border-radius: 20px; background: #fff; cursor: pointer;}
.wp-block-button__link:hover{color: #ffffff !important; border-color: #1696d5; background: #1696d5;}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:visited{color:#1b3c6a;}
.contentBox ul{padding-bottom: 35px;}
.contentBox ul li{padding: 0 0 0 20px; position: relative; font-size: 16px; font-weight: 300; line-height: 1.65; letter-spacing: 0.01em;}
.contentBox ul li:before{position: absolute; top: 0; left: 0; content: '>';}
.contentBox ol{padding-bottom: 35px; padding-left:20px;}
.contentBox ol li{list-style: decimal; padding: 0; position: relative; font-size: 16px; font-weight: 300; line-height: 1.65; letter-spacing: 0.01em;}
.contentBox h1{font-size: 47px; font-weight: 700; color: #58585b; padding: 0 0 20px;}
.contentBox h2{font-size: 37px; font-weight: 700; color: #58585b; padding: 0 0 20px;}
.contentBox h3{font-size: 26px; font-weight: 700; color: #58585b; padding: 0 0 20px;}
.contentBox h4{font-size: 20px; font-weight: 700; color: #58585b; padding: 0 0 20px;}
.contentBox h5{font-size: 16px; font-weight: 700; color: #58585b; padding: 0 0 20px;}
.contentBox h6{font-size: 14px; font-weight: 700; color: #58585b; padding: 0 0 20px;}
.single-api .wrap_content{width:100%; padding-right:0;}
.single-api .table_wrap table tr td{width:20%;}
.single-api .table_wrap.six table tr td{width:calc(100% / 6);}
.single-api .table_wrap img{width:20px;}
.apiBox .right_sidebar .btn{display:inline-block !important; float:right; padding:0 10px;}
.wp-block-column:first-child{margin-right:20px;}
.wp-block-table table { width: 100%; text-align: left; border: 0; border-collapse: collapse; }
.wp-block-table table th,
.wp-block-table table td { padding: 5px 10px; height: 41px; font-size: 14px; font-weight: 300; border-bottom: 1px solid #1b3c6a; }
.wp-block-table table td.has-text-align-center{text-align:center !important}
.wp-block-table table td.has-text-align-center img{margin: 0 auto;}
.wp-block-table table th { padding: 10px; height: auto; font-weight: 700; color: #1b3c6a; vertical-align: top; }
.wp-block-table table tr:first-child { border-top: 0; }
.wp-block-table table tr td:last-child { width: 95px; }
.wp-block-table table tr td:nth-of-type(1) { width: 17.5%; }
.wp-block-table table tr td:nth-of-type(2) { width: 10%; }
.wp-block-table table tr td:nth-of-type(3) { width: 17.5%; }
.wp-block-table table tr td:nth-of-type(4) { width: 15.5%; }
.wp-block-table table tr td:nth-of-type(5) { width: 16.5%; }
.wp-block-table table tr:nth-of-type(even) { background: rgba(21, 150, 208, 0.08); }
.wp-block-table table tr:nth-of-type(odd) { background: none; }
.wp-block-table table tr:hover td { font-weight: 700; letter-spacing: -0.02em; }
.wp-block-table table tr:nth-of-type(even):hover { background: rgba(8, 134, 253, 0.15); }
.wp-block-table table tr:nth-of-type(odd):hover { background: rgba(0, 0, 0, 0.03); }
.wp-block-table table tr:first-child:hover { background: none !important; }
#animation_container, #_preload_div_ {position:relative; margin:auto; left:0;right:0; top:0;bottom:0;}
#animation_container{transform: scale(0.40); height:auto !important; min-height: 300px; margin-bottom: 80px; transform-origin: top left;}
.pagination_bar span.page-numbers {margin: 5px; padding: 0 5px; display: inline-block; min-width: 34px; font-size: 14px; line-height: 32px; text-decoration: none; color: #58585b; vertical-align: top; border: 1px solid #9bcdee; -webkit-border-radius: 4px; border-radius: 4px;}
.pagination_bar .current{background-color:#9cceef;}
.footerBox a {text-decoration: none; color: #1b3c6a;}
.footerBox .col {width: auto !important; margin-right: 35px!important;}
.mapBox .tooltip1 {top: 24%; left: 33.5%;}
.mapBox .tooltip2 {top: 22.6%; left: 36%;}
.ecovadis {
display: table;
float: left;
width:85px; 
height:85px; 
}
.news.column a{border: 1px solid #E5E5E5;}
.news.column a{
overflow: hidden;
border-radius:4px;
-webkit-border-radius:4px;
border: none;
}
.news.column a h5{padding-top:45px; color:#002c73; font-weight:bold;}
.news.column a h5 span{height:39px; overflow:hidden; display: block;}
.news.column a p.excerpt{padding:0px 20px 20px; font-size:10px; color: #1b3c6a;}
.news.column a p.excerpt span{overflow:hidden; height:29px; display: block;}
.news.column .button{border: 1px solid #0097d5; box-shadow: none; padding:5px 10px 5px 25px; background-image:url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/calendar.svg); background-size:10px; background-position: left 10px center; background-repeat:no-repeat;}
.news.column .button:hover{background-color:#0097d5; color:#ffffff; background-image:url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/calendar-white.svg); background-size:10px; background-position: left 10px center; background-repeat:no-repeat;}
.news.column .button img{height: 12px; float: left; width: auto; margin-right: 5px;}
.news.column .button:hover img{color:#ffffff;}
.validation_error{display:none;}
.gfield_error input{border-color:#ed2524 !important}
.gfield_error .gfield_description.validation_message{font-size:12px; position: relative; top:-5px; left:10px; color:#58585b;}
.hidden_label > label{display:none;}
.ginput_container_text input, .ginput_container_email input, .ginput_container_select select,
input[type="text"]
{margin-bottom: 12px; padding: 12px 22px!important; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: inherit; color: #1b3c6a; border: 1px solid #0096d4; -webkit-border-radius: 25px; border-radius: 25px;}
.ginput_container_select select{background: rgba(22, 150, 213, 0.1) url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/arrow-down.svg) calc(100% - 15px) center no-repeat; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; cursor: pointer;}
.ginput_container_textarea .textarea{margin-bottom: 12px; padding: 15px; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: inherit; color: #1b3c6a; border: 1px solid #0096d4; -webkit-border-radius: 25px; border-radius: 20px;}
.gfield_checkbox li{margin: 15px 0 15px 20px; padding: 0 0 0 30px; position: relative;}
.gfield_checkbox li input{position: absolute; top: 2px; left: 0; opacity: 0; width: 18px; height: 18px; cursor: pointer;}
.gfield_checkbox li input[type='checkbox'] + label:before {position: absolute; top: 2px; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 17px; height: 17px; border: 1px solid #1b3c6a; -webkit-border-radius: 5px; border-radius: 5px; content: '';}
.gfield_checkbox li input[type='checkbox']:checked + label:before{background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/check-icon.svg) center center no-repeat;}
.gform_button {float: right; border:none; padding: 5px 20px; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 25px; text-align: center; text-decoration: none; color: #1b3c6a; -webkit-border-radius: 20px; border-radius: 20px; background: #9bceed; cursor: pointer;}
.gform_title{padding: 0 0 25px 15px; font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 700; letter-spacing: -0.005em; font-size:27px;}
.gs_overlay{z-index:10000; top:-1000px; left:0; display:none; position: fixed; width:100vw; height:100vh; overflow-y:scroll; overflow-x:hidden; background-color:rgba(255,255,255,0.95);}
.gs_container{position:relative; background:#ffffff; display:flex; max-width:1120px; margin:100px auto; padding: 40px; border:1px solid blue;}
.gs_container .close{position: absolute; right:15px; top:15px; width:30px; height:30px; display:inline-block; background-size:30px 30px; background-repeat:no-repeat; cursor:pointer; background-position: center center; background-size: center center; background-image:url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/close.svg)}
.gs_nav{float:left; margin-right:40px;}
.gs_nav ul{width:250px;}
.gs_nav ul li{cursor:pointer; background: #1b3c6a; color: #ffffff; padding: 10px 20px; margin-bottom: 15px;}
.gs_nav ul li:last-child{margin-bottom:0;}
.gs_nav ul li.current, .gs_nav ul li:hover{background:#0097D5;}
.gs_content{float:left; width:100%; }
.gs_content ul{width:100%;}
.gs_content ul li{float:left; width:calc(100% / 3); margin-bottom:20px;}
.gs_content ul li a{width:225px; font-size:14px; padding:5px 15px 5px 5px; margin-right:20px; line-height:25px; border-color:#1b3c6a;}
.gs_content ul li a:hover{background-color:#1b3c6a; border-color:#1b3c6a;}
.flag{border-radius:50%; width:26px; height:26px; background-color:grey; margin-right:10px; display:inline-block; float:left; background-size:cover;}
.flag-australia{background-image:url(https://aspentemplateclone.flywheelsites.com/wp-content/uploads/2020/06/icon-flag-australia.png)}
.flag-new-zealand{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2020/01/icon-flag-nz.png)}
.flag-austria{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/icon-austria.png)}
.flag-france{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2020/12/notre.png)}
.flag-germany{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/germany.png)}
.flag-netherlands{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/netherlands.png)}
.flag-spain{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2019/03/icon-spain.png)}
.flag-switzerland{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/icon-switzerland.png)}
.flag-czech-republic{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2019/03/icon-czech.png)}
.flag-poland{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2019/03/icon-poland.png)}
.flag-russia{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2020/11/flag-russia.png)}
.flag-slovakia{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2019/12/icon-flag-slovakia.png)}
.flag-china{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/china.png)}
.flag-menat{background-image:url(https://www.aspenpharma.ae/wp-content/uploads/2017/03/icon-flag-MENAT.png)}
.flag-brazil{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2019/08/icon-flag-brazil.png)}
.flag-mexico{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2020/01/icon-flag-mexico.png)}
.flag-malaysia{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/malaysia.png)}
.flag-philippines{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/philipines.png)}
.flag-taiwan{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/taiwan.png)}
.flag-kenya-beta-healthcare{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/beta.png)}
.flag-ghana-kana{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/ghana.png)}
.flag-nigeria{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2020/01/icon-flag-nigeria.png)}
.flag-tanzania-shelys{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/shelys.png)}
.flag-mauritius{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/mauritius.png)}
.flag-south-africa{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/sa.png)}
.flag-canada{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/canada.png)}
.flag-usa{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2020/12/icon-flag-usa.png)}
.flag-japan{background-image:url(https://www.aspenpharma.com/wp-content/uploads/2017/03/japan.png)} .archive .image_holder{height:225px; overflow:hidden;}
.archive .image_holder img{min-height:125px; min-width:100%; height:auto; width:auto;}
.archive .column.news{width:33%;}
.archive .column.news a {
height: 100%;
} .archive .news.column a h5{
padding-top:5px; min-height:60px;
}
.archive.colleague .news.column a h5 {
padding-bottom:0px; min-height:inherit;
}
.archive .news.column p.name,
.archive .news.column a p.date{
font-size: 12px;
padding: 5px 20px 0px 20px;
}
.archive.colleague .news.column p.name {
padding-bottom:15px;  
}
.post-type-archive-development-solution .date {
display: none;
}
.wrap_content p.date {
color:#0097d5;
font-size: 14px;
padding-bottom: 15px;
border-bottom: 1px solid #9bcdee;	
margin-bottom: 15px;
}
.archive .news.column a img {
opacity: 1;	
}
.post-type-archive-events .column.news a:not(.button) {padding-top: 30px;}
.post-type-archive-communicatie .partnerBox .row .col3{margin: 0 15px;
width: calc(33% - 30px);
background: #fff;
-webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
box-shadow: 0 2px 10px rgb(0 0 0 / 40%);}
.post-type-archive-communicatie .aboutBox{background:#0097D5; color:#ffffff; padding:150px 0 0;}
.post-type-archive-communicatie .aboutBox .left_side h2{color:#ffffff;}
.post-type-archive-communicatie .aboutBox .left_side h2:after{background:#9BCDEF;}
.post-type-archive-communicatie .aboutBox .left_side h2 strong{color:#ffffff;}
.post-type-archive-communicatie .aboutBox .right_side{background:#002C73;}
.post-type-archive-communicatie .aboutBox .right_side h2:after{background:#ffffff;}
.post-type-archive-communicatie .aboutBox .button{border-color: #ffffff; color: #ffffff;}
.post-type-archive-communicatie .meerNieuws .partnerBox{margin-bottom:0;}
.communicate_intro{font-weight: 300; padding:85px 0 60px 0; color:#58585B; font-size: 16px; line-height: 1.65; letter-spacing: 0.01em;}
.omgevingsnieuws{padding-top:60px;}
.safety_icon{position:absolute; left:-90px; top:10px; background-size:45px 45px; background-position: center; background-repeat:no-repeat; float:left; background-image:url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/safety_check_icon.svg); width:62px; height:62px; display:inline-block;}
.headerFilters {display: flex; justify-content: center; margin-bottom:40px;}
.headerFilters .filter{float:left; margin-right:20px;}
.headerFilters .filter h3{font-size: 16px; font-weight: 700; padding-bottom:10px;}
.headerFilters .filter a{text-decoration: none; color:#1b3c6a; margin-top:32px; display: inline-block; line-height:24px;}
.headerFilters .filter span.clearFilter{float:left; background-image: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/close-red.svg); background-repeat:no-repeat; background-position:center; background-size:15px 15px; width:25px; height:24px; display:inline-block;}
.apiBox .right_sidebar{border:none !important; padding:0 !important;}
.formSelect {position: relative; max-width: 240px;}
.formSelect select {display: none; }
.select-selected {background-color: #ffffff; border-bottom:1px solid #0097D5 !important; border-left: 1px solid #0097D5; border-right: 1px solid #0097D5;} .select-selected:after {position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #0097D5 transparent transparent transparent;} .select-selected.select-arrow-active{border-bottom:none !important;}
.select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent; top: 7px;} .select-items div,.select-selected {display: block; width: 215px; font-size:14px; color: #0097D5; padding: 8px 16px; border-top: 1px solid #0097D5; cursor: pointer; user-select: none;} .select-items {border-left: 1px solid #0097D5; border-right: 1px solid #0097D5; border-bottom: 1px solid #0097D5; position: absolute; background-color: #ffffff; top: 100%; left: 0; right: 0; z-index: 95; max-height: 237px; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden;} .select-hide {display: none;}
.select-items div:hover{background-color: rgba(0, 0, 0, 0.1);}
.same-as-selected {background-color:rgba(21, 150, 208, 0.08); color:#0097D5; font-weight:bold;}
.formSelect.noscroll .select-items{overflow-y:auto;}
.clearFix{clear:both; float:none;}
::-webkit-scrollbar {-webkit-appearance: none; width: 7px;}
::-webkit-scrollbar-thumb {border-radius: 4px; background-color: #1b3c6a; box-shadow: 0 0 1px rgba(255,255,255,.5);}
@media only screen and (max-width:1920px){
#animation_container{transform: scale(0.50);}
}
@media only screen and (max-width:1420px){
#animation_container{transform: scale(0.75);}
}
@media only screen and (max-width:1200px){
.menuBox ul li {
margin: 0 6px;
}
}
@media only screen and (max-width: 1120px){
.gs_container{padding:40px 20px;}
.gs_nav{margin-right: 20px;}
.gs_content ul li{width:calc(100% / 2)}
.post-type-archive-api-portfolio .column.news{width:50%;}
#animation_container{transform: scale(1);}
}
@media only screen and (max-width: 1023px) {
.home #headerCntr .mobileMenu {top: 30px;}
.logoBox .logo{float:left;}
.logoBox .tag_line{line-height: 36px;}
.logoBox .group_sites.icon{margin-top:47px;}
.logoBox .search_icon{top:-46px;}
.covidBox .featured_text{width:auto;}
.logoBox .group_sites.icon{font-size:12px;}
.logoBox .icon-globe {font-size: 20px;} .top_headBox{padding:75px 0 !important;}
.header_container.compact .top_headBox{padding:35px 0 40px}
.breadcrumbs_container{padding:0 15px;}
.header_container{min-height:0; padding: 0 75px;}
.footerBox .col{width:100% !important;}
.topFooterBox h2{text-align:left;}
#headerCntr .search{position: absolute; left: 55px; top: -48px; width: 150px;} .apiBox .table_wrap table{width:100%; }
}
@media only screen and (max-width:920px){
.headerFilters{display:block; width: 500px; margin: 0 auto;}
.headerFilters .filter{margin-bottom:20px;}
}
@media only screen and (max-width:782px){
.user-role-subscriber{margin-top:-46px !important;}
}
@media only screen and (max-width: 767px){
.gs_nav{display:none;}
.archive.homeArchive .column.news,
.archive .column.news {
width:100%!important;
}
.gs_container{margin-top:50px;}
}
@media only screen and (max-width: 540px){
.headerFilters{width:100%;}
.headerFilters .filter{display: block; margin:0 auto; float:none;  width:100%;}
.headerFilters .filter a{margin-top:0;}
.gs_content ul li{width:100%}
#headerCntr .logoBox .tag_line {display:none;}
.select-items div, .select-selected{width:100%;}
.formSelect{width:100%; max-width:100%;}
}
@media only screen and (max-width:479px){ }html {
scroll-behavior: smooth;
}
div, div:hover {
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.contentBox .wrap_content .linkExtra {
background:#EFEFEF;
color:#58585b;
text-decoration: none;
border-bottom: 2px solid #9bcdef;
}
.left_side .linkExtra {
color:#1b3c6a;	
}
#wrapper .stroke .linkExtra,
#wrapper .blueGrey .linkExtra,
#wrapper .extraWidth.blue .linkExtra {
color: #FFF;
background: transparent;
border: none;
}
#wrapper .wp-block-separator {
height: 1px!important;
background:#EDEDED!important;
border: none;
}
.image img,
.image_holder img,
figure {
opacity: 1!important;
transition: all 2000ms;
}
.image img.showIMG,
.image_holder img.showIMG,
figure.showIMG {
opacity: 1!important;
transition: all 2000ms;
} .logoBox .tag_line {
margin: 25px 0 0 35px;
float: left;
font-family: 'Helvetica Neue', sans-serif;
font-size: 24px;
font-style:normal;
line-height:inherit;
letter-spacing:.06rem;
color:#002D74;
}
.page-id-58 .top_headBox .col1 {
width: 60%;	
}
#wrapper .top_headBox .col1 {
width: 100%;	
}
#wrapper .bannerBox.homeMain {
height:350px;	
}
#wrapper .bannerBox.option-2 .left {
width: 50%;
}
#wrapper .bannerBox.option-2 .right {
}
#wrapper .bannerBox.option-2 .inner {
margin: 40px 0 0 0;
padding: 0px 50px 0px 0px;
position: relative;
z-index: 1;
width: 100%;
}
.bannerBox.option-2 .inner h2 {
padding: 0 0 5px;
font-size: 17px;
font-weight: 700;
line-height: 1.2;
color: #1b3c6a;	
}
.bannerBox.option-2 .inner p {
padding: 0;
font-size: 17px;
line-height: 1.45;
letter-spacing: 0.02em;
color: #1b3c6a;	
}
.ecovadisLink {
display: table;
position: relative;
pointer-events: auto;
z-index: 9;
}
.ecovadisSlide {
display: table;
max-width: 250px;
width: 100%;
height: auto;
margin: 20px 0px;
}
.post-type-archive-development-solution .top_headBox .col2 {
border:none;
margin-top: 40px;
width: 65%;	
}
@media only screen and (max-width: 767px){
#wrapper .bannerBox.option-2 .right,
#wrapper .bannerBox.option-2 .left {
width: 100%;	
}
#wrapper .ecovadisLink {
float: right;
}
#wrapper .ecovadisSlide {
max-width: 65px;
margin: 0px;
margin-top: -15px;
float: right;
}
}
#wrapper .afdelingen .row .col4 .image {
height:150px;
overflow: hidden;
position: relative;
}
#wrapper .afdelingen .row .col4 .image img {
margin: 0 auto;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;	
}
#wrapper .afdelingen .row .col4 .title {
padding: 15px 20px;
align-items: inherit;
vertical-align: none;
min-height: 75px;
}
#wrapper .afdelingen .row .col4 .title a {
font-weight: bold;
color:#0097d5;
}
.breadcrumbs_container { } .tooltip5{display: none;}
.tooltip .tip{font-size: 12px; line-height: 18px;}
.tooltip .tip strong {color:#e8322a;}
.tooltip .tip h3 {font-size: 14px; margin-bottom: 10px;}
.tooltip .tip h3:after {margin: 6px 0 0; display: block; width: 130px; height: 4px; background: #0097d5; content: '';}
.tooltip.liaison .tip_icon {font-size: 26px;color: #1296d6;}
@media only screen and (max-width: 767px){
.tooltip.liaison .tip_icon {font-size: 15px;}
}
.legend {
display: table;
position: absolute;
right: 20px;
bottom: 20px;
background: none;	
}
@media only screen and (max-width: 767px){
.legend {
display: table;
margin: 0 auto;
padding: 0 0 20px 0;
position: relative;
right:inherit;
bottom:inherit;
background: none;	
}
}
.legend span {
display: inline-table;
font-size: 12px;	
line-height: 16px;
}
.legend .icon:before {
display: inline-flex;
float: left;
content:"";
width:10px;
height:10px;
border-radius:50%;
background-color:#1296d6;
margin: 4px 3px 0 0;
}
.legend .icon.red:before {
background-color:#ed1c24;
} .solutionBox span.value {font-size: 20px;}
.solutionBox .title {font-size: 17px;}
.solutionBox .col6:nth-of-type(5) {
display: none;	
}
.solutionBox .col6 {
width: 20%;
text-align: center;
}
.solutionBox .col7 {
width: 16.66%;
text-align: center;
}
.solutionBox {
padding-top:55px;
padding-top:190px;
}
.solutionBox span.value {
font-size: 19px;
} @media only screen and (max-width: 1023px) {
.solutionBox .col6:nth-of-type(6) .graphic:after {
width: 100px;
height: 100px;
background: transparent url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/flexible-capacity-batch-size.svg) center center no-repeat;
background-size: 25px auto;
}
}
@media only screen and (max-width: 767px) {
.solutionBox .col6 {
width: 50%;
}	
} #wrapper .highlight img {
opacity: 1;
width: 50px;	
margin: 20px 20px 5px 20px;
}
#wrapper .highlight a h5 {
padding: 5px 20px 5px 20px;
min-height: inherit;
}
#wrapper .highlight {
flex-wrap: wrap;
display: flex !important;
}
#wrapper .highlight .column {
height: auto!important;
flex-wrap: wrap;
display: flex !important;
}
#wrapper .highlight .column a {
width: 100%;
} #wrapper .contactBox .right_side {
background: rgba(255, 255, 255, 1);
}
.page-template-page-contact #wrapper .contactBox .left_side {
padding: 30px 0 0 0;	
}
#wrapper .gform_button {
border: 2px solid #0097d5;
line-height: 25px;
color: #1b3c6a;
background: #FFFFFF;
}
#wrapper .gform_button:hover {
background: #0097d5;
color:#FFF;
}
#solliciteren .gform_button
{
border: 2px solid #0097d5;
line-height: 30px;
color: #FFF;
background: #0097d5;
transition: all 0.3s;
}
#solliciteren .gform_button:hover {
color: #1b3c6a;
transition: all 0.3s;
}
.contentBox .gform_body ul li {
padding: 0;	
}
.contentBox .gform_body ul li:before {
content:"";	
}
.ctaCHPI .wp-block-column {
text-align: center;	
background: #FFF;
box-shadow: 5px 5px 15px rgb(0 0 0 / 10%);
padding: 30px 30px 10px 30px;
}
.ctaCHPI .wp-block-column a {
display: table;
margin: 0 auto;
text-decoration: none;	
}
#wrapper .ctaCHPI .wp-block-column h3 {
margin:10px 0 0 0!important;
padding: 0px;
}
.ctaCHPI .wp-block-column i {
font-size: 40px;
}
@media only screen and (max-width: 767px){
.ctaCHPI .wp-block-column {
margin: 15px 0px!important;
}
}  .sales-image.norman {
float: left;
width: 100px;
height: 100px;
border-radius: 50%;
background: transparent url(https://www.aspenapi.com/wp-content/uploads/2020/10/norman-van-zoggel-300x300.jpg) center center no-repeat;
background-size: cover;
margin: -10px 20px 0 0;
position: relative;
border:1px solid #E5E5E5;
}
#wrapper .head_bar.sales {
display: table;	
padding: 10px 0;
margin: 0 0 20px 0;
}
.wp-block-buttons {
padding-bottom: 35px;	
} a {color:#0097d5;}
strong {color:#1b3c6a;}
h1 { font-size: 34px; }
h2 { font-size: 27px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
h1 a, h2 a, h3 a, h4 a {
text-decoration: none;	
color: #1b3c6a;
}
.contentBox hr {
margin: 22px 0 40px 0;
}
#wrapper .wp-block-separator.bluehr {
height: 1px!important;
background: #0097d5!important;
border: none;	
}
#wrapper .contentBox p.small {
font-size: 12px;
line-height: 18px;
padding-bottom: 20px;
}
.single .contentBox .wrap_content, .page .contentBox .wrap_content {
padding-bottom: 50px;
}
#wrapper .contentBox h1, #wrapper .contentBox h2, #wrapper .contentBox h3, #wrapper .contentBox h4 {color:#1b3c6a;}
#wrapper .light {
font-weight: 300;	
} .footerBox {border-bottom: 20px solid #0097d5;}
.footerCntr {padding-top: 100px;}
.footerHolding {
display: table;
width: 100%;
}
#wrapper .footerBox .col5 p {
padding: 0;
}
#wrapper .footerBox .col5 img {
margin: 15px 0 0 0;	
}
.footerHolding {
padding: 20px;
}
.footerHolding .top {
display: table;
margin: 0px auto 10px auto;	
}
.footerHolding .top img {
width: 20px;
height: auto;	
}
.footerHolding .top a {
display: table;
float: left;
margin: 0px 2px;
}
.footerHolding .bottom {
color:#494d4e;	
display: table;
width: 100%;
text-align: center;
font-size: 12px;
font-weight: 300;
height: auto;
line-height: 18px;
padding: 0 15px;
}
.footerHolding .bottom a {
color:#494d4e;	
text-decoration: none;
}
.history-image { display: table;
width: 100%;
max-width: 1280px;
margin: -40px auto 100px auto;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.history-image:hover { -webkit-transition: all 0.3s; transition: all 0.3s;
}
.postid-32 .parameters td:nth-of-type(1) {
width: 23%;
}
.postid-32 .parameters td:nth-of-type(2) {
width: 23%;
}
.postid-32 .parameters td:nth-of-type(3) {
width: 23%;
}
.postid-32 .parameters td:nth-of-type(4) {
width: 10%;
}
.postid-32 .parameters td:nth-of-type(5) {
width: 10%;
}
.postid-32 .parameters td:nth-of-type(6) {
width: 10%;
}
.postid-32 .parameters td img {
width: 15px!important;
} #menu-item-13908 {
display: none;
}
@media only screen and (max-width: 767px){
#mm-menu-item-13908 {
display: none;
}
}
#wrapper.nb-NL #menu-item-13908 {
display: inline-block;
}
#wrapper.nb-NL .menuBox ul li {
margin: 0 10px;	
}
.btnOC .wp-block-button__link.current {
color:#FFF;
background: #0097d5;	
}
.post-type-archive-communicatie .partnerBox .row .col4 .title {
padding: 10px 30px;	
}
.post-type-archive-communicatie .safety_icon {
top: 7px;
left: -55px;
width: 45px;
height: 45px;	
background-size: 35px 35px;
} .header_container.none.no-image {
min-height: inherit;	
}
.blog .top_headBox,
.header_container.none.no-image .top_headBox {
padding: 50px 150px;	
} .row.items .column:hover {
transform: scale(0.99);
}
#wrapper .column.knowledge a h5 {
padding-top:20px;
padding-bottom: 10px;
min-height: inherit;
}
#wrapper .column.knowledge .button {
display:table;
width: auto;
position: relative;
top:inherit;
bottom:inherit;
left:inherit;
right:inherit;
background-image: none;
padding: 5px 10px;
margin: 0 0 20px 20px;
}
#wrapper .column.knowledge a:hover .button {
color:#FFF!important;
background-color:#0097d5!important;
} .gform_heading {
display: none;
}
.gform_heading .gform_title {
}
.gform_wrapper.gravity-theme .gfield_label {
font-size: 18px!important;
color:#1b3c6a;	
margin-bottom:12px!important;
}
#gform_wrapper_11 .gform_title {
display: none;
}
.gform_heading .gform_description {
display: table;
width: 100%;
font-size: 14px;
font-weight: 300;
padding: 0 0 35px 15px;
}
#gform_wrapper_11 .gform_description {
font-size: 30px;
font-weight: bold;
color:#1b3c6a;
padding: 0 0 25px 15px;
}
.gform_wrapper {
max-width: 668px;
margin:auto!important;
}
#wrapper .gform_wrapper h3 {
color:#494d4e;
}
#field_7_10,
#field_7_14,
#field_2_14,
#field_2_10,
#field_7_16,
#field_10_16,
#field_10_10,
#field_11_10,
#field_11_17,
#field_11_19,
#field_2_17,
#field_3_23,
#field_3_18,
#field_12_16
{
display: none;
}
#gform_fields_11 #field_11_17 {
width: 100%;
display: table;	
}
.ginput_counter,	
#label_3_19_1,
#label_2_13_1,
#label_7_13_1,
#label_10_13_1,
#label_11_13_1,
#label_12_13_1 {
font-size: 12px;
font-weight: 300;
color: #494d4e;
} .logoBox .icon-globe {
float: left;
margin:0 10px 0 0;
display: block;
font-size: 25px;
line-height: 1;	
}
#headerCntr.fixed .logoBox .icon-globe {
font-size: 25px!important;
}
.logoBox .group_sites.icon {
margin: 7px 25px 7px 0;
padding: 0;
font-size: 15px;
font-weight: 600;
line-height: 25px;
min-height: 25px;
text-align:left;
text-transform:uppercase;
}
.table_wrap {
display: table;
margin: auto;
max-width: 1260px;
}
.contentBox.disclaimer {
display: table;
margin: auto;
width: 100%;
max-width: 1260px;
}
@media only screen and (max-width: 1023px) {
.logoBox .group_sites.icon {
margin: 5px 55px 5px 0!important;
transition: all 0.3s;
zoom: 95%;
-moz-transform: scale(0.95);
}
}
.gs_container {
border: 1px solid #EFEFEF;
} .single-api .table_wrap img[src="https://www.aspenapi.com/wp-content/themes/aspenapi/includes/images/cross.svg"],
img[src="https://www.aspenapi.com/wp-content/themes/aspenapi/includes/images/cross.svg"] {
display: none!important;
}
.contentBox.disclaimer h3 {
font-size: 16px;
padding: 0 0 5px 0!important;
}
.contentBox.disclaimer p {
font-size: 12px;
}
#wrapper .apiBox .table_wrap,
#wrapper .apiBox .table_wrap th,
#wrapper .apiBox .table_wrap td {
font-size: 11px;
}
#wrapper .apiBox .table_wrap td.nobreak img {
display: table;
width: 12px;
margin:0px;
float: left;
}
#wrapper .apiBox .center {
max-width: 100%;
}
@media print {
#headerCntr,
.topBox,
.search_box,
.headerFilters,
.contentBox.disclaimer,
#footerCntr
{
display: none;	
}
#wrapper .apiBox .table_wrap,
#wrapper .apiBox .table_wrap th,
#wrapper .apiBox .table_wrap td {
font-size: 15px;
}
#wrapper .apiBox .table_wrap td.nobreak img {
display: table;
width: 15px;
margin:0px;
float: left;
}
}
.archive .image_holder,
.wrap_content .image_holder {
overflow: hidden;
position: relative;
width: 100%;
height: 450px;	
margin: 0 0 40px 0;
}
.archive .image_holder {
height: 180px;	
margin: 0 0 10px 0;
}
.archive .image_holder img,
.wrap_content .image_holder img {
margin: 0 auto;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;	
}
.archive .column.news:hover .image_holder img, 
.wrap_content .column.news:hover .image_holder img {
width: 103%;
height: 103%;
}
.archive.homeArchive .image_holder {
height: 225px;	
} .video.single .image_holder {
display: none;	
}
#wrapper .colleague .col4 .title {
display: table;
padding: 20px;
}
.col4.colleague a,
.column.news.ctaBlock a {
display:table;
padding: 40px;
background: #EDEDED;	
text-decoration: none;
}
.col4.colleague h1,
.column.news.ctaBlock h1 {
line-height:45px;
margin-bottom:15px;
}
.colleague .col4 p,
.col4.colleague p,
.column.news.ctaBlock p {
margin-bottom:15px;
}
.column.news.ctaBlock a {
color:#FFF; background: #1296d6;
}
#wrapper .column.news.ctaBlock a .wp-block-button__link:hover,
#wrapper .column.news.ctaBlock a:hover .wp-block-button__link {
color:#1296d6!important;
background: #FFF!important;
}
#wrapper .blueGrey .wp-block-button__link {
color: #1296d6;
}
#wrapper .blueGrey .wp-block-button__link:hover {
border: 1px solid #FFF;	
}
.column.news.ctaBlock a h1,
.column.news.ctaBlock a p {
color:#FFF;
}
#wrapper .colleague a h5 {
color:#1b3c6b;
font-size: 20px;
padding:10px 30px 0px 30px;
}
#wrapper .colleague a .collBlock {
padding:0px 30px 10px 30px;
}
#wrapper .colleague a .collBlock p.name {
font-weight: bold;
}
#wrapper .colleague a .collBlock p {
font-size: 15px;
padding:0px 0px 10px 0px!important;
color:#494d4e!important;
}
.quoteColl:after,
.quoteColl:before {
font-weight:bold;
font-family: "Font Awesome 6 Pro";
content:'\f10d'; color:#1b3c6b;
margin: 0 5px 0 0px;
}
.quoteColl:after {
content:'\f10e';
margin: 0 0px 0 5px;
}
.single-colleague .quoteColl {
padding-top: 20px;	
padding-bottom: 0px;	
}
.single-colleague .wrap_content .quoteColl {
width: 75%;
font-size: 30px;
color:#1b3c6b;
}
.quoteColl:after {
margin: 0 0px 0 10px;	
}
.quoteColl:before {
margin: 0 10px 0 0;	
} .sparksBG2 .wp-block-image img,
.sparksBG .wp-block-image img {
position: relative;
width: auto;
height: 150px;
margin-left: 20px;
margin-right: -20px;
}
.sparksBG .wp-block-image .aligncenter,
.sparksBG2 .wp-block-image .aligncenter {
overflow: inherit;	
}
.sparksBG2 .sizeExtra img {
height: 175px;	
} .duurzaamheid .stroke2 {
padding: 30px 30px 5px 30px;
margin-bottom: 0px;
background: rgba(0, 151, 213, 0.00);	
}
.duurzaamheid .stroke {
padding: 30px 30px 5px 30px;
margin-bottom: 0px;
background: rgba(0, 151, 213, 1.00);	
}
#wrapper .duurzaamheid .stroke h3,
#wrapper .duurzaamheid .stroke p {
color:#FFF!important; }
#wrapper .duurzaamheid .stroke2 p { }
.single .contentBox .wrap_content,
.page .contentBox .wrap_content {
padding-bottom:0px;
}
.four_columnBox {
padding-bottom:0px;
margin-bottom:-20px;
}
.partnerBox .row .col5 {
margin: 0 15px;
width: calc(20% - 30px);
-webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 30%)!important;
box-shadow: 0 2px 10px rgb(0 0 0 / 30%)!important;
}
#wrapper .partnerBox .row .col5 .image {
height: 135px!important;	
}
.partnerBox .row .col4 a {
text-decoration: none;
}
.partnerBox .row .col4 .title {
color:#0097d5;
font-weight: 600;	
}
.partnerBox {
padding-top: 50px;
}
#wrapper .partnerBox.colleague {
margin-bottom: 0px;	
}
.archive.homeArchive {
padding-top:20px;	
margin-bottom: 50px;	
}
.archive.homeArchive {
padding-top:90px;	
padding-top:50px; }
.archive.homeArchive .column.news {
width: 25%;
}
#wrapper .date {
line-height: 22px;
padding-bottom: 15px;
}
.archive .news.column a h5 {
padding-bottom:20px;
}
.post-type-archive-events.archive .news.column a h5 {
padding-top:10px;
padding-bottom: 5px;
min-height: inherit;
} .video.single .contentBox .wrap_content {
padding-bottom:100px;
}
#wrapper .column .video {
padding: 3px 10px;
font-size: 15px;
color:#FFF;
position: absolute;
left:30px;
bottom:0px;
background:#0097d5;	
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
#wrapper .column .video i {
margin-right:5px;
}
.contactBox .right_side,
.wrap_content .image_holder,
.partnerBox .row .col4 {
overflow: hidden;
border-radius:4px;
-webkit-border-radius:4px;	
}
.serviceBox .col3 {
overflow: hidden;
border-radius:5px;
-webkit-border-radius:5px;	
}
.FormWhitepaper { 
padding: 50px 55px 30px 50px; background-color:#FFF;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}
.white.paper .wp-block-image.size-large {
max-width: 80%;
border-radius:4px;
-webkit-border-radius:4px;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}
#solliciteren.wp-block-columns { 
-webkit-border-radius:4px;
border-radius:4px;
padding: 50px 55px 30px 50px;
background-color:#FFF;
box-shadow:none;
border:2px solid #0097d5;
}
.white.paper .gform_description,
.white.paper.single .image_holder
{
display:none;	
padding-bottom: 0px;
}
.white.paper .top_headBox .head_bar {
width:50%;
}
.gfield_checkbox li {
margin: 15px 0 15px 20px;
padding: 0 0 0 30px;
position: relative;
line-height: 18px!important;
}
#input_12_13 {
padding-bottom:0px;
}
.field_description_below .gfield_label {
margin-top:20px;	
margin-bottom:20px;	
}
.is-type-video .wp-block-embed__wrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin: 5% 0 5% 0;	
}
.is-type-video .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#wrapper .archive_item.Biochemical.Operations {
display: none!important;	
} @media only screen and (max-width: 767px){
#wrapper .calltoactionBox.fixed {
top:66px!important;
}
#wrapper .procedure .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 50%!important;	
}
#wrapper .procedure .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-of-type(2),
#wrapper .procedure .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-of-type(4) {
border-right:none;
}
#wrapper .ctaTopCareers.left {
display: none!important;
}
#wrapper .ctaTopCareers.right {
padding: 0px!important;
margin: 0px!important;
width: 100%!important;	
}
#wrapper .ctaTopCareers.right h2 {
padding: 0px 0px 10px 0px;
}
#wrapper .calltoactionBox .button {
margin-top: 0px;	
}
#wrapper .blockGrey.procedure {
padding:20px 0px 0px 0px!important;	
}
#wrapper #solliciteren {
padding: 20px;
}
.covidBox,
.logoBox:before,
#wrapper .search_icon,
#wrapper .search {
display: none;
}
.home .logoBox, .logoBox {
padding: 20px 0px;
}
#wrapper .group_sites.icon {
position: absolute;
right: 6px;
top: 6px;
}
.logoBox .right {
width: 100%;
max-width: 100%;
}
#headerCntr .mobileMenu {
top: 18px!important;
right: 8px!important;
}
#headerCntr.fixed .mobileMenu {
top: 10px!important;
}
#wrapper .header_container {
background-position: center 0px!important;	
min-height: inherit!important;
height: 200px;
}
#wrapper .wrapFunction {
display:table;
justify-content: normal;
width: 100%;
margin: auto;
margin-top: 40px;
margin-bottom: 40px;
}
.bannerBox .wrap {
min-height: inherit;
}
#wrapper .bannerBox.homeMain {
height:auto;
}
#wrapper .wrapFunction h1 {
padding: 0px;
margin: 0px;
text-align: center;
}
#wrapper .wrapFunction h1:after {
display: none;
}
#wrapper .wrapFunction .search {
display: table;
width:100%;
max-width:90%;
padding:0px;
margin:10px auto;	
}
#wrapper .wrapFunction .button.vacaturesHome {
display: table;
margin: 0 auto!important;
}
#wrapper .homeArchive.careers {
margin-top:0px; 	
}
.partnerBox.archive.oneliner {
padding-top: 0px;	
}
.partnerBox.archive.homeArchive.colleague {
padding-top: 20px;	
}
#wrapper .homeArchive.careers .archive_items {
padding-bottom: 30px;
margin-bottom: 0px;
}
#wrapper .homeArchive.careers .archive_items .archive_item {
width:100%;	
margin-bottom: 20px;
}
#wrapper .homeArchive .archive_items .archive_item h3 {
min-height: auto;
}
#wrapper .archive.homeArchive .column.news,
#wrapper .archive .column.news {
display: flex;
float: left;
width: 50%!important;	
}
.home #wrapper .column.news:nth-of-type(2), 
#wrapper .column.news:nth-of-type(1) {
display: none!important;	
}
#wrapper .archive .column.news.ctaBlock {
width: 100%!important;	
}
#wrapper .homeArchive.careers .archive_items .archive_item .excerpt,
#wrapper .homeArchive .archive_items .nextCareer {
display: none;	
}
#wrapper .homeArchive .archive_items .archive_item,
#wrapper .partnerBox .row {
margin-left: 0px;	
margin-right: 0px;	
}
#wrapper .archive.homeArchive .image_holder {
height: 135px;	
}
#wrapper .colleague a h5 {
font-size: 14px;
padding: 0px 10px;
}
#wrapper .colleague a .collBlock {
padding: 0px 10px 10px 10px;
}
#wrapper .colleague a .collBlock p {
font-size: 12px;
}
#wrapper .center {
padding-left: 20px;
padding-right: 20px;
}
#wrapper .aboutBox .left_side {
padding-left:0px;
padding-right:0px;
}
#wrapper .solutionBox .head_bar {
padding-bottom: 30px;	
}
#wrapper .solutionBox .col7 {
width: 33%!important;
margin-bottom:20px;
}
#wrapper .partnerBox.archive.afdelingen .partnerBoxSplit {
padding-top:20px;	
padding-bottom:20px;	
}
#wrapper .footerBox .col.col1 {
margin-right: 0px!important;
padding-bottom: 20px!important;
border-bottom:none!important;
}
#wrapper .footerBox .col.col2,
#wrapper .footerBox .col.col3,
#wrapper .footerBox .col.col4,
#wrapper .footerBox .col.col5 {
width: 50%!important;	
margin-right: 0px!important;
margin-bottom: 20px!important;
border-bottom:none!important;
}
#wrapper .header_container {
padding-left:0px!important;	
padding-right:0px!important;		
}
#wrapper .top_headBox {
max-width: 80%;
width: 100%;
padding-top:40px!important;	
padding-bottom:40px!important;		
}
#wrapper .four_columnBox .row,
#wrapper .top_headBox .row {
width: 100%;
margin-left: 0px;	
margin-right: 0px;	
}
#wrapper .four_columnBox .container {
padding-left: 0px;	
padding-right: 0px;	
}
#wrapper .four_columnBox .vacatures .col-9 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
margin: 0px;
padding: 0px;
}
#wrapper .four_columnBox .vacatures .col-3 {
display: none;	
}
.post-type-archive-careers #wrapper .wrapFunction {
margin-top: 0px;	
margin-bottom: 0px;	
padding-top: 0px;	
padding-bottom: 0px;	
}
#wrapper .wp-block-column:first-child {
margin-left:0px;
margin-right:0px;	
}
#wrapper .wp-block-column:not(:first-child) {
margin-left:0px!important;
margin-right:0px!important;	
}
:where(.wp-block-columns.is-layout-flex) {
gap:1em;
}
}   .aspenSlogan {
}
.aspenSlogan span {
font-weight: 300;
}
.small_center {
max-width: 1100px;
}
.search {
position: relative;
z-index: 9;
}
.homeMain button {
color:#FFF;
background:#0097d5;
}
.aboutBox li p a {
color: #FFF;	
} .aboutBox h2 {
color:#1b3c6a;
}
.aboutBox .right_side .image {
margin: 0;	
} .home .partnerBox.colleague {
margin-bottom:-167px!important;	
}
.home .partnerBox.afdelingen {
margin-bottom:0px;	
}
.home .partnerBox {f
margin-bottom:50px;	
}
.page .partnerBox .row .col4 {
margin-bottom:30px;	
} .partnerBox.archive.afdelingen,
.partnerBox.archive.homeArchive.colleague {
position: relative;
background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/page-texture.png) calc(50% + 255px) 0px no-repeat;
}
.partnerBox.archive.afdelingen {
padding-top: 0;
padding-bottom: 0;
}
.home #globalCntr,
.home .partnerBox.archive.homeArchive.colleague,
.single-colleague .partnerBox.archive.homeArchive.colleague {
background-image:none;
}
.partnerBoxSplit {
position: relative;
background-color: rgba(0,0,0,0.035);  padding-top:40px;
padding-bottom:40px;
}
#wrapper .ListFilter {
display: flex;
padding: 0 0 40px 0;	
}
#wrapper .partnerBox.archive.afdelingen .ListFilter {
display: table;
width: 100%;
padding: 0 0 40px 0;	
}
#wrapper .ListFilter li {
list-style: none;	
padding: 0;
margin: 0 5px 0 0;
}
#wrapper .partnerBox.archive.afdelingen .ListFilter li {
float: left;
margin-bottom: 10px;
}
#wrapper .ListFilter li:before {
content:"";
}
#wrapper .ListFilter li a {
padding: 5px 20px;
display: inline-block;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
color: #1b3c6a;
vertical-align: top;
border: 2px solid #0097d5;
-webkit-border-radius: 20px;
border-radius: 20px;
background: #fff;
cursor: pointer;	
}
.parent-pageid-368 #wrapper .ListFilter {
display: table;
}
.parent-pageid-368 #wrapper .ListFilter li {
float: left;
margin-right:10px;
margin-bottom:10px;
}
.page-id-255 #wrapper .ListFilter li a,
.parent-pageid-368 #wrapper .ListFilter li a {
width: auto!important;
display: table!important;
}
#wrapper .ListFilter li.active a {
color:#FFF;
background-color: #0097d5;
}
.contentBox .wrap_content {
padding-right:0px;
}
.wp-block-column figure {
overflow: hidden;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.blueGrey,
.blockGrey {
border-radius: 4px;
-webkit-border-radius: 4px;
background-color:#EDEDED;
padding: 40px;
}
.blueGrey {
background-color:#1b3c6a;	
}
#wrapper .blueGrey h1,
#wrapper .blueGrey h3,
#wrapper .blueGrey h2,
#wrapper .blueGrey p,
#wrapper .blueGrey span,
.blueGrey a {
color:#FFF;
}
.blueGrey {
position: relative;
}
.page-id-479 .blueGrey,
.page-id-333 .blueGrey,
.page-id-293 .blueGrey,
.page-id-300 .blueGrey {
background:#0097d5;
padding: 0px;
margin-left:-50px;
margin-right:-50px;
}
.page-id-479 .blueGrey {
-webkit-border-radius:0px;
border-radius:0px;
margin-left:-50px;
margin-right:-50px;
}
.page-id-479 .blueGrey .wp-block-column:nth-of-type(1),
.page-id-333 .blueGrey .wp-block-column:nth-of-type(2),
.page-id-293 .blueGrey .wp-block-column:nth-of-type(2),
.page-id-300 .blueGrey .wp-block-column:nth-of-type(2) {
padding: 40px 50px 0 0;	
}
.page-id-479 .blueGrey .wp-block-column:nth-of-type(1){
padding: 40px 0px 0px 50px;	
}
.page-id-479 .blueGrey .wp-block-column:nth-of-type(1):before {
position: absolute;
top: 0;
left: -5000px;
width: 5000px;
height: 100%;
background: #1296d6;
content: '';	
}
.page-id-479 .blueGrey .wp-block-column:nth-of-type(2):after {
position: absolute;
top: 0;
right: -5000px;
width: 5000px;
height: 100%;
background: #9bcdef;
content: '';	
}
.page-id-479 .blueGrey .wp-block-column:nth-of-type(2) {
margin-left:0px!important;
}
.page-id-333 .blueGrey .wp-block-column figure,
.page-id-293 .blueGrey .wp-block-column figure,
.page-id-300 .blueGrey .wp-block-column figure {
-webkit-border-radius:4px 0 0 4px;	
border-radius:4px 0 0 4px;	
margin-bottom: 0px;
}
.page-id-479 .blueGrey .wp-block-column figure {
-webkit-border-radius:0px 4px 4px 0px;	
border-radius:0px 4px 4px 0px;	
margin-bottom: 0px;
}
#wrapper .vacaturesBox .wp-block-button__link,
#wrapper .ctaBlock .wp-block-button__link,
#wrapper .blue .wp-block-button__link,
#wrapper .blueGrey .wp-block-button__link {
border-color:transparent;
}
#wrapper .heightAuto {
align-items: flex-start!important;
}
.greyGrid {
padding:60px 0px 20px 0px;
position: relative;
background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/page-texture.png) calc(50% + 255px) 0px no-repeat;
background-color: rgba(0,0,0,0.035);
}
.greyGrid:before,
.greyGrid:after {
position: absolute;
top: 0;
right: -5000px;
width: 5000px;
height: 100%;
background-color: rgba(0,0,0,0.035);
content: '';		
}
.greyGrid:before {
right:inherit;
left:0;
left: -5000px;
width: 5000px;
}
.wp-container-5,
.wp-container-8,
.wp-container-13,
.wp-container-16 {
margin-bottom: 0px;
}
.extraWidth {
position: relative;
padding: 0 0;
margin-bottom: 0px;
}
.extraWidth .wp-block-column:nth-of-type(2)  {
background:#1b3c6a;
}
.extraWidth:after {
content:"";
background:#1b3c6a;
position: absolute;
top: 0;
right: -5000px;
width: 5000px;
height: 100%;
}
.extraWidth.blue:after {
content:"";
background:#1b3c6a;
position: absolute;
top: 0;
right: -5000px;
width: 5000px;
height: 100%;
}
.extraWidth.blue:before {
content:"";
background:#0097d5;
position: absolute;
top: 0;
left: -5000px;
width: 5000px;
height: 100%;
}
.extraWidth.blue {
padding:0px;
background:#0097d5;
color:#FFF;
}
.extraWidth.blue .wp-block-column {
padding:40px 0 10px 0;	
}
.extraWidth.blue .wp-block-column:nth-of-type(2) {
padding-left:40px;
margin-left:-40px!important;
}
#wrapper .extraWidth.blue h2,
#wrapper .extraWidth.blue h3,
.extraWidth.blue p,
.blue a {
color:#FFF;
}
.wp-block-button__link.usp,
.extraWidth.blue .wp-block-column:nth-of-type(2) .wp-block-button__link {
color:#FFF;
background: #0097d5;	
}
.extraWidth.blue .wp-block-column:nth-of-type(1) .wp-block-button__link {
color: #0097d5;	
}
.extraWidth.blue .wp-block-column:nth-of-type(1) .wp-block-button__link:hover {
background: #2AA8DC;		
}
#wrapper .footerBox .col1,
#wrapper .footerBox .col2,
#wrapper .footerBox .col3,
#wrapper .footerBox .col4,
#wrapper .footerBox .col5
{ width: calc(18% - 60px)!important;
margin-right: 30px!important;
padding: 0px;
}
#wrapper .footerBox .col1 {
width: calc(500px - 80px)!important;
margin-right: 40px!important;
}
.footerBox p, .footerBox li {
padding-bottom: 5px;
font-size: 13px;
font-weight: 300;
line-height: 1.7;
letter-spacing: 0.02em;
color: #1b3c6a;
} .wrapFunction {
display: flex;
justify-content: center;
width: auto;
margin: auto;
}
.post-type-archive-careers .wrapFunction {
justify-content: flex-end;
justify-content: flex-start;
}
canvas {
pointer-events: none;
}
.homeMain .wrap {
display: flex;
padding: 0px 0px 0px 0px;
}
.wrapFunction p {
color:#1b3c6a;
position: relative;
z-index: 3;
padding: 15px 0 5px 0;
}
.homeMain h1 {
padding:3px 0px;
margin:0px 20px 0px 0px;
}
.homeMain h1:after {
margin: 13px 0 0;
position: relative;
z-index: 1;
display: block;
width: 260px;
height: 6px;
background: #0097d5;
content: '';
}
.post-type-archive-careers .search,
.homeMain .search {
width: 350px;
padding:0px;
margin:0px 20px 0px 0px;
}
.post-type-archive-careers .search {
margin: 0px;
}
.vacaturesHome {
color:#FFF;
background: #0097d5;
height: 40px;
padding: 8px 20px 8px 20px!important;
margin:0px!important;
}
.search input,
.homeMain .search input {
padding: 8px 23px;
display: table;
width: 100%;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
text-decoration: none;
color: #1b3c6a;
vertical-align: top;
border: 2px solid #0097d5;
-webkit-border-radius: 20px;
border-radius: 20px;
background: #fff;
}
.search button,
.homeMain .search button {
position: absolute;
top: 10px;
right: 17px;
font-size: 22px;
line-height: 22px;
color: #0097d5;
border: 0;
background: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.inner {
clear: both;	
}
.careersFront {
position: relative;
z-index: 3;
float: none;
display: table;
width: 100%;
max-width: 800px;
padding: 10px 0 20px 0;
margin: auto;
}
.careersFront li {
float: left;
position: relative;
font-size: 16px;
font-weight: 300;
margin-right: 5px;
margin-bottom: 5px;
}
.careersFront li.first {
color:#1b3c6a;
font-size: 14px;
padding: 5px 5px 5px 0px;
}
.careersFront li a {
padding: 5px 20px;
display: inline-block;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
color: #1b3c6a;
vertical-align: top;
border: 2px solid #0097d5;
-webkit-border-radius: 20px;
border-radius: 20px;
background: #fff;
cursor: pointer;
}
.careersFront li a:hover {
color:#FFF;
background:#0097d5;	
}
.leaderbox.vacaturesBox {
-webkit-border-radius:3px;
border-radius:3px;
text-decoration: none;
display: block;
width: 100%;	
position: relative;
border: 1px solid #FFF;
padding: 30px;
color: #FFF;
margin-bottom: 20px;
height: 220px;
background: #1b3c6a;
}
.leaderbox.vacaturesBox h2,
.leaderbox.vacaturesBox p {
color:#FFF;
margin-bottom: 15px;
}
.post-type-archive-events.archive .header_container,
.post-type-archive-careers.archive .header_container {
min-height: inherit!important;	
height: auto!important;	
}
.post-type-archive-events.archive .top_headBox,
.post-type-archive-careers.archive .top_headBox {
padding: 40px 45px;	
}
.post-type-archive-events.archive .column.news a:not(.button) {
padding-top: 0px;	
}
.filterForm{display: contents; width:100%;}
.filterArea{
margin-top:30px; padding:0 20px;
background:transparent;
padding: 0;
}
.filterGroup {
margin-bottom:40px;
padding-bottom: 0px;
border-bottom: 1px solid #0097d5;
}
.filterGroup .filterHeader{color:#1b3c6a; font-weight: 500; margin-bottom:10px; font-size:20px;}
.filterGroup .filter{}
.filterGroup .filter label input{margin-right:10px;}
.checkbox {width: 100%; margin: 0; padding:7px 0 7px 0px; border-top:1px solid #EDEDED; position: relative; display: block;}
.checkbox label {position: relative; min-height: 21px; display: block; padding-left: 30px; margin-bottom: 0; font-weight: normal; cursor: pointer;}
.checkbox label span {position: absolute; top: 50%; transform: translateY(-50%);font-size: 12px;font-weight: 300;}
.checkbox label:before {content: ''; position: absolute; left: 0; top: -2px; margin: 4px; width: 17px; height: 17px; transition: transform 0.28s ease; border-radius: 0px; border: 1px solid #0097d5;}
.checkbox label:after {content: ''; display: block; width: 9px; height: 6px; border-bottom: 3px solid #89BE6D; border-left: 3px solid #89BE6D; transform: rotate(-45deg) scale(0); transition: transform ease 0.25s; position: absolute; top: 6px; left: 8px;}
.checkbox input[type="checkbox"] {width: auto; opacity: 0.00000001; position: absolute; left: 0; margin-left: -20px;}
.checkbox input[type="checkbox"]:checked ~ label:before {border: 1px solid #89BE6D;}
.checkbox input[type="checkbox"]:checked ~ label:after {transform: rotate(-45deg) scale(1);}
.checkbox input[type="checkbox"]:focus + label::before {outline: 0;} .post-type-archive-careers .paginationBox {
display: none;	
}
.searchitem {
background: #FFF;
-webkit-border-radius:4px;
border-radius:4px;
padding: 20px 30px;
border: 2px solid #0097d5;	
}
.homeArchive.careers {
padding-top:0px;
margin-top: -70px;
margin-bottom:0px;
}
.homeArchive .archive_items {
-webkit-display: flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;	
}
.archive_items {
padding: 20px 0;
}
.archive_items .archive_item {
font-size: 14px;
line-height: 20px;
font-weight: 300;
color:#494d4e;
display: table;
width: 100%;
height: auto;
text-decoration: none;
padding: 20px 30px;
border: 2px solid #0097d5;
background: #FFF;
-webkit-border-radius:4px;
border-radius:4px;
margin-bottom:20px;
}
.homeArchive .archive_items .nextCareer {
text-decoration: none;
right:0px;
top:140px;
position: absolute;
width: 40px;
height: 40px;
border:1px solid #EDEDED;
background:#FFF;
-webkit-border-radius:3px;
border-radius:3px;
text-align: center;
}
.homeArchive .archive_items .nextCareer:hover {
background: #EFEFEF;
}
.homeArchive .archive_items .nextCareer:hover:after {
color: #FFF;
}
.homeArchive .archive_items .nextCareer:after {
color: #EDEDED;
font-family: "Font Awesome 6 Pro";
content:"\f054";	
text-align: center;
line-height: 40px;
}
.homeArchive .archive_items .archive_item {
margin: 0 15px;
width: calc(25% - 30px);	
background: url(//werkenbijaspen.nl/wp-content/themes/aspenapi/includes/images/page-texture.png) 20px 20px no-repeat;
background-size: 300% auto;
background-color: #FFF;
}
.homeArchive .archive_items .archive_item:hover {
transform: scale(0.99);
}
.homeArchive .archive_items .archive_item.first {
background-image: none;
background-color:#fafafa;
background-color:#9bd0f0;
background-color:#EEE; }
.aboutBox p {
color:#1b3c6a;
padding-right: 20px;
}
.homeArchive .archive_items .archive_item.first h1 {
margin-bottom: 10px;	
}
.archive_items .archive_item h3 {
font-size: 30px;
margin-bottom: 10px;
}
.archive_items .archive_item .metadata {
padding:15px 0;
color:#0097d5;
}
.archive_items .archive_item:hover .button {
color:#FFF;
background-color:#0097d5;
}
.archive_items .archive_item .excerpt {
padding:0 0 10px 0;
}
.post-type-archive-careers .archive_items.departments .archive_item h3 {
font-size: 18px;	
}
.post-type-archive-careers .archive_items .archive_item h3 {
font-size: 25px;	
}
.post-type-archive-careers .archive_items.departments .archive_item .excerpt {
margin-bottom: 0px;
padding-bottom: 0px;
} .archive_items .archive_item .button {
float: right;
padding: 5px 20px;
font-size: 13px;
}
.homeArchive .archive_items .archive_item h3 {
font-size: 20px;
min-height:50px;
}
.wrap_content .metadata {
color:#0097d5;	
}
.homeArchive .archive_items .archive_item .metadata {
font-size: 12px;
line-height: 20px;
min-height:72px;
padding: 0px 0px 10px 0px;
}
.homeArchive .archive_items .archive_item .excerpt {
overflow: hidden;
height: 63px;
margin-bottom: 10px;
}
.archive_items.departments {
display: none;
margin-bottom: 0;
padding-bottom: 0;
}
#wrapper .archive_items.departments .archive_item {
border: none;	
background-color: rgba(0,0,0,0.035);
}
.archive_items.departments .archive_item {
margin-top: 10px;
margin-bottom: 20px;
overflow: hidden;
}
.archive_items.departments .archive_item img {
float: left;
width: 300px;
height: auto;	
margin-right: 30px;
margin-left: -30px;
margin-top:-20px;
margin-bottom:-20px;
border-radius: 0 4px 0 0;
-webkit-border-radius: 4px 0 0 4px;
}
.archive_items.departments .archive_item .excerpt {
overflow: hidden;
height: auto;
padding-bottom: 10px!important;
}
.single-events .contactBox {
padding: 0px;	
}
.single-events .contactBox .center {
max-width: 1100px;
}
.single-events .contactBox .left_side {
padding: 30px 40px 0 0;
float: left;
width: 51.5%;
max-width:inherit;
}
.single-events .contactBox .left_side p {
font-size: inherit;	
}
.single-events .contactBox .right_side {
font-weight: 300;
margin-right: 30px;
padding: 50px 55px 30px 50px;
float: right;
width: calc(48.5% - 30px);
background: rgba(255, 255, 255, 0.2);
box-shadow: 5px 5px 15px rgb(0 0 0 / 10%);
}
.blocksBorder .wp-block-column {
border:1px solid #EDEDED;
-webkit-border-radius:3px;
border-radius:3px;
padding: 30px 30px 10px 30px;
background: #FFF;
margin: 10px 0 10px 0;
}
.countCareers3,
.countCareers2,
.countCareers {
font-size: 12px;
font-weight: bold;
display: block;
background:#FFF;
color:#1b3c6a;
-webkit-border-radius:50%;
border-radius:50%;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
margin-left: 5px;
margin-top: -3px;
margin-bottom: 6px;
}
.countCareers3,
.countCareers2 {
display: table;
float:right;
background:#1b3c6a;
color:#FFF;
margin-left:5px;
margin-top:0;
margin-bottom:0;
margin-right: -10px;
}
.careerList span {
font-weight: bold;
color:#1b3c6a;
display: block;
float: left;
min-width: 125px;
}
.voordelen li {
text-align: left;
list-style: none;
padding: 10px 15px 10px 30px!important;
border-bottom: 1px solid #EFEFEF;
}
.voordelen li:before {
left:inherit;
top:inherit;
display: inline-table;
position: relative!important;
font-family: "Font Awesome 6 Pro";
font-size: 20px;
font-weight: bold;
color: #0097d5;
margin: 0 10px 0 0;
margin-left:-30px;
content: "\f058"!important;
} .image_holder:after,
.image:after
{
content:"";
width: 100%;
height: 100%;
background: rgba(0,0,0,0.05);
top:0px;
left:0px;
position: absolute;
z-index: 1;
} .boxShadow {
padding: 40px;
background: #FFF!important;
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);	
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);	
}
.careerList {
padding: 20px 20px 30px 20px;
-webkit-border-radius:3px;
border-radius:3px;
background: transparent;
margin-bottom:40px; }
#wrapper .careerList li:before {
font-family: "Font Awesome 6 Pro";
content: "\f00c";
display: table;
position: relative;
float:left;
margin-right:10px;
color:#1b3c6a;
}
#wrapper .careerList li {
padding:10px 10px;
border-bottom:1px solid #0097d5;
}
.wp-block-columns.procedure {
position: relative;
background: #0097d5;
-webkit-border-radius:0px;
border-radius:0px;
padding-top:50px;
padding-bottom:10px;
}
.wp-block-columns.procedure:before,
.wp-block-columns.procedure:after {
position: absolute;
top: 0;
right: -5000px;
width: 5000px;
height: 100%;
background: #0097d5;
content: '';	
}
.wp-block-columns.procedure:before {
left: -5000px;
right:inherit;
}
.procedure {
margin: 40px 0;
}
.page-id-474 .wp-block-columns.procedure {
margin-bottom: 0px;	
}
#wrapper .procedure .wp-block-column p strong,
#wrapper .procedure .wp-block-column p {
text-align: center;
color:#FFF!important;
}
.procedure .wp-block-column h2 {
text-align: center;
padding-bottom: 40px;
color:#FFF!important;
}
.procedure .wp-block-columns {
gap:0;	
margin-bottom:20px;
}
.procedure .stepsP {
flex-wrap: nowrap;	
}
.procedure .wp-block-column {
display: table;
width: 100%;
border-right:1px solid #1b3c6a;
border-right:1px solid #FFF;
margin-right: 0px;
margin-left: 0px!important;
padding: 0 20px;
}
.procedure .wp-block-column:nth-last-of-type(1),
.procedure .wp-block-column.overAll {
border-right:none;
}
.procedure .wp-block-column p {
font-size: 14px;
line-height: 19px;
}
.procedure .wp-block-column p:before {
font-size: 25px;
font-weight: bold;
color:#1b3c6a;
margin: auto;
margin-bottom: 20px;
position: relative;
display: table;
content:"1";	
width:50px;
height: 50px;
line-height: 50px;
text-align: center;
-webkit-border-radius:50%;
border-radius:50%;
background: #FFF; }
.procedure .wp-block-column p {
position: relative;
}
h3.s1 {
position: relative;
}
.procedure .wp-block-column p:after {
color:#FFF;
top:-10px;
right:-65%;
left:-35%;
margin: auto;
font-family: "Font Awesome 6 Pro";
content:"\f15b";	
position: absolute;
width:30px;
height:30px;
line-height:30px;
text-align: center;
border-radius:50%;
-webkit-border-radius:50%;
background:#1b3c6a;
}
h3.icon:before {
color:#FFF;
margin: auto;
font-family: "Font Awesome 6 Pro";
content:"\f15b";	
position: relative;
font-weight: 300;
font-size: 16px;
display:inline-table;
width:30px;
height:30px;
line-height:30px;
text-align: center;
border-radius:50%;
-webkit-border-radius:50%;
background:#1b3c6a;
margin-right:10px;
margin-top:-1px;
float: left;
}
.procedure .wp-block-column:nth-of-type(2) p:before {
content:"2";	
}
.procedure .wp-block-column:nth-of-type(3) p:before {
content:"3";	
}
.procedure .wp-block-column:nth-of-type(4) p:before {
content:"4";	
}
.procedure .wp-block-column:nth-of-type(5) p:before {
content:"5";	
}
.procedure .wp-block-column:nth-of-type(6) p:before {
content:"6";	
}
h3.icon.s2:before,
.procedure .wp-block-column:nth-of-type(2) p:after {
content:"\f095";	
}
h3.icon.s3:before,
.procedure .wp-block-column:nth-of-type(3) p:after {
content:"\f075";	
}
h3.icon.s4:before,
.procedure .wp-block-column:nth-of-type(4) p:after {
content:"\f4c4";	
}
h3.icon.s5:before,
.procedure .wp-block-column:nth-of-type(5) p:after {
content:"\f56c";	
}
h3.icon.s6:before,
.procedure .wp-block-column:nth-of-type(6) p:after {
content:"\f2f7";	
}
.wp-block-columns.procedureSteps {
display: none;
padding:40px;
}
.page-id-474 .wp-block-columns.procedure {
margin-bottom: 20px;
}
.page-id-803 .procedureSteps {
display:table;
}
.page-id-803 .wp-container-10.wp-block-buttons {
display: none;	
}
h3.stage {
position:relative;	
}
.stage:before {
position:relative;	
display: table;
margin: auto;
font-family: "Font Awesome 6 Pro";
content:"\f4fd";	
font-size: 30px;
font-weight: 300;
width:75px;
height:75px;
line-height: 75px;
text-align: center;
background:#0097d5;
color:#FFF;
-webkit-border-radius:50%;
border-radius:50%;
margin-bottom:20px;
}
.stage.step3:before {
content:"\f501";	
}
.stage.step2:before {
content:"\f82c";	
}
.bestuur:before,
.sociaal:before,
.milieu:before {
color: #0097d5;
margin: auto;
font-family: "Font Awesome 6 Pro";
content: "\f4d8";
position: relative;
font-weight: 300;
font-size: 16px;
display: inline-table;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
background: #FFF;
margin-right: 10px;
margin-top: -1px;
float: left;
}
.sociaal:before {
color:#FFF;
background:#1b3c6a;
content:"\f0c0";
}
.bestuur:before {
content:"\f440";
}
#wrapper .wp-block-separator.green {
height: 2px!important;
background: #4c9e38!important;	
}
.single-colleague .image_holder.single {
width:100%;
height:225px; }
#wrapper .colleague .title .header a {
font-weight: bold;
color:#0097d5!important;	
}
#wrapper .colleague .col4 .image {
height: 190px;	
}
#wrapper .colleague .col4 .image img {
margin: 0 auto;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;	
}
.contentBox i {
}
.smFoot {
display: block;
font-size: 13px;
line-height: 20px;
margin: 20px 0 20px 0;
height: 20px;
}
.smFoot a {
display: inline-block;
line-height: 20px;
font-weight: 600;
height: 20px;
}
.smFoot i {
float: left;
color:#1296d6;
display: inline-block;
font-size: 20px;
margin-right: 6px;
}
.covidBox { }
.gform_body .gfield_html h2 {
line-height: 50px;
font-weight: 300;	
}
.gform_body .gfield_html h2 strong {
font-weight: bold;	
}
.calltoactionBox.fixed,
.calltoactionBox {
z-index: 1;
position: fixed;
top:203px;
left:-50%;
right:-50%;
background-color: #1b3c6b;
max-width: 100%;
width: 1100px;
margin: 0 auto 40px auto;
}
.calltoactionBox.fixed {
z-index: 99;
top: 89px;
}
.calltoactionBox:before,
.calltoactionBox:after {
position: absolute;
top: 0;
right: -5000px;
width: 5000px;
height: 100%;
background-color: #1b3c6b;
content: '';	
}
.calltoactionBox:before {
right:inherit;
left: -5000px;
width: 5000px;
}
.single-careers .wrap_content,
.single-careers .wrap_content.vast {
padding-top: 0px!important;
}
.calltoactionBox .head_bar h2 strong,
.calltoactionBox .head_bar h2 {
font-size: 16px;
color:#FFF;
padding: 10px 0;
}
.calltoactionBox .head_bar h2:after {
display: none;	
}
.calltoactionBox .head_bar {
display: table;
padding: 20px 15px;
}
.calltoactionBox .button {
padding: 5px 17px;
display: inline-block;
font-size: 13px;
text-decoration: none;
color: #1b3c6a;
vertical-align: top;
border: 2px solid #0097d5;
-webkit-border-radius: 20px;
border-radius: 20px;
background: #fff;
cursor: pointer;
}
.ctaTopCareers {
float: left;
display:table;
width:50%;
}
#wrapper .ctaTopCareers h1,
#wrapper .ctaTopCareers .metadata
{
color:#FFF;
}
.ctaTopCareers h1 {
font-weight: 600;
font-size: 16px;
padding: 0;
margin-bottom: 10px;
}
.ctaTopCareers h1:after {
display: none;
}
.ctaTopCareers .metadata {
font-size: 13px;
}
#wrapper .ctaTopCareers.right {
width: auto;
float: right;
padding-top: 7px;	
}
a[href*="mailto:"],
a[href*="tel:"] {
text-decoration: none;
}
a[href*="mailto:"]:before,
a[href*="tel:"]:before {
position: relative;
font-family: "Font Awesome 6 Pro";
content:'\f095';
margin-right: 5px;
text-decoration: none;
}
a[href*="mailto:"]:before {
content:"\f0e0";
}
.calltoactionBox,
.calltoactionBox .ctaTopCareers.left {
display: none;	
}
.calltoactionBox.fixed,
.calltoactionBox.fixed .ctaTopCareers.left {
display: block!important;
}
.calltoactionBox.fixed {
box-shadow: 0 0px 10px rgb(0 0 0 / 30%);
}
.gform_wrapper.gravity-theme .gform_fields {
display: table!important;
width: 100%;
}
#wrapper .gform_body .gfield {
margin-bottom:15px;
}
#wrapper .gform_body .gfield input {
-webkit-border-radius:8px;	
border-radius:8px;	
}
#field_3_20,
#field_1_20,
#field_1_3,
#field_1_4,
#field_1_19,
#field_3_19,
#field_3_4,
#field_3_3,
#field_4_19,
#field_4_4,
#field_4_3,
#field_4_23,
#field_4_20,
#field_6_19,
#field_6_4,
#field_6_3,
#field_6_20 {
float:left;
min-width:inherit!important;
}
#field_4_19,
#field_3_19,
#field_1_19,
#field_6_19 {
width: calc(70% - 5px);
margin-right: 5px;
}
#field_6_4,
#field_4_4,
#field_3_4,
#field_1_4 {
width: calc(30% - 5px);
margin-left: 5px;
}
#field_6_3,
#field_4_3,
#field_3_3,
#field_1_3 {
width: calc(30% - 5px);
margin-right: 5px;
}
#field_6_20,
#field_4_20,
#field_4_23,
#field_3_20,
#field_1_20 {
width: calc(70% - 5px);
margin-left: 5px;
}
#wrapper .gf_progressbar_title {
padding-bottom: 0px;
margin-bottom: 10px;
}
.header_container {
background-position: center -350px;
background-size: 100% auto;
height: 350px;
min-height: 350px;
}
.page-id-434 .header_container {
background-position: center -150px;
}
.page-id-335 .header_container {
background-position: center -250px;
}
.page-id-305 .header_container {
background-position: center -210px;
}
.page-id-209 .header_container {
background-position: center -270px;
}
@media only screen and (max-width:1024px){
.page-id-333 .header_container {
background-position: center -170px!important;
}
.page-id-351 .header_container {
background-position: center -190px!important;
}
.page-id-434 .header_container {
background-position: center -50px!important;
}
.page-id-429 .header_container {
background-position: center -190px!important;
}
.page-id-305 .header_container {
background-position: center -100px!important;
}
.page-id-209 .header_container {
background-position: center -140px!important;
}
.page-id-479 .header_container {
background-position: center -180px!important;
}
.page-id-313 .header_container {
background-position: center -200px!important;
}
.page-id-368 .header_container {
background-position: center -140px!important;
}
.page-id-335 .header_container {
background-position: center -200px;
}
.page-id-328 .header_container {
background-position: center -280px;
}
.page-id-1100 .header_container {
background-position: center -140px!important;
}
.header_container {
padding:0px;
}
.top_headBox {
padding-left: 20px;
padding-right: 20px;
}
.breadcrumbs_container {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width:1440px){
.page-id-333 .header_container {
background-position: center -270px;
}
.page-id-351 .header_container {
background-position: center -280px;
}
.page-id-434 .header_container {
background-position: center -110px;
}
.page-id-429 .header_container {
background-position: center -240px;
}
.page-id-305 .header_container {
background-position: center -160px;
}
.page-id-209 .header_container {
background-position: center -210px;
}
.page-id-479 .header_container {
background-position: center -210px;
}
.page-id-313 .header_container {
background-position: center -280px;
}
.page-id-335 .header_container {
background-position: center -200px;
}
.page-id-328 .header_container {
background-position: center -280px;
}
} .videowrapper { float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin:5% 0 5% 0;}
.videowrapper iframe { position:absolute;top:0;left:0;width:100%;height:100%;}
#youtubeDetail .container {
max-width:768px;	
}  #ssba-bar-2 .ssbp-bar-list li {
float: left;
}
.ssbp-li--whatsapp,
.ssbp-li--email,
.ssbp-li--facebook,
.ssbp-li--twitter,
.ssbp-li--linkedin {
background: #0097d5;
}