
@font-face {
  font-family: "magictoolbox-thin";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("data:font/opentype;base64,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");
}
@font-face {
  font-family: 'RobotoBold';
  src: url(../fonts/roboto/Roboto-Bold.ttf);
}
@font-face {
  font-family: 'RobotoMedium';
  src: url(../fonts/roboto/Roboto-Medium.ttf);
}
@font-face {
  font-family: 'RobotoRegular';
  src: url(../fonts/roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: 'RobotoItalic';
  src: url(../fonts/roboto/Roboto-Italic.ttf);
}


body {font-family: RobotoRegular; font-size: 13pt; color: #000; margin: 0;}
a {text-decoration: none; color: inherit;}
p a {text-decoration: underline; color: #8e85b3;}
p a:hover {text-decoration: none;}
h1 {font-family: RobotoBold; font-size: 45pt; margin: 30px 0 0 0; font-weight: bold; color: #d59ead;}
h2 {font-family: RobotoMedium; font-size: 35pt; margin: 60px 0 30px; font-weight: bold; text-align: center;}
h3 {font-family: RobotoMedium; font-size: 25pt; margin: 10px 0 5px; font-weight: bold; text-align: center;}
h4 {margin: 0; font-family: RobotoMedium; font-size: 18pt; text-align: center;}
p {margin: 0; line-height: 1.7;}
ul, ol {line-height: 1.7; margin: 0;}
img {max-width: 100% !important;}
.container {max-width: 1200px; margin: auto;}
.flex_box {display: flex; width: 100%; justify-content: space-between;}
.title {font-family: RobotoBold; margin-top: 30px;}
.note {font-family: RobotoItalic; text-align: center; font-weight: bold; font-size: 22px;}
.note_h1 {font-size: 26px; margin: 20px 0; color: #8e85b3; font-family: RobotoBold;}
.text_center {text-align: center;}
hr.hr {background: url('../images/logo_2_icon.png') no-repeat center center; background-size: 100px; margin: 60px 0; padding: 10px 0; border: none;}
select {appearance: none;}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.p_0 {padding: 0;}
.p_70 {padding: 70px 0;}
.pl_30 {padding-left: 30px;}
.mt_15 {margin-top: 15px;}
.mt_30 {margin-top: 30px;}
a:hover, a:focus {color: #8e85b3;}
:focus {outline: -webkit-focus-ring-color auto 0px;}



/*   HEADER   */
header {font-size: 14pt; padding: 8px 0; z-index: 100; position: relative;}
.content_header {justify-content: space-between;}
.wrapper_logo {max-width: 144px;}
header .wrapper_menu {display: flex; flex-direction: column;}
header .wrapper_menu ul {list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: flex-end; padding: 7px 0px;}
header .wrapper_menu ul li {padding: 0 15px; position: relative;}
header .wrapper_menu > ul li:last-child {padding-right: 0;}
header .header_links {font-size: 12pt; font-family: RobotoBold;}
header .login_menu {font-size: 13pt; font-family: RobotoItalic;}
header .login_menu img {height: 20px; vertical-align: middle; margin-right: 6px;}
header .login_menu > li:not(:first-child) {border-left: 2px solid #d59ead;}
header .wrapper_menu .menu_level_2 {display: none; position: absolute; width: 200px; right: 0; top: 100%; text-align: right; background: #fff;}
header .wrapper_menu .parent_item_menu:hover .menu_level_2 {display: block;}
header .wrapper_menu .menu_level_2 li {padding: 0;}
.mobile_btn_menu {margin-top: 15px; position: relative; outline: 0!important; cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease;
    width: 20px;
    height: 20px;
    display: none;
    flex-shrink: 0;
}
.mobile_btn_menu span {width: 20px; height: 2px; background: #edc154; display: block; transition-property: transform; transition-duration: .4s; transition-timing-function: ease;position: absolute; top: 50%; left: 50%; margin: -1px -10px}
.mobile_btn_menu span:nth-child(1) {transform: translateY(-9px);}
.mobile_btn_menu span:nth-child(2) {transition-delay: .2s;}
.mobile_btn_menu span:nth-child(3) {transform: translateY(9px);}

.menu_open .mobile_btn_menu span:nth-child(1) {transform: rotate(45deg) scale(1.3); transition-delay: .2s;}
.menu_open .mobile_btn_menu span:nth-child(2) {transform: scale(0); transition-delay: 0s;}
.menu_open .mobile_btn_menu span:nth-child(3) {transform: rotate(-45deg) scale(1.3); transition-delay: .2s;}



/*   HOME   */ 
.h1_main_page {padding: 200px 30px; background: url('../images/puzzle.jpg') no-repeat center bottom; background-size: 100%; color: #8e85b3; margin: 0;}
.text_advantages, .icon_advantages {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 60px 70px;}
.icon_advantages {background: #f9f9f9;}
.icon_advantages p {text-align: center;}
.icon_advantages img {width: 150px;}
.text_advantages, .text_advantages ul, .text_advantages p {line-height: 2.5;}
.title_advantages {font-family: RobotoBold;}
.box_video .flex_box {justify-content: space-between;}
.item_video {width: 31%;}
.box_about_us {padding: 50px 50px 0 50px;}
.wrapper_icon_logo {padding: 100px 0;}
.icon_logo {width: 200px; display: block; margin: auto;}
.box_how {background: #f4f0c1; padding: 70px 170px 0 170px;}
.wrapper_four_steps {position: relative;}
.wrapper_four_steps ol {padding-left: 19px;}
.four_steps {position: absolute; font-family: RobotoBold; right: 100%; line-height: 1; width: 170px;}
.four_steps span {display: block; font-size: 23px; text-align: center;}
.four_steps span:nth-child(1) {color: #edc154; font-size: 90px;}
.four_steps span:nth-child(2) {color: #c6dad1;}
.four_steps span:nth-child(3) {color: #bcc0e5;}
.page_home .carousel_employers {margin-top: 50px;}
.box_employers {padding-top: 70px;}
.box_advantages_6 .text_advantages p {line-height: 1.5 !important;}

/*   FORMS   */
form {margin-top: 30px; margin-bottom: 50px;}
.row_form {display: flex; width: 100%; justify-content: space-between; margin-top: 10px; position: relative;}
.row_form > div {width: 100%;}
.form-group > label {background: #fff; font-family: RobotoItalic; font-size: 10pt; position: absolute; padding: 0 3px; left: 10px; top: -8px; z-index: 1;}
.form-group.required > label {padding: 0 7px 0 3px;}
.form-group.required > label:after {content: '*'; position: absolute; top: -3px; right: 0px;}
.form-group .fa-angle-down {position: absolute; right: 9px; top: 50%; line-height: 1; margin-top: -9px;}
input, textarea, select {display: block; width: 100%; border: 2px solid #69bda1; box-sizing: border-box; padding: 10px;}
.has-error input, .has-error textarea, .has-error select {border: 2px solid #d59ead;}
input::placeholder, textarea::placeholder, option.prompt, .empty_value {font-family: RobotoItalic; font-size: 10pt; color: #000;}
.box_ferify_code {margin-top: 20px;}
.wrapper_button_form {margin-top: 20px;}
.btn_submit {border-radius: 20px; padding: 6px 27px; color: #000; font-size: 15px; font-family: RobotoBold; background: #c6dad1; border: none;}
.btn_submit:hover {background: #93c5b4; color: #000; cursor: pointer;}
.help-block {font-family: RobotoItalic; color: #d59ead; font-size: 10pt;}
.forgotten_pass {font-family: RobotoItalic;}
.rezult_drop_down_list {display: block; width: 100%; border: 2px solid #69bda1; box-sizing: border-box; padding: 2px 30px 2px 10px; position: relative; min-height: 39px;}
/*.rezult_drop_down_list:after {content: ""; position: absolute; display: block; width: 12px; height: 6px; right: 7px; top: 50%; margin-top: -3px; background: url(../images/sprite.png) no-repeat -335px -133px;}*/
.drop_down_list_j {position: absolute; z-index: 999999; background: #fff; padding: 5px 15px; border: 1px solid #69bda1; left: 0; right: 0; display: none; max-height: 500px; overflow-y: scroll;}
.drop_down_list_j.active {display: block;}
.drop_down_list_j label {display: block; float: none !important; margin: 5px 0;}
.drop_down_list_j input {display: inline; width: 20px; height: 20px; border: 1px solid #69bda1;}
.filter_drop_down_list {border: 1px solid #edeaea; border-radius: 3px; padding: 0px 12px;}
.cheked_item {padding: 2px 20px 2px 2px; display: inline-block; border: 1px #93c5b4 dashed; margin: 1px; position: relative;}
.btn_delete_cheked_item {color: #93c5b4; z-index: 100; font-size: 6px; border: none; background: none; padding: 3px; position: absolute; right: 0px; top: 5px; transition: 0.1s all linear;}
.btn_delete_cheked_item:hover {cursor: pointer; transform: scale(1.3);}
.btn_delete_cheked_item:before {content: "\a001"; font: 500 13px/1 'magictoolbox-thin' !important;}
.note_use {position: relative; padding-left: 20px;}
.note_use label {position: absolute; left: 0; top: 6px;}
.note_use label input {margin: 0; border: 1px solid #000; width: 15px; height: 15px;}
/**/


/*	 CONTENT	*/
.wrapper_btn_1 {text-align: center; padding: 30px 0; line-height: 1.7 !important;}
.wrapper_btn_2 {padding: 50px 0; line-height: 1.7 !important;}
.wrapper_btn_2 .btn:not(:first-child) {margin-left: 20px;}
.btn {border-radius: 20px; padding: 6px 27px; color: #000; font-size: 15px; font-family: RobotoBold; text-decoration: none; text-align: center;}
.btn_1 {background: #d59ead;}
.btn_1:hover {background: #bcc0e5; color: #000;}
.btn_2 {background: #ceedff;}
.btn_2:hover {background: #a5ccf9; color: #000;}
.btn_3 {background: #c6dad1;}
.btn_3:hover {background: #93c5b4; color: #000;}
.btn_4 {background: #f4e38e;}
.btn_4:hover {background: #edc154; color: #000;}
.item_carousel_employer {display: flex !important; flex-direction: column; height: 150px; justify-content: center;}
.content {padding: 0 50px;}
.wrapper_text {padding-left: 30px;}
.wrapper_text ul {padding-left: 17px;}
.content_about_zzpmarkt .note_h1 {color: #8e85b3;}
.content_wil_werken .note_h1 {color: #edc154;}
.content_zoek_personeel h1 {color: #69bda1;}
.content_zoek_personeel .note_h1 {color: #d59ead;}
.content_onze_opdrachtgevers .note_h1 {color: #bcc0e5;}
.content_contact h1 {color: #edc154;}
.content_contact .note_h1 {color: #d59ead;}
.text p:not(:nth-child(-n+2)) {margin-top: 20px;}
.box_advantages_1 .text_advantages {background: #f4f0c1;}
.box_advantages_2 .text_advantages {background: #c6dad1;}
.box_advantages_3 .text_advantages {background: #bcc0e5; padding-bottom: 10px;}
.box_advantages_4 .text_advantages {background: #93c5b4; padding-bottom: 10px;}
.box_advantages_4 .icon_advantages {background: url('../images/zzper_in_de_zorg.jpg') no-repeat center center; background-size: 100%;}
.box_advantages_5 .text_advantages {background: #f4f0c1; padding-bottom: 10px;}
.box_advantages_6 .text_advantages {background: #ceedff; padding-bottom: 10px;}
.box_advantages_6 .icon_advantages {background: url('../images/gesprek.jpg') no-repeat center center; background-size: 100%;}
.box_advantages_6 .text_advantages p:nth-child(2) {line-height: 1.7;}
.content_onze_opdrachtgevers .box_employers {padding: 0 0 30px 0;}
.slick-slider > .fa {position: absolute; font-size: 30px; color: #edc154; top: 50%; margin-top: -15px; z-index: 10;}
.slick-slider > .fa.fa-angle-left {left: -13px;}
.slick-slider > .fa.fa-angle-right {right: -13px;}
.btn_close_rezult_succes, .btn_close_rezult_error {z-index: 100; font-size: 26px; border: none; background: none; padding: 0 8px; position: absolute; right: 15px; top: 0; color: #662684; transition: 0.1s all linear; cursor: pointer;}
.btn_close_rezult_succes {color: #69bda1;}
.btn_close_rezult_error {color: #edc154;}
.btn_close_rezult_succes:hover, .btn_close_rezult_error:hover {transform: scale(1.3);}
.btn_close_rezult_succes:before, .btn_close_rezult_error:before {content: "\a001"; font: 500 21px/1 'magictoolbox-thin' !important;}
.rezult {position: relative; padding: 20px 0; font-family: RobotoBold;}
.rezult_succes {color: #69bda1;}
.rezult_error {color: #edc154;}
.page_home .wrapper_btn_1 {padding-bottom: 50px;}
.content_about_zzpmarkt .wrapper_btn_2 {padding: 100px 0;}


@keyframes btn {
	0% {transform: scale(1);}
	50% {transform: scale(1.3);}
	100% {transform: scale(1);}
}
@-moz-keyframes btn {
	0% {transform: scale(1);}
	50% {transform: scale(1.3);}
	100% {transform: scale(1);}
}

@-webkit-keyframes btn {
	0% {transform: scale(1);}
	50% {transform: scale(1.3);}
	100% {transform: scale(1);}
}

/*  CALLME  */
#box_callme {display: none; position: fixed; bottom: 60px; right: 20px; background: #fff; border-radius: 50%; border: 1px solid #f4f0c1; padding: 10px; animation: callme 2s ease-in-out infinite; -moz-animation: callme 2s ease-in-out infinite; -webkit-animation: callme 2s ease-in-out infinite; z-index: 100;}
#box_callme svg {display: block;}
.mobile_body #box_callme {bottom: 104px; right: 25px;}

@keyframes callme {
	0% {box-shadow: 0 0 10px 5px #f4f0c1; color: #f4f0c1;}
	50% {box-shadow: 0 0 10px 5px #d59ead; color: #d59ead;}
	100% {box-shadow: 0 0 10px 5px #f4f0c1; color: #f4f0c1;}
}
@-moz-keyframes callme {
	0% {box-shadow: 0 0 10px 5px #f4f0c1; color: #f4f0c1;}
	50% {box-shadow: 0 0 10px 5px #d59ead; color: #d59ead;}
	100% {box-shadow: 0 0 10px 5px #f4f0c1; color: #f4f0c1;}
}

@-webkit-keyframes callme {
	0% {box-shadow: 0 0 10px 5px #f4f0c1; color: #f4f0c1;}
	50% {box-shadow: 0 0 10px 5px #d59ead; color: #d59ead;}
	100% {box-shadow: 0 0 10px 5px #f4f0c1; color: #f4f0c1;}
}


/*   FOOTER   */
footer {/*margin-top: 45px;*/ border-bottom: 5px; padding: 50px 0; background: #a5ccf9; font-size: 10pt;}
.title_item_foot {font-family: RobotoBold; margin-bottom: 15px;}
.bottom_footer {margin-top: 40px;}

.box_cookies {position: fixed; bottom: 0; left: 0; right: 0; background: #c6dad1; padding: 15px 0;}
.box_cookies p {margin: 0; text-align: center;}
.box_cookies a {background: #69bda1;}
.box_cookies a:hover {background: #93c5b4; color: #000;}
.box_cookies button {background: #69bda1; border: none;}
.mobile_body .box_cookies button {margin: 8px auto 0 !important; display: block;}
.box_cookies button:hover {background: #93c5b4; cursor: pointer;}
.bottom_footer .flex_box {flex-direction: row-reverse;}
.wrap_apps, .item_foot:nth-child(4) {width: 310px;}
.wrap_apps img {width: 150px;}
.social_networks a {color: #624a05; font-size: 24px;}


@media screen and (max-width: 1230px) {
    .container {padding: 0 15px;}
    .icon_advantages {background-size: cover !important;}
    .h1_main_page {padding: 160px 30px;}
}

@media screen and (max-width: 1199px) {
    .text_advantages, .text_advantages ul, .text_advantages p {line-height: 2;}
    h1 {font-size: 40pt;}
    h2 {font-size: 32pt;}
    .note_h1 {font-size: 24px;}
    p {line-height: 1.6;}
}

@media screen and (max-width: 991px) {
    h1 {font-size: 35pt;}
    .note_h1 {font-size: 22px; margin: 15px 0;}
    .title {margin-top: 25px;}
    /*hr.hr {background-size: 130px; margin: 25px 0; padding: 13px 0;}*/
    .wrapper_icon_logo {padding: 35px 0;}
    .icon_logo {width: 150px;}
    .text_advantages, .icon_advantages {padding: 40px 50px;}
    .box_how {padding: 50px 100px 0 100px;}
    .four_steps {width: 100px;}
    .four_steps span {font-size: 18px;}
    .four_steps span:nth-child(1) {font-size: 76px;}
    .box_employers {padding-top: 40px;}
}

@media screen and (max-width: 767px) {
    body {padding-top: 50px;}
    header {position: fixed; left: 0; right: 0; top: 0; background: #fff;}
    header .wrapper_menu {display: block; position: fixed; top: 66px; right: -100%; /*left: 100%;*/ width: 300px; /*bottom: 0;*/ background: #fff;
        transition-property: left, right;
        transition-duration: .4s;
        transition-timing-function: ease;
    }
    header.menu_open .wrapper_menu {right: 0; /*left: 0;*/}
    header .wrapper_menu ul {flex-direction: column;}
    header .wrapper_menu ul li {text-align: right;}
    header .wrapper_menu > ul li:last-child {padding-right: 15px;}
    header .login_menu > li:not(:first-child) {border-left: none;}
    header .wrapper_menu .menu_level_2 {display: block; position: relative; width: 100%;}
    header .wrapper_menu .menu_level_2 li {padding-right: 0 !important;}
    .mobile_btn_menu {display: block;}
    .wrapper_logo {max-width: 72px;}
    .content {padding: 0;}
    .text_advantages, .icon_advantages {padding: 40px 15px;}
    .text_advantages, .icon_advantages {padding: 15px;}
    h1 {font-size: 30pt;}
    h2 {font-size: 25pt;}
    .h1_main_page {padding: 50px 15px; display: flex; justify-content: center; flex-direction: column;}
    .note_h1 {font-size: 20px;}
    .wrapper_text {padding-left: 0;}
    hr.hr {background-size: 50px; margin: 40px 0; padding: 7px 0;}
    .box_video .flex_box, .wrap_items_foot .flex_box, .bottom_footer .flex_box {display: block;}
    .item_video {width: 100%; margin-top: 15px;}
    .item_foot {margin-top: 20px;}
    .title_item_foot {margin-bottom: 0;}
    .wrapper_copyright {margin-top: 30px;}
    .text_advantages, .text_advantages ul, .text_advantages p {line-height: 1.7;}
    .box_about_us, .box_how {padding: 30px 0;}
    .four_steps {display: none;}
    .wrapper_four_steps ol {padding-left: 40px;}
    .wrapper_icon_logo {padding: 15px 0;}
    .icon_logo {width: 120px;}
    .box_employers {padding-top: 30px; padding-bottom: 30px;}
    .wrapper_btn_2 {display: flex; flex-direction: column;}
    .wrapper_btn_2 .btn:not(:first-child) {margin-left: 0; margin-top: 15px;}
    .wrap_apps img {width: 100px;}
}

@media screen and (max-width: 620px) {
    .text_advantages {width: 100%;}
    .icon_advantages {display: none;}
}

@media screen and (max-width: 590px) {
    .h1_main_page {font-size: 26pt;}
    h1 {font-size: 23pt;}
}












