/*!
Theme Name: aa-zorg
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aa-uitzendbureau
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

aa-zorg is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('//fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,300;0,400;0,600;0,700;0,800;1,500&display=swap');

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: 'Sarabun', sans-serif; font-size: 16px; color: #202020; }
body { background: #fff; }
input,
select,
textarea { font-family: 'Sarabun', sans-serif; font-size: 16px; color: #202020; }
img { display: block; border: 0; }
ul,
li { list-style-position: outside; }
:focus { outline: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; font-weight: 800; }
h1 { font-size: 60px; }
h2 { font-size: 60px; color: #0B6B6F; }
h3 { font-size: 44px; color: #fff; }
h4 { font-size: 36px; color: #fff; }
h5 { font-size: 24px; color: #fff; }
a { display: block; transition: all 0.4s ease-in-out; text-decoration: none; font-weight: 700; color: #fff; }
p { font-weight: 300; }


.mm-menu {background:#3e8e91;}

.btn-animated { animation: moveInBottom 5s ease-out; animation-fill-mode: backwards; }
.button { position: relative; z-index: 1; display: inline-block; font-size: 20px; font-weight: 800; text-align: center; text-decoration: none; color: #fff; border-radius: 50px; background-color: #0B6B6F; transition: all 0.4s ease-in-out; }
.button:hover {  transform: translateY(-3px); }
.button::after {  content: "";  display: inline-block; height: 100%; width: 100%; border-radius: 100px; position: absolute; top: 0;
  left: 0; z-index: -1; transition: all 0.5s ease-in-out; background-color: #0B6B6F; }
.button:hover::after { transform: scaleX(1.4) scaleY(1.6);  opacity: 0; }

.button.brown {font-size: 18px; text-decoration: none; margin-top: 8px; display: block;}
.button.brown::after  {background-color:#8B0000; }
.button.brown:hover::after {transform: none;} 
.accordion div.accordion-text p a.button.brown {text-decoration: none; display: block;}

 .accordion div.accordion-text p a.button {font-size: 18px; text-decoration: none; margin-top: 8px; display: block;}
 .accordion div.accordion-text p a.button::after {background-color:#8B0000; }
 .accordion div.accordion-text p a.button:hover::after {transform: none;} 

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; max-width: 1071px; }
.centered { padding-right: calc((100% - 1276px) / 2); padding-left: calc((100% - 1276px) / 2); }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { position: relative; width: 100%; }

/* ### header container ### */
#headerCntr { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; background-color: #fff; }
#headerCntr .logo { margin: 11px 0 0 78px; max-width: 138px; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .mobileMenu { position: absolute; top: 25px; right: 45px; z-index: 15; display: none; width: 60px; height: 40px; transition: 0.2s; cursor: pointer; overflow: hidden; }
#headerCntr .mobileMenu span { position: absolute; top: 50%; right: 20%; left: 20%; display: 611; 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: -10px; }
#headerCntr .mobileMenu span:after { bottom: -10px; }
.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); }

#headerCntr.sticky {position: fixed; box-shadow:0 1px 2px 0 rgba(31,45,61,.15); z-index: 2000; top:0; left:0; transition: all 0.4s ease; z-index: 2000;}

/* ### icon ### */
#headerCntr .icon { position: absolute; top: 25px; right: 28px; }
#headerCntr .icon ul { list-style: none; }
#headerCntr .icon li { margin: 0 0 12px; }
#headerCntr .icon li a { padding: 10px 4px 11px 0; position: relative; display: flex; align-items: center; font-size: 14px;  letter-spacing: 1.6px;  background-color: #AB4F4F; transform: translateX(249px); }
#headerCntr .icon li a span { margin-right: 16px; display: flex; align-items: center; justify-content: center; width: 42px; }
#headerCntr .icon li a:hover { transform: translateX(0); }
#headerCntr .icon li a:after { position: absolute; top: 0; left: 41px; width: 11px; height: 41px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/dividar.png'); background-repeat: no-repeat; background-size: cover; content: ''; }
#headerCntr .icon .number { transform: translateX(249px); }
#headerCntr .icon .number:hover { transform: translateX(120px); }

/* ### menu box ### */
.menuBox:not(.mm-menu) { padding-right: 163px; }
.menuBox:not(.mm-menu) ul { display: flex; flex-wrap: wrap; list-style: none; }
.menuBox:not(.mm-menu) ul li { padding: 62px 0 56px 53px; }
.menuBox:not(.mm-menu) ul li a { font-size: 14px; font-weight: 800; text-transform: uppercase; text-decoration: none; color: #8B0000; }
.menuBox:not(.mm-menu) li.current_page_item a,
.menuBox:not(.mm-menu) ul li a:hover { color: #0B6B6F; }

.menuBox:not(.mm-menu) ul > li > ul { padding: 50px 0 20px; position: absolute; top: 136px; z-index: 200; display: block; opacity: 0; visibility: hidden; width: 336px; border-radius: 0 0 10px 10px; background-color: #3C898C; transition: all 0.3s ease-in-out; }
.menuBox:not(.mm-menu) ul > li:hover > ul { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul > li > ul > li { padding: 0 20px 30px 24px; }
.menuBox:not(.mm-menu) ul > li > ul > li > a { color: #fff ; }
.menuBox:not(.mm-menu) ul > li > ul > li > a:hover { color: #8B0000 ; }
.menuBox:not(.mm-menu) li.current_page_item ul.sub-menu li a{color:#fff;}
.menuBox:not(.mm-menu) li ul.sub-menu li.current_page_item a { color: #8B0000; }

.mm-listview > li > a, .mm-listview > li > span {color:#fff;}

#bannerCntr.inner img {
  border-bottom-left-radius: 100% 0px;
  border-bottom-right-radius: 100% 420px;

  position: relative;
  overflow: hidden;

}

/* ### banner container ### */
#bannerCntr { position: relative; height: 460px; padding-top: 32px; }
#bannerCntr .content { padding-top: 81px; padding-left: 254px; padding-right: 74px; position: relative; z-index: 1; max-width: 577px; width: 100%; height: 100%;  text-align: right; }
#bannerCntr .content p {z-index: 30; position: relative; padding-top: 24px; color:#fff;}
#bannerCntr .content:after { position: absolute; top: 0; right: 0; width: 365px; height: 100%; background-color: #fff; transform: skew(-17deg); content: ''; }
#bannerCntr .content::before { position: absolute; top: 0; right: 0; z-index: 3; width: 100vw; height: 100%; background-color: #0097b8; transform: skew(-17deg); content:''; z-index: -1; }
#bannerCntr h1 { position: relative; z-index: 1; line-height: 0.79; text-transform: uppercase; color: #0B6B6F; }
#bannerCntr .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
#bannerCntr .image img { margin-left: auto; width: 100%; height: auto; object-fit: contain; object-position: bottom right; }
#bannerCntr .image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content:''; }
#bannerCntr .banner-img { height: 100%; }
#bannerCntr.inner { height: 533px; overflow: hidden; }
#bannerCntr.inner .content { padding-top: 102px; padding-left: 64px; max-width: 553px; text-align: left; height: 432px; }
#bannerCntr.inner .content:after { width: 100vw; background:rgb(139, 0, 0); transform: skew(-17deg); content: ''; border-radius: 100px; }
#bannerCntr.inner .content::before { display: none; }
#bannerCntr.inner .image { z-index: -1; }
#bannerCntr.inner .banner-img { width:100%; height: 100%; margin-left: auto ; }
#bannerCntr.inner .image::before { position: absolute; top: 0; left: -100px; width: 535px; height: auto; z-index: 1; background-color: #fff; transform: skew(-17.5deg); content: ''; }




#bannerCntr.inner h1 { color: #fff; }
#bannerCntr .button { margin: 40px 0 0 -14px; padding: 10px 40px; }
#bannerCntr.vacature { height: 432px; }
#bannerCntr.vacature h1 { color: #fff; }
#bannerCntr.vacature .content { padding-left: 211px; padding-top: 101px; text-align: left; max-width: 892px;}
#bannerCntr.vacature .content:after { width: 100vw; height: 344px; background: rgba(0, 154, 184, 0.7); transform: skew(-18deg); content: ''; }
#bannerCntr.vacature .content::before { width: 100vw; right: 140px; background-color: #fff ; content: ''; transform: skew(-18deg); }
#bannerCntr.vacature .image::after { display: none; }
#bannerCntr.vacature .image img { width: 40%;}

#bannerCntr.over-ons { height: 533px; }
#bannerCntr.over-ons h1 { color: #fff; }
#bannerCntr.over-ons .content { padding-left: 190px; padding-top: 131px; text-align: left; max-width: 554px;}
#bannerCntr.over-ons .content:after { width: 100vw; height: 344px; background: rgba(0, 154, 184, 0.7); transform: skew(-19deg); content: ''; }
#bannerCntr.over-ons .content::before { width: 100vw; right: 290px; background-color: #fff ; content: ''; transform: skew(-19deg); }

#bannerCntr h5 { padding-top: 22px; text-transform: uppercase; position: relative; z-index: 2; }
#bannerCntr .all { position: absolute; bottom: 35px; margin-left: 146px; padding-left: 113px; z-index: 2; font-size: 20px; color: #C4C4C4; font-weight: 800; text-decoration: none; }
#bannerCntr .all::after { position: absolute; top: 12px; left: 0; content:''; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-gray.svg'); background-repeat: no-repeat; background-position: center left; width: 101px; height: 8px; }
#bannerCntr .all:hover { color: #0B6B6F; }
#bannerCntr .btn-arrow { position: absolute; top: 120px; left: 202px; z-index: 3; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-right.svg'); background-repeat: no-repeat;  width: 64px; height: 64px; box-shadow:  0px 15px 20px 0px rgba(0, 0, 0, 0.45);  }

.home #bannerCntr .image img, .page-id-3592 #bannerCntr .image img  {object-position: bottom right; object-fit: cover;}
.page-id-3570 #bannerCntr .image img  {object-position: bottom right; object-fit: cover;}
.home #bannerCntr.inner .content {height: 480px;}
#bannerCntr.inner {overflow: inherit; height: auto; padding-top: 484px;}

/* #new styles
================================================== */
#bannerCntr .image {left: inherit; width: 64%;} 
#bannerCntr.inner {padding-top: 0px;}
#bannerCntr.inner img {border-bottom-left-radius:100% 420px;}
#bannerCntr.inner {padding-top:0px;}
 

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### jobsBox box ### */
.jobsBox { padding-bottom: 0px; position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.jobsBox:before { position: absolute; right: 0; bottom: -467px; width: 487px; height: 987px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/plus-big.png'); background-repeat: no-repeat; background-position: bottom right; content: ''; }
.jobsBox .left { padding-left: 203px; width: 60%; }
.jobsBox .title { margin-top: -60px; position: relative; width: 230px; }
.jobsBox .title:after { position: absolute; top: -102px; right: -109px; z-index: -1; width: 100vw; height: 344px; background-color: #5bc6f2; transform: skew(-17deg); content: ''; }
.jobsBox .title .btn-arrow { position: absolute; top: 84px; right: -121px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-right.svg'); background-repeat: no-repeat;  width: 64px; height: 64px; box-shadow:  0px -20px 20px 0px rgba(0, 0, 0, 0.45); transform: rotate(180deg);  }

.jobsBox h2 { line-height: 0.79; text-transform: uppercase; }
.jobsBox .text { padding-top: 347px; }
.jobsBox h3 { font-size: 60px; line-height: 1; color: #0B6B6F; }
.jobsBox p { padding: 43px 0 53px; position: relative; line-height: 1.9; }
.jobsBox .btn { margin-left: 4px; position: relative; display: inline-block; font-size: 20px; font-weight: 800; text-decoration: none; color: #0B6B6F; }
.jobsBox .btn:before { position: absolute; top: -3px; right: -62px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; font-family: 'icomoon'; font-size: 13px; color: #fff; background-color: #0B6B6F; transition: all 0.4s ease-in-out; content: '\e905'; }
.jobsBox .btn:hover { color: #ff7701; margin-left: 8px; }
.jobsBox .btn:hover:before { background-color: #ff7701; }
.jobsBox .right { margin-top: -30px; padding-right: 45px; width: 35.85%; }
.jobsBox .right .bg { padding: 42px 58px 34px 37px; background-color: #0B6B6F; }
.jobsBox .right h4 { margin-left: 16px; padding-bottom: 23px; display: flex; justify-content: center; text-transform: uppercase; }
.jobsBox .right h4 span { position: relative; top: -11px; left: 8px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; font-size: 16px; font-weight: 600; color: #fff; border-radius: 45px; background-color: #ff7701; }
.jobsBox .right ul { list-style: none; }
.jobsBox .right li { border-bottom: solid 1px #7da2cf; }
.jobsBox .right li a { padding: 38px 0 36px 67px; font-size: 16px; font-weight: 700; color: #fff; position: relative; }
.jobsBox .right li a:after { position: absolute; top: 25px; left: 1px; width: 51px; height: 47px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/vacancie-arrow.svg'); background-repeat: no-repeat; background-position: center left; background-blend-mode: multiply; content: ''; }
.jobsBox .right li a:hover { margin-left: 5px; }
.jobsBox .right li a span { padding-top: 3px; display: block; font-size: 12px; font-weight: 400; color: #7da2cf; }
.jobsBox .right li:first-child { border-top: solid 1px #7da2cf; }
.jobsBox .right li:last-of-type a { padding-bottom: 18px; }
.jobsBox .right .button { margin: 35px auto 0; padding: 10px 10px 9px; max-width: 214px; display: block; }


/* ### BrancheBox ### */
.BrancheBox { padding-bottom: 122px; position: relative; z-index: 2; background-color: #8B0000; }
.BrancheBox h2 { margin-left: 30px; font-size: 180px; line-height: 1.21; letter-spacing: 2px; text-align: center; color: rgba(196, 196, 196, 0.2); }
.BrancheBox .box { margin-top: -63px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.BrancheBox .left { padding-top: 153px; display: flex; justify-content: flex-end; width: 27.65%; }
.BrancheBox .list { display: flex; justify-content: flex-end; width: 100%; max-width: 398px; }
.BrancheBox .list ul { padding-top: 15px; position: relative; display: inline-block; list-style: none; }
.BrancheBox .list ul:after { position: absolute; top: 0; left: -82px; width: 8px; height: 503px; border-radius: 35px; background-color: rgba(225, 225, 225, 0.2);  content: ''; }
.BrancheBox .list li { padding: 0 0 77px; }
.BrancheBox .list li a { position: relative; font-size: 36px; font-weight: 800; text-transform: uppercase; color: #fff; }
.BrancheBox .list li.active a,
.BrancheBox .list li a:hover { color: #0B6B6F; transform: translateX(63px); }
.BrancheBox .list li.active a:after { position: absolute; top: 2px; left: -59px; font-family: 'icomoon'; font-size: 41px; color: #0B6B6F; content: '\e914'; }
.BrancheBox .list li a:hover:after { position: absolute; top: 2px; left: -59px; font-family: 'icomoon'; color: #0B6B6F; content: '\e914'; }
.BrancheBox .right { position: relative; width: 100%; max-width: 790px; }
.BrancheBox .right img { margin-left: auto; border-radius: 80px; }
.BrancheBox .right .overlay { position: relative; width: 83%; margin-left: auto; }
.BrancheBox .right .overlay::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); content:'';  border-radius: 80px;}
.BrancheBox .content { padding: 43px 40px 0 46px; position: absolute; bottom: -63px; left: 0; z-index: 2; width: 484px; background-color: #0B6B6F; box-shadow: 0 35px 30px 0 rgba(0, 0, 0, 0.25); border-radius: 80px;}
.BrancheBox .right p { padding-bottom: 6px; line-height: 1.9; color: #fff;  font-size: 18px;}
.BrancheBox .right .button { padding: 23px 72px 21px 46px; float: right; color: #fff; background-color: #269ca0; border-radius: 100px;  margin-top:24px; margin-bottom: 32px; width:100%;}
.BrancheBox .right .button:before { position: absolute; top: 31px; right: 25px; font-family: 'icomoon'; font-size: 16px; color: #fff; content: '\e903'; }
.BrancheBox .right .button::after { display: none; }
.BrancheBox .right .button:hover {  transform: translateY(0); opacity: 0.8; }



/* ### employeeBox ### */
.employeeBox { padding-top: 151px; position: relative; width: 100%; background-color: #f4f4f4; }
.employeeBox .box { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.employeeBox .left { padding-top: 152px; display: flex; justify-content: flex-end; width: 38.1%; }
.employeeBox .left .content { display: flex; justify-content: flex-end; width: 100%; max-width: 549px; }
.employeeBox .left .item { max-width: 415px; }
.employeeBox p { padding: 102px 0 22px; font-size: 36px; line-height: 1.24; color: #8B0000; position: relative; font-weight: 800; }
.employeeBox p::after { position: absolute; top: 9px; left: 45px; content:''; width: 2px; height: 91px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/offer.png'); background-repeat: no-repeat;  }
.employeeBox .image { width: 48.3%; }
.employeeBox .block { position: relative; width: 75.5%; margin-left: auto ;}
.employeeBox .block::before { position: absolute; top: 0; left: 0; content:''; width: 100%; height: 100%; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); }
.employeeBox .block .top-sep { position: absolute; top: 0; left: 0; fill: #f4f4f4; }
.employeeBox .block .bottom-sep { position: absolute; bottom: 0; left: 0; fill: #f4f4f4; }
.employeeBox .image img { width: 100%; }
.employeeBox .bg { margin-left: -18px; padding: 44px 82px 53px 103px; position: absolute; bottom: -76px; left: 50%; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; max-width: 924px; background-color: #0B6B6F; transform: translateX(-50%); box-shadow: 0 35px 30px 0 rgba(0, 0, 0, 0.25); }
.employeeBox .line-count::after { position: absolute; top: -100px; left: -63px; content:''; width: 52px; height: 232px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/vector1.png'); background-repeat: no-repeat;  }

.employeeBox .title { width: 48%; }
.employeeBox .title h3 { line-height: 1.15; }
.employeeBox .btn { padding-top: 56px; display: flex; justify-content: flex-end; width: 39%; }
.employeeBox .btn .button { padding: 4px 35px 7px 36px; letter-spacing: 0.3px; }
.employeeBox .btn .button samp { font-size: 30px; font-weight: 800; }
.employeeBox.give { padding-top: 197px; padding-bottom: 468px; }
.employeeBox.give .block .top-sep { position: absolute; top: 0; left: 0; fill: #f4f4f4; }
.employeeBox.give .block .bottom-sep { position: absolute; bottom: 0; left: 0; fill: #f4f4f4; }
.employeeBox.give h2 { padding-left: 4px; }
.employeeBox.give .image { order: 1; width: 46.9%; }
.employeeBox.give .block { position: relative; width: 75.5%; margin-right: auto ; margin-left: inherit;}
.employeeBox.give .left { padding-top: 75px; justify-content: flex-start; order: 2; width: 45.5%; }
.employeeBox.give .left .content { display: flex; justify-content: flex-start; width: 100%; max-width: 549px; }
.employeeBox.give .left .item { max-width: 468px; }
.employeeBox.give .left p { padding: 102px 0 29px; font-size: 40px; }
.employeeBox.give .title { width: 52%; }
.employeeBox.give .bg { padding: 44px 102px 53px 99px; bottom: 341px; }
.employeeBox.give .button { padding: 3px 22px 8px 25px; }
.employeeBox.give .button:hover {  transform: translateY(-3px); }
.employeeBox.give p:last-child::before { position: absolute; bottom: -176px; left: 50%; content:''; width: 2px; height: 181px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/line-img.png'); background-repeat: no-repeat; background-position: bottom center; margin-left: 18px;  }
.employeeBox.give p::after { left: 50%; margin-left: 18px; }


/* ### daarom box ### */
.daaromBox { padding-top: 170px; padding-bottom: 205px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.daaromBox .left { padding-left: 18px; width: 35.8%; }
.daaromBox .left h2 { letter-spacing: -0.3px; }
.daaromBox .left p { padding: 48px 0 142px 6px; font-weight: 300; line-height: 1.9; }
.daaromBox .left .button { padding: 21px 35px 22px; text-align: center; background-color: #0097b8; border-radius: 0; display: block; transition: all 0.4s ease-in-out;  }
.daaromBox .left .button:before { position: absolute; top: 31px; right: 42px; font-family: 'icomoon'; font-size: 8px; color: #fff; content: '\e906'; }
.daaromBox .left .button:after { position: absolute; top: 0; left: -100%; width: calc(100% - 0%); height: 69px; background-color: #0097b8; border-radius:0; transition: all 0.4s ease-in-out; }
.daaromBox .left .button:hover:after { background-color: #ff5d10; transform: scaleX(1) scaleY(1);  opacity: inherit; }
.daaromBox .left .button:hover { transform: translateY(0); background-color: #ff5d10;  }


.daaromBox .right { margin-right: -24px; padding-top: 115px; width: 56%; }
.daaromBox .tabs { padding-bottom: 80px; }
.daaromBox .tabs ul { display: flex; align-items: center; list-style: none; }
.daaromBox .tabs li { margin: 0; padding: 0 22px 0 44px; }
.daaromBox .tabs li label { font-size: 30px; font-weight: 800; text-transform: uppercase; text-decoration: none; color: #0B6B6F; cursor: pointer; }
.daaromBox .tabs li label:hover { text-decoration: underline; color: #ff5d10; }
.daaromBox .tabs .is-active label{ text-decoration: underline; color: #ff5d10; }
.daaromBox .tabs .is-active { pointer-events: none; }
.daaromBox .tab-content { display: none; }
.daaromBox .tab-content.active { display: block; }
.daaromBox .list { width: 100%; }
.daaromBox .list ul { list-style: none; }
.daaromBox .list li { padding: 15px 1px 20px 54px; position: relative; font-size: 35px; font-weight: 700; letter-spacing: 0.5px; color: #0B6B6F; }
.daaromBox .list li:after { position: absolute; top: 25px; left: 0; font-family: 'icomoon'; font-size: 25px; color: #ff5d10; content: '\e908'; }
.daaromBox .switch { display: inline-block; width: 106px; height: 55px; position: relative; }
.daaromBox .switch input { display: none; }
.daaromBox .slider { border: solid 3px #0B6B6F; background-color: #fff; cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.4s ease-in-out; }
.daaromBox .slider:before {  position: absolute; bottom: 7px; left: 7px; content:''; height: 35px; width: 35px; transition: all 0.4s ease-in-out; background-color: #FF7701; }
.daaromBox input:checked + .slider { background-color: #fff; }
.daaromBox input:checked + .slider:before { transform: translateX(52px); }
.daaromBox .slider.round { border-radius: 35px; }
.daaromBox .slider.round:before { border-radius: 50%; }


/* ### dream box ### */
.dreamBox { padding-bottom: 19px; position: relative; width: 100%; }
.dreamBox img { margin: 0 auto; width: 100%; object-fit: cover; }
.dreamBox .content { padding: 86px 50px 32px; position: absolute; bottom: 34px; left: 50%; z-index: 1; width: 100%; max-width: 582px; text-align: center; background-color: #0097b8; transform: translateX(-50%); box-shadow: 0 35px 30px 0 rgba(0, 0, 0, 0.25); }
.dreamBox h2 { padding-bottom: 73px; font-size: 50px; font-weight: 800; line-height: 1; color: #fff; }
.dreamBox .button { padding: 10px 35px; }
.dreamBox .top-sep { position: absolute; top: 1px; left: 0; fill: #fff; }
.dreamBox .bottom-sep { position: absolute; bottom: 19px; left: 0; fill: #fff; }
.dreamBox.step .content { padding: 82px 74px 32px 66px; }
.dreamBox.step h2 { padding-bottom: 78px; }


/* ### work box ### */
.workBox { padding-top: 97px; padding-bottom: 104px; position: relative; }
.workBox .block { padding-left: 182px; width: 100%; }
.workBox h2 { padding-bottom: 44px; width: 100%; max-width: 600px; line-height: 1; letter-spacing: 0.4px; font-size:54px; }
.workBox .box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.workBox .content { width: 48%; }
.workBox p { padding-right: 50px; line-height: 1.9; margin-bottom: 8px;}
.workBox a { display: inline-block; text-decoration: none; color: #0B6B6F; text-decoration: underline; }
.workBox a:hover { text-decoration: none; }
.workBox .plus-img { position: absolute; top: -61px; left: 100px; }
.workBox ol li {font-size:18px; color:#0B6B6F; font-weight:bold; line-height:32px;}
.workBox.centered .box .content ul {padding-left: 16px;}
.workBox.centered .box .content ul li {color:#8B0000; line-height: 24px; font-size: 18px; margin-bottom: 16px;}

.workBox .block .box .content p strong {font-weight:bold;}
.home .workBox {padding-top: 252px;}

/* ### vacancie box ### */
.vacancieBox { padding-top: 46px; padding-bottom: 22px; position: relative; background: #f4f4f4; }
.vacancieBox.centered { padding-right: calc((100% - 1345px) / 2); padding-left: calc((100% - 1345px) / 2); }
.vacancieBox h2 { font-size: 210px; line-height: 0.9; letter-spacing: 0.3px; text-align: center; color: #eaeaea; }
.vacancieBox .box { margin-top: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.vacancieBox .content { padding: 82px 0 0 37px; width: 30%; }
.vacancieBox .content p { padding-left: 16px; line-height: 1.9; }
.vacancieBox .filter-bg { padding: 68px 55px 97px 65px; position: relative; z-index: 2; width: 61.8%; background: #0B6B6F; }
.vacancieBox.all .filter-bg { padding: 68px 55px 97px 65px; position: relative; z-index: 2; width: 100%; background: #0B6B6F; }
.vacancieBox .filter-bg:after { position: absolute; right: -1px; bottom: -80px; width: 204px; height: 200px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/branche-plus.svg'); background-repeat: no-repeat; content: ''; }
.vacancieBox .call { margin-top: 63px; padding: 21px 15px 26px; width: 100%; max-width: 363px; text-align: center; background: #0097b8; box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.25); position: relative; z-index: 3; }
.vacancieBox .call h5 { margin-bottom: 25px; }
.vacancieBox .button { padding: 9px 35px; }

.vacancieBox .tab-menu { padding-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.vacancieBox .title h6 { font-size: 16px; text-transform: uppercase; color: #fff; }
.vacancieBox .tab-menu ul { margin: 0 14px 0 0; display: flex; flex-wrap: wrap; list-style: none; }
.vacancieBox .tab-menu li { margin-right: 12px; }
.vacancieBox .tab-menu li.active a,
.vacancieBox .tab-menu a:hover { color: #0097b8; border: 1px solid #0097b8; }
.vacancieBox .tab-content ul { margin: 0; padding: 51px 98px 0 133px; list-style: none; }
.vacancieBox .tab-content li { font-size: 16px; font-weight: 700; border-top: 1px solid #7da2cf; }
.vacancieBox .tab-content li a { padding: 36px 0 37px 0; transition: all 0.45s ease-in-out; position: relative; }
.vacancieBox .tab-content li span { display: block; font-size: 12px; font-weight: 400; color: #7da2cf; }
.vacancieBox .tab-content li a:before { margin-right: 32px; width: 34px; height: 24px; content:''; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-img1.svg'); background-repeat: no-repeat; float: left; transition: all 0.4s ease-in-out; }
.vacancieBox .tab-content li a:hover { color: #ff7701; }
.vacancieBox .tab-content li a:hover:before { width: 68px; height: 24px; content:''; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-orange-hover.svg'); background-repeat: no-repeat; }
.vacancieBox .tab-content li:last-child { margin-bottom: 30px; border-bottom: 1px solid #7da2cf; }
.vacancieBox .scrollbar { margin-bottom: 25px; margin-left: 22px; height: 556px; overflow-y: scroll; direction: rtl; }
.vacancieBox .scroll-revres { direction: ltr; }
.vacancieBox .view { margin-right: 155px; position: absolute; right: 0; bottom: 118px; font-weight: 700; color: #0097b8; }
.vacancieBox .view:hover { text-decoration: none; color: #ff7701; }
.vacancieBox .bottom-sep { margin-top: -167px; position: absolute; top: 100%; right: 0; left: 0; z-index: 1; fill: #fff; }
.vacancieBox .btn { padding: 6px 26px; display: inline-block; font-size: 20px; font-weight: 800; text-transform: uppercase; text-decoration: none; color: #fff; border: 1px solid #fff; position: relative; overflow: hidden; transition: background-color 250ms ease-in; transition-property: background-color, color; transition-duration: 250ms; transition-timing-function: ease-in-out; }
.vacancieBox .btn > span { position: relative; }
.vacancieBox .btn .btn_svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vacancieBox .btn .btn_svg_shape { stroke: #0097b8; stroke-width: 2px; stroke-linecap: round; fill: transparent; }
.vacancieBox .btn:hover { transition-delay: 250ms; color: white; }
.vacancieBox .btn:hover .btn_svg_shape { transition-duration: 500ms; transition-timing-function: ease-in-out; stroke-dashoffset: 0 !important; animation: 500ms pencil ease-in forwards; }

.vacancieBox.over_ons { padding-top: 103px; margin-bottom: 200px; }
.vacancieBox.over_ons .block { max-width: 1052px; margin: 0 auto; }
.vacancieBox.over_ons .filter-bg { padding: 28px 55px 143px 65px; width: 100%; }
.vacancieBox.over_ons .tab-menu { padding-bottom: 27px; padding-right: 25px; }
.vacancieBox.over_ons .tab-menu li { margin-right: 42px; }
.vacancieBox.over_ons .accordion { padding: 45px 63px 0 132px; }
.vacancieBox.over_ons .card-box { padding: 36px 0 25px 68px; border-top: solid 1px #7DA2CF; position: relative; transition: all 0.4s ease-in-out; }
.vacancieBox.over_ons .card-box:hover { padding-left: 100px; }
.vacancieBox.over_ons .card-box::after { position: absolute; top: 35px; left: 0; width: 34px; height: 24px; content:''; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-img1.svg'); background-repeat: no-repeat; transition: all 0.4s ease-in-out; }
.vacancieBox.over_ons .card-box:hover::after { width: 68px; height: 24px; content:''; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-orange-hover.svg'); background-repeat: no-repeat; }
.vacancieBox.over_ons .card-box h4 { font-size: 16px; }
.vacancieBox.over_ons .card-box:hover h4 { font-size: 20px; color: #ff7701; }
.vacancieBox.over_ons .card-box span { font-size: 12px; color: #7DA2CF; font-weight: 300; display: block; }
.vacancieBox.over_ons .card-box h4:after { position: absolute; top: 20px; right: -5px; font-family: 'icomoon', sans-serif !important; font-size: 32px; font-weight: 800; color: #ff7701; vertical-align: middle; content: '\e913'; transition: all 0.4s ease-in-out; }
.vacancieBox.over_ons .card-box h4.active::after  { transform: rotate(-50deg); }
.vacancieBox.over_ons .card-text { display: none; }
.vacancieBox.over_ons .card-text p { padding: 18px 0 25px 0; color: #5BC6F2; line-height: 1.9; }
.vacancieBox.over_ons .card-text .button { padding: 4px 18px 5px 18px; font-size: 14px; }
.vacancieBox.over_ons .plus-img { position: absolute; top: -61px; left: 100px; z-index: 1; }


/* ### skills box ### */
.skillsBox { padding-top: 207px; padding-bottom: 102px; position: relative; }
.skillsBox:before { position: absolute; right: -458px; bottom: 126px; z-index: -1; width: 945px; height: 942px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/registration-plus.png'); background-repeat: no-repeat; background-position: top right; content: ''; }
.skillsBox .block { display: flex; flex-wrap: wrap; justify-content: space-between; }
.skillsBox .left { display: flex; justify-content: flex-end; width: 61.4%; }
.skillsBox h2 { max-width: 670px; line-height: 1; letter-spacing: 0.45px; transform: translateX(82px); }
.skillsBox p { padding: 81px 0 52px 81px; max-width: 560px; line-height: 1.9; letter-spacing: -0.1px; }
.skillsBox p ~ p { padding: 104px 50px 52px 91px; }
.skillsBox .left .image { margin-left: auto; position: relative; width: 93%; overflow: hidden; }
.skillsBox .left .overlay { overflow: hidden; position: relative; }
.skillsBox .left .overlay::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); content:''; }
.skillsBox .text { margin: -262px auto 0; padding: 55px 40px 43px 57px; position: relative; left: -9px; z-index: 2; max-width: 514px; background: rgba(0, 151, 184, 0.8); }
.skillsBox h3 { margin-bottom: 77px; line-height: 1.15; letter-spacing: 0.4px; }
.skillsBox span { margin-left: 67px; display: block; font-size: 18px; font-weight: 300; text-transform: uppercase; color: #0B6B6F; }
.skillsBox .right { padding-top: 174px; width: 35%; }
.skillsBox .right .image { position: relative; width: 100%; overflow: hidden; }
.skillsBox .right .image::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); content:''; }
.skillsBox img { width: 100%; }
.skillsBox .left .image .top-sep { position: absolute; top: 0; right: 0; left: 0; z-index: 1; fill: #fff; }
.skillsBox .left .image .bottom-sep { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; transform: rotate(180deg); fill: #fff; }
.skillsBox .right .image .top-sep { position: absolute; top: 0; right: 0; left: 0; z-index: 1; fill: #fff; }
.skillsBox .right .image .bottom-sep { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; transform: rotate(180deg); fill: #fff; }

/* ### place box ### */
.placeBox { padding-top: 63px; background: #8B0000; }
.placeBox h2 { padding-left: 80px; color: #fff; }
.placeBox h2 span { color: #fff; }
.placeBox h3 {font-size: 32px; padding-bottom: 16px; color:#fff;}
.placeBox .box { padding: 64px 100px 64px 76px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.placeBox .left { width: 45.6%; }
.placeBox .right { width: 45.6%; }
.placeBox .accordion { overflow: hidden; width: 100%; }
.placeBox .accordion:last-child { border-bottom: 1px solid #fff; }
.placeBox .accordion-click { margin: 0; padding: 35px 0 42px 12px; position: relative; display: block; width: 100%; font-size: 22px; font-weight: 700; color: #fff; border-top: 1px solid #fff; cursor: pointer; padding-right: 64px;}
.placeBox .accordion-click.active { color: #fff; }
.placeBox .accordion-click:after { position: absolute; top: 34px; right: 17px; font-family: 'icomoon', sans-serif !important; font-size: 32px; font-weight: 800; color: #fff; vertical-align: middle; content: '\e913'; }
.placeBox .accordion-click.active:after { top: 50px; right: 17px; display: inline-block; width: 32px; height: 7px; background: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/mins.svg') no-repeat; content: ''; }
.placeBox .accordion-text { transform: translateY(-16px);  padding: 0 0 105px 12px; display: none; color: #fff; overflow: hidden; background: transparent; }
.placeBox .accordion-text p { font-size: 16px; line-height: 24px; font-weight: 300; padding-bottom: 16px; }

.placeBox .accordion div.accordion-text p a.button {padding: 12px 16px;}
.placeBox .accordion-text p a {display: inline-block; text-decoration: underline;}
.placeBox .accordion-text p a:hover {text-decoration: none;}

.page-id-4666 .placeBox .accordion-click {font-size: 27px;}

/* ### interested box ### */
.interestedBox { padding-top: 83px; padding-bottom: 90px; text-align: center; background: #0097b8; }
.interestedBox p { margin-bottom: 0; font-size: 36px; font-weight: 800; color: #fff; }

/* ### registration box ### */
.registrationBox { padding-bottom: 108px; position: relative; }
.registrationBox:before { position: absolute; top: -506px; left: -454px; z-index: -1; width: 945px; height: 942px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/registration-plus.png'); background-repeat: no-repeat; background-position: top left; content: ''; }
.registrationBox .box { margin: 0 auto; padding: 96px 100px 42px 131px; position: relative; max-width: 1055px; background-color: #fff; box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.4); }
.registrationBox .box:after { position: absolute; top: -79px; right: 179px; font-family: 'icomoon'; font-size: 138px; color: #002133; content: '\e910'; }
.registrationBox h4 { margin-bottom: 28px; font-size: 24px; color: #0B6B6F; }
.registrationBox p { margin-bottom: 52px; max-width: 775px; line-height: 1.9; }
.registrationBox .form { display: flex; flex-wrap: wrap; }
.registrationBox .left { margin-left: -6px; width: 36.4%; }
.registrationBox .right { padding-left: 51px; width: 54.9%; }
.registrationBox .form-group { margin-bottom: 33px; }
.registrationBox .form-group.textarea { margin-bottom: 22px; }
.registrationBox .form-group.upload { margin-bottom: 18px; max-width: 300px; cursor: pointer; }
.registrationBox label { margin-bottom: 3px; margin-left: 30px; display: block; font-size: 18px; font-weight: 800; color: #0B6B6F; }
.registrationBox .form-control { padding: 11px 20px; width: 100%; color: #0B6B6F; border: 1px solid #c4c4c4; border-radius: 8px; }
.registrationBox textarea { min-height: 195px; }
.registrationBox .my-file { display: none; }
.registrationBox .up { margin-left: 0; padding: 11px 20px 11px 17px; font-size: 16px; font-weight: 300; color: #c4c4c4; border: 1px solid #c4c4c4; border-radius: 8px; }
.registrationBox .check { padding: 3px 0 35px 7px; }
.registrationBox .check span { margin-left: 18px; display: inline-block; font-size: 16px; font-weight: 300; color: #202020; max-width: 310px; width: 100%; }
.registrationBox .check label { margin-left: 0; cursor: pointer; align-items: center; }
.registrationBox input[type='checkbox'] { display: inline-block; width: 21px; height: 21px; text-align: center; border: 1px solid #c4c4c4; border-radius: 0; appearance: none; cursor: pointer; float: left; margin-top: 11px; }
.registrationBox input[type='checkbox']:checked:before { display: inline-block; width: 20px; height: 20px; background-color: #ff7701; content: ''; }
.registrationBox .submit { margin-bottom: 0; }
.registrationBox .button { padding: 13px 39px 11px 27px; cursor: pointer; border: 0; }
.registrationBox.inner .box { padding: 63px 100px 42px 131px; }
.registrationBox.inner .box:after { position: absolute; top: -75px; right: 5px; font-family: 'icomoon'; font-size: 138px; color: #002133; content: '\e910'; }
.registrationBox.inner:before { display: none; }
.registrationBox.vacature { padding-bottom: 144px; }
.registrationBox.vacature .box { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); }
.registrationBox.vacature:before { display: none; }
.registrationBox label a {color:#0B6B6F; text-decoration: underline;}

/* ### primer box ### */
.primerBox { padding-top: 82px; margin-bottom: 150px; }
.primerBox .box { max-width: 981px; margin: 0 auto; }
.primerBox ul { padding: 0; margin: 0; list-style: none; }
.primerBox li { line-height: 1.9; font-weight: 300; }

/* ### offer box ### */
.offerBox { margin-bottom: 45px; position: relative; }
.offerBox:before { position: absolute; top: 208px; right: -514px; z-index: -1; width: 945px; height: 942px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/registration-plus.png'); background-repeat: no-repeat; background-position: top right; content: ''; }
.offerBox h2 { letter-spacing: 0.4px; }
.offerBox .box { position: relative; max-width: 981px; margin: 0 auto; }
.offerBox ul { position: relative; margin: 0; list-style: none; }
.offerBox ul:before,
.offerBox ul:after { margin: 18px 0 13px 13px; content: ''; height: 91px; width: 2px; display: block; background: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/offer.png') no-repeat; }
.offerBox ul:after { margin-top: 12px; height: 147px; background: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/offer1.png') no-repeat; margin-bottom: 5px; }
.offerBox li { position: relative; font-size: 36px; color: #0097B8; font-weight: 700; margin-bottom: 30px; padding-left: 54px; max-width: 890px; line-height: 1.4; }
.offerBox li:before { position: absolute; top: 7px; left: 0; content: '\e908'; font-family: 'icomoon',sans-serif !important; vertical-align: middle; color: #ff7701; font-size: 26px; }
.offerBox li:last-child { margin-bottom: 0; }
.offerBox .token:after { background: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/offer2.png'); width: 279px; height: 154px; margin-top: 41px; }
.offerBox .big-button { text-align: right; position: relative; z-index: 1; margin: -68px -45px 0 0; }
.offerBox .button { padding: 38px 104px 44px 94px; font-size: 50px; background: #0097B8; border-radius: 0; box-shadow: 0 25px 40px 0 rgba(0,0,0,0.4); }
.offerBox .button::after { display: none; }
.offerBox .button:hover { background: #ff7701; }


/* ### learn box ### */
.learnBox { width: 100%; padding-bottom: 138px; position: relative; }
.learnBox:before { position: absolute; bottom: -467px; right: -442px; width: 945px; height: 942px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/registration-plus.png'); background-repeat: no-repeat; background-position: bottom right; content: ''; z-index: -1; }
.learnBox .content { margin: -73px 30px 0 0; padding: 43px 57px 46px 57px; max-width: 879px; width: 100%; background-color: #0B6B6F; position: relative; margin-left: auto; }
.learnBox h2 { font-size: 44px; color: #fff; } 
.learnBox .content p { padding-top: 11px; color: #5BC6F2; max-width: 530px; margin: 0 auto; line-height: 1.5; }
.learnBox .btn-arrow { position: absolute; bottom: 36px; right: -17px; width: 64px; height: 64px; background-color: #FF7701; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.learnBox .btn-arrow::after { font-size: 15px; position: absolute; top: 50%; left: 50%; color: #fff; content: '\e901'; font-family: 'icomoon'; transform: translate(-50%, -50%); }
.learnBox .btn-arrow:hover { background-color: #0097B8; }
.learnBox .content span { padding: 9px 19px 10px 14px; font-size: 16px; color: #0B6B6F; font-weight: 300; background-color: #5BC6F2; display: inline-block; position: absolute;  top: -19px; text-transform: uppercase; }
.learnBox .box { padding-top: 82px; max-width: 1030px; margin-left: 80px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.learnBox .text { width: 55%; }
.learnBox .text p { font-weight: 300; line-height: 1.9; }
.learnBox .call { margin-top: 1px; padding: 21px 15px 26px; max-width: 363px; width: 100%; text-align: center; background: #0097b8; box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.25); position: relative; z-index: 3; }
.learnBox .call h5 { margin-bottom: 25px; }
.learnBox .button { padding: 9px 35px; }
.learnBox .plus-img { position: absolute; top: 11px; left: 107px; z-index: 2; }

/* ### teamBox box ### */
.teamBox { width: 100%; padding-top: 82px; padding-bottom: 93px; position: relative; z-index: 200;}
.teamBox::before { position: absolute; top: 0; left: 0; width: 100%; height: 390px; background-color: #8B0000; content:''; z-index: -1;}
.teamBox:after { position: absolute; top: -121px; right: 46px; width: 204px; height: 200px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/branche-plus.svg'); background-repeat: no-repeat; content: ''; }
.teamBox h3 { padding: 0 32% 0 182px; font-size: 40px; }
.teamBox .js-team-slider { margin: 54px 0 0 130px; }
.teamBox .item {  float:left; margin-right: 12px; width: 32%; height: auto; background-color: #fff; text-align: center; position: relative; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);  margin-bottom: 80px; margin-top: 120px; border-radius: 64px; padding-top: 48px;}

.teamBox .item{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.teamBox .item:hover {
 transform : scale(0.98);
 -moz-transform : scale(0.98);
 -webkit-transform : scale(0.98);
 -o-transform : scale(0.98);
 -ms-transform : scale(0.98);
}


.teamBox .item .box { padding: 15px 20px 49px 20px;  }
.teamBox .item a { height: 100%; }
.teamBox .item .img { margin: 0 auto 20px; width: 158px; height: 158px; }
.teamBox .item .img img { border: solid 5px #fff; border-radius: 100%; width: 100%; margin: 0 auto; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25); } 
.teamBox .item h4 { font-size: 18px; color: #0B6B6F; }
.teamBox .item h4 span { padding-top: 5px; font-size: 16px; color: #8B0000; display: block; text-transform: uppercase; font-weight: 300; }
.teamBox .item p.more {color:#fff; background:#0B6B6F; padding: 8px; border-radius: 100px; margin-top: 16px;}
.teamBox .slick-list { padding: 40px 110% 40px 40px; }
.teamBox .item .top-sep { position: absolute; top: 0; left: 0; fill: #0197b8; display: none1; }
.teamBox .item .bottom-sep { position: absolute; bottom: 0; left: 0; fill: #fff; display: none1; }
.teamBox .item:hover .overlay { visibility: visible; opacity: 9; }
.teamBox .overlay { position: absolute; top: 0; left: 0; background: rgba(0, 151, 184, 0.75); width: 100%; height: 100%; text-align: center;  visibility: hidden; opacity: 0; transition: all 0.4s ease-in-out ; }
.teamBox .overlay .popup {  }
.teamBox .overlay a { margin-top: 64px; display: inline-block; height: auto; }
.teamBox .overlay img { margin: 0 auto; }
.teamBox .overlay ul { padding-top: 64px; list-style: none; display: flex; align-items: center; justify-content: space-between; width: 100px; margin: 0 auto;}
.teamBox .overlay li a { margin: 0; }
.teamBox .overlay li img { margin: 0; }
.teamBox .slider-btn {  margin-top: 62px; padding-bottom: 156px; position: relative; display: flex; align-items: center; justify-content: center; }
.teamBox .slick-dots {  display: flex; list-style: none; padding: 0 5px;}
.teamBox .slick-dots li { margin: 0 6px; }
.teamBox .slick-dots li button { width: 14px; height: 14px; border: 0; background-color: #C4C4C4; text-indent: -9999px; border-radius: 35px; cursor: pointer; }
.teamBox .slick-dots .slick-active button { background-color: #FF7701; }
.teamBox .slick-arrow { cursor: pointer; text-indent: -9999px;  border: 0; width: 100px; height: 8px; background-color: transparent; }
.teamBox .slick-prev-btn { background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-gray.svg'); background-repeat: no-repeat; }
.teamBox .slick-next-btn { background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-gray.svg'); background-repeat: no-repeat; transform: rotate(-180deg);}
.teamBox .slick-prev-btn:hover { width: 100px; height: 8px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-gray-hover.svg'); background-repeat: no-repeat; transform: rotate(-180deg);}
.teamBox .slick-next-btn:hover { width: 100px; height: 8px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-gray-hover.svg'); background-repeat: no-repeat; transform: rotate(0deg);}

 
/* ### brand box ### */ 
.brandBox { width: 100%; position: relative; }
.brandBox .brand-logo { padding: 33px 0 28px 0; width: 97%; display: flex; flex-wrap: wrap; align-items: center; justify-content:  space-between; border-top: solid 1px #C4C4C4; border-bottom: solid 1px #C4C4C4; margin-left: auto; }
.brandBox .brand-logo .img { padding: 49px 0; width: 29.5%; border-right: solid 1px #C4C4C4; } 
.brandBox .brand-logo .img img { margin: 0 auto; }
.brandBox .brand-logo .img:last-child { border-right: 0; }
.brandBox .brand-logo .img:nth-child(2) { width: 41%; }

/* ### popup box ### */
.popupBox .box { overflow: hidden; background-color: #fff; max-width: 900px; box-shadow: 0 0 55px 0 rgba(0,0,0,0.75); }
.popupBox .popup { height: 535px; position: relative; }
.popupBox .content { padding: 67px 92px 60px 62px; position: relative; max-width: 570px; z-index: 1; }
.popupBox .content:after { position: absolute; top: 0; bottom: 0; right: 48px; width: 100vw; height: 344px; background: rgba(0, 154, 184, 0.7); transform: skew(-17deg); content: ''; }
.popupBox h2 { position: relative; z-index: 1; color: #fff; font-size: 38px; margin-bottom: 0; line-height: 1.15; }
.popupBox .image { position: absolute; top: 0; right: 0; height: 100%; }
.popupBox img { width: 100%; margin: 0px 5px; height: 100%; object-fit: cover; }
.popupBox .text { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 100px; margin-top: -132px; }
.popupBox .left { width: 47%; padding-left: 50px; }
.popupBox .right { width: 47.2%; margin-bottom: 8px; }
.popupBox p { line-height: 1.9; max-width: 315px; }
.popupBox .bg { padding: 33px 15px 27px 15px; text-align: center; background-color: #0B6B6F; max-width: 337px; }
.popupBox h5 { font-weight: 700; }
.popupBox span { margin-top: 5px; font-weight: 300; font-size: 16px; text-transform: uppercase; color: #0097B8; display: block; }
.popupBox ul { padding: 20px 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #0B6B6F;  margin: 0; }
.popupBox li { color: #fff; display: inline-block; font-weight: 800; font-size: 16px; margin-right: 40px; }
.popupBox a { color: #ff7701; text-decoration: none; font-weight: 300; transition: all 0.3s; }
.popupBox a:hover { text-decoration: underline; }
.popupBox li:last-child { margin-right: 0;  }
.popupBox a:before { content: ''; margin-right: 15px; vertical-align: middle; display: inline-block; }
.popupBox a.mail:before { background: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/mail-icon-orange.svg') no-repeat; height: 22px; width: 30px;  }
.popupBox a.phone:before { background: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/phone-icon-orange.svg') no-repeat; height: 32px; width: 23px;  }

/* ### mfp ### */
.mfp-close-btn-in .mfp-close { margin: -18px 0 0 0; opacity: 9; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/close.svg'); background-repeat: no-repeat; background-position: top right ;  width: 46px; height: 46px; text-indent: -9999px; }
.mfp-close-btn-in .mfp-close:active { top: 0; }
.mfp-inline-holder .mfp-content { margin:  20px 0; max-width: 940px; width: 100%; padding-left: 20px; padding-right: 20px; }


/* ### working box ### */
.workingBox { padding-top: 420px; padding-bottom: 153px; width: 100%; position: relative; }
.workingBox:before { position: absolute; top: -506px; left: -407px; width: 945px; height: 942px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/registration-plus.png'); background-repeat: no-repeat; background-position: top  left; content: ''; z-index: -1; }
.workingBox .box { max-width: 726px; margin: 0 auto 97px; text-align: center; } 
.workingBox h2 { line-height: 1; }
.workingBox .js-logo-slider { display: none; }
.workingBox .js-logo-slider.slick-initialized { display: block; }
.workingBox .js-logo-slider { border-top: solid 1px #C4C4C4; border-bottom: solid 1px #C4C4C4; }
.workingBox .item { width: 240px; margin: 50px 0 41px 0; padding: 15px 0; border-right: solid 1px #C4C4C4; text-align: center; }
.workingBox .item img { margin: 0 auto; }
.workingBox .item:last-of-type { border-right: 0; }
.workingBox .slider-btn {  margin-top: 62px; padding-bottom: 156px; position: relative; display: flex; align-items: center; justify-content: center; }
.workingBox .slick-dots {  display: flex; list-style: none; padding: 0 5px;}
.workingBox .slick-dots1 li { margin: 0 6px; }
.workingBox .slick-dots1 li button { width: 14px; height: 14px; border: 0; background-color: #C4C4C4; text-indent: -9999px; border-radius: 35px; cursor: pointer; }
.workingBox .slick-dots1 .slick-active button { background-color: #FF7701; }
.workingBox .slick-arrow { cursor: pointer; text-indent: -9999px;  border: 0; width: 100px; height: 8px; background-color: transparent; }
.workingBox .slick-prev-btn1 { background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-gray.svg'); background-repeat: no-repeat; }
.workingBox .slick-next-btn1 { background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-gray.svg'); background-repeat: no-repeat; transform: rotate(-180deg);}
.workingBox .slick-prev-btn1:hover { width: 100px; height: 8px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-gray-hover.svg'); background-repeat: no-repeat; transform: rotate(-180deg);}
.workingBox .slick-next-btn1:hover { width: 100px; height: 8px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-gray-hover.svg'); background-repeat: no-repeat; transform: rotate(0deg);}


/* ### great box ### */
.greatBox { width: 100%; position: relative; height: 603px; }
.greatBox .content { position: absolute; top: 70px; left: 0; padding: 100px 45px 0 294px; z-index: 1; max-width: 635px; width: 100%; height: 100%; text-align: left; }
.greatBox .content:after { position: absolute; top: -70px; right: 300px; width: 100vw; height: 100%; background-color: #fff; transform: skew(-17deg); content: ''; z-index: -2; }
.greatBox .content::before { position: absolute; top: 0; right: 0; width: 100vw; height: 344px; background: rgba(0, 151, 184, 0.70);  transform: skew(-17deg); content:''; z-index: -1; }
.greatBox h2 { color: #fff; text-transform: uppercase; line-height: 0.8; }
.greatBox .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.greatBox .image img { margin-left: auto; object-fit: cover; object-position: bottom left; width: 100%; height: 100%; }
.greatBox .image::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); content:''; }
.greatBox .button { margin: 70px 0 0 -14px; padding: 10px 40px; z-index: 1; text-align: center;}

/* ### profile box ### */
.profileBox { padding-top: 301px; padding-bottom: 134px; width: 100%; position: relative; background-color: #fff; }
.profileBox::after { position: absolute; top: 0; left: 0; content:''; width: 100%; background-color: #f4f4f4; height: 412px; }
.profileBox:before { position: absolute; bottom: -483px; right: -448px; width: 945px; height: 942px; background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/registration-plus.png'); background-repeat: no-repeat; background-position: top right; content: ''; }

.profileBox .block { margin-left: -75px; margin-right: -75px; margin-bottom: 53px; display: flex; flex-wrap: wrap;  }
.profileBox .item { width: 33.33%; padding-left: 75px; padding-right: 75px; margin-bottom: 100px; position: relative; z-index: 1; }
.profileBox .item .box { overflow: hidden; transform: skewY(-12deg); box-shadow:  0 0 25px 0 rgba(0, 0, 0, 0.25); background-color: #fff; }
.profileBox .wrap { transform: skewY(12deg);}
.profileBox .item img { margin: -28px auto 0; width: 100%; }
.profileBox .space { padding: 40px 25px 30px 32px; }
.profileBox h3 { font-size: 18px; color: #0B6B6F; min-height: 91px; }
.profileBox .link { padding-left: 55px; font-size: 16px; color: #0097B8; display: inline-block; font-weight: 300; text-transform: uppercase; text-decoration: none; position: relative; }
.profileBox .link::after { font-size: 8px; position: absolute; top: 7px; left: 0; content: '\e900'; color: #8B0000; font-family: 'icomoon'; }
.profileBox .link:hover { color: #0B6B6F; }
.profileBox .link:hover::after { color: #0B6B6F; }
.profileBox .mid { text-align: center; }
.profileBox .btn { padding: 6px 20px 8px 20px; font-size: 16px; color: #C4C4C4; font-weight: 800; text-decoration: none; margin: 0 auto; border: solid 1px #C4C4C4; border-radius: 35px; display: inline-block; margin-left: 18px; overflow: hidden; transition: background-color 250ms ease-in; transition-property: background-color, color; transition-duration: 250ms; transition-timing-function: ease-in-out; position: relative; }
.profileBox .btn > span { position: relative; }
.profileBox .btn .btn_svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.profileBox .btn .btn_svg_shape { stroke: #0097b8; stroke-width: 2px; stroke-linecap: round; fill: transparent; border-radius: 35px; }
.profileBox .btn:hover { transition-delay: 250ms;}
.profileBox .btn:hover .btn_svg_shape { transition-duration: 500ms; transition-timing-function: ease-in-out; stroke-dashoffset: 0 !important; animation: 500ms pencil ease-in forwards; }

/* ### curious box ### */
.curiousBox { position: relative; width: 100%; height: 392px; z-index: 1; }
.curiousBox::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content:''; background: rgba(11,107,111, 0.80); z-index: 1; }
.curiousBox .title { padding: 104px 166px; position: relative; z-index: 1; max-width: 990px; width: 100%; }
.curiousBox h3 { font-size: 40px; }
.curiousBox .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.curiousBox .image img { margin: 0 auto; width: 100%; object-position: center center; height: 100%; object-fit: cover; }
.curiousBox .button { margin: 31px 0 0 0; padding: 10px 34px; background:#8B0000; }
.curiousBox .button::after {background:#8B0000;}

/* ### text box ### */
.textBox  { padding-bottom: 120px;}
.textBox h3 {color:#8B0000; font-size: 18px; text-align: center; margin-bottom: 16px;}
.textBox i {font-size: 80px; text-align: center; color:#8B0000; margin-bottom: 6px;}
.columnBox.textBox .content {text-align: center;}
.columnBox.textBox .holder .content p {min-height: 72px;}

.columnBox.textBox.sub .content {text-align: left;}
.columnBox.textBox.sub .content h3 {text-align: left;}
.columnBox.textBox.sub.centered { margin: 0 auto; max-width: 1071px; padding-left: inherit; padding-right: inherit;}


.bg-green {background:#0B6B6F; margin-top: 80px;}

.columnBox.lijstje {background:#F4F7FA; padding-top:80px; padding-bottom: 80px;}
.columnBox.lijstje h2 {font-size: 28px; line-height: 1.2;}
.columnBox.lijstje h3 {color:#0B6B6F; font-size: 38px; margin-bottom: 8px;}
.columnBox.lijstje p a {color:#0B6B6F; display: initial; text-decoration: underline;}
.columnBox.lijstje p a:hover {text-decoration: none;}
.columnBox.lijstje p {font-size: 18px; line-height: 1.4; margin-bottom: 8px;}

.columnBox.lijstje.bg-green {background:#0B6B6F; /*border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;*/ margin-bottom: 0px; margin-top: 0px;}
.columnBox.lijstje.bg-green h2 {color:#fff; font-size: 48px;}
.columnBox.lijstje.bg-green ul {margin-left: 16px;}
.columnBox ul.list li {color:#fff; font-size: 20px; line-height: 24px;}
.columnBox.lijstje.bg-green .image,.columnBox.lijstje.bg-green .image img {border-radius: 64px;}
.columnBox.lijstje.bg-green .content {padding-top: 80px;}
.columnBox.lijstje.bg-green .button {margin-top:32px;}
.columnBox.lijstje.bg-green .button:after {display: none;}



/* ### footer container ### */
#footerCntr { padding-top: 148px; padding-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #8B0000; position: relative;  z-index: 1; }
#footerCntr .left { padding-left: 79px; width: 29%; }
#footerCntr h3 { padding-bottom: 15px; font-size: 20px; font-weight: 700; color:#fff;}
#footerCntr ul { list-style: none; }
#footerCntr address { width: 216px; font-size: 16px; font-weight: 400; font-style: normal; line-height: 2.3; letter-spacing: 0.3px; color: #fff; }
#footerCntr address li { padding: 0; }
#footerCntr address li a { display: block; font-size: 16px; font-weight: 400; color: #fff; }
#footerCntr address li a:hover { color: #fff; }
#footerCntr .social { padding: 41px 0 42px; }
#footerCntr .social ul { display: flex; flex-wrap: wrap; }
#footerCntr .social li { padding: 0 22px 0 0; }
#footerCntr .social li a { display: inline-block; font-size: 19px; color: #fff; }
#footerCntr .social li a:hover { color: #fff; }
#footerCntr .privacy ul { display: flex; flex-wrap: wrap; }
#footerCntr .privacy li { padding: 0 10px 0 0; }
#footerCntr .privacy li a { display: inline-block; font-size: 14px; }
#footerCntr .privacy li a:hover { color: #0097b8; }
#footerCntr .right { width: 53.1%; }
#footerCntr .box { display: flex; flex-wrap: wrap; width: 100%; }
#footerCntr .menu { width: 53.8%; }
#footerCntr .menu li { padding: 6px 0 5px; }
#footerCntr .menu li a { font-size: 14px; font-weight: 600; letter-spacing: 0.2px; text-transform: uppercase; color: #fff; }
#footerCntr .menu li a:hover { color: #fff; }
#footerCntr .menu li .view { position: relative; color: #fff; }
#footerCntr .menu li .view:after { position: absolute; top: 5px; right: 20px; font-family: 'icomoon'; font-size: 11px; color: #fff; content: '\e90b'; }
#footerCntr .menu li .view:hover { color: #0097b8; }
#footerCntr .menu li .view:hover:after { color: #fff; }
#footerCntr .newsletter { margin: 48px 0 0 0px; width: 95%; }
#footerCntr .newsletter form { position: relative; }
#footerCntr .newsletter .form-control { padding: 0 85px 22px 0; width: 100%; font-size: 50px; font-weight: 800; color: #8B0000; border: 0; border-bottom: solid 1px #8B0000; background-color: #0B6B6F; }
#footerCntr .newsletter .btn { position: absolute; top: 0; right: 0; width: 64px; height: 64px; font-size: 16px; border: 0; background-color: #ff7701; transition: all 0.4s ease-in-out; cursor: pointer; }
#footerCntr .newsletter input::placeholder { color: #8B0000; }
#footerCntr .newsletter p { padding: 31px 0 0 2px; font-size: 14px; color: #8B0000; }
#footerCntr .newsletter .btn:hover { background-color: #8B0000; }


/* ### 404 box ### */
.error-404 { width: 100%; position: relative; text-align: center; margin-bottom: 192px; padding-top: 40px; }
.error-404 h1 { margin-top: 48px; margin-bottom: 32px; font-size: 48px; font-weight: 700;}
.error-404 p { font-weight: 700; padding: 0 0 0 48px; text-align: center; margin-bottom: 34px; }
.error-404 p a { color: #EF4036; text-decoration: underline; text-align: center; font-weight: 400;}
.error-404 p a:hover { text-decoration: none; }
.error-404 .button { transition: all 0.3s; border-radius: 50px; text-decoration: none; text-transform: uppercase; background: #867446; font-size: 18px; font-weight: 700; color: #fff; display: inline-block; padding: 17px 39px 21px; position: relative; }
.error-404 .button:hover { opacity: 0.8;  background: #867446;}
.error-404 img {max-width: 640px; margin: 0px auto; margin-bottom: 64px;}


/* ### Filter custom styles ### */
.facetwp-load-more {background:#000; color:#fff; border:0px; padding: 24px; cursor: pointer; margin: 0px auto;}
.facetwp-radio {float:left;margin: 0 1px 40px 5px; font-size: 16px;color: #fff; display: inline-block; background-color: none!important;text-decoration: none; position: relative; font-weight: 700; text-align: center; background-image:none!important;  border: 1px solid #fff; display: inline-block;font-size: 20px;font-weight: 800; text-transform: uppercase; padding-left: 0px!important; padding: 6px 26px!important;}
.facetwp-radio:hover, .facetwp-radio.checked {color: #fff; background-color: #0097b8!important;}
.facetwp-facet {margin:0px 0px 80px 0px;width: 100%; float: left;position: relative; text-align: center;}
span.facetwp-counter {display: none;}
.facetwp-load-more {padding: 21px 35px; font-size: 16px;color: #fff; display: inline-block; border-radius: 100px; background: #113b52!important;text-decoration: none; position: relative; font-weight: 700; text-align: center;  border:none; cursor: pointer; }
.facetwp-load-more:hover {opacity: 0.8;}


/* ### blog custom styles ### */
#related_posts {width: 100%; float:left; margin-top: 80px;}
#related_posts ul {width: 100%; list-style: none; margin: 0px auto;}
#related_posts ul li {float: left; width: 40%; margin-right: 32px;}
#related_posts ul li img {width: 280px; height: auto;}
#related_posts ul li:last-child {float: right;}
#related_posts h3.related {color:#0B6B6F;  margin-bottom: 32px;}
#related_posts h3 a {font-size: 24px; margin-bottom: 0px;}


.gform_button {padding:16px!important; border:none!important; cursor: pointer;}

.single h3 {font-size: 32px; color: #4CB8CD; margin: 20px 0px 10px 0px;}
.single-vacatures h3 {color:#0B6B6F; margin-top: 32px;}
.single .list li {
	padding: 10px 1px 15px 46px;
	position: relative;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #0B6B6F;
	list-style: none;
}

.single .list li::after {
	position: absolute;
	top: 13px;
	left: 0;
	font-family: 'icomoon';
	font-size: 20px;
	color: #ff5d10;
	content: '\e908';
}

.page-id-3570 #bannerCntr .image img {width: 100%;}

.logocert{
	margin-left: 10px; margin-top: 10px;
}

.keurmerk {background:#fff; padding: 8px!important; border-radius: 4px; margin-top: 32px; margin-left: 0px!important;}
.keurmerk img {
	max-width: 180px;
	height: auto;
}

ul.karakter li {
	color: #4CB8CD;
	display: block;
	width: 100%;
	line-height: 36px;
	font-size: 20px;
}

ul.karakter {
	background: none;
	width: 100%;
	padding: 10px;
	margin-bottom: 32px;
}

.popupBox .karakter li:before {
	margin-right: 32px;
	width: 34px;
	height: 24px;
	content: '';
	background-image: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-img2.png');
	background-repeat: no-repeat;
	float: left;
	margin-top: 8px;
}
.columnBox ul.lijstje li{ font-size: 22px; line-height: 40px; padding: 10px; 	font-weight: 700; }
.columnBox ul.lijstje li:before {
	background: url('https://www.aapluszorg.nl/wp-content/themes/aa-zorg/images/arrow-img2.png') left 0 no-repeat ;
}

.naw {
	margin-top: 50px;
	font-size: 20px;
	line-height: 40px;
	color:#8B0000;
}

.naw a {
	color:#8B0000;
}

.naw strong {
	font-size:30px;
}

.button2 {
	background: #8B0000;
	padding: 10px 30px;
	margin-top: 20px;
	color: #fff !important;
	border-radius: 36px;
}


/* # keyframes 
================================================== */
#scroll::-webkit-scrollbar-track {
	border-radius: 35px;
	background-color: #0d3771;
}
#scroll::-webkit-scrollbar {
	width: 8px;
}
#scroll::-webkit-scrollbar-thumb {
	border-radius: 35px;
	background-color: #0097b8;
}
ß
@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes pencil {
	0% {
	   stroke-width: 0.5em;
	}
	75% {
	   stroke-width: 0.25em;
	}
	100% {
	   stroke-width: 0.1em;
	}
 }
 @keyframes pencil {
	0% {
	   stroke-width: 0.5em;
	}
	75% {
	   stroke-width: 0.25em;
	}
	100% {
	   stroke-width: 0.1em;
	}
 }
 
 
 
.page-id-4642 .columnBox.textBox {padding-top: 120px;}

.page-id-4616 .placeBox.bg-green {margin-top: 0px;}

.list-bg {background:#8B0000; border-radius: 24px; padding:24px 40px; color:#fff; margin-bottom: 24px;}
.workBox.centered .box .content ul {margin-bottom: 24px; padding-top: 24px;}
.workBox.centered .box .content ul li {margin-left: 24px; color:#fff;}
.page-id-4645 .workBox.centered .box .content p em {font-size: 12px; line-height: 12px;}

.workBox.centered .box .content p em {font-size: 19px; }
.workBox.centered .box .content p a.button {color:#fff; width: 100%; font-size: 18px; text-decoration: none; padding-top: 8px; padding-bottom: 8px; margin-top: 16px;}
.workBox.centered .box .content p.small {font-size: 14px; line-height: 18px; font-style: italic; padding-left: 32px;}

.gform_fields label {color:#202020;}


/* #Media Queries
================================================== */
 
@media only screen and (max-width: 2560px) and (min-width: 2000px)  {
	
	.page-id-3570 #bannerCntr .image img { 	width: 91%;}

	.workBox { padding-top: 140px;}
	
	
	
}

@media only screen and (max-width: 1999px) {

	.employeeBox .block { width: 700px; }
	.employeeBox.give .block { width: 700px; }
	.employeeBox.give .block .top-sep { top: -2px; }

 }


@media only screen and (max-width: 1439px) {
	#bannerCntr .trangle-bg:after { right: 90%; }
	.vacancieBox .tab-menu ul { margin: 0; }
	.vacancieBox h2 { font-size: 250px; }
	.placeBox .box { padding: 105px 30px; }
	.placeBox .accordion-click { font-size: 32px; }

	.employeeBox .block { width: 100%; }
	.employeeBox.give .block { width: 100%; }
	.employeeBox .bg { bottom: -140px; }
	.employeeBox.give { padding-top: 260px; }
	



}

@media only screen and (min-width: 2000px)  {

	.workBox { padding-top: 200px;}
	.page-id-4642 .workBox {padding-top: 352px;}
	
	

	}

@media only screen and (min-width: 1600px) and (max-width: 1999px)  {
  
	.workBox { padding-top: 140px;}
.home .workBox {padding-top: 140px;}
   
    }



@media only screen and (min-width: 1400px) and (max-width: 1599px)  {
   .workBox { padding-top: 140px;}
   
    }

@media only screen and (max-width: 1299px) {
	
	.centered { padding-right: 15px; padding-left: 15px; }
	#headerCntr .logo { margin: 10px 0 0; }
	.menuBox:not(.mm-menu) { padding-right: 70px; position: relative; z-index: 1; }
	.menuBox:not(.mm-menu) ul li { padding: 62px 0 56px 35px; }
	.jobsBox .left { padding-left: 160px; width: 60%; }
	.jobsBox .right { padding-right: 0; }
	.BrancheBox h2 { margin-left: 0; font-size: 120px; }
	.BrancheBox .box { margin-top: 0; }
	.BrancheBox .left { padding-top: 100px; }
	.BrancheBox .right { max-width: 54%; }
	.BrancheBox .content { left: -50px; }
	.employeeBox { padding-top: 50px; }
	.employeeBox .left { padding-left: 20px; }
	.employeeBox .image { width: 55%; }
	.employeeBox .bg { margin-left: 0; position: relative; bottom: 0; }
	.employeeBox.give .block .bottom-sep { left: 1px; bottom: -1px; }
	.employeeBox .block .bottom-sep { bottom: -1px; }
	.employeeBox .line-count::after { display: none; }
	.employeeBox.give { padding-bottom: 150px; padding-top: 100px; }
	.employeeBox.give .left { padding-top: 0; width: 49%; }
	.employeeBox.give .left p { padding: 102px 20px 0 0; font-size: 35px; }
	.employeeBox.give .bg { bottom: 0; }
	.daaromBox { padding-top: 100px; padding-bottom: 150px; }
	.daaromBox .left h2 { font-size: 50px; }
	.daaromBox .right { padding-top: 60px; width: 60%; }
	.daaromBox .tabs li a { font-size: 23px; }
	.daaromBox .list li { font-size: 23px; }

	.dreamBox .top-sep { height: 165px; }
	.dreamBox .bottom-sep { height: 165px; }

	.vacancieBox h2 { font-size: 190px; }
	.vacancieBox .content { padding: 0 0 0 35px; width: 35%; }
	.vacancieBox .filter-bg { padding: 50px 30px; }
	.vacancieBox .tab-menu a { font-size: 13px; }
	.vacancieBox .tab-menu li:last-child { margin-right: 0; }
	.skillsBox .left { width: 55%; }
	.skillsBox h2 { font-size: 50px; }
	.skillsBox .text { left: 0; }
	.skillsBox h3 { font-size: 40px; }
	.placeBox h2 { padding-left: 0; font-size: 50px; text-align: center; }
	.placeBox .accordion-click { font-size: 28px; }
	.registrationBox.inner .box { padding: 60px 40px; }
	.registrationBox .left { width: 42%; }
	.registrationBox .right { padding-left: 0; }
	.registrationBox .form { justify-content: space-between; }

	.primerBox { margin-bottom: 100px; }
	.primerBox .box {  max-width: 700px; }
	.offerBox .box { max-width: 700px; }

	.vacancieBox .view { bottom: 52px; }
	.vacancieBox .tab-content ul { padding: 50px; }

	.learnBox .content { max-width: 710px; }
	.learnBox h2 { font-size: 35px; }
	.learnBox .box { margin-left: 0; }
	.learnBox .plus-img { left: 40px;}

	.workingBox { padding-top: 240px; padding-bottom: 0; }
	
	.vacancieBox.over_ons .plus-img { left: 50px; }
	.vacancieBox.over_ons .filter-bg { padding:  28px 35px;  }
	.vacancieBox.over_ons .accordion { padding: 45px 60px; }

	.profileBox .item .box { width: 100%; }
	.profileBox h3 { font-size: 17px; }
	.profileBox .block { margin-bottom: 0; }
	.profileBox .space { padding: 20px 25px; }
	.profileBox:before { right: -650px }

	#footerCntr { padding-top: 70px; }
	#footerCntr .left {  width: 32%; }
	#footerCntr .newsletter { margin: 48px 0 0; width: 100%; }
	#footerCntr .newsletter .form-control { font-size: 45px; }
	
	
	#bannerCntr {
    position: relative;
    height: 400px;
}


#bannerCntr .content {
    padding-top: 40px;
    padding-left: 254px;
    padding-right: 34px;
    position: relative;
    z-index: 1;
    max-width: 530px;
    width: 100%;
    height: 100%;
    text-align: right;
}



.jobsBox .left {
    padding-left: 200px;
    width: 60%;
    margin-top: -30px;
}

.jobsBox .title::after {
    top: -80px;
    height: 280px;}


.daaromBox .left .button {
    padding: 21px 10px 22px;
    text-align: left;}
	
.daaromBox .tabs li {
	padding: 0 0px 0 15px;}
	



#bannerCntr.inner {
    height: 400px;
}

.workBox .box {
    max-width: 80%;}

.teamBox h3 {
    padding: 0 15% 0 182px;}
	
	
	.popupBox .content {
    padding: 45px 92px 30px 62px;}

.popupBox .content::after {
    height: 295px; right: -22px;}

.popupBox .popup {
    height: 420px;}
	
.workBox .content {
    width: 100%;
}
	
	.columnBox .holder {
		margin: 0 0px;}
	
	.columnBox ul.list li {
		font-size: 18px !important;}
	
.profileBox {
    padding-top: 60px;
	padding-bottom: 0px;}
	




#bannerCntr .all {
    margin-left: 40px;
    padding-left: 80px;}

#bannerCntr .all::after {
    width: 60px;}

#bannerCntr.vacature h1 {
    font-size: 48px;}
	

	
	
.workingBox .item {
    width: 240px;
	margin: 10px 0 -15px 0;}
	
.workingBox .item img {
    margin: 0 auto;
	width: 30%;}

	
	
}

@media only screen and (max-width: 1024px) {
	
	#bannerCntr.inner {padding-top: 248px;}
	#bannerCntr .image, #bannerCntr .image img {width: 100%;}
	#bannerCntr.inner .content {height: 348px;}
	#bannerCntr.inner .content {padding-top: 40px;}
	
	.home .workBox {padding-top: 260px;}

	.columnBox.textBox .holder .content p {min-height: 78px;}
	
	.textBox {padding-top: 240px;}

	.page-id-4646 #bannerCntr.inner .content {height: 248px;}
	.workBox {padding-top: 120px;}
	.workBox h2 {padding-bottom:24px;}
	
	.workBox .block {padding-top: 98px;}
	.page-id-4642 .columnBox.textBox {padding-top: 230px;}
	
}

@media only screen and (max-width: 991px) {
	#headerCntr .logo { max-width: 90px; }
	#headerCntr .icon { top: 2px; }
	#headerCntr .icon li { margin: 0 0 6px; }

	.menuBox:not(.mm-menu) { padding-right: 43px; }
	.menuBox:not(.mm-menu) ul li { padding: 37px 8px; }


	#bannerCntr .content { max-width: 425px; padding-left: 120px; }
	#bannerCntr.vacature .content { padding-left: 40px; max-width: 430px; }
	#bannerCntr.over-ons .content { max-width: 435px; padding-left: 100px; }

	#bannerCntr .all { margin-left: 90px; }
	#bannerCntr .btn-arrow { left: 50px; }


	.jobsBox .title .btn-arrow { right: -91px; }
	.jobsBox .left { padding-left: 50px; width: 52%; }
	.jobsBox .plus-img { left: 40px; }
	.jobsBox .title:after { right: -80px; }
	.jobsBox .right { width: 48%; }
	.jobsBox .right .bg { padding: 40px 30px; }
	.BrancheBox h2 { font-size: 170px; }
	.BrancheBox:after { right: 0; }
	.BrancheBox .left { width: 31%; }
	.BrancheBox .list ul:after { left: -50px; }
	.BrancheBox .list li a { font-size: 30px; }
	.BrancheBox .list li.active a:after { font-size: 35px; }
	.employeeBox .left { width: 44%; }
	.employeeBox h2 { font-size: 50px; }
	.employeeBox p { font-size: 30px; }
	.employeeBox .bg { padding: 35px; position: relative; bottom: 0; }
	.employeeBox .title h3 { font-size: 37px; }
	.employeeBox .btn { padding-top: 0; width: 44%; }
	.employeeBox.give { padding-top: 125px; }
	.employeeBox.give .left p { font-size: 28px; }
	.employeeBox.give .bg { padding: 35px; }
	.daaromBox { padding-top: 80px; padding-bottom: 50px; }
	.daaromBox .left { width: 100%; }
	.daaromBox .left p { padding: 50px 0 80px 6px; }
	.daaromBox .right { width: 100%; }
	.daaromBox .tabs { padding-bottom: 45px; }
	.dreamBox .top-sep { height: 130px; }
	.dreamBox .bottom-sep { height: 130px; }
	.dreamBox .content { padding: 35px  50px; }
	.registrationBox .box { padding: 70px 50px; width: 100%; max-width: 100%; }
	.registrationBox .form { justify-content: space-between; }
	.registrationBox .left { margin-left: 0; width: 45%; }
	.registrationBox .right { width: 50%; }
	.registrationBox .check { padding: 3px 0 0 7px; }
	.workBox { padding-top: 140px; }
	.workBox h2 { font-size: 50px; }
	.workBox .block { padding-left: 10px; }
	.workBox p { padding-right: 15px; }
	.vacancieBox { padding-top: 30px; padding-bottom: 100px; }
	.vacancieBox h2 { font-size: 150px; }
	.vacancieBox .call h5 { font-size: 20px; }
	.vacancieBox .button { font-size: 17px; }
	.vacancieBox .filter-bg { padding: 30px; }
	.vacancieBox .tab-menu .title { padding-bottom: 10px; }
	.vacancieBox .tab-menu a { padding: 6px 17px; }
	.vacancieBox .filter-bg:after { width: 150px; height: 150px; background-size: 150px; }
	.vacancieBox .view { bottom: 30px; }
	.skillsBox { padding-top: 120px; }
	.skillsBox h2 { font-size: 38px; transform: translateX(42px); }
	.skillsBox p { padding: 41px 0 52px 41px; }
	.skillsBox h3 { margin-bottom: 55px; font-size: 30px; }
	.skillsBox p ~ p { padding: 44px 50px 52px 32px; }
	.placeBox .box { padding: 50px 10px; }
	.placeBox .accordion { width: 100%; }
	.placeBox .left { width: 100%; }
	.placeBox .right { width: 100%; }
	.primerBox { margin-bottom: 50px; }
	.primerBox .box {  max-width: 650px; }
	
	.offerBox .box { max-width: 650px; }
	.offerBox h2 { font-size: 50px; }
	.offerBox li { font-size: 20px; }
	.offerBox .button { padding: 38px 43px; font-size: 30px; }
	.offerBox .big-button { margin: -28px -5px 0 0;}
	
	.learnBox .content { max-width: 590px; }
	.learnBox .text { width: 45%; }
	.learnBox .call { display: inline-table; }

	.teamBox h3 { padding:  0 40px; }
	.teamBox .js-team-slider { margin: 54px 0 0 0; }
	.teamBox .slider-btn { padding-bottom: 100px; }
	.teamBox .brand-logo .img img { width: 140px; }

	.dreamBox.step h2 { padding-bottom: 40px; }
	.dreamBox.step .content { padding: 40px 70px; }

	.workingBox { padding-top: 180px; }
	.workingBox:before { left: -700px; }
	.workingBox h2 { font-size: 50px; }

	.greatBox .content { padding: 60px 160px;  }
	.greatBox .content::before { height: 250px; right: 120px; }
	.greatBox .content:after { right: 500px; }
	.greatBox h2 { font-size: 50px; }
	.greatBox .button { margin: 46px 0 0 0; }

	.profileBox:before { right: -620px; }
	.profileBox .block { margin-left: -25px; margin-right: -25px; }
	.profileBox .item { padding-left: 25px; padding-right: 25px; }

	.vacancieBox.over_ons { margin-bottom: 50px; }
	
	.curiousBox .title { padding: 100px 50px; }
	
	#footerCntr { padding-top: 80px; }
	#footerCntr .left { padding-left: 0; width: 37%; }
	#footerCntr .right { width: 58%; }
	#footerCntr .menu { width: 49%; }
	#footerCntr .menu li .view:after { right: 0; }
	#footerCntr .newsletter .form-control { font-size: 34px; }
	
	
	#bannerCntr h1 {
	font-size: 50px;}
	
	.jobsBox h2 {
	font-size: 50px;}
	
	#bannerCntr .content {
		padding-right: 80px;}
	
	#bannerCntr .content::after {
		right: 45px;}
	
	#bannerCntr .content::before {
		right: 60px;}
	
	.jobsBox .title::after {
    top: -110px;
    height: 240px;}
	
	.jobsBox .title .btn-arrow {
		top: -16px;}
	
	#bannerCntr.inner .content {
    padding-top: 70px;
    padding-left: 80px;
    max-width: 426px;
    text-align: left;
    height: 280px;}
	
	
	.popupBox h2 {
    font-size: 30px;}

.popupBox .content::after {
    height: 215px;
    right: 150px;
}

.popupBox .content {
    padding: 45px 200px 30px 40px;
}

.popupBox .text {
    margin-bottom: 60px;}

.popupBox ul {
    padding: 20px 20px;}
	
ul.karakter {
    margin-left: 0px;}
	
	.popupBox a {
    padding: 10px;}
	
	.columnBox.lijstje {
    padding: 10px 50px;}
	
	.vacancieBox .tab-content ul {
    padding: 15px 10px;}

.facetwp-radio {
    margin: 0 1px 30px 1px;}

.vacancieBox .button {
    padding: 9px 20px;
}
	
	.vacancieBox.all .filter-bg {
		padding: 50px 20px 10px 20px;}
	
	#bannerCntr.vacature h1 {
    font-size: 35px;
}
	#bannerCntr.vacature {
    height: 320px;
}
	

	
	
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
	
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	
	#headerCntr .logo {margin:10px 0 10px 0;}
	
	.home #bannerCntr .image img, #bannerCntr .image img {width: 100%;}
	
	#bannerCntr.inner .content {max-width: 538px; height: 362px;}
	.home #bannerCntr.inner .content {height: 362px;}
	
	.workBox {padding-bottom: 0px;} 
	.workBox .block {padding-top: 0px;} 
	
	.home .textBox {padding-top: 64px; padding-bottom:64px;}
	.textBox {padding-top: 190px; padding-bottom:64px;}
	
	.columnBox .content {padding: 0 16px;}
	.columnBox.textBox .holder .content p {min-height: 124px;}
	
	.BrancheBox h2 {font-size: 98px;}
	.BrancheBox .right .overlay {width: 100%;}
	.BrancheBox .content {left:-74px;}
	#bannerCntr.inner .content {padding-top:58px; padding-left: 52px;}
	
	.workBox .box {width: 100%;}
	.workBox.centered .box .content ul.list-bg {margin-top: 32px;} 
	.list-bg {margin-top: 32px;}

	.page-id-4645 #bannerCntr.inner .content, #bannerCntr.inner .content {height: 342px;}
	
	.page-id-4616 #bannerCntr.inner .content {height: 350px;}
	.page-id-4616 .placeBox.bg-green:first-child {margin-top: 174px;}
	.page-id-4616 .placeBox {padding-top: 0px;}
	.page-id-4616 .placeBox .accordion-click {font-size: 19px;}
	.page-id-4616 .placeBox h3 {font-size: 30px;}
	
	.workBox.centered .box .content p.small {margin-bottom: 32px;}
	.columnBox.lijstje.bg-green {margin-top: 40px;}
	
	.placeBox h2 {font-size: 40px;}
	.placeBox .accordion:last-child {border-bottom:none;}
	.placeBox .accordion-click {font-size: 24px;}
	
	.teamBox .item {width: 31%; margin-top: 32px;}
	ul.karakter li {font-size: 17px;}
	.popupBox .right {width: 47%;}
	.popupBox .popup {height: 368px;}

	#footerCntr .menu {width: 75%;}
	
	

}


@media only screen and (max-width: 767px) {
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	#headerCntr .logo { margin: 12px 0; }
	#bannerCntr h1 { font-size: 50px; }
	#bannerCntr .content { padding-left: 0; padding-right: 0; max-width: 265px; }
	#bannerCntr.inner .content { max-width: 250px; padding-left: 40px; }
	#bannerCntr.inner .image::before { width: 305px; }
	#bannerCntr .button { margin: 100px 0 0 -14px; padding: 10px 40px; }
	#bannerCntr.vacature .content { padding-left: 20px; max-width: 310px; }
	#bannerCntr.vacature h1 { font-size: 35px; word-break: break-all; }
	#bannerCntr .all { margin-left: 0; }
	#bannerCntr .btn-arrow { left: 0; }
	#bannerCntr h5 { font-size: 20px; }
	#bannerCntr.over-ons .content { max-width: 235px; padding-left: 0; }

	#bannerCntr.inner .content::after {border-radius: 48px;}
	
	
	#bannerCntr.inner .content {max-width: 100%; padding-right: 80px; top:228px;}
	#bannerCntr.inner img {border-radius: 0px;}
	
	.columnBox .holder {display: block;}

	.jobsBox .plus-img { left: 20px; }
	.jobsBox .title:after { top: -70px; right: -20px; height: 260px; }
	.jobsBox .left { width: 100%; }
	.jobsBox h2 { font-size: 50px; }
	.jobsBox .text { padding-top: 140px; }
	.jobsBox .right { margin-top: 50px; position: relative; z-index: 1; width: 50%; }
	.BrancheBox { padding-top: 20px; }
	.BrancheBox h2 { font-size: 100px; }
	.BrancheBox:after { top: -47px; width: 80px; height: 80px; background-size: 80px; }
	.BrancheBox .left { padding-bottom: 50px; width: 50%; }
	.BrancheBox .right { margin-left: auto; max-width: 83%; }
	.BrancheBox .right img { width: 100%; }
	.BrancheBox .content { left: -30px; width: 100%; }
	.BrancheBox .bottom-sep { height: 180px; }
	.employeeBox .left { width: 92%; }
	.employeeBox .left .content { max-width: 100%; }
	.employeeBox .image { width: 100%; }
	.employeeBox .bg { bottom: 150px; text-align: center; }
	.employeeBox .title { padding-bottom: 20px; width: 100%; }
	.employeeBox .btn { justify-content: center; width: 100%; }
	.employeeBox.give { padding-top: 0; padding-bottom: 0; }
	.employeeBox.give .left { order: 1; width: 100%; }
	.employeeBox.give .image { width: 100%; }
	.employeeBox.give .bg { bottom: 150px; width: 100%; }
	.employeeBox.give .title { width: 100%; }
	.daaromBox .left { padding-left: 0; }
	.daaromBox .tabs li { padding: 0 10px;  }
	.daaromBox .tabs li label { font-size: 24px; }

	.dreamBox { padding-bottom: 220px; }
	.dreamBox .content { bottom: 50px; }
	.dreamBox h2 { font-size: 38px; }
	.dreamBox .top-sep { height: 90px; }
	.dreamBox .bottom-sep { height: 90px; }
	.registrationBox { padding-bottom: 60px; }
	.registrationBox .box { padding: 70px 30px; }
	.registrationBox .left { width: 100%; }
	.registrationBox .right { padding-left: 0; width: 100%; }
	.vacancieBox .content { padding: 0 20px 50px; width: 100%; }
	.vacancieBox .content p { padding-left: 0; }
	.vacancieBox .call { margin-top: 20px; max-width: 100%; }
	.vacancieBox .filter-bg { width: 100%; }
	.skillsBox .left { padding: 0 20px; width: 100%; }
	.skillsBox h2 { transform: translateX(0); }
	.skillsBox p { padding: 40px 0; }
	.skillsBox .left .image { width: 100%; }
	.skillsBox p ~ p { padding: 44px 0; }
	.skillsBox .right { padding-top: 0; width: 100%; }
	.placeBox h2 { font-size: 40px; }

	.offerBox li { font-size: 25px; }
	.offerBox:before { background-size: 500px; width: 500px; height: 500px; right: -270px; }

	.learnBox h2 { font-size: 32px; }
	.learnBox .plus-img { left: 24px; }
	.learnBox .btn-arrow { right: -10px; }
	.learnBox .text { width: 100%; padding-bottom: 20px; }
	.learnBox .call { margin: 0 auto; }

	.teamBox { padding-bottom: 40px; }
	.teamBox h3 { font-size: 30px; }
	.teamBox .brand-logo .img { padding: 10px 0; }
	.teamBox .brand-logo .img img { width: 90px; }

	.dreamBox h2 { font-size: 32px; }

	.workingBox { padding-top: 110px; }
	.workingBox h2 { font-size: 32px; }
	.workingBox .box { margin: 0 auto 50px; }
	.workingBox .item { margin: 20px 0; }

	.greatBox .content { padding: 60px 80px; }

	.vacancieBox.over_ons .tab-menu { padding-right: 0; }
	.vacancieBox.over_ons .tab-menu li { margin-right: 10px; }
	.vacancieBox .scrollbar { margin-left: 0; }
	.vacancieBox.over_ons .accordion { padding: 40px 16px; }
	.vacancieBox.over_ons .card-box { padding: 34px 35px 28px 58px; }
	.vacancieBox.over_ons .card-headding h4:after { font-size: 25px; }
	.vacancieBox.over_ons .card-box:hover::after { font-size: 16px; }

	.profileBox .block { margin-left: -15px; margin-right: -15px; }
	.profileBox .item { padding-left: 15px; padding-right: 15px; width: 50%; }
	.profileBox .link { font-size: 14px; }

	.curiousBox:after { right: 0; }
	.curiousBox .title { padding: 80px 20px; }
	.curiousBox h3 { font-size: 30px; }

	.popupBox h2 { font-size: 30px; }
	.popupBox .content { padding: 20px 80px 20px 20px; }
	.popupBox .content:after { height: 100%; }
	.popupBox .text { margin-top: -50px; margin-bottom: 0; }
	.popupBox .left { width: 100%; padding: 40px 20px; order: 2; }
	.popupBox .right { width: 100%;  order: 1; }
	.popupBox .popup { height: 325px; }
	.popupBox ul { text-align: center; padding: 20px 5px; }
	.popupBox li { margin: 0 0 10px 0; width: 100%; }
	.popupBox p { max-width: 100%; }
	.popupBox .bg { max-width: 100%; }

	.mfp-close-btn-in .mfp-close { margin: -17px  0; }

	#footerCntr .left { padding-bottom: 40px; width: 100%; text-align: center; }
	#footerCntr address { width: 100%; }
	#footerCntr .social ul { justify-content: center; }
	#footerCntr .social { padding: 25px 0; }
	#footerCntr .privacy ul { justify-content: center; }
	#footerCntr .right { width: 100%; }
	#footerCntr .menu { width: 100%; text-align: center; }

	
	#bannerCntr.inner {padding-top:0px;}
	.workBox .block {padding-top: 0px;}
	.teamBox .item {width: 100%; margin-bottom: 0px;margin-top: 32px;}
	
	.columnBox .content {flex:inherit; margin-bottom: 40px;}
	.placeBox .accordion:last-child {border-bottom:none;}
	
	.textBox {padding-bottom: 0px;}
	.BrancheBox h2 {font-size: 43px;}
	.BrancheBox .right .overlay {width: 100%;}
	.BrancheBox .right p {padding-top: 40px;}
	
	.columnBox.lijstje.bg-green {margin-top: 40px;}
	.columnBox.lijstje.bg-green h2 {font-size: 36px; margin-bottom: 24px;}
	
	
	.page-id-4642 #bannerCntr.inner .content::after {height: 400px;}
	.page-id-4642 .columnBox.textBox {padding-top: 300px;}
	
	#footerCntr {padding-top: 120px;}
	
	#bannerCntr .image {width: 100%;}
	
	
}

@media only screen and (max-width: 479px) {
	
	
	
	#headerCntr .icon { display: none; }
	#headerCntr .mobileMenu { right: 5px; }
	#bannerCntr h1 { font-size: 45px; }
	#bannerCntr .content { max-width: 183px; }
	#bannerCntr .button { margin: 101px 0 0 -14px; font-size: 18px; }
	#bannerCntr.vacature .content { padding-top: 180px; max-width: 210px; }
	#bannerCntr .btn-arrow { top: 205px; left: 150px; }

	.jobsBox .left { padding-left: 40px; left: 40px; }
	.jobsBox .title:after { right: 50px; }
	.jobsBox h2 { font-size: 45px; }
	.jobsBox h3 { font-size: 40px; word-wrap: break-word; }
	.jobsBox .right { width: 100%; }
	.jobsBox .right .bg { padding: 35px 15px; }
	.jobsBox .right h4 { font-size: 30px; }
	.jobsBox .title .btn-arrow { right: 40px; }

	.BrancheBox h2 { font-size: 60px; }
	.BrancheBox .left { padding-top: 50px; width: 66%; }
	.BrancheBox .list ul:after { height: 435px; }
	.BrancheBox .list li a { font-size: 25px; }
	.BrancheBox .list li.active a:after { font-size: 28px; }
	.BrancheBox .right { max-width: 90%; }
	.BrancheBox .content { padding: 20px 20px 0; left: -20px; }
	.BrancheBox .right p { height: 180px; overflow: hidden; }
	.BrancheBox .right .button { padding: 16px 55px 16px 15px; }
	.BrancheBox .right .button:before { top: 25px; }
	.employeeBox h2 { font-size: 45px; }
	.employeeBox p { font-size: 25px; }
	.employeeBox .bg { padding: 15px; bottom: 90px; }
	.employeeBox .title h3 { font-size: 27px; }
	.employeeBox .btn .button { font-size: 18px; }
	.employeeBox.give .bg { padding: 14px; }
	.employeeBox.give .left p { padding: 70px 10px 0 0; }
	.daaromBox .left h2 { font-size: 45px; }
	.daaromBox .tabs li { padding: 0 5px; }
	.daaromBox .left p { padding: 50px 0; }
	.daaromBox .left .button:after { display: none; }
	.daaromBox .left .button { padding: 20px 56px 22px 3px; font-size: 18px; }
	.daaromBox .left .button:before { right: 20px; }
	.daaromBox .list li { padding: 15px 1px 20px 40px; }
	.daaromBox .tabs li label { font-size: 17px; }
	.daaromBox .slider:before { width: 20px; height: 20px; }
	.daaromBox .switch { width: 65px; height: 40px; }
	.daaromBox input:checked + .slider:before { transform: translateX(26px); }

	.daaromBox .list li:after { font-family: 20px; }
	.dreamBox .content { padding: 50px; bottom: 40px; }
	.dreamBox h2 { padding-bottom: 20px; font-size: 30px; }
	.dreamBox img { width: 550px; }
	.registrationBox .box { padding: 70px 15px 30px; }
	.registrationBox .box:after { right: 10px; }
	.registrationBox label { margin-left: 0; }
	.registrationBox .button { width: 100%; font-size: 18px; }
	.workBox h2 { font-size: 40px; }
	.workBox .content { width: 100%; }
	.workBox .content p { padding: 0 0 20px; }
	.vacancieBox h2 { font-size: 50px; }
	.vacancieBox .tab-menu li { margin: 0 10px 20px 0; width: 45%; }
	.vacancieBox .tab-menu li a { display: block; }
	.vacancieBox.over_ons .card-box { padding: 34px 25px 28px 48px; }
	.vacancieBox.over_ons .card-box h4 { font-size: 14px; }
	.vacancieBox.over_ons .card-box h4:after { top: 30px; font-size: 22px; }
	.vacancieBox.over_ons .card-box::after { font-size: 14px; }
	.vacancieBox .tab-content li a:before { margin-right: 10px; }


	.skillsBox .text { margin: -102px auto 0; padding: 30px; }
	.skillsBox h3 { margin-bottom: 25px; font-size: 22px; }
	.skillsBox span { margin-left: 0; }
	.interestedBox { padding-top: 40px; padding-bottom: 40px; }
	.placeBox .box { padding: 50px 0; }
	.placeBox .accordion-click { padding-right: 35px; font-size: 21px; }
	.registrationBox.inner .box:after { top: -45px; font-size: 98px; }
	.registrationBox.inner .box { padding: 40px 20px; }

	.vacancieBox .scrollbar { margin-left: 0; }
	.vacancieBox .tab-content ul { padding: 30px 20px; }
	.vacancieBox .filter-bg { padding: 20px; }
	.vacancieBox .filter-bg:after { display: none; }
	.vacancieBox .view { margin-right: 20px; }

	.offerBox:before { display: none; }
	.offerBox h2 { font-size: 40px; }
	.offerBox li { word-break: break-all; font-size: 22px; padding-left: 39px; }
	.offerBox li:before { font-size: 20px; }
	.offerBox .button { font-size: 20px; }
	.registrationBox .box:after { font-size: 108px; }

	.teamBox:after { right: 0; }
	.teamBox h3 { padding: 0 ; }
	.teamBox .slider-btn { padding-bottom: 10px; }
	.teamBox .brand-logo { padding: 10px 0; }
	.teamBox .brand-logo .img img { width: 60px; }

	.dreamBox.step .content { padding: 40px 10px; }

	.workingBox .slider-btn { padding-bottom: 100px; }

	.greatBox .content { padding: 60px 20px; }
	.greatBox .content::before { right: 40px; }
	.greatBox .content:after { right: 240px; }

	.profileBox { padding-top: 100px; }
	.profileBox .item { width: 100%;  }

	.curiousBox:after { background-size: 150px; top: -80px; right: 0; width: 150px; height: 150px; }
	.curiousBox .title { padding: 70px 0; }

	#footerCntr { padding-top: 50px; }
	#footerCntr .menu { padding-bottom: 30px; }
	#footerCntr .menu li { padding: 8px 0; }
	#footerCntr .newsletter .form-control { padding: 0 55px 18px 0; font-size: 25px; }
	#footerCntr .newsletter .btn { width: 45px; height: 45px; }
	#footerCntr .newsletter p { padding: 15px 0 0; text-align: center; }
	
	
	


	#bannerCntr.inner .content {top:28px;}
	
.BrancheBox .content {
    bottom: -200px;}

.employeeBox.give {
    margin-top: 150px;
}
	
	.jobsBox .title::after {
    top: 0px; right: 0px; height: 160px;}


.jobsBox .title {
    margin-top: -70px;
    position: relative;
    width: 220px;
    padding-top: 30px;
}
.jobsBox .title h2{ font-size:35px;}

.jobsBox .title .btn-arrow {
    right: 0px;
    top: 80px;
}

#bannerCntr h1 {
    font-size: 35px;
}
	

	
	#bannerCntr .content::after {
    top: 140px;}

#bannerCntr .button {
    margin: 50px 0 0 -14px;}

#bannerCntr.inner h1 {
    color: #fff;
    padding-top: 30px;
}
	
	.brandBox .brand-logo .img img {
    margin: 0 auto;
    width: 90%;
}
	
	
	.popupBox h2 {
    font-size: 20px;
}
.popupBox img {
    width: 100%;
    margin: 0px 5px;
    height: 80%;
    object-fit: cover;
}

.popupBox .content::after {
    height: 215px;
    right: 140px;
    top: 0px;
}

.popupBox .left {
    width: 100%;
    padding: 0px 40px;
    order: 2;
	padding-bottom: 40px;
}
ul.karakter li {
    text-align: left;
}
.popupBox a {
    padding: 13px;
    text-align: left;
}


.popupBox .content {
    padding: 20px 130px 20px 20px;
}


.popupBox .popup {
    height: 225px;
}
#bannerCntr .image img {
    width: 100%;
}
#bannerCntr .content::after {
    top: 140px;
    height: 170px;
}
#bannerCntr.inner {
    height: 290px;
}

.workBox {
    padding-top: 220px;
}

.columnBox.lijstje {
    padding: 10px 10px;
    margin-top: -100px;
}
.columnBox ul.list {
    margin-top: 0px;
    list-style: none;
}

.holder .image img {
    height: 400px;
}
.facetwp-radio {
    font-size: 16px;
    padding: 6px 19px !important;}

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

.vacancieBox .tab-menu {
    padding-bottom: 0px;}

.vacancieBox .tab-content li a {
    padding: 16px 0 17px 0;}
	
.vacancieBox .scrollbar {
	height: auto;}
	
	.skillsBox {
    padding-top: 20px;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 180px !important;
    width: 285px !important;
}
	.registrationBox label {
		font-size: 15px;}
	
	
	#bannerCntr.over-ons .content::after {
    width: 100vw;
    height: 130px;}

#bannerCntr.over-ons .content {
    padding-top: 181px;}

#bannerCntr.over-ons {
    height: 380px;
}
	
#bannerCntr.vacature .content::after {
	height: 185px;}
#bannerCntr.vacature h1 {
    font-size: 26px; word-break: inherit;}

#bannerCntr.vacature .content::after {
    height: 220px;}

#bannerCntr.vacature .content::before {
    right: 200px;
    top: 165px;
}

#bannerCntr .all {
    bottom: -75px;}

.workBox .box {
    max-width: 100%;
}

#related_posts ul li:last-child {
    float: left;
}
#related_posts ul li {
    width: 100%;}
	
	
	#bannerCntr h1 {line-height: 32px;}
	#bannerCntr.inner {padding-top: 0;}
	#bannerCntr .content::after {height: 300px; top:120px;}
	.page-id-4619 #bannerCntr .content::after {height:400px; }
	.home #bannerCntr .content::after {top:148px;}
	#bannerCntr.inner .content::after {width: 104vw;}
	#bannerCntr .button {margin:24px 0 0 -14px;}
	#bannerCntr.inner .content {padding-top: 146px;}
	
	.page-id-4616 #bannerCntr.inner .content::after {height: 266px;}
	
	
	.home .workBox {padding-top: 216px;}
	
	.workBox {padding-bottom: 0px;}
	.workBox h2 {font-size: 36px;}
	.home .textBox {padding-top: 0px;}
	
	.textBox {padding-top:240px;}
	
	.columnBox.textBox .holder .content p {min-height: 48px;}
	.workBox.centered .box .content p a.button {font-size: 16px;}
	
	.list-bg {padding: 24px;}
	
	.workBox .content p {padding:0 0 8px;}
	
	.placeBox h2 {font-size: 32px;}
	.placeBox:first-child .box {margin-top: 116px;}
	
	.placeBox .accordion-click,.page-id-4666 .placeBox .accordion-click {font-size: 16px; padding:35px 48px 42px 0px;}
	.placeBox .accordion-click::after {font-size:24px; top:31px;}
	.page-id-4616 .placeBox.bg-green {padding-top: 0px;}
	
	.placeBox .box {padding-bottom: 0px;}
	.placeBox h3 {font-size: 28px;}
	ul.karakter li {font-size: 17px;}
	
	
	.page-id-3592 #bannerCntr .content::after {height: 146px;}
	.page-id-3592 .workBox {padding-top: 64px;}
	.workBox.centered .box .content ul {padding-left: 0px;}
	.workBox.centered .box .content ul li {font-size: 16px;}
	
	
	
}